@giteeteam/apps-team-components 1.2.2 → 1.3.0-alpha.2

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

@@ -0,0 +1,31 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import { ClassNames } from '@emotion/react';
+import { Tooltip } from 'antd';
+import { CustomIconFont } from '../../../icons/index.js';
+import useI18n from '../../../lib/hooks/useI18n.js';
+import { usePolyFillIcon, isBase64Img } from '../../../lib/icons/utils.js';
+import { usePatchIconUrl } from '../../../lib/path.js';
+import { nameItemTypeImg } from './style/index.js';
+
+const NoItemTypeIconUrl = '/icons/NoItemType.svg';
+const ItemTypeIcon = ({ icon, name, className, }) => {
+    const { t } = useI18n();
+    const [title, setTitle] = useState(name);
+    const [isURL, _icon] = usePolyFillIcon(icon);
+    const patchIconUrl = usePatchIconUrl();
+    const NoItemTypeIcon = useMemo(() => patchIconUrl(NoItemTypeIconUrl), [patchIconUrl]);
+    return (jsx(Tooltip, { title: title, children: jsx(ClassNames, { children: ({ cx, css }) => {
+                var _a;
+                return isURL ? (jsx("img", { src: (_a = patchIconUrl(icon)) !== null && _a !== void 0 ? _a : NoItemTypeIcon, onError: e => {
+                        const target = e.target;
+                        icon
+                            ? setTitle(t('pages.fields.default.getImageError'))
+                            : setTitle(t('pages.fields.default.noItemType'));
+                        target.onerror = null;
+                        target.src = NoItemTypeIcon;
+                    }, className: cx(css(nameItemTypeImg), className) })) : isBase64Img(icon) ? (jsx("img", { src: icon, className: cx(css(nameItemTypeImg), className) })) : (jsx(CustomIconFont, { type: _icon, className: cx(css(nameItemTypeImg), className) }));
+            } }) }));
+};
+
+export { ItemTypeIcon, NoItemTypeIconUrl, ItemTypeIcon as default };

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

@@ -1,4 +1,3 @@
-/// <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

@@ -1,9 +1,11 @@
-import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx, Fragment } from '@emotion/react/jsx-runtime';
 import { memo } from 'react';
-import EmptyField from '../../common/EmptyField';
-import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip';
+import EmptyField from '../../common/EmptyField.js';
+import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip.js';
+
 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 })) }));
+    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;
+
+export { ItemTypeReadView as default };

package/dist/components/fields/item-type/style/index.d.ts

@@ -0,0 +1 @@
+export declare const nameItemTypeImg = "\n  width: 16px;\n  height: 16px;\n  margin-right: 8px;\n  font-size: 16px;\n";

package/dist/components/fields/item-type/style/index.js

@@ -0,0 +1,8 @@
+const nameItemTypeImg = `
+  width: 16px;
+  height: 16px;
+  margin-right: 8px;
+  font-size: 16px;
+`;
+
+export { nameItemTypeImg };

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <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

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

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

