@giteeteam/apps-team-components 0.3.13 → 1.0.0

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ReadViewBaseProps } from '../types';
+declare const FileReadView: import("react").NamedExoticComponent<ReadViewBaseProps>;
+export default FileReadView;

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from 'react';
+import EmptyField from '../../common/EmptyField';
+import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip';
+const FileReadView = memo(({ value }) => {
+    const showValue = (value === null || value === void 0 ? void 0 : value.length)
+        ? value
+            .map(file => file.name)
+            .filter(Boolean)
+            .join(',')
+        : '';
+    return (_jsx(_Fragment, { children: showValue ? (_jsx(SimpleOverflowToolTip, { title: showValue, children: showValue })) : (_jsx(EmptyField, { readonly: true })) }));
+});
+export default FileReadView;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type FormulaReadViewProps = {
+    value?: string | number | boolean | undefined;
+    placeholder?: string;
+    addonBefore?: string;
+    addonAfter?: string;
+};
+declare const FormulaReadView: import("react").NamedExoticComponent<FormulaReadViewProps>;
+export default FormulaReadView;

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import EmptyField from '../../common/EmptyField';
+import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip';
+const FormulaReadView = memo(({ value, addonBefore = '', addonAfter = '' }) => {
+    const showValue = useMemo(() => {
+        return (value === null || value === void 0 ? void 0 : value.toString()) || '';
+    }, [value]);
+    const valueWithPrefix = useMemo(() => {
+        return `${addonBefore}${showValue || ''}${addonAfter}`;
+    }, [addonBefore, showValue, addonAfter]);
+    return (_jsx(_Fragment, { children: valueWithPrefix ? (_jsx(SimpleOverflowToolTip, { title: valueWithPrefix, children: valueWithPrefix })) : (_jsx(EmptyField, { readonly: true })) }));
+});
+export default FormulaReadView;

package/dist/components/fields/hooks/useParamsAdapter.d.ts

@@ -0,0 +1,11 @@
+import { Workspace } from '../../../lib/types/models';
+export interface IParams {
+    objectId?: string;
+    name?: string;
+    label: string;
+    value: string;
+    archived?: boolean;
+    enable?: boolean;
+    deleted?: boolean;
+    workspace?: Workspace;
+}

package/dist/components/fields/hooks/useParamsAdapter.js

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

package/dist/components/fields/hyper-link/ReadView.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { CellProps } from '../base-component/types';
+export interface BaseFieldProps {
+    value: {
+        label: string;
+        value: string;
+        id: string;
+    }[];
+}
+export type NameProps = BaseFieldProps & CellProps;
+declare const HyperLinkCell: import("react").NamedExoticComponent<NameProps>;
+export default HyperLinkCell;

package/dist/components/fields/hyper-link/ReadView.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { Popover } from 'antd';
+import EmptyField from '../../common/EmptyField';
+import { hyperLinkItemStyle, hyperLinkListStyle, hyperLinkTipItem } from './style';
+const HyperLinkCell = memo(props => {
+    const { value } = props;
+    const list = useMemo(() => {
+        return value === null || value === void 0 ? void 0 : value.filter(item => item === null || item === void 0 ? void 0 : item.value);
+    }, [value]);
+    const content = useMemo(() => {
+        return list === null || list === void 0 ? void 0 : list.map(item => (_jsx("a", { href: item.value, target: "_blank", rel: "noreferrer", className: hyperLinkTipItem, children: item.label }, item.id)));
+    }, [list]);
+    return (list === null || list === void 0 ? void 0 : list.length) > 0 ? (_jsx(Popover, { content: content, destroyTooltipOnHide: true, children: _jsx("div", { className: hyperLinkListStyle, children: list.map((item, index) => (_jsxs("a", { href: item.value, target: "_blank", rel: "noreferrer", className: hyperLinkItemStyle, children: [item.label, index + 1 !== list.length && _jsx("span", { children: ",\u00A0" })] }, item.id))) }) })) : (_jsx(EmptyField, { readonly: true }));
+});
+export default HyperLinkCell;

