@antscorp/antsomi-ui 1.3.5-beta.698 → 1.3.5-beta.699

package/es/components/molecules/MatchAnySelect/MatchesAnySelect.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { MatchesAnyProps, MatchesAnySelectProps } from './types';
-export declare function MatchesAny<TItem = Record<string, any>>(props: MatchesAnyProps<TItem>): React.JSX.Element;
-export declare function MatchesAnySelect<TItem = Record<string, any>>(props: MatchesAnySelectProps<TItem>): React.JSX.Element;
+export declare function MatchesAny<TItem = any>(props: MatchesAnyProps<TItem>): React.JSX.Element;
+export declare function MatchesAnySelect<TItem = any>(props: MatchesAnySelectProps<TItem>): React.JSX.Element;

package/es/components/molecules/MatchAnySelect/MatchesAnySelect.js

@@ -13,26 +13,29 @@ var __rest = (this && this.__rest) || function (s, e) {
 /* eslint-disable react/destructuring-assignment */
 // Libraries
 import { ConfigProvider } from 'antd';
-import { uniqBy } from 'lodash';
+import clsx from 'clsx';
+import { isEmpty, uniqBy } from 'lodash';
 import React, { useEffect, useState } from 'react';
+import deepmerge from 'deepmerge';
 // Components
+import { Button, Flex, Icon, Input, Popover, Spin, Tooltip, Typography, } from '@antscorp/antsomi-ui/es/components/atoms';
 import { EmptyData, PopoverSelect, Select } from '@antscorp/antsomi-ui/es/components/molecules';
-import { Button, Flex, Icon, Input, Popover, Spin, Typography, Tooltip, } from '@antscorp/antsomi-ui/es/components/atoms';
 import { ExtendValuePopup } from './components/ExtendValuePopup';
 // Styled
-import { MatchesAnyWrapper, ActionButton, StyledTree, TextButton, GroupSelectButton, ExtraValueLabel, } from './styled';
+import { ActionButton, ExtraValueLabel, GroupSelectButton, MatchesAnyWrapper, StyledTree, TextButton, } from './styled';
 // Locales
 import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
 import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
 // Constants
-import { MATCHES_ANY_THEME } from './constants';
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
+import { MATCHES_ANY_THEME } from './constants';
 // Hooks
 import { useDeepCompareEffect, useDeepCompareMemo, useIntersectionObserver, } from '@antscorp/antsomi-ui/es/hooks';
 // Utils
 import { flatTree, recursiveSearchItems } from '@antscorp/antsomi-ui/es/utils';
+import { getSelectedTreeData } from './utils';
+// Icons
 import { DataIcon, WarningIcon } from '../../icons';
-import clsx from 'clsx';
 const initialState = {
     isOpenPopover: false,
 };
@@ -45,7 +48,7 @@ const { t } = i18nInstance;
 const { Text } = Typography;
 export function MatchesAny(props) {
     // Props
-    const { objectName, loading = false, showExtendValue = true, items, groupSelectProps, renderExtraValues, customItemRenders, listEmptyProps, selectedListEmptyProps, onApply = () => { }, onCancel = () => { }, onLoadMore = () => { }, onChangeSearch } = props, restOfProps = __rest(props, ["objectName", "loading", "showExtendValue", "items", "groupSelectProps", "renderExtraValues", "customItemRenders", "listEmptyProps", "selectedListEmptyProps", "onApply", "onCancel", "onLoadMore", "onChangeSearch"]);
+    const { objectName, loading = false, showExtendValue = true, items, groupSelectProps, renderExtraValues, customItemRenders, listEmptyProps, selectedListEmptyProps, selectedTreeData: selectedTreeDataProp, onSelectedTreeDataChange = () => { }, onApply = () => { }, onCancel = () => { }, onLoadMore = () => { }, onChangeSearch } = props, restOfProps = __rest(props, ["objectName", "loading", "showExtendValue", "items", "groupSelectProps", "renderExtraValues", "customItemRenders", "listEmptyProps", "selectedListEmptyProps", "selectedTreeData", "onSelectedTreeDataChange", "onApply", "onCancel", "onLoadMore", "onChangeSearch"]);
     // State
     const [state, setState] = useState(matchesAnyInitialState);
     // Variables
@@ -75,6 +78,13 @@ export function MatchesAny(props) {
             setState(prev => (Object.assign(Object.assign({}, prev), { isShowLoadMoreEl: true })));
         }, 500);
     }, []);
