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

package/dist/components/fields/dropdown/hook.d.ts

@@ -0,0 +1,103 @@
+/// <reference types="react" />
+import { SelectProps } from 'antd';
+import { Item, ItemType, PointerObject } from 'lib/types/models';
+import { FieldProps, IScreenLabelProps } from '../base-component/types';
+import { IParams } from '../hooks/useParamsAdapter';
+interface optionType {
+    key: string;
+    value: string;
+    disabled: undefined | boolean;
+    children: {
+        props: selectValue;
+    };
+}
+export interface selectValue {
+    label: React.ReactNode;
+    value: string | number;
+    disabled?: boolean;
+    enable?: boolean;
+    icon?: string;
+    itemType?: PointerObject | ItemType;
+    archived?: boolean;
+    values?: {
+        [propName: string]: any;
+    };
+}
+export type BaseDropdownProps = SelectProps<any> & FieldProps & {
+    value?: string[] | number[] | Array<IParams>;
+    options?: selectValue[];
+    placeholder?: string;
+    onChange?: (e: any, option?: optionType | optionType[] | string) => void;
+    onSelect?: (e: any, option: any) => void;
+    onOptionsChange?: (options: any[]) => void;
+    onBlur?: (e: any) => void;
+    onClear?: () => void;
+    fetchOptions?: (keywords: string) => Promise<selectValue[]>;
+    fetchValues?: (values: string[], key: string) => Promise<selectValue[]>;
+    debounceTimeout?: number;
+    useChange?: boolean;
+    expression?: string;
+    iql?: string;
+    display?: string;
+    objectId?: string;
+    dataQuoteInit?: (dates: Item[] | selectValue[], value: string[], display?: string) => selectValue[];
+    workspace?: string;
+    label?: string;
+    valueDisplayWrap?: boolean;
+    optionDisplayWrap?: boolean;
+    disabledSwr?: boolean;
+    onlyValue?: boolean;
+    isGroup?: boolean;
+    fetchChange?: (value?: boolean) => void;
+    displayValueHidden?: boolean;
+    disabledLineThrough?: boolean;
+    displayWorkspace?: boolean;
+    onlyWorkspace?: boolean;
+    setOnlyWorkspace?: (e: boolean) => void;
+    isShowOnlyWorkspace?: boolean;
+    fieldTypeKey?: string;
+    iqlKey?: string;
+    detailKey?: string;
+    fetchOnFocus?: boolean;
+    isCascaded?: boolean;
+    cascadeCustomData?: selectValue[];
+    onlyWorkspaceTip?: string;
+    hasCurrentWorkspace?: boolean;
+    clickFetch?: boolean;
+    iqlToNeedMore?: boolean;
+    itemId?: string;
+    workspaceId?: string;
+    dataSource?: string;
+    userData?: Record<string, any>;
+    page?: string;
+    labelWidth?: number;
+    labelAlign?: IScreenLabelProps;
+    editMode?: boolean;
+    apply?: string;
+    hiddenLabel?: boolean;
+    screenMode?: string;
+    searchComponent?: boolean;
+};
+export declare const EMPTY_OPTIONS: any[];
+export declare const useCommonProps: (props: BaseDropdownProps) => {
+    propsValue: any;
+    fetchChange: (value?: boolean) => void;
+    onSearchChange: any;
+    options: any[];
+    onlyWorkspace: boolean;
+    setOnlyWorkspace: (e: any) => void;
+    detailKey: string;
+    loading: boolean;
+    _setValue: import("react").Dispatch<import("react").SetStateAction<any[]>>;
+    setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setOptions: import("react").Dispatch<import("react").SetStateAction<any[]>>;
+    propsOptions: any[];
+    cachedOptionsRef: import("react").MutableRefObject<selectValue[]>;
+    needFetchDataSource: boolean;
+    fetchOptions: (keyword?: string) => Promise<any>;
+    fetchValues: (value: string[], key: string) => Promise<any>;
+    canAsyncFetchOption: boolean;
+    cacheSelectOptions: (opts: selectValue[]) => selectValue[];
+    value: any[];
+};
+export {};

