Update Identifier -> string.

documentation/docs/guides-and-concepts/hooks/data/useCreate.md

@@ -39,7 +39,7 @@ Let'say we have a `categories` resource
 
 ```tsx
 type CategoryMutationResult = {
- id: string | number;
+ id: string;
  title: string;
 }
 

documentation/docs/guides-and-concepts/hooks/data/useCreateMany.md

@@ -36,7 +36,7 @@ Let'say we have a `categories` resource
 
 ```tsx
 type CategoryMutationResult = {
- id: string | number;
+ id: string;
  title: string;
 }
 

documentation/docs/guides-and-concepts/hooks/data/useDelete.md

@@ -76,7 +76,7 @@ Variables passed to `mutate` must have the type of
 
 ```tsx
 {
- id: string | number;
+ id: string;
 }
 ```
 :::
@@ -146,9 +146,9 @@ After 7.5 seconds the mutation will be executed. The mutation can be cancelled w
 
 ### Return value
 
- | Description | Type  |
- | ----------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
- | Result of the `react-query`'s useMutation | [`UseMutationResult<`<br/>`{ data: TData },`<br/>`TError,`<br/>` { id: Identifier; },`<br/>` DeleteContext>`](https://react-query.tanstack.com/reference/useMutation) |
+ | Description | Type |
+ | ----------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+ | Result of the `react-query`'s useMutation | [`UseMutationResult<`<br/>`{ data: TData },`<br/>`TError,`<br/>` { id: string; },`<br/>` DeleteContext>`](https://react-query.tanstack.com/reference/useMutation) |
 
