@giteeteam/apps-team-components 0.3.13 → 1.0.0

package/dist/components/fields/story-point/ReadView.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { BaseFieldProps } from '../number/BaseField';
+declare const StoryPointReadView: React.FC<BaseFieldProps>;
+export default StoryPointReadView;

package/dist/components/fields/story-point/ReadView.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import EmptyField from '../../common/EmptyField';
+const StoryPointReadView = ({ value, readonly }) => {
+    if (!value) {
+        return _jsx(EmptyField, { readonly: readonly });
+    }
+    return _jsx(_Fragment, { children: value });
+};
+StoryPointReadView.displayName = 'StoryPointReadView';
+export default StoryPointReadView;

package/dist/{cells → components/fields}/tag/BaseField.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { FieldProps } from '@/fields/base-component/types';
-import { optionValue } from './tag-multiple-select/types';
-interface optionsProp {
+import { FieldProps } from '../base-component/types';
+export interface optionsProp {
     value: string;
 }
-export declare const useItemsSelect: (options: optionsProp[]) => any;
+export interface optionValue {
+    value: string | number;
+}
 export type BaseTagProps = FieldProps & {
     value?: [];
     options?: optionsProp[];
@@ -17,6 +17,5 @@ export type BaseTagProps = FieldProps & {
     hiddenAdd?: boolean;
     placeholder?: string;
     getPopupContainer?: (node?: HTMLElement) => HTMLElement;
+    label?: string;
 };
-declare const TagComponent: React.FC<BaseTagProps>;
-export default TagComponent;

package/dist/components/fields/tag/BaseField.js

@@ -0,0 +1 @@
+export {};

package/dist/components/fields/tag/ReadView.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CellProps } from '../base-component/types';
+import { BaseTagProps } from './BaseField';
+type TagProps = BaseTagProps & CellProps;
+declare const TagReadView: React.FC<Pick<TagProps, 'value'>>;
+export default TagReadView;

package/dist/components/fields/tag/ReadView.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { Tag as AntdTag } from 'antd';
+import { isObject } from 'lodash-es';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import { baseTagStyle } from './style';
+const TagReadView = memo(({ value }) => {
+    const tags = useMemo(() => {
+        return Array.isArray(value)
+            ? value.map(item => {
+                return isObject(item) ? item.value : item;
+            })
+            : [];
+    }, [value]);
+    const content = useMemo(() => tags.length ? (tags.map(item => (_jsx(AntdTag, { className: baseTagStyle, children: _jsx(BaseOverflowTooltip, { title: item, children: item }) }, item)))) : (_jsx(EmptyField, { readonly: true })), [tags]);
+    return _jsx(_Fragment, { children: content });
+});
+TagReadView.displayName = 'TagReadView';
+export default TagReadView;

package/dist/components/fields/tag/style/index.d.ts

@@ -0,0 +1 @@
+export declare const baseTagStyle: string;

package/dist/components/fields/tag/style/index.js

@@ -0,0 +1,7 @@
+import { css } from '@emotion/css';
+export const baseTagStyle = css `
+  max-width: 6em;
+  height: 22px;
+  white-space: normal;
+  vertical-align: middle;
+`;

package/dist/components/fields/team/ReadView.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ReadViewBaseProps } from '../types';
+type TeamReadViewProps = ReadViewBaseProps;
+declare const TeamReadView: React.FC<TeamReadViewProps>;
+export default TeamReadView;

package/dist/components/fields/team/ReadView.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import useCurrentWorkspace from '../../../lib/hooks/useCurrentWorkspace';
+import { i18n } from '../../../lib/i18n';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import { deletedStyle, forbiddenStyle } from './style';
+const TeamReadView = memo(({ value, readonly }) => {
+    var _a;
+    const hasName = value === null || value === void 0 ? void 0 : value.every(team => team.name);
+    const deleted = value === null || value === void 0 ? void 0 : value.every(team => team.deleted);
+    const forbidden = value === null || value === void 0 ? void 0 : value.every(team => !team.enable);
+    const { workspaceKey } = useCurrentWorkspace();
+    return (value === null || value === void 0 ? void 0 : value.length) ? (hasName ? (_jsx(BaseOverflowTooltip, { className: forbidden ? forbiddenStyle : undefined, children: (_a = value === null || value === void 0 ? void 0 : value.map(team => (team.enable ? team.name : `${team.name}(${i18n.t('global.columns.forbiddenActive')})`))) === null || _a === void 0 ? void 0 : _a.join(',') })) : deleted ? (_jsx(BaseOverflowTooltip, { className: deletedStyle, children: i18n.t('global.haveDelete') })) : null) : (_jsx(EmptyField, { readonly: readonly || !workspaceKey }));
+});
+TeamReadView.displayName = 'TeamReadView';
+export default TeamReadView;