package/dist/components/fields/dropdown/hook.js

@@ -0,0 +1,152 @@
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { debounce, uniqWith } from 'lodash-es';
+import { getArrayValue } from 'lib/array';
+import { REMOTE_DATA_QUOTE_FIELD_TYPE } from 'lib/constants/field';
+import { FIELD_TYPE_KEY_MAPPINGS } from 'lib/global';
+import { useFetchDropdown } from './data';
+const useGenerateFetchFunction = ({ workspaceId, page, fieldId, propsValue, needFetchDataSource, defaultFetchValues, defaultFetchOptions, }) => {
+    const fetchDropdownData = useFetchDropdown();
+    const fetchOptions = useMemo(() => {
+        if (!needFetchDataSource) {
+            return defaultFetchOptions;
+        }
+        else {
+            return async (keyword) => await fetchDropdownData({
+                fieldId,
+                keyword: keyword ? keyword : undefined,
+                workspaceId,
+                page,
+                propsValue,
+            });
+        }
+    }, [defaultFetchOptions, fetchDropdownData, fieldId, needFetchDataSource, page, propsValue, workspaceId]);
+    const fetchValues = useMemo(() => {
+        if (!needFetchDataSource) {
+            return defaultFetchValues;
+        }
+        else {
+            return async (value) => await fetchDropdownData({
+                fieldId,
+                workspaceId,
+                page,
+                propsValue: JSON.stringify(value),
+            });
+        }
+    }, [defaultFetchValues, fetchDropdownData, fieldId, needFetchDataSource, page, workspaceId]);
+    return {
+        fetchOptions,
+        fetchValues,
+    };
+};
+export const EMPTY_OPTIONS = [];
+export const useCommonProps = (props) => {
+    var _a;
+    const { value: propsValue, options: _propsOptions = EMPTY_OPTIONS, fetchValues: _fetchValues, fetchOptions: _fetchOptions, debounceTimeout = 600, objectId, userData, workspace, page, fetchChange, onlyWorkspace, setOnlyWorkspace, fieldTypeKey, detailKey, isCascaded, cascadeCustomData, workspaceId, dataSource, } = props;
+    const [loading, setLoading] = useState(true);
+    const [value, _setValue] = useState([]);
+    const propsOptions = useMemo(() => {
+        return isCascaded ? cascadeCustomData : _propsOptions;
+    }, [_propsOptions, isCascaded, cascadeCustomData]);
+    const [options, setOptions] = useState(propsOptions || []);
+    const cachedOptionsRef = useRef([]);
+    const needFetchDataSource = !!(userData === null || userData === void 0 ? void 0 : userData.source) || !!dataSource;
+    const { fetchOptions, fetchValues } = useGenerateFetchFunction({
+        workspaceId: workspaceId || workspace,
+        page,
+        fieldId: objectId,
+        propsValue: Array.isArray(propsValue) ? ((_a = propsValue === null || propsValue === void 0 ? void 0 : propsValue[0]) === null || _a === void 0 ? void 0 : _a.value) || (propsValue === null || propsValue === void 0 ? void 0 : propsValue[0]) : propsValue,
+        needFetchDataSource,
+        defaultFetchOptions: _fetchOptions,
+        defaultFetchValues: _fetchValues,
+    });
+    const canAsyncFetchOption = useMemo(() => typeof fetchValues === 'function' && typeof fetchOptions === 'function', [fetchOptions, fetchValues]);
+    const cacheSelectOptions = useCallback((opts) => {
+        var _a;
+        const optsInit = opts === null || opts === void 0 ? void 0 : opts.map(ele => {
+            var _a;
+            if (ele === null || ele === void 0 ? void 0 : ele.itemType) {
+                return {
+                    ...ele,
+                    icon: (_a = ele.itemType) === null || _a === void 0 ? void 0 : _a.icon,
+                };
+            }
+            return ele;
+        });
+        if (Array.isArray(cachedOptionsRef.current) && Array.isArray(optsInit)) {
+            let cachedOptionsRefCopy = cachedOptionsRef.current;
+            if (REMOTE_DATA_QUOTE_FIELD_TYPE.includes(fieldTypeKey)) {
+                cachedOptionsRefCopy = (_a = cachedOptionsRef.current) === null || _a === void 0 ? void 0 : _a.map(opt => {
+                    const currentOpt = optsInit.find(ele => ele.value === opt.value);
+                    return {
+                        ...opt,
+                        values: currentOpt === null || currentOpt === void 0 ? void 0 : currentOpt.values,
+                    };
+                });
+            }
+            const cachedOptions = cachedOptionsRefCopy.concat(optsInit);
+            let cachedOptionsFilter = cachedOptions;
+            if ([FIELD_TYPE_KEY_MAPPINGS.Version, FIELD_TYPE_KEY_MAPPINGS.Team, FIELD_TYPE_KEY_MAPPINGS.Sprint].includes(fieldTypeKey)) {
+                cachedOptionsFilter = cachedOptions.map(ele => {
+                    const versionWithArchived = optsInit === null || optsInit === void 0 ? void 0 : optsInit.find(opt => {
+                        return opt.value === ele.value;
+                    });
+                    return versionWithArchived ? Object.assign(ele, versionWithArchived) : ele;
+                });
+            }
+            cachedOptionsRef.current = uniqWith(cachedOptionsFilter, (a, b) => a.value === b.value);
+        }
+        return cachedOptionsRef.current;
+    }, [fieldTypeKey]);
+    const handleSearch = useMemo(() => {
+        if (!canAsyncFetchOption) {
+            return undefined;
+        }
+        const searchFunc = _keyword => {
+            const keyword = _keyword === null || _keyword === void 0 ? void 0 : _keyword.trim();
+            if (!keyword) {
+                setOptions(cachedOptionsRef.current);
+            }
+            else {
+                setLoading(true);
+                fetchOptions(keyword).then(opts => {
+                    setLoading(false);
+                    cacheSelectOptions(opts);
+                    const _value = getArrayValue(value);
+                    const noExistValues = _value.filter(v => opts.every(item => item.value !== v));
+                    if (noExistValues.length) {
+                        opts = noExistValues
+                            .map(v => { var _a; return (_a = cachedOptionsRef.current) === null || _a === void 0 ? void 0 : _a.find(item => item.value === v); })
+                            .filter(Boolean)
+                            .concat(opts);
+                    }
+                    setOptions(opts);
+                });
+            }
+        };
+        return debounce(searchFunc, debounceTimeout);
+    }, [fetchOptions, canAsyncFetchOption, debounceTimeout, cacheSelectOptions, value]);
+    const onChangeCurrent = useCallback(e => {
+        setOnlyWorkspace(e.target.checked);
+    }, [setOnlyWorkspace]);
+    return {
+        propsValue,
+        fetchChange: fetchChange,
+        onSearchChange: handleSearch,
+        options,
+        onlyWorkspace,
+        setOnlyWorkspace: onChangeCurrent,
+        detailKey,
+        loading,
+        _setValue,
+        setLoading,
+        setOptions,
+        propsOptions,
+        cachedOptionsRef,
+        needFetchDataSource,
+        fetchOptions,
+        fetchValues,
+        canAsyncFetchOption,
+        cacheSelectOptions,
+        value,
+    };
+};