@@ -1,6 +1,8 @@
-export const whiteSpacePreStyle = `
-  padding-top: 5px;
-  padding-bottom: 5px;
-  word-break: break-all;
-  white-space: pre-wrap;
+const whiteSpacePreStyle = `
+  padding-top: 5px;
+  padding-bottom: 5px;
+  word-break: break-all;
+  white-space: pre-wrap;
 `;
+
+export { whiteSpacePreStyle };

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

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

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

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

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

@@ -1,8 +1,9 @@
-import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import { isNil } from 'lodash-es';
-import EmptyField from '../../common/EmptyField';
-import { numberFixed } from './BaseField';
+import EmptyField from '../../common/EmptyField.js';
+import { numberFixed } from './BaseField.js';
+
 const NumberReadView = props => {
     const { value: propsValue, readonly, type, precision, addonBefore, addonAfter } = props;
     const [showValue, setShowValue] = useState(null);
@@ -15,7 +16,8 @@ const NumberReadView = props => {
             setShowValue(undefined);
         }
     }, [propsValue, precision, type]);
-    return !isNil(showValue) ? (_jsxs(_Fragment, { children: [addonBefore, showValue, addonAfter] })) : (_jsx(EmptyField, { readonly: readonly }));
+    return !isNil(showValue) ? (jsxs(Fragment, { children: [addonBefore, showValue, addonAfter] })) : (jsx(EmptyField, { readonly: readonly }));
 };
 NumberReadView.displayName = 'NumberReadView';
-export default NumberReadView;
+
+export { NumberReadView as default };

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

@@ -1,13 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import { memo, useCallback, useMemo } from 'react';
+import { jsx, Fragment, jsxs } from '@emotion/react/jsx-runtime';
+import { memo, useMemo, useCallback } from 'react';
 import { CaretDownOutlined } from '@ant-design/icons';
 import { css } from '@emotion/react';
-import { DottedCircleIcon, HollowCircleIcon } from '../../../icons';
-import useAntdConfig from '../../../lib/hooks/useAntdConfig';
-import useI18n from '../../../lib/hooks/useI18n';
-import EmptyField from '../../common/EmptyField';
-import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
-import { cellBoxStyle, colorIconStyle, downIconStyle, emptyIconStyle, emptyStyle, emptyTextStyle, headerCellStyle, } from './style';
+import { HollowCircleIcon, DottedCircleIcon } from '../../../icons/index.js';
+import useAntdConfig from '../../../lib/hooks/useAntdConfig.js';
+import useI18n from '../../../lib/hooks/useI18n.js';
+import EmptyField from '../../common/EmptyField.js';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
+import { cellBoxStyle, headerCellStyle, colorIconStyle, downIconStyle, emptyTextStyle, emptyStyle, emptyIconStyle } from './style/index.js';
+
 const PriorityReadView = memo(({ value, options, readonly, apply }) => {
     const { t } = useI18n();
     const { antPrefix } = useAntdConfig();
@@ -18,7 +19,8 @@ const PriorityReadView = memo(({ value, options, readonly, apply }) => {
         });
     }, []);
     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", { css: css(cellBoxStyle(antPrefix), isFromHeader && headerCellStyle), children: [_jsx(HollowCircleIcon, { css: css(colorIconStyle), style: { color: showData.color } }), _jsx(BaseOverflowTooltip, { title: showData.name, children: showData.name }), isFromHeader && _jsx(CaretDownOutlined, { css: css(downIconStyle) })] })) : !isFromHeader ? (_jsx("div", { css: css(emptyTextStyle), children: _jsx(EmptyField, { readonly: readonly }) })) : (_jsxs("div", { css: css(emptyStyle), children: [_jsx(DottedCircleIcon, { css: css(emptyIconStyle) }), t('pages.fields.view.noPriority')] })) }));
+    return (jsx(Fragment, { children: showData ? (jsxs("div", { css: css(cellBoxStyle(antPrefix), isFromHeader && headerCellStyle), children: [jsx(HollowCircleIcon, { css: css(colorIconStyle), style: { color: showData.color } }), jsx(BaseOverflowTooltip, { title: showData.name, children: showData.name }), isFromHeader && jsx(CaretDownOutlined, { css: css(downIconStyle) })] })) : !isFromHeader ? (jsx("div", { css: css(emptyTextStyle), children: jsx(EmptyField, { readonly: readonly }) })) : (jsxs("div", { css: css(emptyStyle), children: [jsx(DottedCircleIcon, { css: css(emptyIconStyle) }), t('pages.fields.view.noPriority')] })) }));
 });
 PriorityReadView.displayName = 'PriorityReadView';
-export default PriorityReadView;
+
+export { PriorityReadView as default };

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

@@ -1,58 +1,61 @@
-import { fieldLabelColor } from '../../../../style/common';
-export const cellBoxStyle = (antPrefix) => `
-  display: flex;
-  align-items: center;
-  line-height: unset;
-
-  .${antPrefix}-dropdown-menu-title-content {
-    display: flex;
-    align-items: center;
-    max-width: 150px;
-
-    .anticon {
-      flex-shrink: 0;
-    }
-
-    & > span {
-      white-space: pre-line;
-    }
-  }
+import { fieldLabelColor } from '../../../../style/common.js';
+
+const cellBoxStyle = (antPrefix) => `
+  display: flex;
+  align-items: center;
+  line-height: unset;
+
+  .${antPrefix}-dropdown-menu-title-content {
+    display: flex;
+    align-items: center;
+    max-width: 150px;
+
+    .anticon {
+      flex-shrink: 0;
+    }
+
+    & > span {
+      white-space: pre-line;
+    }
+  }
 `;
-export const headerCellStyle = `
-  max-width: 120px;
-  height: 24px;
-  padding: 0 8px;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 24px;
-  color: #213053;
-  text-align: center;
-  background-color: #f5f6f8;
-  border-radius: 4px;
+const headerCellStyle = `
+  max-width: 120px;
+  height: 24px;
+  padding: 0 8px;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 24px;
+  color: #213053;
+  text-align: center;
+  background-color: #f5f6f8;
+  border-radius: 4px;
 `;
-export const emptyTextStyle = `
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: 100%;
+const emptyTextStyle = `
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
 `;