package/dist/components/fields/team/style/index.d.ts

@@ -0,0 +1,2 @@
+export declare const forbiddenStyle: string;
+export declare const deletedStyle: string;

package/dist/components/fields/team/style/index.js

@@ -0,0 +1,5 @@
+import { css } from '@emotion/css';
+export const forbiddenStyle = css `
+  text-decoration: line-through;
+`;
+export const deletedStyle = forbiddenStyle;

package/dist/{cells → components/fields}/text/BaseField.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { InputProps } from '@/osui';
-import { FieldProps } from '@/fields/base-component/types';
+/// <reference types="react" />
+import type { InputProps } from 'antd';
+import type { FieldProps } from '../base-component/types';
 export type BaseFieldProps = InputProps & FieldProps & {
     userData?: any;
     label?: string;
@@ -11,6 +11,6 @@ export type BaseFieldProps = InputProps & FieldProps & {
     onChange?: (e: React.MouseEvent) => void;
     onBlur?: (e: React.MouseEvent) => void;
     maxline?: 1 | 2 | 3 | 4 | 5;
+    searchComponent?: boolean;
+    fieldType?: 'longText' | 'text';
 };
-declare const Text: React.FC<BaseFieldProps>;
-export default Text;

package/dist/components/fields/text/BaseField.js

@@ -0,0 +1 @@
+export {};

package/dist/components/fields/text/ReadView.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BaseFieldProps } from './BaseField';
+declare const TextReadView: React.FC<Pick<BaseFieldProps, 'value' | 'addonBefore' | 'addonAfter' | 'readonly'>>;
+export default TextReadView;

package/dist/components/fields/text/ReadView.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+const TextReadView = memo(({ value: propsValue = '', addonBefore = '', addonAfter = '', readonly }) => {
+    const showValue = useMemo(() => {
+        if (propsValue) {
+            return `${addonBefore}${propsValue}${addonAfter}`;
+        }
+        return '';
+    }, [propsValue, addonBefore, addonAfter]);
+    if (!showValue) {
+        return _jsx(EmptyField, { readonly: readonly });
+    }
+    return _jsx(BaseOverflowTooltip, { title: showValue, children: showValue });
+});
+TextReadView.displayName = 'TextReadView';
+export default TextReadView;

package/dist/{cells → components/fields}/tree/BaseField.d.ts

@@ -1,15 +1,13 @@
-import React from 'react';
-import { TreeSelectProps } from '@/osui';
-import { FieldProps } from '@/fields/base-component/types';
+import { type TreeSelectProps } from 'antd';
+import { FieldProps } from '../base-component/types';
 interface selectValue {
     label: string;
     value: string | number;
-    title: string;
+    title?: string;
 }
 export type BaseTreeProps = TreeSelectProps<any> & FieldProps & {
     value?: string;
     options?: selectValue[];
     onChange?: (e: any) => void;
 };
-declare const Tree: React.FC<BaseTreeProps>;
-export default Tree;
+export {};

package/dist/components/fields/tree/BaseField.js

@@ -0,0 +1 @@
+export {};

package/dist/components/fields/tree/ReadView.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BaseTreeProps } from './BaseField';
+declare const TreeReadView: React.FC<Pick<BaseTreeProps, 'value' | 'options' | 'multiple' | 'readonly'>>;
+export default TreeReadView;