package/dist/components/fields/dropdown/style.d.ts

@@ -0,0 +1,16 @@
+export declare const dropdownSelectDisabled = "\n  text-decoration: line-through;\n";
+export declare const onlyWorkspaceStyle = "\n  padding: 5px 12px;\n";
+export declare const onlyWorkspaceDividerStyle = "\n  &:not(.add-weights) {\n    margin: 4px 0;\n  }\n";
+export declare const hiddenHoverClass: string;
+export declare const displayWrapClass: string;
+export declare const valueOptionClass: string;
+export declare const valueOptionContentClass: string;
+export declare const valueOptionIconClass: string;
+export declare const valueOptionLabelClass: string;
+export declare const workspaceClass: string;
+export declare const hoverIconClass: string;
+export declare const optionDisplayWrapClass: string;
+export declare const dropdownStyle: (antPrefix: string) => string;
+export declare const dropdownSelectOptionClass: string;
+export declare const disabledClass: string;
+export declare const dropdownSelectStyle: (antPrefix: string) => string;

package/dist/components/fields/dropdown/style.js

@@ -0,0 +1,90 @@
+import { randomClassName } from 'style/common';
+import { hoverIconStyle, hoverStyle } from 'components/common/style/mixin';
+export const dropdownSelectDisabled = `
+  text-decoration: line-through;
+`;
+export const onlyWorkspaceStyle = `
+  padding: 5px 12px;
+`;
+export const onlyWorkspaceDividerStyle = `
+  &:not(.add-weights) {
+    margin: 4px 0;
+  }
+`;
+export const hiddenHoverClass = randomClassName('hidden-hover');
+export const displayWrapClass = randomClassName('display-wrap');
+export const valueOptionClass = randomClassName('value-option');
+export const valueOptionContentClass = randomClassName('value-option-content');
+export const valueOptionIconClass = randomClassName('value-option-icon');
+export const valueOptionLabelClass = randomClassName('value-option-label');
+export const workspaceClass = randomClassName('workspace');
+export const hoverIconClass = randomClassName('hover-icon');
+export const optionDisplayWrapClass = randomClassName('option-display-wrap');
+export const dropdownStyle = (antPrefix) => `
+  width: 100%;
+
+  &:not(.${hiddenHoverClass}) &:not(.${displayWrapClass}) :hover {
+    ${hoverStyle}
+
+    .${hoverIconClass} {
+      display: inline-block;
+    }
+  }
+
+  .${hoverIconClass} {
+    ${hoverIconStyle}
+  }
+
+  .${antPrefix}-select {
+    width: 100%;
+  }
+
+  .${antPrefix}-select-selection-item) {
+    .${workspaceClass} {
+      display: none;
+    }
+  }
+
+  .${valueOptionClass} {
+    margin-bottom: 8px;
+  }
+
+  .${valueOptionContentClass} {
+    width: 100%;
+    padding-top: 6px;
+
+    .${valueOptionIconClass} {
+      position: absolute;
+      margin-top: 3px;
+    }
+
+    .${valueOptionLabelClass} {
+      display: inline-block;
+      width: ~'calc(100% - 22px)';
+      margin-left: 22px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
+  .${optionDisplayWrapClass} {
+    .${antPrefix}-select-selection-overflow {
+      display: block;
+      .${antPrefix}-select-selection-overflow-item {
+        width: fit-content;
+      }
+    }
+  }
+`;
+export const dropdownSelectOptionClass = randomClassName('dropdown-select-option');
+export const disabledClass = randomClassName('disabled');
+export const dropdownSelectStyle = (antPrefix) => `
+  .${dropdownSelectOptionClass}.${disabledClass} {
+    text-decoration: line-through;
+  }
+
+  .${antPrefix}-select-selection-item-content {
+    text-decoration: line-through;   
+  }
+`;

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