+    useDeepCompareEffect(() => {
+        const selectedTreeData = getSelectedTreeData(items || [], selectedItems || [], selectedTreeDataProp || []);
+        if (!isEmpty(selectedTreeData)) {
+            onSelectedTreeDataChange(selectedTreeData);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [items, selectedItems]);
     // Handlers
     /**
      * Adds an item and, if applicable, its leaf descendants to the list of selected items.
@@ -87,15 +97,15 @@ export function MatchesAny(props) {
      *                              This item can have children.
      */
     const onSelectItem = (item) => {
+        let newSelectedItems = [...(selectedItems || [])];
         if (item.children) {
             const flattenChild = flatTree(item.children, 'children');
-            setState(prev => (Object.assign(Object.assign({}, prev), { selectedItems: [
-                    ...(prev.selectedItems || []),
-                    ...flattenChild === null || flattenChild === void 0 ? void 0 : flattenChild.filter(item => !item.children),
-                ] })));
-            return;
+            newSelectedItems = newSelectedItems.concat(flattenChild.filter(item => !item.children));
+        }
+        else {
+            newSelectedItems = newSelectedItems.concat(item);
         }
-        setState(prev => (Object.assign(Object.assign({}, prev), { selectedItems: [...(prev.selectedItems || []), item] })));
+        setState(prev => (Object.assign(Object.assign({}, prev), { selectedItems: newSelectedItems })));
     };
     /**
      * Removes an item and its descendants from the list of selected items.
@@ -125,6 +135,10 @@ export function MatchesAny(props) {
     const onRemoveAll = () => {
         setState(prev => (Object.assign(Object.assign({}, prev), { selectedItems: [] })));
     };
+    const onClickApply = () => {
+        const selectedTreeData = getSelectedTreeData(items || [], selectedItems || [], selectedTreeDataProp || []);
+        onApply(selectedItems || [], selectedTreeData);
+    };
     const renderItemError = (item) => {
         if (customItemRenders === null || customItemRenders === void 0 ? void 0 : customItemRenders.error) {
             return customItemRenders === null || customItemRenders === void 0 ? void 0 : customItemRenders.error(item);
@@ -200,17 +214,13 @@ export function MatchesAny(props) {
             treeData = treeData.filter(item => { var _a; return (_a = groupSelectProps.selected) === null || _a === void 0 ? void 0 : _a.includes(item.key); });
         }
         return { treeData, matchedParents };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [items, searchValue, selectedItems, groupSelectProps, onChangeSearch]);
     // const selectedTreeData = useDeepCompareMemo(() => [], [items, selectedItems]);
     const selectedTreeData = useDeepCompareMemo(() => {
         var _a;
         const notExtendValueSelectedItems = (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(item => !item.isExtendValue)) || [];
         const extendValueSelectedItems = (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(item => item.isExtendValue)) || [];
-        // const lazyLoadSelectedItems =
-        //   notExtendValueSelectedItems?.filter(
-        //     selectedItem =>
-        //       !flatTree(items || [], 'children').some(item => item.key === selectedItem.key),
-        //   ) || [];
         const serializeTreeData = (list) => {
             var _a;
             return ((_a = list
@@ -230,8 +240,14 @@ export function MatchesAny(props) {
                 children: serializeTreeData(item.children),
             })), (!!item.error && { className: 'error-node' }))))) || [];
         };
-        return serializeTreeData(items || []).concat(((_a = [/* ...lazyLoadSelectedItems, */ ...extendValueSelectedItems]) === null || _a === void 0 ? void 0 : _a.map(item => (Object.assign(Object.assign({}, item), { title: renderItemNodeTitle({ item, mode: 'select', onRemoveItem }) })))) || []);
-    }, [items, selectedItems]);
+        const mergeItems = deepmerge(selectedTreeDataProp || [], items || [], {
+            arrayMerge(target, source) {
+                return uniqBy([...target, ...source], 'key');
+            },
+        });
+        return serializeTreeData(mergeItems).concat(((_a = [...extendValueSelectedItems]) === null || _a === void 0 ? void 0 : _a.map(item => (Object.assign(Object.assign({}, item), { title: renderItemNodeTitle({ item, mode: 'select', onRemoveItem }) })))) || []);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [items, selectedItems, selectedTreeDataProp]);
     const isDisableRemoveAll = useDeepCompareMemo(() => !(selectedTreeData === null || selectedTreeData === void 0 ? void 0 : selectedTreeData.length), [selectedTreeData]);
     const isDisableSelectAll = useDeepCompareMemo(() => {
         const flattenTreeData = flatTree(treeData, 'children');
@@ -281,7 +297,7 @@ export function MatchesAny(props) {
         React.createElement(Flex, { className: "matches-any__header", justify: "space-between" },
             React.createElement(Text, { strong: true }, `${t(translations.global.selected)} (${(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) || 0})`),
             React.createElement(TextButton, { disabled: isDisableRemoveAll, onClick: onRemoveAll }, t(translations.global.removeAll).toString())),
-        React.createElement("div", { className: "matches-any__body" }, !(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) ? (React.createElement(EmptyData, Object.assign({ icon: selectedListEmptyIcon, description: selectedListEmptyDescription }, restSelectedListEmptyProps))) : (React.createElement(StyledTree, { key: items === null || items === void 0 ? void 0 : items.length, defaultExpandedKeys: items === null || items === void 0 ? void 0 : items.map(item => item.key), selectable: false, treeData: selectedTreeData, height: 420, switcherIcon: props => (React.createElement(Icon, { type: "icon-ants-caret-down", style: {
+        React.createElement("div", { className: "matches-any__body" }, !(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) ? (React.createElement(EmptyData, Object.assign({ icon: selectedListEmptyIcon, description: selectedListEmptyDescription }, restSelectedListEmptyProps))) : (React.createElement(StyledTree, { defaultExpandedKeys: selectedTreeData === null || selectedTreeData === void 0 ? void 0 : selectedTreeData.map(item => item.key), selectable: false, treeData: selectedTreeData, height: 420, switcherIcon: props => (React.createElement(Icon, { type: "icon-ants-caret-down", style: {
                     transform: props.expanded ? 'rotate(0)' : 'rotate(-90deg)',
                     transition: 'transform 0.3s ease',
                 }, color: globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw8 })) })))));
@@ -307,14 +323,14 @@ export function MatchesAny(props) {
                 renderSelectedList()),
             React.createElement(Flex, { className: "matches-any__footer", align: "center", justify: "space-between" },
                 React.createElement(Flex, { align: "center", gap: 10 },
-                    React.createElement(Button, { type: "primary", onClick: () => onApply(selectedItems || []) }, t(translations.apply.title).toString()),
+                    React.createElement(Button, { type: "primary", onClick: onClickApply }, t(translations.apply.title).toString()),
                     React.createElement(Button, { onClick: () => onCancel() }, t(translations.cancel.title).toString())),
                 showExtendValue && (React.createElement(ExtendValuePopup, { getPopupContainer: trigger => trigger.parentElement || document.body, onApply: onApplyExtendValue },
                     React.createElement(Button, { icon: React.createElement(Icon, { type: "icon-ants-empty-flag" }) }, t(translations.extendValue.title).toString())))))));
 }
 export function MatchesAnySelect(props) {
     var _a, _b, _c;
-    const { placeholder = 'Select an item', dropdownStyle, objectName, selectedItems, items, loading, popupClassName, groupSelectProps, renderExtraValues, customItemRenders, popoverProps, listEmptyProps, selectedListEmptyProps, onChangeSearch, onChange = () => { }, onLoadMore } = props, restProps = __rest(props, ["placeholder", "dropdownStyle", "objectName", "selectedItems", "items", "loading", "popupClassName", "groupSelectProps", "renderExtraValues", "customItemRenders", "popoverProps", "listEmptyProps", "selectedListEmptyProps", "onChangeSearch", "onChange", "onLoadMore"]);
+    const { placeholder = 'Select an item', dropdownStyle, objectName, selectedItems, items, loading, popupClassName, groupSelectProps, renderExtraValues, customItemRenders, popoverProps, listEmptyProps, selectedListEmptyProps, selectedTreeData, onChangeSearch, onChange = () => { }, onSelectedTreeDataChange, onLoadMore } = props, restProps = __rest(props, ["placeholder", "dropdownStyle", "objectName", "selectedItems", "items", "loading", "popupClassName", "groupSelectProps", "renderExtraValues", "customItemRenders", "popoverProps", "listEmptyProps", "selectedListEmptyProps", "selectedTreeData", "onChangeSearch", "onChange", "onSelectedTreeDataChange", "onLoadMore"]);
     // State
     const [state, setState] = useState(initialState);
     // Variables
@@ -323,11 +339,11 @@ export function MatchesAnySelect(props) {
         ? `${(_a = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map(item => item.title)) === null || _a === void 0 ? void 0 : _a[0]}${((_b = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.slice(1)) === null || _b === void 0 ? void 0 : _b.length) ? `, and +${(_c = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.slice(1)) === null || _c === void 0 ? void 0 : _c.length} more` : ''}` || []
         : undefined;
     // Handlers
-    const onApplyMatchesAny = (selectedItems) => {
-        onChange(selectedItems);
+    const onApplyMatchesAny = (selectedItems, selectedTreeData) => {
+        onChange(selectedItems, selectedTreeData);
         setState(prev => (Object.assign(Object.assign({}, prev), { isOpenPopover: false })));
     };
-    return (React.createElement(Popover, Object.assign({ open: isOpenPopover, arrow: false, placement: "bottomLeft", content: React.createElement(MatchesAny, { className: popupClassName, items: items, selectedItems: selectedItems, loading: loading, objectName: objectName, groupSelectProps: groupSelectProps, renderExtraValues: renderExtraValues, customItemRenders: customItemRenders, listEmptyProps: listEmptyProps, selectedListEmptyProps: selectedListEmptyProps, onChangeSearch: onChangeSearch, onApply: onApplyMatchesAny, onCancel: () => setState(prev => (Object.assign(Object.assign({}, prev), { isOpenPopover: false }))), onLoadMore: onLoadMore }), align: {
+    return (React.createElement(Popover, Object.assign({ open: isOpenPopover, arrow: false, placement: "bottomLeft", content: React.createElement(MatchesAny, { className: popupClassName, items: items, selectedItems: selectedItems, loading: loading, objectName: objectName, groupSelectProps: groupSelectProps, renderExtraValues: renderExtraValues, customItemRenders: customItemRenders, listEmptyProps: listEmptyProps, selectedListEmptyProps: selectedListEmptyProps, selectedTreeData: selectedTreeData, onChangeSearch: onChangeSearch, onApply: onApplyMatchesAny, onCancel: () => setState(prev => (Object.assign(Object.assign({}, prev), { isOpenPopover: false }))), onLoadMore: onLoadMore, onSelectedTreeDataChange: onSelectedTreeDataChange }), align: {
             overflow: {
                 shiftY: 0,
                 shiftX: 0,

package/es/components/molecules/MatchAnySelect/constants.js

@@ -6,26 +6,6 @@ export const SAMPLE_DATA = [
     {
         key: '12179',
         title: 'Untitled Project#2024-06-27 09:40:18',
-        children: [
-            {
-                key: '3j2i',
-                title: 'dsjfioasdjf',
-                children: [
-                    {
-                        key: '3j2323i323',
-                        title: 'fewfwe',
-                    },
-                    {
-                        key: '3j2323i',
-                        title: 'me owi',
-                    },
-                ],
-            },
-            {
-                key: '3j2i-1',
-                title: 'dsjfioasdjf',
-            },
-        ],
     },
     {
         key: '11923',

package/es/components/molecules/MatchAnySelect/types.d.ts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 import type { EmptyDataProps, SelectProps } from '@antscorp/antsomi-ui/es/components/molecules';
 import type { FlexProps, PopoverProps } from '@antscorp/antsomi-ui/es/components/atoms';
 import { PopoverSelectProps } from '../SearchPopover/types';
-export type MatchesAnyItem<TItem = Record<string, any>> = TreeDataNode & {
+export type MatchesAnyItem<TItem = any> = TreeDataNode & {
     /**  Addition title of the item. */
     subTitle?: string;
     /** Indicates whether the item is extended */
@@ -17,7 +17,7 @@ export type GroupSelectProps = PopoverSelectProps & {
     /** Name of the group select to be displayed */
     name?: string;
 };
-export type RenderExtraValue<TItem = Record<string, any>> = {
+export type RenderExtraValue<TItem = any> = {
     key: keyof MatchesAnyItem<TItem>;
     label: string;
     render?: (item: MatchesAnyItem<TItem>) => ReactNode | ReactNode;
@@ -27,7 +27,7 @@ export type CustomItemRenders<TItem> = {
     subTitle?: (item: MatchesAnyItem<TItem>) => ReactNode;
     error?: (item: MatchesAnyItem<TItem>) => ReactNode;
 };
-export interface MatchesAnySelectProps<TItem = Record<string, any>> extends SelectProps {
+export interface MatchesAnySelectProps<TItem = any> extends Omit<SelectProps, 'onChange'> {
     /** The name of object to be displayed in Popover */
     objectName?: string;
     /** Indicates whether show the extend value button */
@@ -36,6 +36,8 @@ export interface MatchesAnySelectProps<TItem = Record<string, any>> extends Sele
     items?: MatchesAnyItem<TItem>[];
     /** An array of selected items. */
     selectedItems?: MatchesAnyItem<TItem>[];
+    /** Selected Tree Data serve for case items not load complete for showing fully displayed selected items */
+    selectedTreeData?: MatchesAnyItem<TItem>[];
     /** The properties of the group select */
     groupSelectProps?: GroupSelectProps;
     /** An array of render extra values */
@@ -48,20 +50,22 @@ export interface MatchesAnySelectProps<TItem = Record<string, any>> extends Sele
     listEmptyProps?: EmptyDataProps;
     /** Empty UI for selected list items */
     selectedListEmptyProps?: EmptyDataProps;
+    /** Callback function when selectedTreeData change */
+    onSelectedTreeDataChange?: (selectedTreeData: MatchesAnyItem<TItem>[]) => void;
     /** Callback function that is called when the selected items change. */
-    onChange?: (selectedItems: MatchesAnyItem<TItem>[]) => void;
+    onChange?: (selectedItems: MatchesAnyItem<TItem>[], selectedTreeData?: MatchesAnyItem<TItem>[]) => void;
     /** Callback function that is called when the search value changes */
     onChangeSearch?: (searchValue: string) => void;
     /** Callback function that is called when the user scroll */
     onLoadMore?: () => void;
 }
-export interface MatchesAnyProps<TItem = Record<string, any>> extends Omit<FlexProps, 'children'>, Pick<MatchesAnySelectProps<TItem>, 'objectName' | 'loading' | 'showExtendValue' | 'items' | 'selectedItems' | 'onLoadMore' | 'groupSelectProps' | 'onChangeSearch' | 'renderExtraValues' | 'customItemRenders' | 'listEmptyProps' | 'selectedListEmptyProps'> {
+export interface MatchesAnyProps<TItem = any> extends Omit<FlexProps, 'children'>, Pick<MatchesAnySelectProps<TItem>, 'objectName' | 'loading' | 'showExtendValue' | 'items' | 'selectedItems' | 'onLoadMore' | 'groupSelectProps' | 'onChangeSearch' | 'renderExtraValues' | 'customItemRenders' | 'listEmptyProps' | 'selectedListEmptyProps' | 'selectedTreeData' | 'onSelectedTreeDataChange'> {
     /**
      * Callback function that is called when the apply action is triggered.
      *
      * @param selectedItems - The array of selected items.
      */
-    onApply?: (selectedItems: MatchesAnyItem<TItem>[]) => void;
+    onApply?: (selectedItems: MatchesAnyItem<TItem>[], selectedTreeData?: MatchesAnyItem<TItem>[]) => void;
     /** Callback function that is called when the cancel action is triggered. */
     onCancel?: () => void;
 }

package/es/components/molecules/MatchAnySelect/utils.d.ts

@@ -0,0 +1,2 @@
+import { MatchesAnyItem } from './types';
+export declare const getSelectedTreeData: (items: MatchesAnyItem<any>[], selectedItems: MatchesAnyItem<any>[], selectedTreeData?: MatchesAnyItem<any>[]) => any;

package/es/components/molecules/MatchAnySelect/utils.js

@@ -0,0 +1,34 @@
+// Types
+import deepmerge from 'deepmerge';
+// Utils
+import { flatTree } from '@antscorp/antsomi-ui/es/utils';
+import { uniqBy } from 'lodash';
+export const getSelectedTreeData = (items, selectedItems, selectedTreeData = []) => {
+    const notExtendValueSelectedItems = (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(item => !item.isExtendValue)) || [];
+    const extendValueSelectedItems = (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(item => item.isExtendValue)) || [];
+    const serializeTreeData = (list) => {
+        var _a;
+        return ((_a = list
+            .filter(item => {
+            /**
+             * Checks if the given item or any of its descendants are selected.
+             *
+             * If the item has children, it flattens the children tree structure and checks if any node is selected.
+             * If the item does not have children, it directly checks if the item is in the selected items list.
+             *
+             */
+            const isSelected = item.children
+                ? flatTree(item.children, 'children').some(item => notExtendValueSelectedItems === null || notExtendValueSelectedItems === void 0 ? void 0 : notExtendValueSelectedItems.some(selectedItem => selectedItem.key === item.key))
+                : notExtendValueSelectedItems === null || notExtendValueSelectedItems === void 0 ? void 0 : notExtendValueSelectedItems.some(selectedItem => selectedItem.key === item.key);
+            return isSelected;
+        })) === null || _a === void 0 ? void 0 : _a.map(item => (Object.assign(Object.assign({}, item), (item.children && {
+            children: serializeTreeData(item.children),
+        }))))) || [];
+    };
+    const mergeItems = deepmerge(selectedTreeData || [], items || [], {
+        arrayMerge(target, source) {
+            return uniqBy([...target, ...source], 'key');
+        },
+    });
+    return serializeTreeData(mergeItems).concat(extendValueSelectedItems);
+};

package/es/components/organism/DataTable/hooks/useAddFilterButton.d.ts

@@ -13,7 +13,7 @@ type OnApplyFilterMetricConditionValue = {
 export declare const useAddFilterCondition: () => {
     filters: import("../types").FilterItem[] | undefined;
     matchesAny: {
-        list?: import("../../..").MatchesAnyItem[] | undefined;
+        list?: any[] | undefined;
         isLoading?: boolean | undefined;
     } | undefined;
     setState: import("react").Dispatch<import("react").SetStateAction<TState>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.698",
+  "version": "1.3.5-beta.699",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -94,6 +94,7 @@
     "currency-formatter": "1.5.9",
     "d3-interpolate": "^3.0.1",
     "dayjs": "^1.11.10",
+    "deepmerge": "^4.3.1",
     "fabric": "^5.3.0",
     "font-awesome": "4.7.0",
     "highlight.js": "^11.8.0",
@@ -236,6 +237,7 @@
     "tsconfig-paths-webpack-plugin": "^4.0.1",
     "type-fest": "^4.10.2",
     "tsx": "^4.16.2",
+    "type-fest": "^4.10.2",
     "typescript": "^5.4.3",
     "vite": "^5.3.4",
     "vite-plugin-commonjs": "^0.10.1",