package/dist/components/fields/tree/ReadView.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useEffect, useMemo, useState } from 'react';
+import { cloneDeep } from 'lodash-es';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import { toTree } from './utils';
+const TreeReadView = memo(({ value: propsValue, options: propsOptions, multiple, readonly }) => {
+    const [value, setValue] = useState(null);
+    const options = useMemo(() => {
+        return propsOptions ? toTree(cloneDeep(propsOptions)) : [];
+    }, [propsOptions]);
+    useEffect(() => {
+        if (options.length) {
+            const val = Array.isArray(propsValue) ? propsValue : [];
+            const filterValue = val.filter(v => propsOptions.find(item => item.value === v));
+            setValue(multiple ? filterValue : filterValue[0]);
+        }
+        else {
+            setValue(undefined);
+        }
+    }, [propsOptions, propsValue, setValue, options, multiple]);
+    const showValue = useMemo(() => {
+        let showValue = null;
+        if (multiple) {
+            if (Array.isArray(propsOptions) && propsOptions.length >= 1 && value && Array.isArray(value)) {
+                showValue = value.reduce((showValue, val) => {
+                    const opt = propsOptions.filter(item => item.value === val);
+                    if (opt.length) {
+                        if (showValue) {
+                            return showValue + ',' + opt[0].title;
+                        }
+                        else {
+                            return showValue + opt[0].title;
+                        }
+                    }
+                    return '';
+                }, '');
+            }
+        }
+        else {
+            if (Array.isArray(propsOptions) && propsOptions.length >= 1 && value) {
+                const opt = propsOptions.filter(item => item.value === value);
+                if (opt.length >= 1) {
+                    showValue = opt[0].title;
+                }
+            }
+        }
+        return showValue;
+    }, [value, multiple, propsOptions]);
+    if (!showValue) {
+        return _jsx(EmptyField, { readonly: readonly });
+    }
+    return _jsx(BaseOverflowTooltip, { title: showValue, children: showValue });
+});
+TreeReadView.displayName = 'TreeReadView';
+export default TreeReadView;

package/dist/components/fields/tree/utils.js

@@ -0,0 +1,22 @@
+export const toTree = (data) => {
+    const temp = {};
+    const tree = [];
+    for (const i in data) {
+        temp[data[i].id] = data[i];
+    }
+    for (const i in temp) {
+        if (temp[i].parentId) {
+            if (!temp[temp[i].parentId].children) {
+                temp[temp[i].parentId].children = [];
+            }
+            temp[temp[i].parentId].children.push(temp[i]);
+        }
+        else {
+            tree.push(temp[i]);
+        }
+    }
+    return tree;
+};
+export const toflatten = (data) => {
+    return data.reduce((arr, { id, title, parentId, value, label, children = [] }) => arr.concat([{ id, title, parentId, value, label }], toflatten(children)), []);
+};

package/dist/components/fields/types.d.ts

@@ -0,0 +1,6 @@
+export type ReadViewBaseProps = {
+    value: any;
+    options: any[];
+    itemValues: any;
+    readonly?: boolean;
+};

package/dist/components/fields/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/fields/updated-at/ReadView.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const UpdatedAtReadView: React.FC<{
+    value: string;
+}>;
+export default UpdatedAtReadView;

package/dist/components/fields/updated-at/ReadView.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import useDateTimeFormatType from '../../../lib/hooks/useDateTimeFormatType';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import { dateFormat } from '../../common/utils';
+const UpdatedAtReadView = memo(({ value }) => {
+    const dateFormatType = useDateTimeFormatType();
+    const showValue = useMemo(() => {
+        if (value) {
+            return dateFormat(value, dateFormatType);
+        }
+        return '';
+    }, [value, dateFormatType]);
+    if (!showValue) {
+        return _jsx(EmptyField, { readonly: true });
+    }
+    return _jsx(BaseOverflowTooltip, { title: showValue, children: showValue });
+});
+UpdatedAtReadView.displayName = 'UpdatedAtReadView';
+export default UpdatedAtReadView;

