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

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

@@ -1,13 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import React, { memo, useCallback, useEffect } from 'react';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import React, { memo, useEffect, useCallback } from 'react';
 import { ClassNames, css } from '@emotion/react';
-import { Button, Input, message, Spin } from 'antd';
-import { cloneDeep, debounce } from 'lodash-es';
-import { ArrowBackIcon, DoneIcon, SearchIcon } from '../../../icons';
-import { WorkFlowStatusColor } from '../../../lib/global';
-import { i18n } from '../../../lib/i18n';
-import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
-import { FlowHandlerHeader, FlowHandlerSearchWrapper, FlowHandlerSelectContent, FlowHandlerSelectItem, FlowHandlerSelectMessage, FlowHandlerSubmitWrapper, FlowHandlerWrapper, flowStateStyle, headerFlowStyle, headerStateStyle, iconStyle, overflowStyle, overflowStyleText, stateBoxStyle, tooltipStyle, } from './style';
+import { message, Input, Spin, Button } from 'antd';
+import { debounce, cloneDeep } from 'lodash-es';
+import { ArrowBackIcon, SearchIcon, DoneIcon } from '../../../icons/index.js';
+import { WorkFlowStatusColor } from '../../../lib/global.js';
+import { i18n } from '../../../lib/i18n.js';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
+import { FlowHandlerWrapper, FlowHandlerHeader, FlowHandlerSearchWrapper, FlowHandlerSelectMessage, FlowHandlerSelectContent, FlowHandlerSelectItem, FlowHandlerSubmitWrapper, overflowStyle, tooltipStyle, overflowStyleText, headerFlowStyle, iconStyle, stateBoxStyle, headerStateStyle, flowStateStyle } from './style/index.js';
+
 const SelectFlowHandler = ({ itemId, task, onBack, users, loading, loadingUser, fetchUsers, handleTransition, }) => {
     var _a, _b, _c;
     const [selectedUsers, setSelectedUsers] = React.useState([]);
@@ -65,11 +66,13 @@ const SelectFlowHandler = ({ itemId, task, onBack, users, loading, loadingUser,
     ]);
     const OverflowText = () => {
         var _a, _b;
-        return (_jsxs("div", { css: css(overflowStyle), children: [_jsx(BaseOverflowTooltip, { css: css(tooltipStyle, overflowStyleText, headerFlowStyle), title: task.name, children: task.name }), _jsx("span", { css: css(iconStyle), children: " \u2192 " }), _jsx("div", { css: css(stateBoxStyle), children: _jsx("span", { css: css(overflowStyleText, headerStateStyle), children: _jsx(BaseOverflowTooltip, { css: css(flowStateStyle, overflowStyleText), style: {
+        return (jsxs("div", { css: css(overflowStyle), children: [jsx(BaseOverflowTooltip, { css: css(tooltipStyle, overflowStyleText, headerFlowStyle), title: task.name, children: task.name }), jsx("span", { css: css(iconStyle), children: " \u2192 " }), jsx("div", { css: css(stateBoxStyle), children: jsx("span", { css: css(overflowStyleText, headerStateStyle), children: jsx(BaseOverflowTooltip, { css: css(flowStateStyle, overflowStyleText), style: {
                                 backgroundColor: (_a = WorkFlowStatusColor[task.target.type]) === null || _a === void 0 ? void 0 : _a.bgColor,
                                 color: (_b = WorkFlowStatusColor[task.target.type]) === null || _b === void 0 ? void 0 : _b.color,
                             }, title: task.target.name, children: task.target.name }) }) })] }));
     };
-    return (_jsx(ClassNames, { children: ({ cx, css }) => (_jsxs("div", { className: cx(css(FlowHandlerWrapper)), children: [_jsxs("header", { className: cx(css(FlowHandlerHeader)), children: [_jsx("span", { className: "back-wrapper", onClick: () => onBack === null || onBack === void 0 ? void 0 : onBack(), children: _jsx(ArrowBackIcon, { className: "icon-back" }) }), _jsx("span", { children: i18n.t('pages.workflow.flowHandler.title') })] }), task && _jsx(OverflowText, {}), _jsxs("div", { className: cx(css(FlowHandlerSearchWrapper)), children: [_jsx(SearchIcon, { className: "icon-search" }), _jsx(Input, { className: "search-input", placeholder: i18n.t('pages.workflow.flowHandler.search'), onChange: e => onSearch === null || onSearch === void 0 ? void 0 : onSearch(e.target.value), allowClear: true })] }), _jsxs("div", { className: cx(css(FlowHandlerSelectMessage)), children: [_jsx("span", { onClick: selectAll, children: i18n.t('pages.workflow.flowHandler.selectAll') }), _jsx("span", { children: i18n.t('pages.workflow.flowHandler.count', { count: selectedUserIds.length }) }), _jsx("span", { onClick: clearSelect, children: i18n.t('pages.workflow.flowHandler.clear') })] }), _jsx("div", { className: cx(css(FlowHandlerSelectContent)), children: _jsx(Spin, { spinning: loadingUser, className: "loading", children: users.map(user => (_jsxs("div", { className: cx(css(FlowHandlerSelectItem), { active: selectedUserIds.includes(user.objectId) }), onClick: () => selectUser(user), children: [user.username, " ", user.nickname ? `(${user.nickname})` : '', _jsx("span", { children: selectedUserIds.includes(user.objectId) && _jsx(DoneIcon, { className: "icon-done" }) })] }, user.objectId))) }) }), _jsx("div", { className: cx(css(FlowHandlerSubmitWrapper)), children: _jsx(Button, { type: "primary", onClick: onSubmit, loading: loading, disabled: !selectedUserIds.length, children: i18n.t('pages.workflow.flowHandler.submit') }) })] })) }));
+    return (jsx(ClassNames, { children: ({ cx, css }) => (jsxs("div", { className: cx(css(FlowHandlerWrapper)), children: [jsxs("header", { className: cx(css(FlowHandlerHeader)), children: [jsx("span", { className: "back-wrapper", onClick: () => onBack === null || onBack === void 0 ? void 0 : onBack(), children: jsx(ArrowBackIcon, { className: "icon-back" }) }), jsx("span", { children: i18n.t('pages.workflow.flowHandler.title') })] }), task && jsx(OverflowText, {}), jsxs("div", { className: cx(css(FlowHandlerSearchWrapper)), children: [jsx(SearchIcon, { className: "icon-search" }), jsx(Input, { className: "search-input", placeholder: i18n.t('pages.workflow.flowHandler.search'), onChange: e => onSearch === null || onSearch === void 0 ? void 0 : onSearch(e.target.value), allowClear: true })] }), jsxs("div", { className: cx(css(FlowHandlerSelectMessage)), children: [jsx("span", { onClick: selectAll, children: i18n.t('pages.workflow.flowHandler.selectAll') }), jsx("span", { children: i18n.t('pages.workflow.flowHandler.count', { count: selectedUserIds.length }) }), jsx("span", { onClick: clearSelect, children: i18n.t('pages.workflow.flowHandler.clear') })] }), jsx("div", { className: cx(css(FlowHandlerSelectContent)), children: jsx(Spin, { spinning: loadingUser, className: "loading", children: users.map(user => (jsxs("div", { className: cx(css(FlowHandlerSelectItem), { active: selectedUserIds.includes(user.objectId) }), onClick: () => selectUser(user), children: [user.username, " ", user.nickname ? `(${user.nickname})` : '', jsx("span", { children: selectedUserIds.includes(user.objectId) && jsx(DoneIcon, { className: "icon-done" }) })] }, user.objectId))) }) }), jsx("div", { className: cx(css(FlowHandlerSubmitWrapper)), children: jsx(Button, { type: "primary", onClick: onSubmit, loading: loading, disabled: !selectedUserIds.length, children: i18n.t('pages.workflow.flowHandler.submit') }) })] })) }));
 };
-export default memo(SelectFlowHandler);
+var SelectFlowHandler$1 = memo(SelectFlowHandler);
+
+export { SelectFlowHandler$1 as default };

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

@@ -1,17 +1,20 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { memo } from 'react';
 import { ClassNames } from '@emotion/react';
 import { Spin } from 'antd';
-import { i18n } from '../../../lib/i18n';
-import { flowNextStyle, flowWrapperStyle, noPermissionStyle, spinStyle } from './style';
-import TransitionButton from './TransitionButton';
-import View from './View';
+import { i18n } from '../../../lib/i18n.js';
+import { spinStyle, flowNextStyle, flowWrapperStyle, noPermissionStyle } from './style/index.js';
+import TransitionButton from './TransitionButton.js';
+import View from './View.js';
+
 const SelectTransition = ({ fetching, flowing, tasks, itemId, itemData, currentUser, workspace, setPopoverVisible, name, objectId, workflowData, roleIds, groupIds, workspaceRoleIds, approval, checkIn, handleTransition, readonly, flowHandlerActive, }) => {
-    return (_jsx(ClassNames, { children: ({ cx, css }) => (_jsxs(_Fragment, { children: [fetching ? (_jsx(Spin, { css: css(spinStyle) })) : tasks.length ? (_jsx("div", { className: cx(css(flowNextStyle), `flow-next-global`), children: _jsx("div", { className: cx(css(flowWrapperStyle)), children: tasks.map(task => {
+    return (jsx(ClassNames, { children: ({ cx, css }) => (jsxs(Fragment, { children: [fetching ? (jsx(Spin, { css: css(spinStyle) })) : tasks.length ? (jsx("div", { className: cx(css(flowNextStyle), `flow-next-global`), children: jsx("div", { className: cx(css(flowWrapperStyle)), children: tasks.map(task => {
                             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-                            return (_jsx(TransitionButton, { itemId: itemId, loading: flowing, text: task.name, item: itemData, workspace: workspace, userId: currentUser.id, groupIds: groupIds, roleIds: roleIds, workspaceRoleIds: workspaceRoleIds, currentTaskId: task.id, authUsers: (_b = (_a = task.parameters) === null || _a === void 0 ? void 0 : _a.permissionType) === null || _b === void 0 ? void 0 : _b.users, authRoles: (_d = (_c = task.parameters) === null || _c === void 0 ? void 0 : _c.permissionType) === null || _d === void 0 ? void 0 : _d.roles, authGroups: (_f = (_e = task.parameters) === null || _e === void 0 ? void 0 : _e.permissionType) === null || _f === void 0 ? void 0 : _f.groups, authUserFields: (_h = (_g = task.parameters) === null || _g === void 0 ? void 0 : _g.permissionType) === null || _h === void 0 ? void 0 : _h.customFields, authWorkSpaceRoles: (_k = (_j = task.parameters) === null || _j === void 0 ? void 0 : _j.permissionType) === null || _k === void 0 ? void 0 : _k.workspaceRoles, creatorAuth: (_m = (_l = task.parameters) === null || _l === void 0 ? void 0 : _l.permissionType) === null || _m === void 0 ? void 0 : _m.creatorAuth, scriptValidator: (_o = task.parameters) === null || _o === void 0 ? void 0 : _o.scriptValidator, conditions: (_p = task.parameters) === null || _p === void 0 ? void 0 : _p.fieldType, screenId: (_r = (_q = task.parameters) === null || _q === void 0 ? void 0 : _q.screen) === null || _r === void 0 ? void 0 : _r.key, target: task.target, approval: approval, checkIn: checkIn, handleTransition: handleTransition, hiddenPopover: () => setPopoverVisible(false), readonly: readonly, flowHandlerActive: flowHandlerActive }, task.id));
-                        }) }) })) : (_jsx("span", { onClick: () => {
+                            return (jsx(TransitionButton, { itemId: itemId, loading: flowing, text: task.name, item: itemData, workspace: workspace, userId: currentUser.id, groupIds: groupIds, roleIds: roleIds, workspaceRoleIds: workspaceRoleIds, currentTaskId: task.id, authUsers: (_b = (_a = task.parameters) === null || _a === void 0 ? void 0 : _a.permissionType) === null || _b === void 0 ? void 0 : _b.users, authRoles: (_d = (_c = task.parameters) === null || _c === void 0 ? void 0 : _c.permissionType) === null || _d === void 0 ? void 0 : _d.roles, authGroups: (_f = (_e = task.parameters) === null || _e === void 0 ? void 0 : _e.permissionType) === null || _f === void 0 ? void 0 : _f.groups, authUserFields: (_h = (_g = task.parameters) === null || _g === void 0 ? void 0 : _g.permissionType) === null || _h === void 0 ? void 0 : _h.customFields, authWorkSpaceRoles: (_k = (_j = task.parameters) === null || _j === void 0 ? void 0 : _j.permissionType) === null || _k === void 0 ? void 0 : _k.workspaceRoles, creatorAuth: (_m = (_l = task.parameters) === null || _l === void 0 ? void 0 : _l.permissionType) === null || _m === void 0 ? void 0 : _m.creatorAuth, scriptValidator: (_o = task.parameters) === null || _o === void 0 ? void 0 : _o.scriptValidator, conditions: (_p = task.parameters) === null || _p === void 0 ? void 0 : _p.fieldType, screenId: (_r = (_q = task.parameters) === null || _q === void 0 ? void 0 : _q.screen) === null || _r === void 0 ? void 0 : _r.key, target: task.target, approval: approval, checkIn: checkIn, handleTransition: handleTransition, hiddenPopover: () => setPopoverVisible(false), readonly: readonly, flowHandlerActive: flowHandlerActive }, task.id));
+                        }) }) })) : (jsx("span", { onClick: () => {
                         setPopoverVisible(false);
-                    }, css: css(noPermissionStyle), children: i18n.t('pages.fields.view.noWorkflowOrAuth') })), _jsx(View, { workflowData: workflowData, hiddenPopover: () => setPopoverVisible(false), name: name, objectId: objectId })] })) }));
+                    }, css: css(noPermissionStyle), children: i18n.t('pages.fields.view.noWorkflowOrAuth') })), jsx(View, { workflowData: workflowData, hiddenPopover: () => setPopoverVisible(false), name: name, objectId: objectId })] })) }));
 };
-export default memo(SelectTransition);
+var SelectTransition$1 = memo(SelectTransition);
+
+export { SelectTransition$1 as default };

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

@@ -1,15 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { memo, useState, useRef, useCallback, useEffect } from 'react';
 import { CaretDownOutlined } from '@ant-design/icons';
 import { ClassNames } from '@emotion/react';
-import { Button, Popover } from 'antd';
-import { WorkFlowStatusColor } from '../../../lib/global';
-import useAntdConfig from '../../../lib/hooks/useAntdConfig';
-import { i18n } from '../../../lib/i18n';
-import EmptyField from '../../common/EmptyField';
-import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
-import { caretDownStyle, flowStateButtonStyle, flowStateInWorkflowStyle, flowStateStyle, noStateStyle, stateBtnStyle, statePopoverStyle, workflowContentStyle, } from './style';
-import TransitionPanel from './TransitionPanel';
+import { Popover, Button } from 'antd';
+import { WorkFlowStatusColor } from '../../../lib/global.js';
+import useAntdConfig from '../../../lib/hooks/useAntdConfig.js';
+import { i18n } from '../../../lib/i18n.js';
+import EmptyField from '../../common/EmptyField.js';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
+import { workflowContentStyle, statePopoverStyle, flowStateStyle, flowStateInWorkflowStyle, flowStateButtonStyle, stateBtnStyle, noStateStyle, caretDownStyle } from './style/index.js';
+import TransitionPanel from './TransitionPanel.js';
+
 const Transition = props => {
     const { itemId, itemType, workspace, objectId, onTransitionSuccess, name, type, readonly, apply, flowUsers, loadingFlowUsers, fetchFlowUsers, } = props;
     const [popoverVisible, setPopoverVisible] = useState(false);
@@ -28,19 +29,21 @@ const Transition = props => {
             return { ...data, objectId, name, type };
         });
     }, [objectId, name, type]);
-    return (_jsx(ClassNames, { children: ({ cx, css }) => {
+    return (jsx(ClassNames, { children: ({ cx, css }) => {
             var _a, _b, _c;
-            return (_jsx("div", { css: css(workflowContentStyle), children: _jsx(Popover, { overlayClassName: cx(css(statePopoverStyle(antPrefix))), destroyTooltipOnHide: true, open: popoverVisible, onOpenChange: visible => {
+            return (jsx("div", { css: css(workflowContentStyle), children: jsx(Popover, { overlayClassName: cx(css(statePopoverStyle(antPrefix))), destroyTooltipOnHide: true, open: popoverVisible, onOpenChange: visible => {
                         if (isProcessing.current || flowing) {
                             return;
                         }
                         setPopoverVisible(visible);
-                    }, getPopupContainer: () => document.body, trigger: "click", placement: "bottomLeft", content: _jsx(TransitionPanel, { itemId: itemId, itemType: itemType, workspace: workspace, objectId: showData.objectId, onTransitionSuccess: transitionSuccess, name: name, readonly: readonly, setPopoverVisible: setPopoverVisible, isProcessing: isProcessing, flowing: flowing, setFlowing: setFlowing, flowHandlerActive: props.flowHandlerActive, flowUsers: flowUsers, loadingFlowUsers: loadingFlowUsers, fetchFlowUsers: fetchFlowUsers }), children: _jsxs(Button, { type: "link", className: cx('status-btn', css(flowStateStyle), css(flowStateInWorkflowStyle), css(flowStateButtonStyle), css(stateBtnStyle), {
+                    }, getPopupContainer: () => document.body, trigger: "click", placement: "bottomLeft", content: jsx(TransitionPanel, { itemId: itemId, itemType: itemType, workspace: workspace, objectId: showData.objectId, onTransitionSuccess: transitionSuccess, name: name, readonly: readonly, setPopoverVisible: setPopoverVisible, isProcessing: isProcessing, flowing: flowing, setFlowing: setFlowing, flowHandlerActive: props.flowHandlerActive, flowUsers: flowUsers, loadingFlowUsers: loadingFlowUsers, fetchFlowUsers: fetchFlowUsers }), children: jsxs(Button, { type: "link", className: cx('status-btn', css(flowStateStyle), css(flowStateInWorkflowStyle), css(flowStateButtonStyle), css(stateBtnStyle), {
                             [css(noStateStyle)]: !showData.name,
                         }), style: {
                             backgroundColor: (_a = WorkFlowStatusColor[showData.type]) === null || _a === void 0 ? void 0 : _a.bgColor,
                             color: (_b = WorkFlowStatusColor[showData.type]) === null || _b === void 0 ? void 0 : _b.color,
-                        }, children: [_jsx(BaseOverflowTooltip, { title: showData.name, children: showData.name || (apply === 'cell' ? _jsx(EmptyField, { readonly: readonly }) : i18n.t('global.stateless')) }), apply !== 'cell' && (_jsx(CaretDownOutlined, { css: css(caretDownStyle), style: { color: (_c = WorkFlowStatusColor[showData.type]) === null || _c === void 0 ? void 0 : _c.color, marginLeft: 0 } }))] }) }) }));
+                        }, children: [jsx(BaseOverflowTooltip, { title: showData.name, children: showData.name || (apply === 'cell' ? jsx(EmptyField, { readonly: readonly }) : i18n.t('global.stateless')) }), apply !== 'cell' && (jsx(CaretDownOutlined, { css: css(caretDownStyle), style: { color: (_c = WorkFlowStatusColor[showData.type]) === null || _c === void 0 ? void 0 : _c.color, marginLeft: 0 } }))] }) }) }));
         } }));
 };
-export default memo(Transition);
+var Transition$1 = memo(Transition);
+
+export { Transition$1 as default };

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

@@ -1,12 +1,13 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { memo, useCallback, useEffect, useMemo, useState } from 'react';
-import { ClassNames, css } from '@emotion/react';
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { memo, useState, useCallback, useEffect, useMemo } from 'react';
+import { css, ClassNames } from '@emotion/react';
 import { Tooltip } from 'antd';
-import { WorkFlowStatusColor } from '../../../lib/global';
-import { i18n } from '../../../lib/i18n';
-import { checkTransition } from '../../../lib/workflow';
-import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip';
-import { flowBtnStyle, flowStateStyle, iconStyle, notAllowedStyle, pointerStyle, stateBoxStyle, tipLineStyle, tooltipStyle, } from './style';
+import { WorkFlowStatusColor } from '../../../lib/global.js';
+import { i18n } from '../../../lib/i18n.js';
+import { checkTransition } from '../../../lib/workflow.js';
+import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
+import { tipLineStyle, flowBtnStyle, notAllowedStyle, pointerStyle, tooltipStyle, iconStyle, stateBoxStyle, flowStateStyle } from './style/index.js';
+
 const ApprovalStatus = {
     approved: 'approved',
     rejected: 'rejected',
@@ -105,21 +106,23 @@ const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds,
         if (!tip)
             return '';
         const contents = tip.split('--');
-        return (_jsx("div", { children: contents.map((text, index) => (_jsx("p", { css: css(tipLineStyle), children: text }, String(index)))) }));
+        return (jsx("div", { children: contents.map((text, index) => (jsx("p", { css: css(tipLineStyle), children: text }, String(index)))) }));
     }, [tip, readonly]);
     const OverflowText = ({ text, target }) => {
         var _a, _b;
-        return (_jsxs(_Fragment, { children: [_jsx(BaseOverflowTooltip, { css: css(tooltipStyle), title: text, children: text }), _jsx("span", { css: css(iconStyle), children: " \u2192 " }), _jsx("div", { css: css(stateBoxStyle), children: _jsx(BaseOverflowTooltip, { css: css(flowStateStyle), style: {
+        return (jsxs(Fragment, { children: [jsx(BaseOverflowTooltip, { css: css(tooltipStyle), title: text, children: text }), jsx("span", { css: css(iconStyle), children: " \u2192 " }), jsx("div", { css: css(stateBoxStyle), children: jsx(BaseOverflowTooltip, { css: css(flowStateStyle), style: {
                             backgroundColor: (_a = WorkFlowStatusColor[target.type]) === null || _a === void 0 ? void 0 : _a.bgColor,
                             color: (_b = WorkFlowStatusColor[target.type]) === null || _b === void 0 ? void 0 : _b.color,
                         }, title: target.name, children: target.name }) })] }));
     };
-    return (_jsx(ClassNames, { children: ({ cx, css }) => {
-            return isCheck && !readonly ? (_jsx("div", { className: cx(css(flowBtnStyle), loading ? css(notAllowedStyle) : css(pointerStyle)), onClick: () => {
+    return (jsx(ClassNames, { children: ({ cx, css }) => {
+            return isCheck && !readonly ? (jsx("div", { className: cx(css(flowBtnStyle), loading ? css(notAllowedStyle) : css(pointerStyle)), onClick: () => {
                     if (!loading) {
                         handleTransition(text, screenId, scriptValidator);
                     }
-                }, children: _jsx(OverflowText, { text: text, target: target }) })) : (_jsx(Tooltip, { title: tipContent, placement: "right", children: _jsx("div", { className: cx(css(flowBtnStyle), css(notAllowedStyle)), children: _jsx(OverflowText, { text: text, target: target }) }) }));
+                }, children: jsx(OverflowText, { text: text, target: target }) })) : (jsx(Tooltip, { title: tipContent, placement: "right", children: jsx("div", { className: cx(css(flowBtnStyle), css(notAllowedStyle)), children: jsx(OverflowText, { text: text, target: target }) }) }));
         } }));
 };
-export default memo(FlowButton);
+var TransitionButton = memo(FlowButton);
+
+export { TransitionButton as default };

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

@@ -1,17 +1,18 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { memo, useState, useRef, useEffect, useCallback } from 'react';
 import { ClassNames } from '@emotion/react';
 import { proximaSdk, useListener } from '@giteeteam/proxima-sdk-js';
 import { message } from 'antd';
 import debug from 'debug';
 import { cloneDeep } from 'lodash-es';
-import useCurrentUser from '../../../lib/hooks/useCurrentUser';
-import useWorkflowConfig from '../../../lib/hooks/useWorkflowConfig';
-import { i18n } from '../../../lib/i18n';
-import { getScriptUser, useWorkflowPermission } from '../../../lib/workflow';
-import { useItem } from '../../item/hooks';
-import SelectFlowHandler from './SelectFlowHandler';
-import SelectTransition from './SelectTransition';
+import useCurrentUser from '../../../lib/hooks/useCurrentUser.js';
+import useWorkflowConfig from '../../../lib/hooks/useWorkflowConfig.js';
+import { i18n } from '../../../lib/i18n.js';
+import { useWorkflowPermission, getScriptUser } from '../../../lib/workflow.js';
+import { useItem } from '../../item/hooks.js';
+import SelectFlowHandler from './SelectFlowHandler.js';
+import SelectTransition from './SelectTransition.js';
+
 const logger = debug('TransitionPanel');
 var TransitionStepType;
 (function (TransitionStepType) {
@@ -255,7 +256,7 @@ const TransitionPanel = ({ itemId, itemType, workspace, objectId, onTransitionSu
         refreshFlag.current++;
         refresh();
     });
-    return (_jsx(ClassNames, { children: () => transitionStep === TransitionStepType.SelectFlowHandler ? (_jsx(SelectFlowHandler, { itemId: itemId, task: flowTask, onBack: () => setTransitionStep(TransitionStepType.SelectTransition), users: flowUsers, loading: flowing, loadingUser: loadingFlowUsers, fetchUsers: fetchFlowUsers, handleTransition: handleTransition })) : (_jsx(SelectTransition, { fetching: fetching, flowing: flowing, tasks: tasks, itemId: itemId, itemData: itemData, currentUser: currentUser, workspace: workspace, setPopoverVisible: setPopoverVisible, name: name, objectId: objectId, workflowData: workflowData, roleIds: roleIds, groupIds: groupIds, workspaceRoleIds: workspaceRoleIds, approval: approval, checkIn: checkIn, handleTransition: handleTransition, readonly: readonly, flowHandlerActive: flowHandlerActive })) }));
+    return (jsx(ClassNames, { children: () => transitionStep === TransitionStepType.SelectFlowHandler ? (jsx(SelectFlowHandler, { itemId: itemId, task: flowTask, onBack: () => setTransitionStep(TransitionStepType.SelectTransition), users: flowUsers, loading: flowing, loadingUser: loadingFlowUsers, fetchUsers: fetchFlowUsers, handleTransition: handleTransition })) : (jsx(SelectTransition, { fetching: fetching, flowing: flowing, tasks: tasks, itemId: itemId, itemData: itemData, currentUser: currentUser, workspace: workspace, setPopoverVisible: setPopoverVisible, name: name, objectId: objectId, workflowData: workflowData, roleIds: roleIds, groupIds: groupIds, workspaceRoleIds: workspaceRoleIds, approval: approval, checkIn: checkIn, handleTransition: handleTransition, readonly: readonly, flowHandlerActive: flowHandlerActive })) }));
 };
 function getWorkflowConfig(workflow, statusId) {
     var _a, _b, _c, _d, _e;
@@ -275,4 +276,6 @@ function getWorkflowConfig(workflow, statusId) {
     }
     return { approval, checkIn };
 }
-export default memo(TransitionPanel);
+var TransitionPanel$1 = memo(TransitionPanel);
+
+export { TransitionPanel$1 as default };

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

@@ -1,17 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import { memo, useCallback } from 'react';
-import { css, Global } from '@emotion/react';
+import { Global, css } from '@emotion/react';
 import { proximaSdk } from '@giteeteam/proxima-sdk-js';
-import { WorkflowIcon } from '../../../icons';
-import { i18n } from '../../../lib/i18n';
-import { statusViewGlobalStyle } from './style';
+import { WorkflowIcon } from '../../../icons/index.js';
+import { i18n } from '../../../lib/i18n.js';
+import { statusViewGlobalStyle } from './style/index.js';
+
 const View = ({ name, objectId, hiddenPopover, workflowData }) => {
     const viewClickHandle = useCallback(e => {
         e.stopPropagation();
     }, []);
-    return (_jsxs("div", { className: 'field-layout status-view', onClick: viewClickHandle, children: [_jsx(Global, { styles: css(statusViewGlobalStyle) }), _jsxs("span", { onClick: () => {
+    return (jsxs("div", { className: 'field-layout status-view', onClick: viewClickHandle, children: [jsx(Global, { styles: css(statusViewGlobalStyle) }), jsxs("span", { onClick: () => {
                     hiddenPopover === null || hiddenPopover === void 0 ? void 0 : hiddenPopover();
                     proximaSdk.execute('openItemWorkflowViewerModal', { name, objectId, workflowData });
-                }, children: [_jsx(WorkflowIcon, { className: 'status-view-watch' }), i18n.t('pages.fields.view.viewWorkflow')] })] }));
+                }, children: [jsx(WorkflowIcon, { className: 'status-view-watch' }), i18n.t('pages.fields.view.viewWorkflow')] })] }));
 };
-export default memo(View);
+var View$1 = memo(View);
+
+export { View$1 as default };