153 KiB
@refinedev/antd
5.37.2
Patch Changes
- #5465
00e00cbd98
Thanks @aliemir! - Fixed the type issue betweenremark-gfm
andreact-markdown
. #5463
5.37.1
Patch Changes
-
#5425
190af9fce2
Thanks @aliemir! - Updated@refinedev/core
peer dependencies to latest (^4.46.1
) -
Updated dependencies [
190af9fce2
]:- @refinedev/ui-types@1.22.4
5.37.0
Minor Changes
-
#5307
f8e407f850
Thanks @jackprogramsjp! - feat: addedhideForm
props forLoginPage
andRegisterPage
forAuthPage
feature.Now with the
hideForm
props feature, you can be able to hide the forms (like email/password) to only show the OAuth providers. This avoids having to make your own entire AuthPage.
Patch Changes
-
#5207
30a2834a81
Thanks @mjomble! - chore: updated deprecated use of antd Progress -
#5269
a23a0945d3
Thanks @BatuhanW! - feat: add "autoComplete" field for Login pages. -
#5325
7ff54b2060
Thanks @alicanerdurmaz! - fix:<AuthPage />
styling issues on mobile screens.chore: new tests are added to
<AuthPage />
.
5.36.19
Patch Changes
- #5259
eac3df87ffb
Thanks @aliemir! - Updated<AutoSaveIndicator />
component to extend the<AutoSaveIndicator />
from@refinedev/core
with custom elements and render appropriate element based on the state.
5.36.18
Patch Changes
-
#5199
2b8d658a17a
Thanks @aliemir! - NowuseSelect
,useRadioGroup
anduseCheckboxGroup
hooks accept 4th generic typeTOption
which allows you to change the type of options. By defaultTOption
will be equal toBaseOption
type which is{ label: any; value: any; }
. If you want to change the type of options, you can do it like this:import { useSelect } from "@refinedev/antd"; import { HttpError } from "@refinedev/core"; type MyData = { id: number; title: string; description: string; category: { id: string }; }; type Option = { label: MyData["title"]; value: MyData["id"] }; // equals to { label: string; value: number; } useSelect<MyData, HttpError, MyData, Option>({ resource: "posts", });
-
#5199
2b8d658a17a
Thanks @aliemir! - Updated return types ofuseSelect
,useRadioGroup
anduseCheckboxGroup
hooks to only include properties that actually being returned from the hook. Previously, the return types included all properties of the respective components, which was not correct. -
#5201
760cfbaaa2a
Thanks @aliemir! - Handle nested server side validation errors properly inuseForm
5.36.17
Patch Changes
-
#5199
2b8d658a17a
Thanks @aliemir! - NowuseSelect
,useRadioGroup
anduseCheckboxGroup
hooks accept 4th generic typeTOption
which allows you to change the type of options. By defaultTOption
will be equal toBaseOption
type which is{ label: any; value: any; }
. If you want to change the type of options, you can do it like this:import { useSelect } from "@refinedev/antd"; import { HttpError } from "@refinedev/core"; type MyData = { id: number; title: string; description: string; category: { id: string }; }; type Option = { label: MyData["title"]; value: MyData["id"] }; // equals to { label: string; value: number; } useSelect<MyData, HttpError, MyData, Option>({ resource: "posts", });
-
#5199
2b8d658a17a
Thanks @aliemir! - Updated return types ofuseSelect
,useRadioGroup
anduseCheckboxGroup
hooks to only include properties that actually being returned from the hook. Previously, the return types included all properties of the respective components, which was not correct. -
#5201
760cfbaaa2a
Thanks @aliemir! - Handle nested server side validation errors properly inuseForm
5.36.16
Patch Changes
-
#5189
34b5741289f
Thanks @BatuhanW! - chore: bump @ant-design/pro-layout dependency tov7.17.12
.
5.36.15
Patch Changes
-
#5189
34b5741289f
Thanks @BatuhanW! - chore: bump @ant-design/pro-layout dependency tov7.17.12
.
5.36.14
Patch Changes
- #5134
e4769b23171
Thanks @alicanerdurmaz! - fixed: antd default<ThemedSiderV2 />
is not collapsing.
5.36.13
Patch Changes
- #5134
e4769b23171
Thanks @alicanerdurmaz! - fixed: antd default<ThemedSiderV2 />
is not collapsing.
5.36.12
Patch Changes
- #5114
00a9252c5de
Thanks @alicanerdurmaz! - fixed:<ThemedTitleV2 />
border-bottom removed. fixed:<ThemedLayoutV2 />
glitches on first render.
5.36.11
Patch Changes
- #5114
00a9252c5de
Thanks @alicanerdurmaz! - fixed:<ThemedTitleV2 />
border-bottom removed. fixed:<ThemedLayoutV2 />
glitches on first render.
5.36.10
Patch Changes
- #5098
672f7916af7
Thanks @alicanerdurmaz! - fix:undoableNotification
does not work when usinguseNotificationProvider
due to a differentnotification
instance.
5.36.9
Patch Changes
- #5098
672f7916af7
Thanks @alicanerdurmaz! - fix:undoableNotification
does not work when usinguseNotificationProvider
due to a differentnotification
instance.
5.36.8
Patch Changes
-
#4945
b838412f0d0
Thanks @MahirMahdi! - fix: antd notificationProvider issueAntd notification component could not access theme context, now it's fixed.
This release provides an alternative to exported
notificationProvider
value from typeNotificationProvider
to() => NotificationProvider
. If you previously had customizations applied to thenotificationProvider
object, you may need to update your code like the following:- import { notificationProvider } from "@refinedev/antd"; + import { useNotificationProvider } from "@refinedev/antd"; + import { App as AntdApp } from "antd"; - const myNotificationProvider = { - ...notificationProvider, - open: (...args) => { - // do some operation here - notificationProvider.open(...args); - }, - } + const myNotificationProvider = () => { + const notificationProvider = useNotificationProvider(); + return { + ...notificationProvider, + open: (...args) => { + // do some operation here + notificationProvider.open(...args); + }, + } + } } const App = () => { return ( + <AntdApp> <Refine /* ... */ + notificationProvider={myNotificationProvider} > /* ... */ </Refine> + </AntdApp> ); }
5.36.7
Patch Changes
-
#4945
b838412f0d0
Thanks @MahirMahdi! - fix: antd notificationProvider issueAntd notification component could not access theme context, now it's fixed.
This release provides an alternative to exported
notificationProvider
value from typeNotificationProvider
to() => NotificationProvider
. If you previously had customizations applied to thenotificationProvider
object, you may need to update your code like the following:- import { notificationProvider } from "@refinedev/antd"; + import { useNotificationProvider } from "@refinedev/antd"; + import { App as AntdApp } from "antd"; - const myNotificationProvider = { - ...notificationProvider, - open: (...args) => { - // do some operation here - notificationProvider.open(...args); - }, - } + const myNotificationProvider = () => { + const notificationProvider = useNotificationProvider(); + return { + ...notificationProvider, + open: (...args) => { + // do some operation here + notificationProvider.open(...args); + }, + } + } } const App = () => { return ( + <AntdApp> <Refine /* ... */ + notificationProvider={myNotificationProvider} > /* ... */ </Refine> + </AntdApp> ); }
5.36.6
Patch Changes
-
#5026
a605e4cd318
Thanks @alicanerdurmaz! - feat: deprecated<ThemedLayout />
and<Layout />
components removed fromswizzle
. From now on, users can swizzle<ThemedLayoutV2 />
component instead.feat: swizzled
<ThemedLayoutV2 />
component destination changed tosrc/components/layout/
fromsrc/components/themedLayout
.
5.36.5
Patch Changes
-
#5026
a605e4cd318
Thanks @alicanerdurmaz! - feat: deprecated<ThemedLayout />
and<Layout />
components removed fromswizzle
. From now on, users can swizzle<ThemedLayoutV2 />
component instead.feat: swizzled
<ThemedLayoutV2 />
component destination changed tosrc/components/layout/
fromsrc/components/themedLayout
.
5.36.4
Patch Changes
-
#5022
80513a4e42f
Thanks @BatuhanW! - chore: update README.md- fix grammar errors.
- make all README.md files consistent.
- add code example code snippets.
5.36.3
Patch Changes
-
#5022
80513a4e42f
Thanks @BatuhanW! - chore: update README.md- fix grammar errors.
- make all README.md files consistent.
- add code example code snippets.
5.36.2
Patch Changes
- #4964
85b1ac0db5f
Thanks @BatuhanW! - chore: update @refinedev/core peer dependency versions.
5.36.1
Patch Changes
- #4964
85b1ac0db5f
Thanks @BatuhanW! - chore: update @refinedev/core peer dependency versions.
5.36.0
Minor Changes
-
#4914
91a4d0da9f1
Thanks @yildirayunlu! - feat:optimisticUpdateMap
prop added touseForm
hook. This prop allows you to update the data in the cache.useForm({ mutationMode: "optimistic", optimisticUpdateMap: { list: true, many: true, detail: (previous, values, id) => { if (!previous) { return null; } const data = { id, ...previous.data, ...values, foo: "bar", }; return { ...previous, data, }; }, }, });
Patch Changes
-
#4903
e327cadc011
Thanks @yildirayunlu! - fix: when usinguseForm
,autoSave
parameters not passed to@refinedev/core/useForm
hook. From now on, you can useautoSave
parameters inuseForm
hook.feat: add
invalidateOnUnmount
prop touseForm
hook. feat: addinvalidateOnUnmount
andinvalidateOnClose
prop touseModalForm
anduseDrawerForm
hooks. From now on, you can use the use this props to invalidate queries upon unmount or close.
5.35.0
Minor Changes
-
#4914
91a4d0da9f1
Thanks @yildirayunlu! - feat:optimisticUpdateMap
prop added touseForm
hook. This prop allows you to update the data in the cache.useForm({ mutationMode: "optimistic", optimisticUpdateMap: { list: true, many: true, detail: (previous, values, id) => { if (!previous) { return null; } const data = { id, ...previous.data, ...values, foo: "bar", }; return { ...previous, data, }; }, }, });
Patch Changes
-
#4903
e327cadc011
Thanks @yildirayunlu! - fix: when usinguseForm
,autoSave
parameters not passed to@refinedev/core/useForm
hook. From now on, you can useautoSave
parameters inuseForm
hook.feat: add
invalidateOnUnmount
prop touseForm
hook. feat: addinvalidateOnUnmount
andinvalidateOnClose
prop touseModalForm
anduseDrawerForm
hooks. From now on, you can use the use this props to invalidate queries upon unmount or close.
5.34.2
Patch Changes
- #4948
8e5efffbb23
Thanks @aliemir! - Keep the hook and component names in builds for better debugging.
5.34.1
Patch Changes
- #4948
8e5efffbb23
Thanks @aliemir! - Keep the hook and component names in builds for better debugging.
5.34.0
Minor Changes
- #4775
3052fb22449
Thanks @alicanerdurmaz! - fixed:<RefreshButton />
does not refresh content #4618. From now,<RefreshButton />
usesuseInvalidate
hook to refresh data instead ofuseOne
.
Patch Changes
-
#4772
c9cc4398e99
Thanks @alicanerdurmaz! - fixed: antduseModalForm
anduseDrawerForm
sends request twice whensyncWithLocation
is true -
#4778
82909db10b4
Thanks @salihozdemir! - fix: fixed thegoToStep
ofuseStepsForm
hook return type -
Updated dependencies [
3052fb22449
]:- @refinedev/ui-types@1.22.0
5.33.0
Minor Changes
- #4775
3052fb22449
Thanks @alicanerdurmaz! - fixed:<RefreshButton />
does not refresh content #4618. From now,<RefreshButton />
usesuseInvalidate
hook to refresh data instead ofuseOne
.
Patch Changes
-
#4772
c9cc4398e99
Thanks @alicanerdurmaz! - fixed: antduseModalForm
anduseDrawerForm
sends request twice whensyncWithLocation
is true -
#4778
82909db10b4
Thanks @salihozdemir! - fix: fixed thegoToStep
ofuseStepsForm
hook return type -
Updated dependencies [
3052fb22449
]:- @refinedev/ui-types@1.21.0
5.32.0
Minor Changes
- #4741
026ccf34356
Thanks @aliemir! - AddedsideEffects
topackage.json
to help bundlers tree-shake unused code.
Patch Changes
- #4741
026ccf34356
Thanks @aliemir! - UpdatedDateField
to setdayjs
extension in component instead of a global side effect.
5.31.0
Minor Changes
- #4741
026ccf34356
Thanks @aliemir! - AddedsideEffects
topackage.json
to help bundlers tree-shake unused code.
Patch Changes
- #4741
026ccf34356
Thanks @aliemir! - UpdatedDateField
to setdayjs
extension in component instead of a global side effect.
5.30.0
Minor Changes
-
#4591
f8891ead2bd
Thanks @yildirayunlu! - feat:autoSave
feature forEdit
. useForm, useDrawerForm, useModalForm, useStepsForm hooks now acceptautoSave
object.enabled
is a boolean value anddebounce
is a number value in milliseconds.debounce
is optional and default value is1000
.const { autoSaveProps } = useForm({ autoSave: { enabled: true, debounce: 2000, // not required, default is 1000 }, }); return ( <Edit saveButtonProps={saveButtonProps} // pass autoSaveProps to Edit component autoSaveProps={autoSaveProps} > // form fields </Edit> );
feat: Add
<AutoSaveIndicator>
component. It comes automatically whenautoSaveProps
is given to theEdit
page. However, this component can be used to position it in a different place.import { AutoSaveIndicator } from "@refinedev/antd"; const { autoSaveProps } = useForm({ autoSave: { enabled: true, debounce: 2000, // not required, default is 1000 }, }); return ( <div> <AutoSaveIndicator {...autoSaveProps}> </div> );
-
#4652
96af6d25b7a
Thanks @alicanerdurmaz! - feat: when thedataProvider
returns rejected promise witherrors
field,useForm
will automatically update the error state with the rejectederrors
field.Refer to the server-side form validation documentation for more information. →
Patch Changes
- Updated dependencies [
f8891ead2bd
]:- @refinedev/ui-types@1.20.0
5.29.0
Minor Changes
-
#4591
f8891ead2bd
Thanks @yildirayunlu! - feat:autoSave
feature forEdit
. useForm, useDrawerForm, useModalForm, useStepsForm hooks now acceptautoSave
object.enabled
is a boolean value anddebounce
is a number value in milliseconds.debounce
is optional and default value is1000
.const { autoSaveProps } = useForm({ autoSave: { enabled: true, debounce: 2000, // not required, default is 1000 }, }); return ( <Edit saveButtonProps={saveButtonProps} // pass autoSaveProps to Edit component autoSaveProps={autoSaveProps} > // form fields </Edit> );
feat: Add
<AutoSaveIndicator>
component. It comes automatically whenautoSaveProps
is given to theEdit
page. However, this component can be used to position it in a different place.import { AutoSaveIndicator } from "@refinedev/antd"; const { autoSaveProps } = useForm({ autoSave: { enabled: true, debounce: 2000, // not required, default is 1000 }, }); return ( <div> <AutoSaveIndicator {...autoSaveProps}> </div> );
-
#4652
96af6d25b7a
Thanks @alicanerdurmaz! - feat: when thedataProvider
returns rejected promise witherrors
field,useForm
will automatically update the error state with the rejectederrors
field.Refer to the server-side form validation documentation for more information. →
Patch Changes
- Updated dependencies [
f8891ead2bd
]:- @refinedev/ui-types@1.19.0
5.28.0
Minor Changes
-
#4502
c7872ca621f
Thanks @Mr0nline! - feat: ability to tweak active sider items navigationVisiting active sider items triggers page reloads due to them being links. We can now provide activeItemDisabled prop to disable such reloads.
Patch Changes
-
#4607
fed630dcc3e
Thanks @alicanerdurmaz! - test: added tests for<ThemedSiderV2/>
. -
#4609
48aaf739352
Thanks @salihozdemir! - fix:icon
andlabel
alignment inBreadcrumb
componentFixed the issue that the
icon
andlabel
to be misaligned in theBreadcrumb
component. -
Updated dependencies [
c7872ca621f
]:- @refinedev/ui-types@1.18.0
5.27.0
Minor Changes
-
#4502
c7872ca621f
Thanks @Mr0nline! - feat: ability to tweak active sider items navigationVisiting active sider items triggers page reloads due to them being links. We can now provide activeItemDisabled prop to disable such reloads.
Patch Changes
-
#4607
fed630dcc3e
Thanks @alicanerdurmaz! - test: added tests for<ThemedSiderV2/>
. -
#4609
48aaf739352
Thanks @salihozdemir! - fix:icon
andlabel
alignment inBreadcrumb
componentFixed the issue that the
icon
andlabel
to be misaligned in theBreadcrumb
component. -
Updated dependencies [
c7872ca621f
]:- @refinedev/ui-types@1.17.0
5.26.0
Minor Changes
-
#4523
18d446b1069
Thanks @yildirayunlu! - feat: implement following hooks haveuseLoadingOvertime
hook
Patch Changes
-
#4527
ceadcd29fc9
Thanks @salihozdemir! - fix: prioritization of forgottenidentifier
If
identifier
is provided, it will be used instead ofname
.import { DeleteButton } from "@refinedev/antd"; <DeleteButton resource="identifier-value" recordItemId="123" />;
fix: use translate keys with
identifier
Previously, the translate keys were generated using resource
name
. This caused issues when you had multipleresource
usage with the same name. Now thetranslate
keys are generated usingidentifier
if it's present.
5.25.0
Minor Changes
-
#4523
18d446b1069
Thanks @yildirayunlu! - feat: implement following hooks haveuseLoadingOvertime
hook
Patch Changes
-
#4527
ceadcd29fc9
Thanks @salihozdemir! - fix: prioritization of forgottenidentifier
If
identifier
is provided, it will be used instead ofname
.import { DeleteButton } from "@refinedev/antd"; <DeleteButton resource="identifier-value" recordItemId="123" />;
fix: use translate keys with
identifier
Previously, the translate keys were generated using resource
name
. This caused issues when you had multipleresource
usage with the same name. Now thetranslate
keys are generated usingidentifier
if it's present.
5.24.0
Minor Changes
-
#4449
cc84d61bc5c
Thanks @BatuhanW! - feat: updated Create, List, Show, Edit, Delete, Clone buttons to respect new globalaccessControlProvider
configuration.fix: Delete button's text wasn't rendered as
reason
field ofaccessControlProvider
.Given the following
can
method:const accessControlProvider: IAccessControlContext = { can: async (): Promise<CanReturnType> => { return { can: false, reason: "Access Denied!" }; }, };
If user is unauthorized,
Delete
button's text should beAccess Denied!
instead of defaultDelete
.This is the default behaviour for Create, List, Show, Edit, Delete, Clone buttons already.
5.23.0
Minor Changes
-
#4449
cc84d61bc5c
Thanks @BatuhanW! - feat: updated Create, List, Show, Edit, Delete, Clone buttons to respect new globalaccessControlProvider
configuration.fix: Delete button's text wasn't rendered as
reason
field ofaccessControlProvider
.Given the following
can
method:const accessControlProvider: IAccessControlContext = { can: async (): Promise<CanReturnType> => { return { can: false, reason: "Access Denied!" }; }, };
If user is unauthorized,
Delete
button's text should beAccess Denied!
instead of defaultDelete
.This is the default behaviour for Create, List, Show, Edit, Delete, Clone buttons already.
5.22.0
Minor Changes
-
#4430
cf07d59587f
Thanks @aliemir! - Updated theuseForm
,useModalForm
,useDrawerForm
anduseStepsForm
to acceptqueryMeta
andmutationMeta
properties of theuseForm
hook of@refinedev/core
. These properties are used to pass specific meta values to the query or mutation. This is useful when you have overlapping values in your data provider'sgetOne
andupdate
methods. For example, you may want to change themethod
of the mutation toPATCH
but if you pass it in themeta
property, you'll end up changing the method of thegetOne
request as well.queryMeta
andmutationMeta
has precedence overmeta
. This means that if you have the same property inqueryMeta
andmeta
, the value inqueryMeta
will be used.Usage
import { useForm } from "@refinedev/core"; export const MyEditPage = () => { const form = useForm({ // this is passed both to the mutation and the query requests meta: { myValue: "myValue", }, // this is only passed to the query request queryMeta: { propertyOnlyWorksForQuery: "propertyOnlyWorksForQuery", }, // this is only passed to the mutation request mutationMeta: { propertyOnlyWorksForMutation: "propertyOnlyWorksForMutation", }, }); };
Patch Changes
-
#4429
63daabcb703
Thanks @aliemir! - Fixed the issue offormLoading
property in return values ofuseStepsForm
hook which was not being toggled correctly when the form was submitted or the form data was being fetched. -
#4431
c29a3618cf6
Thanks @aliemir! - Updated the TSDoc comments to fix the broken links in the documentation.
5.21.0
Minor Changes
-
#4430
cf07d59587f
Thanks @aliemir! - Updated theuseForm
,useModalForm
,useDrawerForm
anduseStepsForm
to acceptqueryMeta
andmutationMeta
properties of theuseForm
hook of@refinedev/core
. These properties are used to pass specific meta values to the query or mutation. This is useful when you have overlapping values in your data provider'sgetOne
andupdate
methods. For example, you may want to change themethod
of the mutation toPATCH
but if you pass it in themeta
property, you'll end up changing the method of thegetOne
request as well.queryMeta
andmutationMeta
has precedence overmeta
. This means that if you have the same property inqueryMeta
andmeta
, the value inqueryMeta
will be used.Usage
import { useForm } from "@refinedev/core"; export const MyEditPage = () => { const form = useForm({ // this is passed both to the mutation and the query requests meta: { myValue: "myValue", }, // this is only passed to the query request queryMeta: { propertyOnlyWorksForQuery: "propertyOnlyWorksForQuery", }, // this is only passed to the mutation request mutationMeta: { propertyOnlyWorksForMutation: "propertyOnlyWorksForMutation", }, }); };
Patch Changes
-
#4429
63daabcb703
Thanks @aliemir! - Fixed the issue offormLoading
property in return values ofuseStepsForm
hook which was not being toggled correctly when the form was submitted or the form data was being fetched. -
#4431
c29a3618cf6
Thanks @aliemir! - Updated the TSDoc comments to fix the broken links in the documentation.
5.20.0
Minor Changes
-
#4404
f67967e8c87
Thanks @salihozdemir! - refactor: fix name and state inconsistency in<ThemedLayoutV2>
useSiderVisible
is deprecated, instead we created a new hookuseThemedLayoutContext
for it.useThemedLayoutContext
similar touseSiderVisible
but it returns more meaningful state names. However,useSiderVisible
is still available for backward compatibility.Updated
Sider
andHamburgerMenu
components usinguseThemedLayoutContext
.import { useThemedLayoutContext } from "@refinedev/antd"; const { siderCollapsed, setSiderCollapsed, mobileSiderOpen, setMobileSiderOpen, } = useThemedLayoutContext();
5.19.0
Minor Changes
-
#4404
f67967e8c87
Thanks @salihozdemir! - refactor: fix name and state inconsistency in<ThemedLayoutV2>
useSiderVisible
is deprecated, instead we created a new hookuseThemedLayoutContext
for it.useThemedLayoutContext
similar touseSiderVisible
but it returns more meaningful state names. However,useSiderVisible
is still available for backward compatibility.Updated
Sider
andHamburgerMenu
components usinguseThemedLayoutContext
.import { useThemedLayoutContext } from "@refinedev/antd"; const { siderCollapsed, setSiderCollapsed, mobileSiderOpen, setMobileSiderOpen, } = useThemedLayoutContext();
5.18.2
Patch Changes
- #4316
4690c627e05
Thanks @yildirayunlu! - fix: fixedclassName
for easier selection of all buttons and titles of CRUD components
5.18.1
Patch Changes
- #4316
4690c627e05
Thanks @yildirayunlu! - fix: fixedclassName
for easier selection of all buttons and titles of CRUD components
5.18.0
Minor Changes
-
#4303
0c569f42b4e
Thanks @alicanerdurmaz! - feat: added default button props into the renderer functionsheaderButtons
andfooterButtons
in CRUD components. Now, customization of the header and footer buttons can be achieved without losing the default functionality.import { DeleteButton, EditButton, ListButton, RefreshButton, Show, } from "@refinedev/antd"; const PostShow = () => { return ( <Show headerButtons={({ deleteButtonProps, editButtonProps, listButtonProps, refreshButtonProps, }) => { return ( <> {/* custom components */} {listButtonProps && ( <ListButton {...listButtonProps} meta={{ foo: "bar" }} /> )} {editButtonProps && ( <EditButton {...editButtonProps} meta={{ foo: "bar" }} /> )} {deleteButtonProps && ( <DeleteButton {...deleteButtonProps} meta={{ foo: "bar" }} /> )} <RefreshButton {...refreshButtonProps} meta={{ foo: "bar" }} /> </> ); }} > {/* ... */} </Show> ); };
-
#4306
e6eb4dea627
Thanks @yildirayunlu! - feat:syncWithLocation.syncId
default totrue
foruseDrawerForm
anduseModalForm
.
Patch Changes
-
#4312
9a5f79186c1
Thanks @yildirayunlu! - feat: addedclassName
for easier selection of all buttons and titles of CRUD components -
Updated dependencies [
0c569f42b4e
,9a5f79186c1
]:- @refinedev/ui-types@1.16.0
5.17.0
Minor Changes
-
#4303
0c569f42b4e
Thanks @alicanerdurmaz! - feat: added default button props into the renderer functionsheaderButtons
andfooterButtons
in CRUD components. Now, customization of the header and footer buttons can be achieved without losing the default functionality.import { DeleteButton, EditButton, ListButton, RefreshButton, Show, } from "@refinedev/antd"; const PostShow = () => { return ( <Show headerButtons={({ deleteButtonProps, editButtonProps, listButtonProps, refreshButtonProps, }) => { return ( <> {/* custom components */} {listButtonProps && ( <ListButton {...listButtonProps} meta={{ foo: "bar" }} /> )} {editButtonProps && ( <EditButton {...editButtonProps} meta={{ foo: "bar" }} /> )} {deleteButtonProps && ( <DeleteButton {...deleteButtonProps} meta={{ foo: "bar" }} /> )} <RefreshButton {...refreshButtonProps} meta={{ foo: "bar" }} /> </> ); }} > {/* ... */} </Show> ); };
-
#4306
e6eb4dea627
Thanks @yildirayunlu! - feat:syncWithLocation.syncId
default totrue
foruseDrawerForm
anduseModalForm
.
Patch Changes
-
#4312
9a5f79186c1
Thanks @yildirayunlu! - feat: addedclassName
for easier selection of all buttons and titles of CRUD components -
Updated dependencies [
0c569f42b4e
,9a5f79186c1
]:- @refinedev/ui-types@1.15.0
5.16.2
Patch Changes
-
#4295
7f24a6a2b14
Thanks @salihozdemir! - chore: bump to latest version of@refinedev/ui-types
-
Updated dependencies [
dc62abc890f
]:- @refinedev/ui-types@1.14.0
5.16.1
Patch Changes
- #4295
7f24a6a2b14
Thanks @salihozdemir! - chore: bump to latest version of@refinedev/ui-types
5.16.0
Minor Changes
-
#4272
420d2442741
Thanks @salihozdemir! - feat: added thefixed
prop to the<ThemedSiderV2/>
to allow the sider to be fixedThe prop is optional and defaults to
false
. You can see the usage as follows:import { Refine } from "@refinedev/core"; import { ThemedLayoutV2, ThemedSiderV2 } from "@refinedev/antd"; const App: React.FC = () => { return ( <Refine ... > <ThemedLayoutV2 Sider={() => <ThemedSiderV2 fixed />}> {/* ... */} </ThemedLayoutV2> </Refine> ); };
-
#4278
b14f2ad8a70
Thanks @alicanerdurmaz! - feat: addedautoSubmitClose
prop touseEditableTable
. Now you can choose whether to close the table's row after submitting the form or not.const editableTable = useEditableTable({ autoSubmitClose: false, });
Patch Changes
-
#4267
5e128c76c16
Thanks @yildirayunlu! - fix:onFinish
prop override onuseDrawerForm
anduseModalForm
hookWhen override
onFinish
prop using theuseDrawerForm
anduseModalForm
hooks, the modal not close after submit the form. -
#4277
7172c1b42d2
Thanks @salihozdemir! - fix: renamed the<ThemedHeaderV2/>
propisSticky
tosticky
To provide backwards compatibility, the old prop name is still supported, but it is deprecated and will be removed in the next major version.
Example:
import { Refine } from "@refinedev/core"; import { ThemedLayoutV2, ThemedHeaderV2 } from "@refinedev/antd"; // or @refinedev/chakra-ui, @refinedev/mui, @refinedev/mantine const App: React.FC = () => { return ( <Refine ... > <ThemedLayoutV2 Header={() => <ThemedHeaderV2 sticky />} > {/* ... */} </ThemedLayoutV2> </Refine> ); };
5.15.0
Minor Changes
-
#4272
420d2442741
Thanks @salihozdemir! - feat: added thefixed
prop to the<ThemedSiderV2/>
to allow the sider to be fixedThe prop is optional and defaults to
false
. You can see the usage as follows:import { Refine } from "@refinedev/core"; import { ThemedLayoutV2, ThemedSiderV2 } from "@refinedev/antd"; const App: React.FC = () => { return ( <Refine ... > <ThemedLayoutV2 Sider={() => <ThemedSiderV2 fixed />}> {/* ... */} </ThemedLayoutV2> </Refine> ); };
-
#4278
b14f2ad8a70
Thanks @alicanerdurmaz! - feat: addedautoSubmitClose
prop touseEditableTable
. Now you can choose whether to close the table's row after submitting the form or not.const editableTable = useEditableTable({ autoSubmitClose: false, });
Patch Changes
-
#4267
5e128c76c16
Thanks @yildirayunlu! - fix:onFinish
prop override onuseDrawerForm
anduseModalForm
hookWhen override
onFinish
prop using theuseDrawerForm
anduseModalForm
hooks, the modal not close after submit the form. -
#4277
7172c1b42d2
Thanks @salihozdemir! - fix: renamed the<ThemedHeaderV2/>
propisSticky
tosticky
To provide backwards compatibility, the old prop name is still supported, but it is deprecated and will be removed in the next major version.
Example:
import { Refine } from "@refinedev/core"; import { ThemedLayoutV2, ThemedHeaderV2 } from "@refinedev/antd"; // or @refinedev/chakra-ui, @refinedev/mui, @refinedev/mantine const App: React.FC = () => { return ( <Refine ... > <ThemedLayoutV2 Header={() => <ThemedHeaderV2 sticky />} > {/* ... */} </ThemedLayoutV2> </Refine> ); };
5.14.0
Minor Changes
-
#4272
420d2442741
Thanks @salihozdemir! - feat: added thefixed
prop to the<ThemedSiderV2/>
to allow the sider to be fixedThe prop is optional and defaults to
false
. You can see the usage as follows:import { Refine } from "@refinedev/core"; import { ThemedLayoutV2, ThemedSiderV2 } from "@refinedev/antd"; const App: React.FC = () => { return ( <Refine ... > <ThemedLayoutV2 Sider={() => <ThemedSiderV2 fixed />}> {/* ... */} </ThemedLayoutV2> </Refine> ); };
-
#4278
b14f2ad8a70
Thanks @alicanerdurmaz! - feat: addedautoSubmitClose
prop touseEditableTable
. Now you can choose whether to close the table's row after submitting the form or not.const editableTable = useEditableTable({ autoSubmitClose: false, });
Patch Changes
-
#4267
5e128c76c16
Thanks @yildirayunlu! - fix:onFinish
prop override onuseDrawerForm
anduseModalForm
hookWhen override
onFinish
prop using theuseDrawerForm
anduseModalForm
hooks, the modal not close after submit the form. -
#4277
7172c1b42d2
Thanks @salihozdemir! - fix: renamed the<ThemedHeaderV2/>
propisSticky
tosticky
To provide backwards compatibility, the old prop name is still supported, but it is deprecated and will be removed in the next major version.
Example:
import { Refine } from "@refinedev/core"; import { ThemedLayoutV2, ThemedHeaderV2 } from "@refinedev/antd"; // or @refinedev/chakra-ui, @refinedev/mui, @refinedev/mantine const App: React.FC = () => { return ( <Refine ... > <ThemedLayoutV2 Header={() => <ThemedHeaderV2 sticky />} > {/* ... */} </ThemedLayoutV2> </Refine> ); };
5.13.2
Patch Changes
- #4241
fbe109b5a8b
Thanks @salihozdemir! - Added new generic types to theuseForm
hooks. Now you can pass the query types and the mutation types to the hook.
5.13.1
Patch Changes
- #4241
fbe109b5a8b
Thanks @salihozdemir! - Added new generic types to theuseForm
hooks. Now you can pass the query types and the mutation types to the hook.
5.13.0
Minor Changes
-
#4209
3f4b5fef76f
Thanks @yildirayunlu! - feat: addisSticky
prop toThemedHeaderV2
componentimport { ThemedHeaderV2, ThemedLayoutV2 } from "@refinedev/antd"; const CustomHeader = () => <ThemedHeaderV2 isSticky={true} />; const App = () => ( <Refine> // ... <ThemedLayoutV2 Header={CustomHeader}> <Outlet /> </ThemedLayoutV2> // ... </Refine> );
-
#4232
c99bc0ad7f7
Thanks @alicanerdurmaz! - feat:initialSiderCollapsed
added toRefineThemedLayoutV2Props
to control initial state of<ThemedSiderV2>
. From now on, you can control the initial collapsed state of<ThemedSiderV2>
by passing theinitialSiderCollapsed
prop to<ThemedLayoutV2>
.<ThemedLayoutV2 initialSiderCollapsed={true} // This will make the sider collapsed by default > {/* .. */} </ThemedLayoutV2>
Patch Changes
- Updated dependencies [
c99bc0ad7f7
,3f4b5fef76f
]:- @refinedev/ui-types@1.12.0
5.12.0
Minor Changes
-
#4209
3f4b5fef76f
Thanks @yildirayunlu! - feat: addisSticky
prop toThemedHeaderV2
componentimport { ThemedHeaderV2, ThemedLayoutV2 } from "@refinedev/antd"; const CustomHeader = () => <ThemedHeaderV2 isSticky={true} />; const App = () => ( <Refine> // ... <ThemedLayoutV2 Header={CustomHeader}> <Outlet /> </ThemedLayoutV2> // ... </Refine> );
-
#4232
c99bc0ad7f7
Thanks @alicanerdurmaz! - feat:initialSiderCollapsed
added toRefineThemedLayoutV2Props
to control initial state of<ThemedSiderV2>
. From now on, you can control the initial collapsed state of<ThemedSiderV2>
by passing theinitialSiderCollapsed
prop to<ThemedLayoutV2>
.<ThemedLayoutV2 initialSiderCollapsed={true} // This will make the sider collapsed by default > {/* .. */} </ThemedLayoutV2>
Patch Changes
- Updated dependencies [
c99bc0ad7f7
,3f4b5fef76f
]:- @refinedev/ui-types@1.11.0
5.11.0
Minor Changes
-
#4194
8df15fe0e4e
Thanks @alicanerdurmaz! - feat:sorters.mode
prop added touseTable
anduseDataGrid
hooks. This prop handles the sorting mode of the table. It can be eitherserver
oroff
.- "off":
sorters
are not sent to the server. You can use thesorters
value to sort the records on the client side. - "server": Sorting is done on the server side. Records will be fetched by using the
sorters
value.
feat:
filters.mode
prop added touseTable
anduseDataGrid
hooks. This prop handles the filtering mode of the table. It can be eitherserver
oroff
.- "off":
filters
are not sent to the server. You can use thefilters
value to filter the records on the client side. - "server": Filtering is done on the server side. Records will be fetched by using the
filters
value.
- "off":
5.10.0
Minor Changes
-
#4194
8df15fe0e4e
Thanks @alicanerdurmaz! - feat:sorters.mode
prop added touseTable
anduseDataGrid
hooks. This prop handles the sorting mode of the table. It can be eitherserver
oroff
.- "off":
sorters
are not sent to the server. You can use thesorters
value to sort the records on the client side. - "server": Sorting is done on the server side. Records will be fetched by using the
sorters
value.
feat:
filters.mode
prop added touseTable
anduseDataGrid
hooks. This prop handles the filtering mode of the table. It can be eitherserver
oroff
.- "off":
filters
are not sent to the server. You can use thefilters
value to filter the records on the client side. - "server": Filtering is done on the server side. Records will be fetched by using the
filters
value.
- "off":
5.9.0
Minor Changes
-
#4193
3d28fccc1ca
Thanks @yildirayunlu! - feat: addThemedLayoutV2
component anduseSiderVisible
hookThemeLayout
is deprecated. AddedThemedLayoutV2
instead. This update fixed some UI problems in the layout. Also, with the newuseSiderVisible
hook, it's easier to collapse/uncollapse theSider
.See here for detailed migration guideline.
Patch Changes
- Updated dependencies [
deec38a034a
]:- @refinedev/ui-types@1.10.0
5.8.0
Minor Changes
-
#4193
3d28fccc1ca
Thanks @yildirayunlu! - feat: addThemedLayoutV2
component anduseSiderVisible
hookThemeLayout
is deprecated. AddedThemedLayoutV2
instead. This update fixed some UI problems in the layout. Also, with the newuseSiderVisible
hook, it's easier to collapse/uncollapse theSider
.See here for detailed migration guideline.
Patch Changes
- Updated dependencies [
deec38a034a
]:- @refinedev/ui-types@1.9.0
5.7.0
Minor Changes
-
#4193
3d28fccc1ca
Thanks @yildirayunlu! - feat: addThemedLayoutV2
component anduseSiderVisible
hookThemeLayout
is deprecated. AddedThemedLayoutV2
instead. This update fixed some UI problems in the layout. Also, with the newuseSiderVisible
hook, it's easier to collapse/uncollapse theSider
.See here for detailed migration guideline.
Patch Changes
- Updated dependencies [
deec38a034a
]:- @refinedev/ui-types@1.8.0
5.6.0
Minor Changes
-
#4113
1c13602e308
Thanks @salihozdemir! - Added missing third generic parameter to hooks which are usinguseQuery
internally.For example:
import { useOne, HttpError } from "@refinedev/core"; const { data } = useOne<{ count: string }, HttpError, { count: number }>({ resource: "product-count", queryOptions: { select: (rawData) => { return { data: { count: Number(rawData?.data?.count), }, }; }, }, }); console.log(typeof data?.data.count); // number
Patch Changes
- #4113
1c13602e308
Thanks @salihozdemir! - Updated the generic type name of hooks that useuseQuery
to synchronize generic type names withtanstack-query
.
5.5.2
Patch Changes
- #4120
1f310bd7b69
Thanks @aliemir! - Fix brokenuseModalForm
anduseDrawerForm
withcreate
actions.
5.5.1
Patch Changes
- #4120
1f310bd7b69
Thanks @aliemir! - Fix brokenuseModalForm
anduseDrawerForm
withcreate
actions.
5.5.0
Minor Changes
- #4072
fad40e6237f
Thanks @alicanerdurmaz! - -<Layout>
is deprecated. use<ThemedLayout>
instead with 100% backward compatibility. - https://refine.dev/docs/api-reference/antd/components/antd-themed-layout
Patch Changes
- #4114
afdaed3dd83
Thanks @aliemir! - UpdateduseModalForm
anduseDrawerForm
hook'sshow
method to check if there's anid
present or provided. If there is, it will continue to show the modal/drawer. If not, the modal/drawer will not show. (Resolves #4062)
5.4.0
Minor Changes
- #4072
fad40e6237f
Thanks @alicanerdurmaz! - -<Layout>
is deprecated. use<ThemedLayout>
instead with 100% backward compatibility. - https://refine.dev/docs/api-reference/antd/components/antd-themed-layout
Patch Changes
- #4114
afdaed3dd83
Thanks @aliemir! - UpdateduseModalForm
anduseDrawerForm
hook'sshow
method to check if there's anid
present or provided. If there is, it will continue to show the modal/drawer. If not, the modal/drawer will not show. (Resolves #4062)
5.3.14
Patch Changes
- #4035
e0c75450f97
Thanks @salihozdemir! - - Re-extending theSuccessErrorNotification
andLiveProps
types removeduseEditableTable
'ssuccessNotification
anderrorNotification
props now work according to the mutation result instead of the query result
5.3.13
Patch Changes
- #4035
e0c75450f97
Thanks @salihozdemir! - - Re-extending theSuccessErrorNotification
andLiveProps
types removeduseEditableTable
'ssuccessNotification
anderrorNotification
props now work according to the mutation result instead of the query result
5.3.12
Patch Changes
-
#4024
dc6d2311eb7
Thanks @alicanerdurmaz! - - Added:wrapperStyles
prop to<ThemedTitle>
component to allow for custom styles to be passed in.- Added:
textDecoration: none
to<ThemedTitle>
component.
- Added:
5.3.11
Patch Changes
-
#4024
dc6d2311eb7
Thanks @alicanerdurmaz! - - Added:wrapperStyles
prop to<ThemedTitle>
component to allow for custom styles to be passed in.- Added:
textDecoration: none
to<ThemedTitle>
component.
- Added:
5.3.10
Patch Changes
-
#3997
f027d8a53b8
Thanks @alicanerdurmaz! - - Fixed the unsaved changes dialog is popping up unexpectedly when the user clicks the logs out.- The `<ThemedSider>`'s `onClick` handler was changed to use the `window.confirm` API to manage the confirmation dialog.
-
#3974
4dcc20d6a60
Thanks @salihozdemir! - Deprecated theWelcomePage
component. It'll be used from@refinedev/core
instead.
5.3.9
Patch Changes
-
#3997
f027d8a53b8
Thanks @alicanerdurmaz! - - Fixed the unsaved changes dialog is popping up unexpectedly when the user clicks the logs out.- The `<ThemedSider>`'s `onClick` handler was changed to use the `window.confirm` API to manage the confirmation dialog.
-
#3974
4dcc20d6a60
Thanks @salihozdemir! - Deprecated theWelcomePage
component. It'll be used from@refinedev/core
instead.
5.3.8
Patch Changes
-
#3975
b1e6e32f9a1
Thanks @alicanerdurmaz! - - Fixed the unsaved changes dialog is popping up unexpectedly when the user clicks the logs out.- The `<ThemedSider>`'s `onClick` handler was changed to use the `window.confirm` API to manage the confirmation dialog.
<RefineThemes>
colors updated to match the new theme colors.
-
Updated dependencies [
2798f715361
]:- @refinedev/ui-types@1.5.0
5.3.7
Patch Changes
-
#3975
b1e6e32f9a1
Thanks @alicanerdurmaz! - - Fixed the unsaved changes dialog is popping up unexpectedly when the user clicks the logs out.- The `<ThemedSider>`'s `onClick` handler was changed to use the `window.confirm` API to manage the confirmation dialog.
<RefineThemes>
colors updated to match the new theme colors.
-
Updated dependencies [
2798f715361
]:- @refinedev/ui-types@1.4.0
5.3.6
Patch Changes
- #3967
67603562695
Thanks @alicanerdurmaz! - Fixed:<ThemedTitle>
font size was overridden by parent because<Space>
has the default font size.
5.3.5
Patch Changes
- #3967
67603562695
Thanks @alicanerdurmaz! - Fixed:<ThemedTitle>
font size was overridden by parent because<Space>
has the default font size.
5.3.4
Patch Changes
-
#3949
836b06a2f67
Thanks @alicanerdurmaz! - Fixed: font size was "14px". Updated to "20px" on<AuthPage>
, "14px" on<ThemedSider>
. -
#3956
c54714ed9ab
Thanks @salihozdemir! - Fixed an issue where the<NumberField />
component would throw an error if thevalue
prop was set toundefined
.
5.3.3
Patch Changes
-
#3949
836b06a2f67
Thanks @alicanerdurmaz! - Fixed: font size was "14px". Updated to "20px" on<AuthPage>
, "14px" on<ThemedSider>
. -
#3956
c54714ed9ab
Thanks @salihozdemir! - Fixed an issue where the<NumberField />
component would throw an error if thevalue
prop was set toundefined
.
5.3.2
Patch Changes
-
#3931
d92c8e82868
Thanks @salihozdemir! - Added missingautoSubmitClose
,autoResetForm
, anddefaultVisible
props touseDrawerForm
hook. -
#3911
5f9c70ebf2f
Thanks @salihozdemir! - FixedautoSubmitClose
andautoResetForm
props ofuseModalForm
hook to work properly. -
#3931
d92c8e82868
Thanks @salihozdemir! - AddedautoSubmitClose
,autoResetForm
, anddefaultVisible
props touseDrawerForm
hook. -
#3948
b4950503334
Thanks @salihozdemir! - Fixed the unsaved changes dialog is popping up unexpectedly when the user clicks the delete button or logs out, when the form is dirty.- The
<DeleteButton>
already has a confirmation dialog, so the alert was removed. - The
<Sider>
'sonClick
handler was changed to use thewindow.confirm
API to manage the confirmation dialog.
- The
5.3.1
Patch Changes
-
#3931
d92c8e82868
Thanks @salihozdemir! - Added missingautoSubmitClose
,autoResetForm
, anddefaultVisible
props touseDrawerForm
hook. -
#3911
5f9c70ebf2f
Thanks @salihozdemir! - FixedautoSubmitClose
andautoResetForm
props ofuseModalForm
hook to work properly. -
#3931
d92c8e82868
Thanks @salihozdemir! - AddedautoSubmitClose
,autoResetForm
, anddefaultVisible
props touseDrawerForm
hook. -
#3948
b4950503334
Thanks @salihozdemir! - Fixed the unsaved changes dialog is popping up unexpectedly when the user clicks the delete button or logs out, when the form is dirty.- The
<DeleteButton>
already has a confirmation dialog, so the alert was removed. - The
<Sider>
'sonClick
handler was changed to use thewindow.confirm
API to manage the confirmation dialog.
- The
5.3.0
Minor Changes
-
#3912
0ffe70308b2
Thanks @alicanerdurmaz! - -RefineThemes
added. It contains predefined colors for the antd components.import { RefineThemes } from "@refinedev/antd"; import { Refine } from "@refinedev/core"; import dataProvider from "@refinedev/simple-rest"; const App = () => { // --- return ( <ConfigProvider theme={{ token: RefineThemes.Magenta.token, }} > <Refine dataProvider={dataProvider("YOUR_API_URL")}> {/** your app here */} </Refine> </ConfigProvider> ); };
- default title with icon added to
AuthPage
. It usesThemedTitle
component from@refinedev/antd
. You can remove it by settingtitle
prop tofalse
.
<AuthPage title={false} />
title
prop added toAuthPage
'srenderContent
prop to use in the custom content.
<AuthPage renderContent={(content: React.ReactNode, title: React.ReactNode) => { return ( <div style={{ display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", }} > {title} <h1 style={{ color: "white" }}>Extra Header</h1> {content} <h1 style={{ color: "white" }}>Extra Footer</h1> </div> ); }} />
-
<ThemedLayout>
,<ThemedSider>
,<ThemedTitle>
,<ThemedHeader>
created to use theme colors. -
<EditButton>
in<Show>
type changed toprimary
. -
<CreateButton>
type changed toprimary
. -
<AuthPage>
component uses colors from the theme. -
<ThemedTitle>
added toAuthPage
- default title with icon added to
Patch Changes
- Updated dependencies [
0ffe70308b2
]:- @refinedev/ui-types@1.3.0
5.2.0
Minor Changes
-
#3912
0ffe70308b2
Thanks @alicanerdurmaz! - -RefineThemes
added. It contains predefined colors for the antd components.import { RefineThemes } from "@refinedev/antd"; import { Refine } from "@refinedev/core"; import dataProvider from "@refinedev/simple-rest"; const App = () => { // --- return ( <ConfigProvider theme={{ token: RefineThemes.Magenta.token, }} > <Refine dataProvider={dataProvider("YOUR_API_URL")}> {/** your app here */} </Refine> </ConfigProvider> ); };
- default title with icon added to
AuthPage
. It usesThemedTitle
component from@refinedev/antd
. You can remove it by settingtitle
prop tofalse
.
<AuthPage title={false} />
title
prop added toAuthPage
'srenderContent
prop to use in the custom content.
<AuthPage renderContent={(content: React.ReactNode, title: React.ReactNode) => { return ( <div style={{ display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", }} > {title} <h1 style={{ color: "white" }}>Extra Header</h1> {content} <h1 style={{ color: "white" }}>Extra Footer</h1> </div> ); }} />
-
<ThemedLayout>
,<ThemedSider>
,<ThemedTitle>
,<ThemedHeader>
created to use theme colors. -
<EditButton>
in<Show>
type changed toprimary
. -
<CreateButton>
type changed toprimary
. -
<AuthPage>
component uses colors from the theme. -
<ThemedTitle>
added toAuthPage
- default title with icon added to
Patch Changes
- Updated dependencies [
0ffe70308b2
]:- @refinedev/ui-types@1.2.0
5.1.2
Patch Changes
- #3885
5495ab7028e
Thanks @omeraplak! - fix: header text color
5.1.1
Patch Changes
- #3885
5495ab7028e
Thanks @omeraplak! - fix: header text color
5.1.0
Minor Changes
-
Thanks @aliemir, @alicanerdurmaz, @batuhanW, @salihozdemir, @yildirayunlu, @recepkutuk! Updated the components to match the changes in routing system of
@refinedev/core
.meta
property in componentsThis includes
meta
props in buttons andSider
component.meta
property can be used to pass additional parameters to the navigation paths.For a
posts
resource definition like this:<Refine resources={[ { name: "posts", list: "/posts", show: "/:authorId/posts/:id", } ]} >
You can pass
authorId
to theShowButton
component like this:<ShowButton resource="posts" id="1" meta={{ authorId: 123 }}>
This will navigate to
/123/posts/1
path.syncWithLocation
support inuseDrawerForm
anduseModalForm
hooksuseDrawerForm
anduseModalForm
hooks now supportsyncWithLocation
prop. This prop can be used to sync the visibility state of them with the location via query params.You can pass a boolean or an object with
key
andsyncId
properties.-
key
is used to define the query param key. Default value is inferred from the resource and the action. For exampleposts-create
forposts
resource andcreate
action. -
syncId
is used to include theid
property in the query param key. Default value isfalse
. This is useful foredit
andclone
actions.
Removed props
ignoreAccessControlProvider
prop is removed from buttons. -
-
Thanks @aliemir, @alicanerdurmaz, @batuhanW, @salihozdemir, @yildirayunlu, @recepkutuk! Updated buttons with
resource
property.resourceNameOrRouteName
is now deprecated but kept working until next major version. -
Thanks @aliemir, @alicanerdurmaz, @batuhanW, @salihozdemir, @yildirayunlu, @recepkutuk! All Ant Design components re-exported from
@refinedev/antd
have been removed. You should import them fromantd
package directly.If the package is not installed, you should install it with your package manager:
npm install antd # or pnpm add antd # or yarn add antd
After that, you can import components from
antd
package directly like below:-import { useTable, SaveButton, Button, Form, Input, Select } from "@refinedev/antd"; +import { useTable, SaveButton } from "@refinedev/antd"; +import { Button, Form, Input, Select } from "antd";
Icons
are also removed from@refinedev/antd
. So, you should import icons from@ant-design/icons
package directly.If the package is not installed, you should install it with your package manager:
npm install @ant-design/icons # or pnpm add @ant-design/icons # or yarn add @ant-design/icons
After that, you can import icons from
@ant-design/icons
package directly like below:-import { Icons } from "@refinedev/antd"; -const { EditOutlined } = Icons; + import { EditOutlined } from "@ant-design/icons";
-
Thanks @aliemir, @alicanerdurmaz, @batuhanW, @salihozdemir, @yildirayunlu, @recepkutuk! Upgrade
@ant-design/icons
to^5.0.1
for consistency. -
Thanks @aliemir, @alicanerdurmaz, @batuhanW, @salihozdemir, @yildirayunlu, @recepkutuk!
useCheckboxGroup
'ssort
prop is now deprecated. Usesorters
prop instead.
useCheckboxGroup({ - sort, + sorters, })
useSelect
'ssort
prop is now deprecated. Usesorters
prop instead.
useSelect({ - sort, + sorters, })
useRadioGroup
'ssort
prop is now deprecated. Usesorters
prop instead.
useRadioGroup({ - sort, + sorters, })
useImport
'sresourceName
prop is now deprecated. Useresource
prop instead.
useImport({ - resourceName, + resource, })
-
Thanks @aliemir, @alicanerdurmaz, @batuhanW, @salihozdemir, @yildirayunlu, @recepkutuk!
<ReadyPage>
isnow deprecated.- Created a
<WelcomePage>
component to welcome users.
-
Thanks @aliemir, @alicanerdurmaz, @batuhanW, @salihozdemir, @yildirayunlu, @recepkutuk! Added legacy auth provider and new auth provider support to all components and hooks.
-
Thanks @aliemir, @alicanerdurmaz, @batuhanW, @salihozdemir, @yildirayunlu, @recepkutuk!
🪄 Migrating your project automatically with refine-codemod ✨
@refinedev/codemod
package handles the breaking changes for your project automatically, without any manual steps. It migrates your project from3.x.x
to4.x.x
.Just
cd
into root folder of your project (wherepackage.json
is contained) and run this command:npx @refinedev/codemod@latest refine3-to-refine4
And it's done. Now your project uses
refine@4.x.x
.📝 Changelog
Deprecated
useMenu
removed from@refinedev/antd
package. UseuseMenu
from@refinedev/core
package instead.- import { useMenu } from "@refinedev/antd"; + import { useMenu } from "@refinedev/core";
-
Thanks @aliemir, @alicanerdurmaz, @batuhanW, @salihozdemir, @yildirayunlu, @recepkutuk! Moving to the
@refinedev
scope 🎉🎉Moved to the
@refinedev
scope and updated our packages to use the new scope. From now on, all packages will be published under the@refinedev
scope with their new names.Now, we're also removing the
refine
prefix from all packages. So, the@pankod/refine-core
package is now@refinedev/core
,@pankod/refine-antd
is now@refinedev/antd
, and so on. -
Thanks @aliemir, @alicanerdurmaz, @batuhanW, @salihozdemir, @yildirayunlu, @recepkutuk!
useTable
hookuseTable
return values and properties are updated.-
initialCurrent
andinitialPageSize
props are now deprecated. Usepagination
prop instead. -
To ensure backward compatibility,
initialCurrent
andinitialPageSize
props will work as before.useTable({ - initialCurrent, - initialPageSize, + pagination: { + current, + pageSize, + }, })
-
hasPagination
prop is now deprecated. Usepagination.mode
instead. -
To ensure backward compatibility,
hasPagination
prop will work as before.useTable({ - hasPagination, + pagination: { + mode: "off" | "server" | "client", + }, })
-
initialSorter
andpermanentSorter
props are now deprecated. Usesorters.initial
andsorters.permanent
instead. -
To ensure backward compatibility,
initialSorter
andpermanentSorter
props will work as before.useTable({ - initialSorter, - permanentSorter, + sorters: { + initial, + permanent, + }, })
-
initialFilter
,permanentFilter
, anddefaultSetFilterBehavior
props are now deprecated. Usefilters.initial
,filters.permanent
, andfilters.defaultBehavior
instead. -
To ensure backward compatibility,
initialFilter
,permanentFilter
, anddefaultSetFilterBehavior
props will work as before.useTable({ - initialFilter, - permanentFilter, - defaultSetFilterBehavior, + filters: { + initial, + permanent, + defaultBehavior, + }, })
-
sorter
andsetSorter
return values are now deprecated. Usesorters
andsetSorters
instead. -
To ensure backward compatibility,
sorter
andsetSorter
return values will work as before.const { - sorter, + sorters, - setSorter, + setSorters, } = useTable();
useSimpleList
hook-
Now
useSimpleList
hook will not accept all of<List>
component properties So, you can give their props to<List>
component directly.import { useSimpleList } from "@refinedev/antd"; import { List } from "antd"; const { listProps } = useSimpleList({ resource: "orders", pagination: { pageSize: 6, - simple: true, }, }); <List {...listProps} + pagination={{ + ...listProps.pagination, + simple: true, + }} ... // other props />
-
initialCurrent
andinitialPageSize
props are now deprecated. Usepagination
prop instead. -
To ensure backward compatibility,
initialCurrent
andinitialPageSize
props will work as before. -
useSimpleList({ - initialCurrent, - initialPageSize, + pagination: { + current, + pageSize, + }, })
-
Patch Changes
4.9.0
Minor Changes
- #3822
0baa99ba787
Thanks @BatuhanW! - - refine v4 release announcement added to "postinstall". - refine v4 is released 🎉 The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x
Patch Changes
- Updated dependencies [
0baa99ba787
]:- @pankod/refine-ui-types@0.16.0
4.8.0
Minor Changes
- #3822
0baa99ba787
Thanks @BatuhanW! - - refine v4 release announcement added to "postinstall". - refine v4 is released 🎉 The new version is 100% backward compatible. You can upgrade to v4 with a single command! See the migration guide here: https://refine.dev/docs/migration-guide/3x-to-4x
Patch Changes
- Updated dependencies [
0baa99ba787
]:- @pankod/refine-ui-types@0.15.0
4.7.3
Patch Changes
- #3606
00c9a5c471a
Thanks @aliemir! - Fixed the issue withdisabled
state inDeleteButton
's still opening the popover.
4.7.2
Patch Changes
- #3606
00c9a5c471a
Thanks @aliemir! - Fixed the issue withdisabled
state inDeleteButton
's still opening the popover.
4.7.1
Patch Changes
- #3399
22b44a857a8
Thanks @yildirayunlu! - FixuseTable
hook error return type.
4.7.0
Minor Changes
- #3324
9bfb34749bc
Thanks @aliemir! - Added the ability to pass mutation options touseMutation
hooks in mutation hooks:useForm
useStepsForm
useModalForm
useDrawerForm
4.6.0
Minor Changes
- #3324
9bfb34749bc
Thanks @aliemir! - Added the ability to pass mutation options touseMutation
hooks in mutation hooks:useForm
useStepsForm
useModalForm
useDrawerForm
4.5.0
Minor Changes
- #3294
3c9c8c07d21
Thanks @aliemir! - RemovegetContainer: false
fromuseModalForm
anduseDrawerForm
and let it fallback to the default value. Users wanting to override the default value can still do so by passinggetContainer
prop to theModal
andDrawer
components.
4.4.0
Minor Changes
- #3294
3c9c8c07d21
Thanks @aliemir! - RemovegetContainer: false
fromuseModalForm
anduseDrawerForm
and let it fallback to the default value. Users wanting to override the default value can still do so by passinggetContainer
prop to theModal
andDrawer
components.
4.3.0
Minor Changes
- #3285
cc2c1f042bf
Thanks @omeraplak! - Added exports for new<App />
,<QrCode />
and<Watermark />
components.
4.2.0
Minor Changes
- #3285
cc2c1f042bf
Thanks @omeraplak! - Added exports for new<App />
,<QrCode />
and<Watermark />
components.
4.1.5
Patch Changes
-
#3273
a30ba43cce2
Thanks @yildirayunlu! - Set thetheme="dark"
of theMenu
component inSider
by default. -
a8d3f648a28
Thanks @omeraplak! - Fixed onClick event type of the<Button />
component
4.1.4
Patch Changes
a8d3f648a28
Thanks @omeraplak! - Fixed onClick event type of the<Button />
component- #3273
a30ba43cce2
Thanks @yildirayunlu! - Set thetheme="dark"
of theMenu
component inSider
by default.
4.1.3
Patch Changes
- #3273
a30ba43cce2
Thanks @yildirayunlu! - Set thetheme="dark"
of theMenu
component inSider
by default.
4.1.2
Patch Changes
- #3269
8b86c0c4c45
Thanks @alicanerdurmaz! - Fixed: Wrong import and usage afterswizzling
<Layout>
component.
4.1.1
Patch Changes
- #3269
8b86c0c4c45
Thanks @alicanerdurmaz! - Fixed: Wrong import and usage afterswizzling
<Layout>
component.
4.1.0
Minor Changes
-
#3249
fd2e1882e06
Thanks @rajaomariajaona! - Add ability to pass pagination values inuseTable
hook. (Resolves #3246)current
setCurrent
pageSize
setPageSize
pageCount
-
#3121
214ea79c81c
Thanks @yildirayunlu! - We've released Ant Design v5 support 🎉Upgrade
⚡️ You can easily update refine packages with refine CLI
update
command.npm run refine update
🪄 Migrating your project automatically with Codemod ✨
@pankod/refine-codemod
package handles the breaking changes for your project automatically, without any manual steps. It migrates your@pankod/refine-antd
version from 3.x.x to 4.x.x.Just
cd
into root folder of your project (wherepackage.json
is contained) and run this command:npx @pankod/refine-codemod antd4-to-antd5
And it's done. Now your project uses
@pankod/refine-antd@4.x.x
.Changes
<PageHeader>
component moved into@ant-design/pro-components
. refine is using<PageHeader>
in<List>
,<Create>
,<Edit>
,<Show>
components and added as a dependency. You don't need to install@ant-design/pro-components
package manually.<Comment>
component moved into@ant-design/compatible
.moment.js
is replaced withday.js
.less
is removed fromantd
package.
Please refer to Ant Design Migration Guide for detailed information.
🚨 Next.js 13 Not Supported Now
Currently
ant-design/pro-components
does not compatible with Next.js 13. refine is usingant-design/pro-components
as a dependency for<PageHeader/>
component.Refer to a related issue on ant-design/pro-components repository
4.0.0
Major Changes
-
#3121
214ea79c81c
Thanks @yildirayunlu! - We've released Ant Design v5 support 🎉Upgrade
⚡️ You can easily update refine packages with refine CLI
update
command.npm run refine update
🪄 Migrating your project automatically with Codemod ✨
@pankod/refine-codemod
package handles the breaking changes for your project automatically, without any manual steps. It migrates your@pankod/refine-antd
version from 3.x.x to 4.x.x.Just
cd
into root folder of your project (wherepackage.json
is contained) and run this command:npx @pankod/refine-codemod antd4-to-antd5
And it's done. Now your project uses
@pankod/refine-antd@4.x.x
.Changes
<PageHeader>
component moved into@ant-design/pro-components
. refine is using<PageHeader>
in<List>
,<Create>
,<Edit>
,<Show>
components and added as a dependency. You don't need to install@ant-design/pro-components
package manually.<Comment>
component moved into@ant-design/compatible
.moment.js
is replaced withday.js
.less
is removed fromantd
package.
Please refer to Ant Design Migration Guide for detailed information.
🚨 Next.js 13 Not Supported Now
Currently
ant-design/pro-components
does not compatible with Next.js 13. refine is usingant-design/pro-components
as a dependency for<PageHeader/>
component.Refer to a related issue on ant-design/pro-components repository
Minor Changes
- #3249
fd2e1882e06
Thanks @rajaomariajaona! - Add ability to pass pagination values inuseTable
hook. (Resolves #3246)current
setCurrent
pageSize
setPageSize
pageCount
3.70.4
Patch Changes
- #3252
cf696235d0b
Thanks @aliemir! - Updatedesbuild
configuration to handleantd/lib
imports inesm
builds. (Resolves #3187)
3.70.3
Patch Changes
- #3252
cf696235d0b
Thanks @aliemir! - Updatedesbuild
configuration to handleantd/lib
imports inesm
builds. (Resolves #3187)
3.70.2
Patch Changes
-
#3220
b867497f469
Thanks @aliemir! - Updated image links inREADME.MD
with CDN -
Updated dependencies [
b867497f469
]:- @pankod/refine-ui-types@0.14.2
3.70.1
Patch Changes
-
#3220
b867497f469
Thanks @aliemir! - Updated image links inREADME.MD
with CDN -
Updated dependencies [
b867497f469
]:- @pankod/refine-ui-types@0.14.1
3.70.0
Minor Changes
- #3216
e09eb81588e
Thanks @leapful! - Support filter dropdown on number value of single Select component
3.69.0
Minor Changes
- #3216
e09eb81588e
Thanks @leapful! - Support filter dropdown on number value of single Select component
3.68.0
Minor Changes
- #3195
2fdc5c2a88e
Thanks @leapful! - Support Date Picker component when using with Filter Dropdown
3.67.0
Minor Changes
- #3195
2fdc5c2a88e
Thanks @leapful! - Support Date Picker component when using with Filter Dropdown
3.66.0
Minor Changes
- #3159
af2eefb32a4
Thanks @aliemir! - UpdatedLoginPage
andReadyPage
to use refine logos from CDN rather than bundled svg files.
3.65.0
Minor Changes
- #3159
af2eefb32a4
Thanks @aliemir! - UpdatedLoginPage
andReadyPage
to use refine logos from CDN rather than bundled svg files.
3.64.4
Patch Changes
- #3128
db1000a7628
Thanks @alicanerdurmaz! - Fixed:crud
components import path changed to relative path due to export issues on build.
3.64.3
Patch Changes
- #3128
db1000a7628
Thanks @alicanerdurmaz! - Fixed:crud
components import path changed to relative path due to export issues on build.
3.64.2
Patch Changes
- #3109
16549ed3012
Thanks @aliemir! - Updatedswizzle
items and their messages to include extra information and usage examples.
3.64.1
Patch Changes
- #3109
16549ed3012
Thanks @aliemir! - Updatedswizzle
items and their messages to include extra information and usage examples.
3.64.0
Minor Changes
- #3062
6c2ed708a9a
Thanks @aliemir! - - Updated components and their type imports to make them compatible withswizzle
feature.- Added
refine.config.js
to configure theswizzle
feature.
- Added
3.63.0
Minor Changes
- #3062
6c2ed708a9a
Thanks @aliemir! - - Updated components and their type imports to make them compatible withswizzle
feature.- Added
refine.config.js
to configure theswizzle
feature.
- Added
3.62.0
Minor Changes
-
#2872
da3fc4a702
Thanks @TDP17! - Feat: Added ability to manage breadcrumb component globally via optionsThe option set in individual CRUD components takes priority over the global option
3.61.0
Minor Changes
-
#2872
da3fc4a702
Thanks @TDP17! - Feat: Added ability to manage breadcrumb component globally via optionsThe option set in individual CRUD components takes priority over the global option
3.60.0
Minor Changes
-
#2839
5388a338ab
Thanks @aliemir! - DeprecationignoreAccessControlProvider
prop on buttons is deprecated. UseaccessContro.enabled
instead.Features
accessControl.enabled
prop is added to buttons to enable/disable access control for buttons.accessControl.hideIfUnauthorized
prop is added to buttons to hide the button if access is denied. -
#2836
e43e9a17ae
Thanks @alicanerdurmaz! - added locales prop to date fields
Patch Changes
-
#2838
f7968fa16f
Thanks @aliemir! - Fixed #2828 - Buttons were not respecting access control when navigating to a new page. Now, if button is disabled, it will not also block the navigation not just the onClick event. -
Updated dependencies [
476285e342
,5388a338ab
,e43e9a17ae
]:- @pankod/refine-ui-types@0.14.0
3.59.0
Minor Changes
- #2836
e43e9a17ae
Thanks @alicanerdurmaz! - added locales prop to date fields
Patch Changes
- Updated dependencies [
e43e9a17ae
]:- @pankod/refine-ui-types@0.13.0
3.58.0
Minor Changes
-
#2839
5388a338ab
Thanks @aliemir! - DeprecationignoreAccessControlProvider
prop on buttons is deprecated. UseaccessContro.enabled
instead.Features
accessControl.enabled
prop is added to buttons to enable/disable access control for buttons.accessControl.hideIfUnauthorized
prop is added to buttons to hide the button if access is denied.
Patch Changes
-
#2838
f7968fa16f
Thanks @aliemir! - Fixed #2828 - Buttons were not respecting access control when navigating to a new page. Now, if button is disabled, it will not also block the navigation not just the onClick event. -
Updated dependencies [
476285e342
,5388a338ab
]:- @pankod/refine-ui-types@0.12.0
3.57.0
Minor Changes
-
Only
or
was supported as a conditional filter. Nowand
andor
can be used together and nested. 🚀{ operator: "or", value: [ { operator: "and", value: [ { field: "name", operator: "eq", value: "John Doe", }, { field: "age", operator: "eq", value: 30, }, ], }, { operator: "and", value: [ { field: "name", operator: "eq", value: "JR Doe", }, { field: "age", operator: "eq", value: 1, }, ], }, ], }
Patch Changes
- Updated dependencies []:
- @pankod/refine-ui-types@0.11.6
3.56.0
Minor Changes
-
#2751
addff64c77
Thanks @yildirayunlu! - Onlyor
was supported as a conditional filter. Nowand
andor
can be used together and nested. 🚀{ operator: "or", value: [ { operator: "and", value: [ { field: "name", operator: "eq", value: "John Doe", }, { field: "age", operator: "eq", value: 30, }, ], }, { operator: "and", value: [ { field: "name", operator: "eq", value: "JR Doe", }, { field: "age", operator: "eq", value: 1, }, ], }, ], }
Patch Changes
- Updated dependencies [
19124711a7
]:- @pankod/refine-ui-types@0.11.5
3.55.3
Patch Changes
- Fixed
providers
property empty array state in<AuthPage />
component
3.55.2
Patch Changes
- Fixed
providers
property empty array state in<AuthPage />
component
3.55.1
Patch Changes
- #2712
c434055011
Thanks @omeraplak! - Fixedproviders
property empty array state in<AuthPage />
component
3.55.0
Minor Changes
- Added infinite loading example to antd
useSelect()
useSelect()
fetchSize
prop is deprecated. From nowpagination
should be used
Patch Changes
- Add AuthProps type export
3.54.0
Minor Changes
- #2629
bc89228e73
Thanks @bungambohlah! - Added infinite loading example to antduseSelect()
useSelect()
fetchSize
prop is deprecated. From nowpagination
should be used
Patch Changes
- #2666
8a562d2114
Thanks @omeraplak! - Add AuthProps type export
3.53.0
Minor Changes
-
- Added new component core and mantine support.
- Move Auth types
@pankod/refine-ui-types
to@pankod/refine-core
3.52.0
Minor Changes
- #2627
c5fb45d61f
Thanks @yildirayunlu! - - Added new component core and mantine support.- Move Auth types
@pankod/refine-ui-types
to@pankod/refine-core
- Move Auth types
3.51.0
Minor Changes
-
Deprecated
LoginPage
.Before
import { LoginPage } from "@pankod/refine-antd"; <Refine LoginPage={LoginPage} ... />
After
import { AuthPage } from "@pankod/refine-antd"; <Refine LoginPage={AuthPage} ... />
3.50.0
Minor Changes
-
Deprecated
LoginPage
.Before
import { LoginPage } from "@pankod/refine-antd"; <Refine LoginPage={LoginPage} ... />
After
import { AuthPage } from "@pankod/refine-antd"; <Refine LoginPage={AuthPage} ... />
3.49.0
Minor Changes
-
#2580
e1ab7da6b3
Thanks @yildirayunlu! - DeprecatedLoginPage
.Before
import { LoginPage } from "@pankod/refine-antd"; <Refine LoginPage={LoginPage} ... />
After
import { AuthPage } from "@pankod/refine-antd"; <Refine LoginPage={AuthPage} ... />
3.48.10
Patch Changes
- ReadyPage examples link fixed.
3.48.9
Patch Changes
- #2505
a4dbb63c88
Thanks @salihozdemir! - ReadyPage examples link fixed.
3.48.8
Patch Changes
-
Updated
disabled
attribute of buttons in CRUD components according toisLoading
prop. -
Removed redundant type inheritance
-
Updated dependencies []:
- @pankod/refine-ui-types@0.11.2
3.48.7
Patch Changes
-
#2586
d7c8b7642b
Thanks @necatiozmen! - Removed redundant type inheritance -
Updated dependencies [
d7c8b7642b
]:- @pankod/refine-ui-types@0.11.1
3.48.6
Patch Changes
- #2585
e7ab42a73b
Thanks @salihozdemir! - Updateddisabled
attribute of buttons in CRUD components according toisLoading
prop.
3.48.5
Patch Changes
- Rename
reset-password
->forgot-password
on docs.
3.48.4
Patch Changes
- Rename
reset-password
->forgot-password
on docs.
3.48.3
Patch Changes
- #2568
efe99f7843
Thanks @yildirayunlu! - Renamereset-password
->forgot-password
on docs.
3.48.2
Patch Changes
- Fixed
useModalForm
&useStepsForm
return type
3.48.1
Patch Changes
- #2552
52cd8d633e
Thanks @omeraplak! - FixeduseModalForm
&useStepsForm
return type
3.48.0
Minor Changes
- Add
providers
support on AuthPage register page.
Patch Changes
- Updated dependencies []:
- @pankod/refine-ui-types@0.11.0
3.47.0
Minor Changes
- #2551
a65525de6f
Thanks @yildirayunlu! - Addproviders
support on AuthPage register page.
Patch Changes
- Updated dependencies [
a65525de6f
]:- @pankod/refine-ui-types@0.10.0
3.46.4
Patch Changes
-
- Auth pages background color fixed.
- Removed unused
updatePasswordLink
prop from auth pages. - Removed
onSubmit
prop from auth pages. useformProps
instead.
- Updated dependencies []:
- @pankod/refine-ui-types@0.9.2
3.46.3
Patch Changes
- #2524
27bf81bebb
Thanks @biskuvit! - - Auth pages background color fixed.- Removed unused
updatePasswordLink
prop from auth pages. - Removed
onSubmit
prop from auth pages. useformProps
instead.
- Removed unused
- Updated dependencies [
27bf81bebb
]:- @pankod/refine-ui-types@0.9.1
3.46.2
Patch Changes
- Fixed the spacing between
icon
andbreadcrumb label
inBreadcrumb
component.
3.46.1
Patch Changes
- #2534
a9676932cc
Thanks @ozkalai! - Fixed the spacing betweenicon
andbreadcrumb label
inBreadcrumb
component.
3.46.0
Minor Changes
-
Added
formProps
property support for AuthPage componentUsage
<AuthPage type="login" formProps={{ initialValues: { email: "demo@refine.dev", password: "demo", }, }} />
Patch Changes
- Updated dependencies []:
- @pankod/refine-ui-types@0.9.0
3.45.0
Minor Changes
-
#2516
ad99916d6d
Thanks @omeraplak! - AddedformProps
property support for AuthPage componentUsage
<AuthPage type="login" formProps={{ initialValues: { email: "demo@refine.dev", password: "demo", }, }} />
Patch Changes
- Updated dependencies [
ad99916d6d
]:- @pankod/refine-ui-types@0.8.0
3.44.0
Minor Changes
-
Added
render
prop toSider
component. You can getdashboard
,logout
anditems
fromrender
props to customize theSider
component. -
Added
<AuthPage>
for Ant Design.<AuthPage>
is a component that provides a login, register, forgot password and update password pages.
Patch Changes
-
Fixed version of react-router to
6.3.0
-
Passed
collapsed
prop torender
method inSider
component of@pankod/refine-antd
. -
Updated dependencies []:
- @pankod/refine-ui-types@0.7.0
3.43.1
Patch Changes
- #2501
4095a578d4
Thanks @omeraplak! - Fixed version of react-router to6.3.0
3.43.0
Minor Changes
- #2447
628a37a675
Thanks @biskuvit! - Added<AuthPage>
for Ant Design.<AuthPage>
is a component that provides a login, register, forgot password and update password pages.
Patch Changes
- Updated dependencies [
628a37a675
]:- @pankod/refine-ui-types@0.6.2
3.42.1
Patch Changes
-
#2492
7d5bf3023d
Thanks @ozkalai! - Passedcollapsed
prop torender
method inSider
component of@pankod/refine-antd
. -
Updated dependencies [
7d5bf3023d
]:- @pankod/refine-ui-types@0.6.1
3.42.0
Minor Changes
- #2454
72487a4126
Thanks @ozkalai! - Addedrender
prop toSider
component. You can getdashboard
,logout
anditems
fromrender
props to customize theSider
component.
Patch Changes
- Updated dependencies [
72487a4126
]:- @pankod/refine-ui-types@0.6.0
3.41.0
Minor Changes
- Added support nested sorting
3.40.0
Minor Changes
- #2427
b21908e872
Thanks @geoffatsource! - Added support nested sorting
3.39.0
Minor Changes
- Update type declaration generation with
tsc
instead oftsup
for better navigation throughout projects source code.
Patch Changes
- Updated dependencies []:
- @pankod/refine-ui-types@0.5.0
3.38.0
Minor Changes
- #2440
0150dcd070
Thanks @aliemir! - Update type declaration generation withtsc
instead oftsup
for better navigation throughout projects source code.
Patch Changes
- Updated dependencies [
0150dcd070
,0150dcd070
]:- @pankod/refine-ui-types@0.4.0
3.37.11
Patch Changes
- Fix:
useStepsForm
'ssubmit
function can be overridden
3.37.10
Patch Changes
- Fix:
useStepsForm
'ssubmit
function can be overridden
3.37.9
Patch Changes
- #2421
2b1c5e01b0
Thanks @omeraplak! - Fix:useStepsForm
'ssubmit
function can be overridden
3.37.8
Patch Changes
-
Fix: Wrap with
<CanAccess />
component to parent sider items<Refine accessControlProvider={{ can: async ({ action, resource }) => { // console.log({ action, resource }); // output: {action: "list", resource: "cms" } return { can: true }; }, }} resources={[ { name: "CMS", }, { name: "posts", parentName: "CMS", list: PostList, }, ]} />
3.37.7
Patch Changes
-
#2411
c61470a2e0
Thanks @omeraplak! - Fix: Wrap with<CanAccess />
component to parent sider items<Refine accessControlProvider={{ can: async ({ action, resource }) => { // console.log({ action, resource }); // output: {action: "list", resource: "cms" } return { can: true }; }, }} resources={[ { name: "CMS", }, { name: "posts", parentName: "CMS", list: PostList, }, ]} />
3.37.6
Patch Changes
- Fix
useModalForm
hook reset issue after successful submit
3.37.5
Patch Changes
- #2403
ef8622cba3
Thanks @omeraplak! - FixuseModalForm
hook reset issue after successful submit
3.37.4
Patch Changes
- Updated
<Edit/>
component's default footer buttons property wrapper with<Space/>
component like `
3.37.3
Patch Changes
- Updated
<Edit/>
component's default footer buttons property wrapper with<Space/>
component like `
3.37.2
Patch Changes
- Updated
<Edit/>
component's default footer buttons property wrapper with<Space/>
component like `
3.37.1
Patch Changes
- #2343
90b39d4f83
Thanks @aliemir! - Updated<Edit/>
component's default footer buttons property wrapper with<Space/>
component like `
3.37.0
Minor Changes
- Separated
styles.min.css
file asantd.min.css
andreset.min.css
to make users able to turn offreset
styles when needed.
3.36.0
Minor Changes
- #2312
ba5646c65c
Thanks @aliemir! - Separatedstyles.min.css
file asantd.min.css
andreset.min.css
to make users able to turn offreset
styles when needed.
3.35.4
Patch Changes
- Upgraded
react-query
version to 4.
3.35.3
Patch Changes
- #2260
a97ec592df
Thanks @salihozdemir! - Upgradedreact-query
version to 4.
3.35.2
Patch Changes
- Remove
data-testid
props from buttons in crud components to make use of button test ids presented by@pankod/refine-ui-types
package.
-
Updated
@pankod/refine-antd
and@pankod/refine-mui
fields
properties by using@pankod/refine-ui-types
commonfields
types.Updated
@pankod/refine-antd
and@pankod/refine-mui
fields
tests by using@pankod/refine-ui-tests
commonfields
tests.Updated
@pankod/refine-ui-tests
fields
properties.
-
Added
@pankod/refine-ui-tests
and@pankod/refine-ui-types
packages. Now, all of button prop types comes from@pankod/refine-ui-types
package and all of button tests comes from@pankod/refine-ui-tests
package.Thus, button types and tests are managed by
@pankod/refine-ui-types
package and@pankod/refine-ui-tests
package. -
Updated dependencies []:
- @pankod/refine-ui-types@0.3.0
3.35.1
Patch Changes
- #2216
201846c77d
Thanks @aliemir! - Removedata-testid
props from buttons in crud components to make use of button test ids presented by@pankod/refine-ui-types
package.
-
#2216
201846c77d
Thanks @aliemir! - Updated@pankod/refine-antd
and@pankod/refine-mui
fields
properties by using@pankod/refine-ui-types
commonfields
types.Updated
@pankod/refine-antd
and@pankod/refine-mui
fields
tests by using@pankod/refine-ui-tests
commonfields
tests.Updated
@pankod/refine-ui-tests
fields
properties.
-
#2216
201846c77d
Thanks @aliemir! - Added@pankod/refine-ui-tests
and@pankod/refine-ui-types
packages. Now, all of button prop types comes from@pankod/refine-ui-types
package and all of button tests comes from@pankod/refine-ui-tests
package.Thus, button types and tests are managed by
@pankod/refine-ui-types
package and@pankod/refine-ui-tests
package. -
Updated dependencies [
201846c77d
]:- @pankod/refine-ui-types@0.2.0
3.35.0
Minor Changes
- Add React@18 support 🚀
Patch Changes
- Fixed
isMobile
control inSider
component detectingdesktop
dimensions asmobile
on route changes
3.34.0
Minor Changes
- #1718
b38620d842
Thanks @omeraplak! - Add React@18 support 🚀
Patch Changes
- #2255
b56f43529f
Thanks @omeraplak! - FixedisMobile
control inSider
component detectingdesktop
dimensions asmobile
on route changes
3.33.2
Patch Changes
- Updated
console.warn
's to trigger once.
3.33.1
Patch Changes
- #2223
0a215f2000
Thanks @salihozdemir! - Updatedconsole.warn
's to trigger once.
3.33.0
Minor Changes
-
All of the refine packages have dependencies on the
@pankod/refine-core
package. So far we have managed these dependencies withpeerDependencies
+dependencies
but this causes issues like #2183. (having more than one @pankod/refine-core version in node_modules and creating different instances)Managing as
peerDependencies
+devDependencies
seems like the best way for now to avoid such issues.
3.32.0
Minor Changes
-
#2217
b4aae00f77
Thanks @omeraplak! - All of the refine packages have dependencies on the@pankod/refine-core
package. So far we have managed these dependencies withpeerDependencies
+dependencies
but this causes issues like #2183. (having more than one @pankod/refine-core version in node_modules and creating different instances)Managing as
peerDependencies
+devDependencies
seems like the best way for now to avoid such issues.
3.31.0
Minor Changes
- BREAKING Updated
useStepsForm
propisBackValidate
with defaultfalse
instead oftrue
to achieve consistency between packages (@pankod/refine-react-hook-form
).
Patch Changes
- Fix
useModal
hook doesn't returnmodalProps
- Added
hasPagination
support touseSimpleList
hook.
3.30.0
Minor Changes
- #2206
874b05af37
Thanks @aliemir! - BREAKING UpdateduseStepsForm
propisBackValidate
with defaultfalse
instead oftrue
to achieve consistency between packages (@pankod/refine-react-hook-form
).
Patch Changes
- #2203
3c80308ca1
Thanks @omeraplak! - FixuseModal
hook doesn't returnmodalProps
- #2201
62c261c2a7
Thanks @omeraplak! - AddedhasPagination
support touseSimpleList
hook.
3.29.0
Minor Changes
-
Added
defaultSetFilterBehavior
prop touseTable
anduseSimpleList
hooks. ReturnsetFilters
andsetSorter
fromuseTable
of@pankod/refine-core
.This feature will let
@pankod/refine-antd
users to set filters manually and change filter setter logic (defaults tomerge
).
Patch Changes
- Updated dependencies []:
- @pankod/refine-core@3.44.0
3.28.0
Minor Changes
-
#2168
a9196ffe2d
Thanks @aliemir! - AddeddefaultSetFilterBehavior
prop touseTable
anduseSimpleList
hooks. ReturnsetFilters
andsetSorter
fromuseTable
of@pankod/refine-core
.This feature will let
@pankod/refine-antd
users to set filters manually and change filter setter logic (defaults tomerge
).
Patch Changes
- Updated dependencies [
4d5f6b25e5
]:- @pankod/refine-core@3.43.0
3.27.6
Patch Changes
-
Fixed the
Unhandled Promise
error on console foruseForm
with failed requests (Resolves #2156).This fix only catches the errors triggered by submitting the form, requests by invoking
onFinish
function should be handled by the user.
3.27.5
Patch Changes
-
#2161
8490f3c38f
Thanks @aliemir! - Fixed theUnhandled Promise
error on console foruseForm
with failed requests (Resolves #2156).This fix only catches the errors triggered by submitting the form, requests by invoking
onFinish
function should be handled by the user.
3.27.4
Patch Changes
-
Removed unused cases in
useFileUploadState
and fixed conflicting type inantd#UploadFileStatus
interface. -
Updated dependencies []:
- @pankod/refine-core@3.40.0
3.27.3
Patch Changes
-
#2135
cf90324cb4
Thanks @aliemir! - Removed unused cases inuseFileUploadState
and fixed conflicting type inantd#UploadFileStatus
interface. -
Updated dependencies [
868bb943ad
]:- @pankod/refine-core@3.39.0
3.27.2
Patch Changes
-
Add
dataProviderName
property for<RefreshButton>
and<DeleteButton>
in<Edit>
and<Show>
CRUD components - #2096 -
Updated dependencies []:
- @pankod/refine-core@3.38.0
3.27.1
Patch Changes
-
#2106
10a20d8714
Thanks @omeraplak! - AdddataProviderName
property for<RefreshButton>
and<DeleteButton>
in<Edit>
and<Show>
CRUD components - #2096 -
Updated dependencies [
9d77c63a92
,98966b586f
]:- @pankod/refine-core@3.37.0
3.27.0
Minor Changes
-
Updated
useTable
hook withhasPagination
to enable/disable pagination.Implementation
Updated the
useTable
accordingly to the changes in theuseTable
of@pankod/refine-core
.hasPagination
property is being send directly to theuseTable
of@pankod/refine-core
to disable pagination.Use Cases
In some data providers, some of the resources might not support pagination which was not supported prior to these changes. To handle the pagination on the client-side or to disable completely, users can set
hasPagination
tofalse
.
Patch Changes
-
Fixed
<Link>
usage in packages.- <Link href={route} to={route}> - {label} - </Link> + <Link to={route}>{label}</Link>
We used to have to pass
href
andto
for Next.js and React applications, now we just need to passto
. refine router providers handle for us. -
Updated dependencies []:
- @pankod/refine-core@3.36.0
3.26.0
Minor Changes
-
#2050
635cfe9fdb
Thanks @ozkalai! - UpdateduseTable
hook withhasPagination
to enable/disable pagination.Implementation
Updated the
useTable
accordingly to the changes in theuseTable
of@pankod/refine-core
.hasPagination
property is being send directly to theuseTable
of@pankod/refine-core
to disable pagination.Use Cases
In some data providers, some of the resources might not support pagination which was not supported prior to these changes. To handle the pagination on the client-side or to disable completely, users can set
hasPagination
tofalse
.
Patch Changes
-
#2061
0237725cf3
Thanks @salihozdemir! - Fixed<Link>
usage in packages.- <Link href={route} to={route}> - {label} - </Link> + <Link to={route}>{label}</Link>
We used to have to pass
href
andto
for Next.js and React applications, now we just need to passto
. refine router providers handle for us. -
Updated dependencies [
ecde34a9b3
,635cfe9fdb
]:- @pankod/refine-core@3.35.0
3.25.10
Patch Changes
- Updated the
id
parameter type toBaseKey
forshow
function inuseModalForm
hook
-
Updated the
id
type toBaseKey
forisEditing
andeditButtonProps
properties inuseEditableTable
hook. -
Updated dependencies []:
- @pankod/refine-core@3.34.2
3.25.9
Patch Changes
- #2059
326341c94e
Thanks @omeraplak! - Updated theid
parameter type toBaseKey
forshow
function inuseModalForm
hook
-
#2052
cbb09e5b22
Thanks @omeraplak! - Updated theid
type toBaseKey
forisEditing
andeditButtonProps
properties inuseEditableTable
hook. -
Updated dependencies [
0338ce9d6b
]:- @pankod/refine-core@3.34.1
3.25.8
Patch Changes
-
Fix missing behavior for dashboard item in deprecated
useMenu
-
Updated dependencies []:
- @pankod/refine-core@3.32.0
3.25.7
Patch Changes
-
#2009
5b893a9bff
Thanks @aliemir! - Fix missing behavior for dashboard item in deprecateduseMenu
-
Updated dependencies [
498c425a0e
,498c425a0e
,498c425a0e
,5b893a9bff
]:- @pankod/refine-core@3.31.0
3.25.6
Patch Changes
- Update
key
s in<Sider/>
component to useroute
-
Deprecated
useMenu
from@pankod/refine-antd
and replaced with theuseMenu
from@pankod/refine-core
-
Updated dependencies []:
- @pankod/refine-core@3.30.0
3.25.6
Patch Changes
- Could not stop
e.preventDefault()
redirection in Next.js<Link>
component. So we added ine.stopPropagation()
for Ant Design Buttons and Material UI Buttons
3.25.5
Patch Changes
- #1945
592a401924
Thanks @omeraplak! - Could not stope.preventDefault()
redirection in Next.js<Link>
component. So we added ine.stopPropagation()
for Ant Design Buttons and Material UI Buttons
3.25.4
Patch Changes
-
@pankod/refine-antd
Pagination with Next.js Links breaks the app -
Updated dependencies []:
- @pankod/refine-core@3.29.0
3.25.3
Patch Changes
-
@pankod/refine-antd
Pagination with Next.js Links breaks the app -
Updated dependencies []:
- @pankod/refine-core@3.28.0
3.25.2
Patch Changes
-
@pankod/refine-antd
Pagination with Next.js Links breaks the app -
Updated dependencies []:
- @pankod/refine-core@3.27.0
3.25.1
Patch Changes
- #1897
b1636033fa
Thanks @aliemir! -@pankod/refine-antd
Pagination with Next.js Links breaks the app
3.23.2
Patch Changes
-
#1873
2deb19babf
Thanks @aliemir! - Removed dummy default values from internal contexts. Updated contexts:- Auth
- Access Control
- Notification
- Translation (i18n)
- unsavedWarn
BREAKING:
useGetLocale
hook now can returnundefined
instead of a fallback value ofen
in cases ofi18nProvider
beingundefined
. -
Updated dependencies [
2deb19babf
]:- @pankod/refine-core@3.23.2
3.23.1
Patch Changes
-
#1865
5c3392ccd1
Thanks @omeraplak! - Fix #1858useTable
creating nested<a>
tag in Pagination component -
Updated dependencies [
3281378b11
]:- @pankod/refine-core@3.23.1
3.23.0
Minor Changes
- #1843
31850119e0
Thanks @salihozdemir! - AdduseBreadcrumb
hook andBreadrumb
component for@pankod/refine-antd
package
Patch Changes
- Updated dependencies [
31850119e0
]:- @pankod/refine-core@3.23.0