package/dist/components/fields/updated-by/ReadView.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { User as UserTyped } from '../../../lib/types/models';
+declare const UpdatedByReadView: import("react").MemoExoticComponent<({ value }: {
+    value: UserTyped;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default UpdatedByReadView;

package/dist/components/fields/updated-by/ReadView.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { cx } from '@emotion/css';
+import { generateUserDisplayName, isUserDeleted, isUserDisabled } from '../../../lib/useUser';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import UserAvatar from '../../common/user-field/UserAvatar';
+import { userDeletedStyle, userDisabledStyle, usernameStyle } from '../user/style';
+const UpdatedByReadView = memo(({ value }) => {
+    const showValue = useMemo(() => {
+        if (value) {
+            return generateUserDisplayName(value);
+        }
+        return '';
+    }, [value]);
+    const className = useMemo(() => {
+        return cx(usernameStyle, isUserDeleted(value) ? userDeletedStyle : '', isUserDisabled(value) ? userDisabledStyle : '');
+    }, [value]);
+    if (!showValue) {
+        return _jsx(EmptyField, { readonly: true });
+    }
+    return (_jsxs(BaseOverflowTooltip, { title: showValue, maxline: 1, children: [_jsx(UserAvatar, { user: value }), _jsx("span", { className: className, children: showValue })] }));
+});
+UpdatedByReadView.displayName = 'UpdatedByReadView';
+export default UpdatedByReadView;

package/dist/components/fields/user/ReadView.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BaseUserProps } from './types';
+declare const UserReadView: React.FC<Pick<BaseUserProps, 'value' | 'readonly'>>;
+export default UserReadView;

package/dist/components/fields/user/ReadView.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { cx } from '@emotion/css';
+import { generateUserDisplayName, isUserDeleted, isUserDisabled, userDataFormat } from '../../../lib/useUser';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import { userDeletedStyle, userDisabledStyle } from '../user/style';
+const EMPTY_ARRAY = [];
+const UserReadView = memo(({ value, readonly }) => {
+    const displayValues = useMemo(() => {
+        return ((value === null || value === void 0 ? void 0 : value.map((val, i) => {
+            const item = userDataFormat(val);
+            return (_jsxs("span", { children: [i ? ',' : '', _jsx("span", { className: cx({ [userDeletedStyle]: isUserDeleted(item) }, { [userDisabledStyle]: isUserDisabled(item) }), children: generateUserDisplayName(item) })] }, i));
+        })) || EMPTY_ARRAY);
+    }, [value]);
+    if (!displayValues.length) {
+        return _jsx(EmptyField, { readonly: readonly, isUser: true });
+    }
+    return _jsx(BaseOverflowTooltip, { maxline: 1, children: displayValues });
+});
+UserReadView.displayName = 'UserReadView';
+export default UserReadView;

package/dist/components/fields/user/style/index.d.ts

@@ -0,0 +1,3 @@
+export declare const userDisabledStyle: string;
+export declare const userDeletedStyle: string;
+export declare const usernameStyle: string;

package/dist/components/fields/user/style/index.js

@@ -0,0 +1,13 @@
+import { css } from '@emotion/css';
+import { gray6, gray9 } from '../../../../style/common';
+export const userDisabledStyle = css `
+  color: ${gray6};
+`;
+export const userDeletedStyle = css `
+  text-decoration: line-through;
+`;
+export const usernameStyle = css `
+  font-size: 14px;
+  line-height: 20px;
+  color: ${gray9};
+`;

package/dist/components/fields/user-group/ActionCell.d.ts

@@ -0,0 +1,7 @@
+import { IParams } from '../hooks/useParamsAdapter';
+import { BaseDropdownProps } from './BaseField';
+import { CustomItem } from './types';
+export type DropdownProps = BaseDropdownProps & {
+    value: IParams[];
+    options: CustomItem[];
+};

package/dist/components/fields/user-group/ActionCell.js

@@ -0,0 +1 @@
+export {};

package/dist/components/fields/user-group/BaseField.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { type SelectProps } from 'antd';
+import { FieldProps } from '../base-component/types';
+import { IParams } from '../hooks/useParamsAdapter';
+export interface selectValue {
+    label: React.ReactNode;
+    value: string | number;
+    disabled?: boolean;
+    objectId?: string;
+    name?: string;
+}
+export type BaseDropdownProps = SelectProps<selectValue[]> & FieldProps & {
+    value?: string[] | number[] | Array<IParams>;
+    options?: selectValue[];
+    placeholder?: string;
+};

package/dist/components/fields/user-group/BaseField.js

@@ -0,0 +1 @@
+export {};

package/dist/components/fields/user-group/ReadView.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DropdownProps } from './ActionCell';
+export declare const isNilFilter: <T>(value: T[]) => T[];
+declare const UserGroupReadView: React.FC<DropdownProps>;
+export default UserGroupReadView;

package/dist/components/fields/user-group/ReadView.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { isNil, isObject } from 'lodash-es';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import { handleValue } from '../dropdown/BaseField';
+export const isNilFilter = function (value) {
+    var _a;
+    return (_a = value === null || value === void 0 ? void 0 : value.filter) === null || _a === void 0 ? void 0 : _a.call(value, val => !isNil(val));
+};
+const UserGroupReadView = props => {
+    const { value: propsValue, options, mode, readonly } = props;
+    const [value, setValue] = useState([]);
+    useEffect(() => {
+        var _a;
+        setValue(Array.isArray(propsValue) ? propsValue : (_a = [propsValue]) !== null && _a !== void 0 ? _a : []);
+    }, [propsValue, setValue]);
+    const showValue = useMemo(() => {
+        var _a, _b;
+        let showValue = null;
+        if (mode === 'multiple') {
+            if (Array.isArray(options) && options.length >= 1 && value && Array.isArray(value)) {
+                showValue = value.reduce((showValue, val) => {
+                    const opt = options.filter(item => item.value === handleValue(val));
+                    if (opt.length) {
+                        if (showValue) {
+                            return showValue + ',' + opt[0].label;
+                        }
+                        else {
+                            return showValue + opt[0].label;
+                        }
+                    }
+                    return '';
+                }, '');
+            }
+        }
+        else {
+            if (value && Array.isArray(value) && value[0]) {
+                if (isObject(value[0])) {
+                    showValue = value[0].label;
+                }
+                else if (options && Array.isArray(options)) {
+                    showValue = (_b = (_a = options.filter(item => item.value === value[0])) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.label;
+                }
+            }
+        }
+        return showValue;
+    }, [mode, value, options]);
+    if (!showValue) {
+        return _jsx(EmptyField, { readonly: readonly });
+    }
+    return _jsx(BaseOverflowTooltip, { title: showValue, children: showValue });
+};
+UserGroupReadView.displayName = 'UserGroupReadView';
+export default UserGroupReadView;

package/dist/components/fields/version/ReadView.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ReadViewBaseProps } from '../types';
+export type VersionReadViewProps = ReadViewBaseProps;
+declare const VersionReadView: React.FC<VersionReadViewProps>;
+export default VersionReadView;