package/dist/components/fields/hyper-link/style/index.d.ts

@@ -0,0 +1,3 @@
+export declare const hyperLinkListStyle: string;
+export declare const hyperLinkItemStyle: string;
+export declare const hyperLinkTipItem: string;

package/dist/components/fields/hyper-link/style/index.js

@@ -0,0 +1,19 @@
+import { css } from '@emotion/css';
+import { blue6 } from '../../../../style/common';
+export const hyperLinkListStyle = css `
+  display: flex;
+  width: 100%;
+`;
+export const hyperLinkItemStyle = css `
+  ${hyperLinkListStyle} & {
+    overflow: hidden;
+    color: @blue-6;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    -webkit-line-clamp: 1;
+  }
+`;
+export const hyperLinkTipItem = css `
+  display: block;
+  color: ${blue6};
+`;

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import EmptyField from '../../common/EmptyField';
+const ItemGroupReadView = ({ value }) => {
+    return _jsx(_Fragment, { children: (value === null || value === void 0 ? void 0 : value.name) || _jsx(EmptyField, { readonly: true }) });
+};
+export default ItemGroupReadView;

package/dist/components/fields/item-type/ReadView.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ReadViewBaseProps } from '../types';
+declare const ItemTypeReadView: import("react").NamedExoticComponent<ReadViewBaseProps>;
+export default ItemTypeReadView;

package/dist/components/fields/item-type/ReadView.js

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ReadViewBaseProps } from '../types';
+declare const KeyReadView: import("react").NamedExoticComponent<ReadViewBaseProps>;
+export default KeyReadView;

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ReadViewBaseProps } from '../types';
+declare const LongTextReadView: import("react").NamedExoticComponent<ReadViewBaseProps>;
+export default LongTextReadView;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from 'react';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import { whiteSpacePreStyle } from './style';
+const LongTextReadView = memo(({ value, readonly }) => {
+    return (_jsx(_Fragment, { children: value ? (_jsx(BaseOverflowTooltip, { maxline: 1, children: _jsx("span", { className: whiteSpacePreStyle, dangerouslySetInnerHTML: { __html: value } }) })) : (_jsx(EmptyField, { readonly: readonly })) }));
+});
+LongTextReadView.displayName = 'LongTextReadView';
+export default LongTextReadView;

package/dist/components/fields/long-text/style/index.d.ts

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

package/dist/components/fields/long-text/style/index.js

@@ -0,0 +1,7 @@
+import { css } from '@emotion/css';
+export const whiteSpacePreStyle = css `
+  padding-top: 5px;
+  padding-bottom: 5px;
+  word-break: break-all;
+  white-space: pre-wrap;
+`;

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