-export const colorIconStyle = `
-  margin-right: 5px;
-  font-size: 12px;
+const colorIconStyle = `
+  margin-right: 5px;
+  font-size: 12px;
 `;
-export const emptyStyle = `
-   color: ${fieldLabelColor};
+const emptyStyle = `
+   color: ${fieldLabelColor};
 `;
-export const emptyIconStyle = `
-  margin-right: 5px;
-  font-size: 12px!important;
-  width: 12px!important;
-  margin-left: 0!important;
+const emptyIconStyle = `
+  margin-right: 5px;
+  font-size: 12px!important;
+  width: 12px!important;
+  margin-left: 0!important;
 `;
-export const downIconStyle = `
-  margin-left: 2px;
-
-  svg {
-    vertical-align: inherit;
-  }
+const downIconStyle = `
+  margin-left: 2px;
+
+  svg {
+    vertical-align: inherit;
+  }
 `;
+
+export { cellBoxStyle, colorIconStyle, downIconStyle, emptyIconStyle, emptyStyle, emptyTextStyle, headerCellStyle };

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

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

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

@@ -1,7 +1,8 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from '@emotion/react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import EmptyField from '../../common/EmptyField';
-import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
+import EmptyField from '../../common/EmptyField.js';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
+
 const RadioReadView = memo(({ options, value }) => {
     const showValue = useMemo(() => {
         var _a;
@@ -11,9 +12,10 @@ const RadioReadView = memo(({ options, value }) => {
         return (_a = valueFilter[0]) === null || _a === void 0 ? void 0 : _a.label;
     }, [value, options]);
     if (!showValue) {
-        return _jsx(EmptyField, { readonly: true });
+        return jsx(EmptyField, { readonly: true });
     }
-    return _jsx(BaseOverflowTooltip, { title: showValue, children: showValue });
+    return jsx(BaseOverflowTooltip, { title: showValue, children: showValue });
 });
 RadioReadView.displayName = 'RadioReadView';
-export default RadioReadView;
+
+export { RadioReadView as default };

package/dist/components/fields/repo-files/ReadView.js

@@ -1,11 +1,13 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import EmptyField from '../../common/EmptyField';
-import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
-import { formatDisplayValue } from './utils';
+import { jsx } from '@emotion/react/jsx-runtime';
+import EmptyField from '../../common/EmptyField.js';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
+import { formatDisplayValue } from './utils.js';
+
 const RepoFileReadView = props => {
     const { value, readonly } = props;
     const displayValue = formatDisplayValue(value);
-    return (_jsx("div", { className: "field-cell-layout", children: displayValue ? (_jsx(BaseOverflowTooltip, { title: displayValue, children: displayValue })) : (_jsx(EmptyField, { readonly: readonly })) }));
+    return (jsx("div", { className: "field-cell-layout", children: displayValue ? (jsx(BaseOverflowTooltip, { title: displayValue, children: displayValue })) : (jsx(EmptyField, { readonly: readonly })) }));
 };
 RepoFileReadView.displayName = 'RepoFileReadView';
-export default RepoFileReadView;
+
+export { RepoFileReadView as default };

package/dist/components/fields/repo-files/utils.js

@@ -1,14 +1,14 @@
-export const getFullName = (value) => {
+const getFullName = (value) => {
     const fullPath = getFullPath(value);
     if (!fullPath)
         return value === null || value === void 0 ? void 0 : value.name;
     return `${fullPath}/${value === null || value === void 0 ? void 0 : value.name}`;
 };
-export const formatDisplayValue = (value) => {
+const formatDisplayValue = (value) => {
     const values = (Array.isArray(value) ? value : [value]).map(item => getFullName(item)).filter(Boolean);
     return values.join('、');
 };
-export const getFullPath = (value) => {
+const getFullPath = (value) => {
     const { repo, path } = value || {};
     let fullPath = repo;
     if (path) {
@@ -16,3 +16,5 @@ export const getFullPath = (value) => {
     }
     return fullPath;
 };
+
+export { formatDisplayValue, getFullName, getFullPath };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { User as UserTyped } from '../../../lib/types/models';
 declare const ReporterReadView: import("react").MemoExoticComponent<({ value, readonly }: {
     value: UserTyped;

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

@@ -1,11 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import { memo, useMemo } from 'react';
 import { ClassNames } from '@emotion/react';
-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';
+import { generateUserDisplayName, isUserDeleted, isUserDisabled } from '../../../lib/useUser.js';
+import EmptyField from '../../common/EmptyField.js';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
+import UserAvatar from '../../common/user-field/UserAvatar.js';
+import { usernameStyle, userDeletedStyle, userDisabledStyle } from '../user/style/index.js';
+
 const ReporterReadView = memo(({ value, readonly }) => {
     const showValue = useMemo(() => {
         if (value) {
@@ -14,9 +15,10 @@ const ReporterReadView = memo(({ value, readonly }) => {
         return '';
     }, [value]);
     if (!showValue) {
-        return _jsx(EmptyField, { readonly: readonly });
+        return jsx(EmptyField, { readonly: readonly });
     }
-    return (_jsx(ClassNames, { children: ({ cx, css }) => (_jsxs(BaseOverflowTooltip, { title: showValue, maxline: 1, children: [_jsx(UserAvatar, { user: value }), _jsx("span", { className: cx(css(usernameStyle), isUserDeleted(value) ? css(userDeletedStyle) : '', isUserDisabled(value) ? css(userDisabledStyle) : ''), children: showValue })] })) }));
+    return (jsx(ClassNames, { children: ({ cx, css }) => (jsxs(BaseOverflowTooltip, { title: showValue, maxline: 1, children: [jsx(UserAvatar, { user: value }), jsx("span", { className: cx(css(usernameStyle), isUserDeleted(value) ? css(userDeletedStyle) : '', isUserDisabled(value) ? css(userDisabledStyle) : ''), children: showValue })] })) }));
 });
 ReporterReadView.displayName = 'ReporterReadView';
-export default ReporterReadView;
+
+export { ReporterReadView as default };

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

@@ -1,5 +1,6 @@
 import { template } from 'lodash-es';
-export const translateScript = (script, item) => {
+
+const translateScript = (script, item) => {
     const result = {};
     try {
         const data = new Function(template(script)({ item }));
@@ -10,3 +11,5 @@ export const translateScript = (script, item) => {
     }
     return result;
 };
+
+export { translateScript };

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

@@ -1,4 +1,3 @@
-/// <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

@@ -1,21 +1,23 @@
-import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx, Fragment } from '@emotion/react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import EmptyField from '../../common/EmptyField';
-import { translateScript } from './BaseField';
+import EmptyField from '../../common/EmptyField.js';
+import { translateScript } from './BaseField.js';
+
 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 jsx("div", { dangerouslySetInnerHTML: { __html: data } });
+            return jsx("div", { children: error });
         }
         return '';
     }, [script, item]);
     if (!showValue) {
-        return _jsx(EmptyField, {});
+        return jsx(EmptyField, {});
     }
-    return _jsx(_Fragment, { children: showValue });
+    return jsx(Fragment, { children: showValue });
 });
 ScriptReadView.displayName = 'ScriptReadView';
-export default ScriptReadView;
+
+export { ScriptReadView as default };

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

@@ -1,12 +1,14 @@
-import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx, Fragment } from '@emotion/react/jsx-runtime';
 import { useMemo } from 'react';
-import EmptyField from '../../common/EmptyField';
+import EmptyField from '../../common/EmptyField.js';
+
 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(EmptyField, { readonly: readonly });
     }
-    return _jsx(_Fragment, { children: showValue });
+    return jsx(Fragment, { children: showValue });
 };
 SprintReadView.displayName = 'SprintReadView';
-export default SprintReadView;
+
+export { SprintReadView as default };

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldProps } from '../base-component/types';
 export type StatusProps = FieldProps & {
     headerPosition?: boolean;

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

@@ -1,10 +1,11 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from '@emotion/react/jsx-runtime';
 import React, { useMemo } from 'react';
 import { css } from '@emotion/react';
-import { WorkFlowStatusColor } from '../../../lib/global';
-import EmptyField from '../../common/EmptyField';
-import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
-import { readViewWrapper } from './style';
+import { WorkFlowStatusColor } from '../../../lib/global.js';
+import EmptyField from '../../common/EmptyField.js';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
+import { readViewWrapper } from './style/index.js';
+
 const StatusReadView = React.memo(({ value: showData, readonly }) => {
     const showValue = useMemo(() => showData === null || showData === void 0 ? void 0 : showData.name, [showData]);
     const style = useMemo(() => {
@@ -15,9 +16,10 @@ const StatusReadView = React.memo(({ value: showData, readonly }) => {
         };
     }, [showData === null || showData === void 0 ? void 0 : showData.type]);
     if (!showValue) {
-        return _jsx(EmptyField, { readonly: readonly });
+        return jsx(EmptyField, { readonly: readonly });
     }
-    return (_jsx(BaseOverflowTooltip, { style: style, title: showValue, css: css(readViewWrapper), maxline: 1, children: showValue }));
+    return (jsx(BaseOverflowTooltip, { style: style, title: showValue, css: css(readViewWrapper), maxline: 1, children: showValue }));
 });
 StatusReadView.displayName = 'StatusReadView';
-export default StatusReadView;
+
+export { StatusReadView as default };