@@ -0,0 +1,11 @@
+interface IViewClass {
+    screenMode: string;
+    editing: boolean;
+    readonly: boolean;
+}
+interface IViewClassResult {
+    viewClassNames: Record<string, boolean>;
+    isView: boolean;
+}
+declare const useViewClass: ({ screenMode, editing, readonly }: IViewClass) => IViewClassResult;
+export default useViewClass;

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

@@ -0,0 +1,18 @@
+import { useMemo } from 'react';
+import { SCREEN_TYPE } from 'lib/global';
+const useViewClass = ({ screenMode, editing, readonly }) => {
+    const isView = useMemo(() => {
+        return screenMode === SCREEN_TYPE.View;
+    }, [screenMode]);
+    const viewClassNames = useMemo(() => {
+        return {
+            'field-value-view': isView && !editing,
+            'field-value-readonly': readonly,
+        };
+    }, [isView, editing, readonly]);
+    return {
+        viewClassNames,
+        isView,
+    };
+};
+export default useViewClass;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const NoItemTypeIconUrl = "/icons/NoItemType.svg";
+export declare const useNoItemTypeIcon: () => string;
+export declare const ItemTypeIcon: ({ icon, name, className, }: {
+    icon?: string;
+    name?: string;
+    className?: string;
+}) => React.ReactElement;
+export default ItemTypeIcon;

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { ClassNames } from '@emotion/react';
+import { Tooltip } from 'antd';
+import { CustomIconFont } from 'icons/index';
+import useI18n from 'lib/hooks/useI18n';
+import { isBase64Img, usePolyFillIcon } from 'lib/icons/utils';
+import { usePatchIconUrl } from 'lib/path';
+import { nameItemTypeImg } from './style';
+export const NoItemTypeIconUrl = '/icons/NoItemType.svg';
+export const useNoItemTypeIcon = () => {
+    const patchIconUrl = usePatchIconUrl();
+    return patchIconUrl(NoItemTypeIconUrl);
+};
+export 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 default ItemTypeIcon;

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,6 @@
+export const nameItemTypeImg = `
+  width: 16px;
+  height: 16px;
+  margin-right: 8px;
+  font-size: 16px;
+`;

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