@@ -1,5 +1,4 @@
-import React from 'react';
-import { FieldProps } from '@/fields/base-component/types';
+import { FieldProps } from '../base-component/types';
 export type BaseFieldProps = FieldProps & {
     required?: boolean;
     width?: number;
@@ -18,7 +17,7 @@ export type BaseFieldProps = FieldProps & {
     step?: number;
     precision?: number;
     type?: string;
+    searchComponent?: boolean;
+    disabled?: boolean;
 };
-export declare const numberRangeInit: (val: number, defaultValue: number) => number;
-declare const FieldNumber: React.FC<BaseFieldProps>;
-export default FieldNumber;
+export declare const numberFixed: (type: string, val: number, precision: number) => number | string;

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

@@ -0,0 +1,4 @@
+import { numberPrecisionInit } from '../../../lib/number';
+export const numberFixed = (type, val, precision) => {
+    return type === 'int' ? numberPrecisionInit(val, 0) : numberPrecisionInit(val, precision).toFixed(precision);
+};

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

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

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

@@ -0,0 +1,21 @@
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { isNil } from 'lodash-es';
+import EmptyField from '../../common/EmptyField';
+import { numberFixed } from './BaseField';
+const NumberReadView = props => {
+    const { value: propsValue, readonly, type, precision, addonBefore, addonAfter } = props;
+    const [showValue, setShowValue] = useState(null);
+    useEffect(() => {
+        if (typeof propsValue === 'number') {
+            const value = numberFixed(type || 'int', propsValue, precision !== null && precision !== void 0 ? precision : 1);
+            setShowValue(value);
+        }
+        else {
+            setShowValue(undefined);
+        }
+    }, [propsValue, precision, type]);
+    return !isNil(showValue) ? (_jsxs(_Fragment, { children: [addonBefore, showValue, addonAfter] })) : (_jsx(EmptyField, { readonly: readonly }));
+};
+NumberReadView.displayName = 'NumberReadView';
+export default NumberReadView;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Priority as PriorityProps } from '../../../lib/types/models';
+export interface CellProps {
+    apply?: string;
+    readonly?: boolean;
+    value?: string;
+    overlayClsName?: string;
+    onlyAvatar?: boolean;
+    hiddenAvatar?: boolean;
+    onChange?: (value?: string) => void;
+    options?: PriorityProps[];
+    page?: string;
+}
+declare const PriorityReadView: React.FC<CellProps>;
+export default PriorityReadView;

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useCallback, useMemo } from 'react';
+import { HollowCircleIcon } from '../../../icons';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import { cellBoxStyle, colorIconStyle, emptyTextStyle } from './style';
+const PriorityReadView = memo(({ value, options, readonly }) => {
+    const filterData = useCallback((list, id) => {
+        return list === null || list === void 0 ? void 0 : list.filter(v => {
+            return v.key === id;
+        });
+    }, []);
+    const showData = useMemo(() => { var _a; return (_a = filterData(options, value)) === null || _a === void 0 ? void 0 : _a[0]; }, [filterData, options, value]);
+    return (_jsx(_Fragment, { children: showData ? (_jsxs("div", { className: cellBoxStyle, children: [_jsx(HollowCircleIcon, { className: colorIconStyle, style: { color: showData.color } }), _jsx(BaseOverflowTooltip, { title: showData.name, children: showData.name })] })) : (_jsx("div", { className: emptyTextStyle, children: _jsx(EmptyField, { readonly: readonly }) })) }));
+});
+PriorityReadView.displayName = 'PriorityReadView';
+export default PriorityReadView;

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

@@ -0,0 +1,3 @@
+export declare const cellBoxStyle: string;
+export declare const emptyTextStyle: string;
+export declare const colorIconStyle: string;

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

@@ -0,0 +1,30 @@
+import { css } from '@emotion/css';
+export const cellBoxStyle = css `
+  display: flex;
+  align-items: center;
+  line-height: unset;
+
+  .ant-dropdown-menu-title-content {
+    display: flex;
+    align-items: center;
+    max-width: 150px;
+
+    .anticon {
+      flex-shrink: 0;
+    }
+
+    & > span {
+      white-space: pre-line;
+    }
+  }
+`;
+export const emptyTextStyle = css `
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+`;
+export const colorIconStyle = css `
+  margin-right: 5px;
+  font-size: 12px;
+`;

package/dist/components/fields/radio/BaseField.d.ts

@@ -0,0 +1,13 @@
+import type { RadioProps } from 'antd';
+interface selectValue {
+    label: string;
+    value: string | number;
+}
+export type BaseRadioProps = RadioProps & {
+    value?: string;
+    options?: selectValue[];
+    onChange?: (e: any) => void;
+    isCascaded?: boolean;
+    cascadeCustomData?: selectValue[];
+};
+export {};

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

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseRadioProps } from './BaseField';
+export type RadioProps = BaseRadioProps;
+declare const RadioReadView: React.FC<RadioProps>;
+export default RadioReadView;

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