package/dist/components/fields/version/ReadView.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import useCurrentWorkspace from '../../../lib/hooks/useCurrentWorkspace';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+const VersionReadView = memo(({ value, readonly }) => {
+    var _a;
+    const { workspaceKey } = useCurrentWorkspace();
+    return (value === null || value === void 0 ? void 0 : value.length) ? (_jsx(BaseOverflowTooltip, { children: (_a = value === null || value === void 0 ? void 0 : value.map(version => version.name)) === null || _a === void 0 ? void 0 : _a.join(',') })) : (_jsx(EmptyField, { readonly: readonly || !workspaceKey }));
+});
+VersionReadView.displayName = 'VersionReadView';
+export default VersionReadView;

package/dist/components/fields/workspace/ReadView.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface WorkSpaceReadViewProps {
+    value?: {
+        name?: string;
+    };
+}
+declare const WorkspaceReadView: React.FC<WorkSpaceReadViewProps>;
+export default WorkspaceReadView;

package/dist/components/fields/workspace/ReadView.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+const WorkspaceReadView = memo(({ value }) => {
+    return (value === null || value === void 0 ? void 0 : value.name) ? (_jsx(BaseOverflowTooltip, { title: value === null || value === void 0 ? void 0 : value.name, children: value === null || value === void 0 ? void 0 : value.name })) : (_jsx(EmptyField, { readonly: true }));
+});
+WorkspaceReadView.displayName = 'WorkspaceReadView';
+export default WorkspaceReadView;

package/dist/components/item/hooks.d.ts

@@ -0,0 +1 @@
+export declare const useItem: (itemId: string, detail?: boolean) => any;

package/dist/components/item/hooks.js

@@ -0,0 +1,5 @@
+import { useFetchItemById } from '../../lib/swr/hooks';
+export const useItem = (itemId, detail) => {
+    const { data, mutate, isValidating } = useFetchItemById({ id: itemId, detail });
+    return { itemData: data, mutate, isValidating };
+};

package/dist/components/table-components/EditTableCell.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface EditTableCellMappingProps {
+    overlayClsName?: string;
+    itemTypeId?: string;
+    workspaceId?: string;
+    readonly?: boolean;
+    objectId?: string;
+    id?: string;
+    property?: any;
+    text?: any;
+    data?: any;
+    Component: React.FC<any>;
+    handleChange?: (value: any) => void;
+}
+declare const _default: React.NamedExoticComponent<EditTableCellMappingProps>;
+export default _default;

package/dist/components/table-components/EditTableCell.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { omit } from 'lodash-es';
+const EditTableCell = ({ overlayClsName, itemTypeId, workspaceId, readonly, id, objectId, property, text, Component, handleChange, }) => {
+    const commonProps = {
+        overlayClsName,
+        itemTypeId,
+        workspaceId,
+        readonly: !!readonly,
+        itemId: id,
+        objectId,
+        value: text,
+        ...omit(property, 'defaultValue'),
+    };
+    return _jsx(Component, { ...commonProps, onChange: handleChange });
+};
+export default memo(EditTableCell);

package/dist/components/table-components/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface TableCellProps {
+    className?: string;
+    cellData?: any;
+    column?: any;
+    rowData?: any;
+    readonly?: boolean;
+    readComponents: Record<string, React.FC>;
+    editComponents?: Record<string, React.FC>;
+    handleChange?: (value: any) => void;
+}
+export declare const TableCell: React.FC<TableCellProps>;