@@ -1,9 +1,9 @@
-import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/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 }) });
+    return value ? _jsx(SimpleOverflowToolTip, { title: value, children: value }) : _jsx(EmptyField, { readonly: true });
 });
 KeyReadView.displayName = 'KeyReadView';
 export default KeyReadView;

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/reac
 import { memo, useCallback, useMemo } from 'react';
 import { CaretDownOutlined } from '@ant-design/icons';
 import { css } from '@emotion/react';
-import { DottedCircleIcon, HollowCircleIcon } from '../../../icons';
+import { DottedCircleIcon, HollowCircleIcon } from 'icons/index';
 import useAntdConfig from '../../../lib/hooks/useAntdConfig';
 import useI18n from '../../../lib/hooks/useI18n';
 import EmptyField from '../../common/EmptyField';

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

@@ -8,8 +8,8 @@ import TransitionButton from './TransitionButton';
 import View from './View';
 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 => {
-                            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-                            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, conditionKey: (_s = task.parameters) === null || _s === void 0 ? void 0 : _s.conditionKey, fieldTypeConditionKey: (_t = task.parameters) === null || _t === void 0 ? void 0 : _t.fieldTypeConditionKey, userConditionKey: (_v = (_u = task.parameters) === null || _u === void 0 ? void 0 : _u.permissionType) === null || _v === void 0 ? void 0 : _v.conditionKey }, task.id));
+                            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: () => {
                         setPopoverVisible(false);
                     }, css: css(noPermissionStyle), children: i18n.t('pages.fields.view.noWorkflowOrAuth') })), _jsx(View, { workflowData: workflowData, hiddenPopover: () => setPopoverVisible(false), name: name, objectId: objectId })] })) }));

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

@@ -29,9 +29,6 @@ interface FlowButtonProps {
     };
     hiddenPopover?: () => void;
     readonly?: boolean;
-    conditionKey: string;
-    fieldTypeConditionKey: string;
-    userConditionKey: string;
     flowHandlerActive?: boolean;
 }
 declare const _default: React.NamedExoticComponent<FlowButtonProps>;

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

@@ -15,7 +15,7 @@ const CheckInStatus = {
     closed: 'closed',
     pending: 'pending',
 };