@@ -0,0 +1,19 @@
+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 RadioReadView = memo(({ options, value }) => {
+    const showValue = useMemo(() => {
+        var _a;
+        const valueFilter = options.filter(ele => {
+            return ele.value === value;
+        });
+        return (_a = valueFilter[0]) === null || _a === void 0 ? void 0 : _a.label;
+    }, [value, options]);
+    if (!showValue) {
+        return _jsx(EmptyField, { readonly: true });
+    }
+    return _jsx(BaseOverflowTooltip, { title: showValue, children: showValue });
+});
+RadioReadView.displayName = 'RadioReadView';
+export default RadioReadView;

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

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

package/dist/components/fields/reporter/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 ReporterReadView = memo(({ value, readonly }) => {
+    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: readonly });
+    }
+    return (_jsxs(BaseOverflowTooltip, { title: showValue, maxline: 1, children: [_jsx(UserAvatar, { user: value }), _jsx("span", { className: className, children: showValue })] }));
+});
+ReporterReadView.displayName = 'ReporterReadView';
+export default ReporterReadView;

package/dist/components/fields/script/BaseField.d.ts

@@ -0,0 +1,10 @@
+export type BaseScriptFieldProps = {
+    script?: string;
+    itemValues?: Record<string, unknown>;
+};
+type ScriptResult = {
+    data?: Record<string, unknown>;
+    error?: string;
+};
+export declare const translateScript: (script: string, item: Record<string, unknown>) => ScriptResult;
+export {};

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

@@ -0,0 +1,12 @@
+import { template } from 'lodash-es';
+export const translateScript = (script, item) => {
+    const result = {};
+    try {
+        const data = new Function(template(script)({ item }));
+        result.data = data();
+    }
+    catch (error) {
+        result.error = error.message;
+    }
+    return result;
+};

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type BaseScriptFieldProps } from './BaseField';
+declare const ScriptReadView: React.FC<Pick<BaseScriptFieldProps, 'script' | 'itemValues'>>;
+export default ScriptReadView;

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import EmptyField from '../../common/EmptyField';
+import { translateScript } from './BaseField';
+const ScriptReadView = memo(({ script, itemValues: item }) => {
+    const showValue = useMemo(() => {
+        if (script && item) {
+            const { data, error } = translateScript(script, item);
+            if (!error)
+                return _jsx("div", { dangerouslySetInnerHTML: { __html: data } });
+            return _jsx("div", { children: error });
+        }
+        return '';
+    }, [script, item]);
+    if (!showValue) {
+        return _jsx(EmptyField, {});
+    }
+    return _jsx(_Fragment, { children: showValue });
+});
+ScriptReadView.displayName = 'ScriptReadView';
+export default ScriptReadView;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ReadViewBaseProps } from '../types';
+declare const SprintReadView: React.FC<ReadViewBaseProps>;
+export default SprintReadView;

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import EmptyField from '../../common/EmptyField';
+const SprintReadView = ({ value, readonly }) => {
+    const showValue = useMemo(() => { var _a; return (_a = value === null || value === void 0 ? void 0 : value.map(sprint => sprint.name)) === null || _a === void 0 ? void 0 : _a.join(','); }, [value]);
+    if (!showValue) {
+        return _jsx(EmptyField, { readonly: readonly });
+    }
+    return _jsx(_Fragment, { children: showValue });
+};
+SprintReadView.displayName = 'SprintReadView';
+export default SprintReadView;

package/dist/{cells/status/index.d.ts → components/fields/status/Cell.d.ts}

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { StatusProps } from './Field';
 declare const StatusCell: React.FC<StatusProps>;
 export default StatusCell;