->`*` [Refer to documentation for `Identifier` &#8594](#) and [`DeleteContext` &#8594](#)
+>`*` [Refer to documentation for [`DeleteContext` &#8594](#)
 

documentation/docs/guides-and-concepts/hooks/data/useDeleteMany.md

@@ -80,7 +80,7 @@ Values passed to `mutate` must have the type of
 
 ```tsx
 {
- ids: (string | number)[];
+ ids: (string)[];
 }
 ```
 :::
@@ -150,11 +150,11 @@ After 7.5 seconds the mutation will be executed. The mutation can be cancelled w
 
 ### Return value
 
-| Description | Type  |
-| ----------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Result of the `react-query`'s useMutation | [`UseMutationResult<`<br/>`{ data: TData },`<br/>`TError,`<br/>` { ids: Identifier[]; },`<br/>` DeleteContext>`](https://react-query.tanstack.com/reference/useMutation)* |
+| Description | Type |
+| ----------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Result of the `react-query`'s useMutation | [`UseMutationResult<`<br/>`{ data: TData },`<br/>`TError,`<br/>` { ids: string[]; },`<br/>` DeleteContext>`](https://react-query.tanstack.com/reference/useMutation)* |
 
->`*` Refer to documentation for `Identifier` &#8594](#) and [`DeleteContext` &#8594](#)
+>`*` Refer to documentation for [`DeleteContext` &#8594](#)
 
 
 <!-- >`TData` and `TError` are type parameters that `useDeleteMany` accepts.

documentation/docs/guides-and-concepts/hooks/data/useUpdate.md

@@ -38,7 +38,7 @@ Let'say we have a `categories` resource
 
 ```tsx
 type CategoryMutationResult = {
- id: string | number;
+ id: string;
  title: string;
 }
 

documentation/docs/guides-and-concepts/hooks/data/useUpdateMany.md

@@ -87,7 +87,7 @@ Values passed to `mutate` must have the type of
 
 ```tsx
 {
- ids: (string | number)[];
+ ids: (string)[];
  values: TVariables = {};
 }
 ```
@@ -159,8 +159,8 @@ After 7.5 seconds the mutation will be executed. The mutation can be cancelled w
 
 ### Return value
 
- | Description | Type  |
- | ----------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
- | Result of the `react-query`'s useMutation | [`UseMutationResult<`<br/>`{ data: TData },`<br/>`TError,`<br/>` { ids: Identifier[]; values: TVariables; },`<br/>` UpdateContext>`](https://react-query.tanstack.com/reference/useMutation)* |
+ | Description | Type |
+ | ----------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+ | Result of the `react-query`'s useMutation | [`UseMutationResult<`<br/>`{ data: TData },`<br/>`TError,`<br/>` { ids: string[]; values: TVariables; },`<br/>` UpdateContext>`](https://react-query.tanstack.com/reference/useMutation)* |
 
->`*` [Refer to documentation for `UpdateContext` &#8594](#) and [`Identifier` &#8594](#)
+>`*` [Refer to documentation for `UpdateContext` &#8594](#).

example/src/components/pages/category.tsx

@@ -129,9 +129,9 @@ export const CategoryList: React.FC<IResourceComponentsProps> = (props) => {
  dataIndex="actions"
  key="actions"
  render={(
- _text: string | number,
+ _text: string,
  record: {
- id: string | number;
+ id: string;
  },
  ): React.ReactNode => {
  if (isEditing(record.id)) {
@@ -153,12 +153,14 @@ export const CategoryList: React.FC<IResourceComponentsProps> = (props) => {
  return (
  <Space>
  <EditButton
- {...editButtonProps(record.id)}
+ {...editButtonProps(
+ record.id.toString(),
+ )}
  size="small"
  />
  <DeleteButton
  size="small"
- recordItemId={record.id}
+ recordItemId={record.id.toString()}
  />
  </Space>
  );

example/src/components/pages/landing.tsx

@@ -77,9 +77,9 @@ export const LandingList: React.FC<IResourceComponentsProps> = (props) => {
  dataIndex="actions"
  key="actions"
  render={(
- _text: string | number,
+ _text: string,
  record: {
- id: string | number;
+ id: string;
  },
  ): React.ReactNode => (
  <Space>

example/src/components/pages/post-light.tsx

@@ -112,9 +112,9 @@ export const PostLightList: React.FC<IResourceComponentsProps> = (props) => {
  dataIndex="actions"
  key="actions"
  render={(
- _text: string | number,
+ _text: string,
  record: {
- id: string | number;
+ id: string;
  },
  ): React.ReactNode => (
  <Space>
@@ -136,7 +136,7 @@ export const PostLightList: React.FC<IResourceComponentsProps> = (props) => {
  />
  <CloneButton
  onClick={() => {
- createModalShow(record.id);
+ createModalShow(record.id.toString());
  }}
  />
  </Space>

example/src/components/pages/post.tsx

@@ -242,9 +242,9 @@ export const PostList: React.FC<IResourceComponentsProps> = (props) => {
  dataIndex="actions"
  key="actions"
  render={(
- _text: string | number,
+ _text: string,
  record: {
- id: string | number;
+ id: string;
  },
  ): React.ReactNode => (
  <Space>

example/src/components/pages/tag.tsx

@@ -104,9 +104,9 @@ export const TagList: React.FC<IResourceComponentsProps> = (props) => {
  dataIndex="actions"
  key="actions"
  render={(
- _text: string | number,
+ _text: string,
  record: {
- id: string | number;
+ id: string;
  },
  ): React.ReactNode => (
  <Space>

example/src/components/pages/tags.tsx

@@ -54,9 +54,9 @@ export const TagsList: React.FC<IResourceComponentsProps> = (props) => {
  dataIndex="actions"
  key="actions"
  render={(
- _text: string | number,
+ _text: string,
  record: {
- id: string | number;
+ id: string;
  },
  ): React.ReactNode => (
  <Space>

example/src/components/pages/user.tsx

@@ -121,7 +121,7 @@ export const UserList: React.FC<IResourceComponentsProps> = (props) => {
  dataIndex="actions"
  key="actions"
  render={(
- _text: string | number,
+ _text: string,
  record: {
  id: string;
  },

examples/useDeleteMany/src/pages/posts/list.tsx

@@ -24,9 +24,7 @@ export const PostList: React.FC<IResourceComponentsProps> = (props) => {
  enabled: categoryIds.length > 0,
  });
 
- const [selectedRowKeys, setSelectedRowKeys] = React.useState<
- (string | number)[]
- >([]);
+ const [selectedRowKeys, setSelectedRowKeys] = React.useState<string[]>([]);
 
  const {
  mutate,
@@ -46,7 +44,7 @@ export const PostList: React.FC<IResourceComponentsProps> = (props) => {
  }
  }, [isSuccess]);
 
- const onSelectChange = (selectedRowKeys: (string | number)[]) => {
+ const onSelectChange = (selectedRowKeys: string[]) => {
  setSelectedRowKeys(selectedRowKeys);
  };
 

examples/useUpdateMany/src/pages/posts/list.tsx

@@ -24,9 +24,7 @@ export const PostList: React.FC<IResourceComponentsProps> = (props) => {
  enabled: categoryIds.length > 0,
  });
 
- const [selectedRowKeys, setSelectedRowKeys] = React.useState<
- (string | number)[]
- >([]);
+ const [selectedRowKeys, setSelectedRowKeys] = React.useState<string[]>([]);
 
  const {
  mutate,
@@ -49,7 +47,7 @@ export const PostList: React.FC<IResourceComponentsProps> = (props) => {
  }
  }, [isSuccess]);
 
- const onSelectChange = (selectedRowKeys: (string | number)[]) => {
+ const onSelectChange = (selectedRowKeys: string[]) => {
  setSelectedRowKeys(selectedRowKeys);
  };
 

packages/core/src/components/buttons/clone/index.tsx

@@ -8,7 +8,7 @@ import { ResourceRouterParams } from "../../../interfaces";
 
 type CloneButtonProps = ButtonProps & {
  resourceName?: string;
- recordItemId?: string | number;
+ recordItemId?: string;
 };
 
 export const CloneButton: FC<CloneButtonProps> = ({

packages/core/src/components/buttons/delete/index.tsx

@@ -17,7 +17,7 @@ import {
 
 export type DeleteButtonProps = ButtonProps & {
  resourceName?: string;
- recordItemId?: string | number;
+ recordItemId?: string;
  onSuccess?: (value: DeleteOneResponse) => void;
  mutationMode?: MutationMode;
 };

packages/core/src/components/buttons/edit/index.tsx

@@ -8,7 +8,7 @@ import { ResourceRouterParams } from "../../../interfaces";
 
 type EditButtonProps = ButtonProps & {
  resourceName?: string;
- recordItemId?: string | number;
+ recordItemId?: string;
 };
 
 export const EditButton: FC<EditButtonProps> = ({

packages/core/src/components/buttons/refresh/index.tsx

@@ -8,7 +8,7 @@ import { ResourceRouterParams } from "../../../interfaces";
 
 type RefreshButtonProps = ButtonProps & {
  resourceName?: string;
- recordItemId?: string | number;
+ recordItemId?: string;
 };
 
 export const RefreshButton: FC<RefreshButtonProps> = ({

packages/core/src/components/buttons/show/index.tsx

@@ -8,7 +8,7 @@ import { ResourceRouterParams } from "../../../interfaces";
 
 type ShowButtonProps = ButtonProps & {
  resourceName?: string;
- recordItemId?: string | number;
+ recordItemId?: string;
 };
 
 export const ShowButton: FC<ShowButtonProps> = ({

packages/core/src/components/crud/edit/index.tsx

@@ -30,7 +30,7 @@ export interface EditProps {
  actionButtons?: React.ReactNode;
  saveButtonProps?: ButtonProps;
  mutationMode?: MutationMode;
- recordItemId?: string | number;
+ recordItemId?: string;
  pageHeaderProps?: PageHeaderProps;
  canDelete?: boolean;
  deleteButtonProps?: DeleteButtonProps;

packages/core/src/components/crud/show/index.tsx

@@ -22,7 +22,7 @@ export interface ShowProps {
  isLoading?: boolean;
  pageHeaderProps?: PageHeaderProps;
  resource?: string;
- recordItemId?: string | number;
+ recordItemId?: string;
 }
 
 export const Show: React.FC<ShowProps> = ({

packages/core/src/contexts/data/IDataContext.ts

@@ -1,4 +1,4 @@
-import { BaseRecord, Identifier } from "../../interfaces";
+import { BaseRecord } from "../../interfaces";
 
 export interface Pagination {
  current?: number;
@@ -108,11 +108,11 @@ export interface IDataContext {
  ) => Promise<GetListResponse<TData>>;
  getMany: <TData extends BaseRecord = BaseRecord>(
  resource: string,
- ids: Identifier[],
+ ids: string[],
  ) => Promise<GetManyResponse<TData>>;
  getOne: <TData extends BaseRecord = BaseRecord>(
  resource: string,
- id: Identifier,
+ id: string,
  ) => Promise<GetOneResponse<TData>>;
  create: <TData extends BaseRecord = BaseRecord, TVariables = {}>(
  resource: string,
@@ -124,21 +124,21 @@ export interface IDataContext {
  ) => Promise<CreateManyResponse<TData>>;
  update: <TData extends BaseRecord = BaseRecord, TVariables = {}>(
  resource: string,
- id: Identifier,
+ id: string,
  params: TVariables,
  ) => Promise<UpdateResponse<TData>>;
  updateMany: <TData extends BaseRecord = BaseRecord, TVariables = {}>(
  resource: string,
- ids: Identifier[],
+ ids: string[],
  params: TVariables,
  ) => Promise<UpdateManyResponse<TData>>;
  deleteOne: <TData extends BaseRecord = BaseRecord>(
  resource: string,
- id: Identifier,
+ id: string,
  ) => Promise<DeleteOneResponse<TData>>;
  deleteMany: <TData extends BaseRecord = BaseRecord>(
  resource: string,
- ids: Identifier[],
+ ids: string[],
  ) => Promise<DeleteManyResponse<TData>>;
  getApiUrl: () => string;
  // TODO: Should be optional

packages/core/src/hooks/data/useDelete.ts

@@ -21,7 +21,6 @@ import {
  ContextQuery,
  HttpError,
  GetListResponse,
- Identifier,
 } from "../../interfaces";
 
 type UseDeleteReturnType<
@@ -30,7 +29,7 @@ type UseDeleteReturnType<
 > = UseMutationResult<
  DeleteOneResponse<TData>,
  TError,
- { id: Identifier },
+ { id: string },
  DeleteContext
 >;
 
@@ -64,7 +63,7 @@ export const useDelete = <
  DeleteOneResponse<TData>,
  TError,
  {
- id: Identifier;
+ id: string;
  },
  DeleteContext
  >(
@@ -139,10 +138,7 @@ export const useDelete = <
  ...previousQuery,
  data: (data ?? []).filter(
  (record: TData) =>
- !(
- record.id!.toString() ===
- deleteParams.id?.toString()
- ),
+ !(record.id === deleteParams.id),
  ),
  total: total - 1,
  });