-const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds, workspaceRoleIds, authRoles, authUsers, authGroups, creatorAuth, authUserFields, authWorkSpaceRoles, scriptValidator, approval, checkIn, conditions = [], handleTransition, target, readonly, conditionKey, fieldTypeConditionKey, userConditionKey, flowHandlerActive, }) => {
+const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds, workspaceRoleIds, authRoles, authUsers, authGroups, creatorAuth, authUserFields, authWorkSpaceRoles, scriptValidator, approval, checkIn, conditions = [], handleTransition, target, readonly, flowHandlerActive, }) => {
     const [isCheck, setIsCheck] = useState(true);
     const [tip, setTip] = useState('');
     const checkApproval = useCallback(() => {
@@ -62,7 +62,6 @@ const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds,
             return;
         }
         const transition = {
-            conditionKey,
             parameters: {
                 fieldType: conditions,
                 permissionType: {
@@ -72,9 +71,7 @@ const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds,
                     workspaceRoles: authWorkSpaceRoles,
                     customFields: authUserFields,
                     creatorAuth,
-                    conditionKey: userConditionKey,
                 },
-                fieldTypeConditionKey,
             },
         };
         const checkResult = checkTransition(item, transition, { userId, roleIds, groupIds, workspaceRoleIds }, flowHandlerActive);
@@ -97,9 +94,6 @@ const FlowButton = ({ loading, screenId, text, item, userId, roleIds, groupIds,
         roleIds,
         groupIds,
         workspaceRoleIds,
-        conditionKey,
-        fieldTypeConditionKey,
-        userConditionKey,
         flowHandlerActive,
     ]);
     useEffect(() => {

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

@@ -13,7 +13,7 @@ const UserGroupReadView = props => {
     const [value, setValue] = useState([]);
     useEffect(() => {
         var _a;
-        setValue(Array.isArray(propsValue) ? propsValue : (_a = [propsValue]) !== null && _a !== void 0 ? _a : []);
+        setValue(Array.isArray(propsValue) ? propsValue : ((_a = [propsValue]) !== null && _a !== void 0 ? _a : []));
     }, [propsValue, setValue]);
     const showValue = useMemo(() => {
         var _a, _b;

package/dist/components/filters/filter-search/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const getValue: (item: any) => any;
+export declare const getLabel: (item: any) => any;
+export declare const getFieldCollectionRealValue: (v: any) => boolean;
+export declare const getRealValueByIqlTo: (value: any[], options: any[], key: string) => any[];

package/dist/components/filters/filter-search/utils.js

@@ -0,0 +1,28 @@
+import { pick } from 'lodash-es';
+import { getArrayValue } from 'lib/array';
+import { isDate } from 'lib/date';
+const pickKey = {
+    label: [],
+    value: ['objectId', 'icon', 'key', 'icon', 'name', 'enable', 'deleted'],
+    username: ['username', 'nickname', 'deleted', 'enabled'],
+    key: ['icon', 'key', 'name', 'objectId'],
+};
+export const getValue = item => item.value || item.key || item.id || item.objectId;
+export const getLabel = item => item.label || item.name || item.value;
+export const getFieldCollectionRealValue = v => (isDate(v === null || v === void 0 ? void 0 : v.type) ? !!(v === null || v === void 0 ? void 0 : v.value) : !!(v === null || v === void 0 ? void 0 : v.expression) && !!(v === null || v === void 0 ? void 0 : v.value));
+export const getRealValueByIqlTo = (value, options, key) => {
+    if (!value || !options)
+        return value;
+    return getArrayValue(value)
+        .map(item => {
+        const curItem = options.find(o => item[key] === o[key]);
+        if (!curItem)
+            return item;
+        return {
+            ...pick(curItem, pickKey[key]),
+            label: curItem.label || curItem.username,
+            value: curItem.value || curItem.objectId,
+        };
+    })
+        .filter(Boolean);
+};

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

@@ -9,6 +9,7 @@ export interface EditTableCellMappingProps {
     property?: any;
     text?: any;
     data?: any;
+    dataSource?: string;
     Component: React.FC<any>;
     handleChange?: (value: any) => void;
 }

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@emotion/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 EditTableCell = ({ overlayClsName, itemTypeId, workspaceId, readonly, id, objectId, property, text, Component, dataSource, handleChange, }) => {
     const commonProps = {
         overlayClsName,
         itemTypeId,
@@ -10,6 +10,7 @@ const EditTableCell = ({ overlayClsName, itemTypeId, workspaceId, readonly, id,
         itemId: id,
         objectId,
         value: text,
+        dataSource,
         ...omit(property, 'defaultValue'),
     };
     return _jsx(Component, { ...commonProps, onChange: handleChange });

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { useCallback, useRef, useState } from 'react';
 import { isEmpty } from 'lodash-es';
 import EmptyField from '../common/EmptyField';
@@ -52,14 +52,14 @@ const BaseTableCell = ({ className, cellData, column, rowData, readComponents =
     }, [editComponents]);
     if (cellEntered && EditComponent) {
         const { property, data, objectId } = column;
-        return (_jsx("div", { className: cls, children: _jsx(EditTableCell, { Component: EditComponent, workspaceId: (_a = rowData.workspace) === null || _a === void 0 ? void 0 : _a.objectId, itemTypeId: (_b = rowData.itemType) === null || _b === void 0 ? void 0 : _b.objectId, property: property, data: data, id: rowData.objectId, readonly: readonly, objectId: objectId, text: cellData, handleChange: handleChange }) }));
+        return (_jsx("div", { className: cls, children: _jsx(EditTableCell, { Component: EditComponent, workspaceId: (_a = rowData.workspace) === null || _a === void 0 ? void 0 : _a.objectId, itemTypeId: (_b = rowData.itemType) === null || _b === void 0 ? void 0 : _b.objectId, property: property, data: data, id: rowData.objectId, readonly: readonly, objectId: objectId, text: cellData, handleChange: handleChange, dataSource: column.dataSource }) }));
     }
     if (ReadComponent) {
-        return (_jsx("div", { className: cls, onMouseOver: handleMouseOver, children: _jsx(ReadComponent, { readonly: readonly, value: cellData, ...column.property, userData: column.data, options: ((_c = column.data) === null || _c === void 0 ? void 0 : _c.customData) || EMPTY_ARRAY, itemValues: rowData }) }));
+        return (_jsx("div", { className: cls, onMouseOver: handleMouseOver, children: _jsx(ReadComponent, { readonly: readonly, value: cellData, ...column.property, userData: column.data, options: ((_c = column.data) === null || _c === void 0 ? void 0 : _c.customData) || EMPTY_ARRAY, itemValues: rowData, objectId: column.objectId, dataSource: column.dataSource }) }));
     }
     const text = transferItem(cellData !== null && cellData !== void 0 ? cellData : rowData[column.dataIndex], readonly);
     return _jsx("div", { className: cls, children: text });
 };
 export const TableCell = props => {
-    return (_jsx(_Fragment, { children: _jsx(BaseTableCell, { ...props }) }));
+    return _jsx(BaseTableCell, { ...props });
 };

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

@@ -9,6 +9,7 @@ import CreatedAtReadView from '../fields/created-at/ReadView';
 import CreatedByReadView from '../fields/created-by/ReadView';
 import DataQuoteReadView from '../fields/data-quote/ReadView';
 import DateReadView from '../fields/date/ReadView';
+import DropdownCell from '../fields/dropdown/Cell';
 import DropdownReadView from '../fields/dropdown/ReadView';
 import FileReadView from '../fields/file/ReadView';
 import FormulaReadView from '../fields/formula/ReadView';
@@ -90,5 +91,6 @@ export const getAllReadComponents = () => {
 export const getStandardEditComponents = () => {
     return {
         [FIELD_TYPE_KEY_MAPPINGS.Status]: StatusCell,
+        [FIELD_TYPE_KEY_MAPPINGS.Dropdown]: DropdownCell,
     };
 };