package/dist/components/fields/status/Cell.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useState } from 'react';
+import { cx } from '@emotion/css';
+import ReadView from './ReadView';
+import Transition from './Transition';
+const StatusCell = React.memo(props => {
+    const { overlayClsName, itemId, readonly, value, workspaceId, itemTypeId, onChange } = props;
+    const [showData, setShowData] = useState(value);
+    useEffect(() => {
+        setShowData(value);
+    }, [value]);
+    const handleChange = useCallback(({ objectId, name, type }) => {
+        setShowData({ objectId, name, type });
+        onChange === null || onChange === void 0 ? void 0 : onChange({ objectId, name, type });
+    }, [onChange]);
+    return (_jsx("div", { className: cx(overlayClsName, 'field-cell-layout', 'field-layout', { pointer: !readonly }), children: readonly ? (_jsx(ReadView, { value: showData, readonly: true })) : (_jsx(Transition, { itemId: itemId, ...showData, apply: "cell", workspace: workspaceId, itemType: itemTypeId, onTransitionSuccess: handleChange })) }));
+});
+StatusCell.displayName = 'StatusCell';
+export default StatusCell;

package/dist/{cells → components/fields}/status/Field.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { FieldProps } from '@/fields/base-component/types';
-import 'components/common/field.global.less';
+/// <reference types="react" />
+import { FieldProps } from '../base-component/types';
 export type StatusProps = FieldProps & {
     headerPosition?: boolean;
     screenMode?: boolean;
@@ -10,9 +9,9 @@ export type StatusProps = FieldProps & {
         objectId: string;
         name: string;
         type: string;
-        description: string;
-        itemType: string;
-        workspace: string;
+        description?: string;
+        itemType?: string;
+        workspace?: string;
     };
     width?: number;
     required?: boolean;
@@ -21,6 +20,7 @@ export type StatusProps = FieldProps & {
     workspaceId?: string;
     itemTypeId?: string;
     refreshItemList?: () => void;
+    searchComponent?: boolean;
+    onChange?: (value?: any) => void;
+    children?: React.ReactNode;
 };
-declare const _default: React.NamedExoticComponent<StatusProps>;
-export default _default;

package/dist/components/fields/status/Field.js

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StatusProps } from './Field';
+declare const StatusReadView: React.FC<Pick<StatusProps, 'value' | 'readonly'>>;
+export default StatusReadView;

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { WorkFlowStatusColor } from '../../../lib/global';
+import EmptyField from '../../common/EmptyField';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import { readViewWrapper } from './style';
+const StatusReadView = React.memo(({ value: showData, readonly }) => {
+    const showValue = useMemo(() => showData === null || showData === void 0 ? void 0 : showData.name, [showData]);
+    const style = useMemo(() => {
+        var _a, _b;
+        return {
+            backgroundColor: (_a = WorkFlowStatusColor[showData === null || showData === void 0 ? void 0 : showData.type]) === null || _a === void 0 ? void 0 : _a.bgColor,
+            color: (_b = WorkFlowStatusColor[showData === null || showData === void 0 ? void 0 : showData.type]) === null || _b === void 0 ? void 0 : _b.color,
+        };
+    }, [showData === null || showData === void 0 ? void 0 : showData.type]);
+    if (!showValue) {
+        return _jsx(EmptyField, { readonly: readonly });
+    }
+    return (_jsx(BaseOverflowTooltip, { style: style, title: showValue, className: readViewWrapper, maxline: 1, children: showValue }));
+});
+StatusReadView.displayName = 'StatusReadView';
+export default StatusReadView;

package/dist/{cells → components/fields}/status/Transition.d.ts

@@ -1,15 +1,16 @@
 import React from 'react';
+import { Status } from '../../../lib/types/models';
 interface TransitionComponentProps {
     objectId: string;
-    itemType: string;
-    workspace: string;
+    itemType?: string;
+    workspace?: string;
     name: string;
     type?: string;
     description?: string;
     itemId?: string;
     apply?: string;
     readonly?: boolean;
-    onTransitionSuccess?: () => void;
+    onTransitionSuccess?: (status: Status) => void;
 }
 declare const _default: React.NamedExoticComponent<TransitionComponentProps>;
 export default _default;