sti-antd-package 0.0.18 → 0.0.20

package/dist/components/Form/Item/types.d.ts

@@ -8,6 +8,7 @@ export interface FormItemComponentProps {
     formColLayout?: typeof formColLayout;
     name?: NamePath;
     label?: React.ReactNode;
+    trigger?: string;
     normalize?: (value: StoreValue, prevValue: StoreValue, allValues: Store) => StoreValue;
     required?: boolean;
     rules?: Rule[];

package/dist/index.d.ts

@@ -455,6 +455,7 @@ interface FormItemComponentProps {
     formColLayout?: typeof _default;
     name?: NamePath;
     label?: React$1.ReactNode;
+    trigger?: string;
     normalize?: (value: StoreValue, prevValue: StoreValue, allValues: Store) => StoreValue;
     required?: boolean;
     rules?: Rule$1[];

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { useState, useImperativeHandle, createContext, useContext, useEffect, useMemo as useMemo$1, useLayoutEffect as useLayoutEffect$1, useRef, useCallback, cloneElement, forwardRef, isValidElement, version as version$1 } from 'react';
-import { Button, Tooltip, ConfigProvider as ConfigProvider$2, Row, Col, Card, Form as Form$2, Cascader, Checkbox, Skeleton, message, notification, Modal, Spin, Space, DatePicker, Dropdown, Input as Input$2, Radio, Typography, Select, Divider, Flex, Tag, Switch, Table, Drawer, Tabs } from 'antd';
+import { Button, Tooltip, ConfigProvider as ConfigProvider$2, Row, Col, Card, Form as Form$2, Cascader, Checkbox, Skeleton, message, notification, Modal, Spin, Input as Input$2, Space, DatePicker, Dropdown, Radio, Typography, Select, Divider, Flex, Tag, Switch, Table, Drawer, Tabs } from 'antd';
 export { Form } from 'antd';
 import ReactDOM from 'react-dom';
 import { NumericFormat } from 'react-number-format';
@@ -3867,7 +3867,7 @@ const CardComponent = ({ size, title, onClick, classNames, className, style, sty
 };
 
 const { Item: Item$1 } = Form$2;
-const FormItemComponent = ({ noItem, formColLayout, name, label, normalize, required, rules, ruleType, ruleMessage, ruleTransform, ruleMin, ruleMax, valuePropName, validateStatus, help, shouldUpdate, children, }) => {
+const FormItemComponent = ({ noItem, formColLayout, name, label, trigger, normalize, required, rules, ruleType, ruleMessage, ruleTransform, ruleMin, ruleMax, valuePropName, validateStatus, help, shouldUpdate, children, }) => {
     const rule = {
         required: required,
         type: ruleType,
@@ -3877,7 +3877,7 @@ const FormItemComponent = ({ noItem, formColLayout, name, label, normalize, requ
         max: ruleMax,
         min: ruleMin,
     };
-    return !noItem ? (jsxRuntimeExports.jsx(Item$1, Object.assign({}, formColLayout, { name: name, label: label, normalize: normalize, required: required, rules: rules !== null && rules !== void 0 ? rules : [rule], valuePropName: valuePropName, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: children }))) : children;
+    return !noItem ? (jsxRuntimeExports.jsx(Item$1, Object.assign({}, formColLayout, { name: name, label: label, trigger: trigger, normalize: normalize, required: required, rules: rules !== null && rules !== void 0 ? rules : [rule], valuePropName: valuePropName, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: children }))) : children;
 };
 
 const CascaderComponent = ({ noItem, size, classNames, variant, expandTrigger, open, disabled, suffixIcon, placeholder, value, defaultValue, options, displayRender, onChange, onSearch, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, ref, }) => {
@@ -4093,6 +4093,34 @@ const TableAsyncSearchProvider = props => {
     // ==================================================
     // Table
     // ==================================================
+    const sortDir = (order) => order === 'ascend' ? 'asc' : 'desc';
+    const order = (sorter) => {
+        if (!Array.isArray(sorter)) {
+            if (!(sorter === null || sorter === void 0 ? void 0 : sorter.order))
+                return undefined;
+            return [{
+                    column: yajraColumns === null || yajraColumns === void 0 ? void 0 : yajraColumns.findIndex(item => item.name === (Array.isArray(sorter.field)
+                        ? getTableAsyncName(sorter.field, true)
+                        : sorter.field)),
+                    dir: sortDir(sorter.order),
+                }];
+        }
+        return sorter.sort((a, b) => {
+            var _a, _b, _c, _d, _e, _f;
+            if (typeof ((_a = a.column) === null || _a === void 0 ? void 0 : _a.sorter) !== 'object'
+                || typeof ((_b = b.column) === null || _b === void 0 ? void 0 : _b.sorter) !== 'object')
+                return 0;
+            if (a.column.sorter.multiple === undefined
+                || b.column.sorter.multiple === undefined)
+                return 0;
+            return ((_d = (_c = a.column) === null || _c === void 0 ? void 0 : _c.sorter) === null || _d === void 0 ? void 0 : _d.multiple) - ((_f = (_e = b.column) === null || _e === void 0 ? void 0 : _e.sorter) === null || _f === void 0 ? void 0 : _f.multiple);
+        }).map(sort => ({
+            column: yajraColumns === null || yajraColumns === void 0 ? void 0 : yajraColumns.findIndex(item => item.name === (Array.isArray(sort.field)
+                ? getTableAsyncName(sort.field, true)
+                : sort.field)),
+            dir: sortDir(sort.order),
+        }));
+    };
     const tableParamsFormatter = (prevState, params) => {
         if (!prevState) {
             const defaultTablePageSize = defaultPageSize !== null && defaultPageSize !== void 0 ? defaultPageSize : 10;
@@ -4119,32 +4147,11 @@ const TableAsyncSearchProvider = props => {
         if (!params)
             return prevState;
         const { current, pageSize, sorter, search } = params;
-        const sortDirection = !Array.isArray(sorter) && (sorter === null || sorter === void 0 ? void 0 : sorter.order) === 'ascend' ? 'asc' : 'desc';
-        const order = () => {
-            if (Array.isArray(sorter))
-                return undefined;
-            if (!(sorter === null || sorter === void 0 ? void 0 : sorter.order))
-                return undefined;
-            return [{
-                    column: yajraColumns === null || yajraColumns === void 0 ? void 0 : yajraColumns.findIndex(item => item.name === (Array.isArray(sorter.field)
-                        ? getTableAsyncName(sorter.field, true)
-                        : sorter.field)),
-                    dir: sortDirection,
-                }];
-        };
-        const sortField = () => {
-            var _a, _b;
-            if (!sorter || Array.isArray(sorter))
-                return undefined;
-            if (!Array.isArray(sorter.field))
-                return (_a = sorter.field) === null || _a === void 0 ? void 0 : _a.toString();
-            return (_b = sorter.field) === null || _b === void 0 ? void 0 : _b.reduce((result, current) => `${result}.${current}`, '').replace('.', '');
-        };
         prevState.current = current !== null && current !== void 0 ? current : 1;
         prevState.pageSize = pageSize !== null && pageSize !== void 0 ? pageSize : prevState.pageSize;
         prevState.search = search !== null && search !== void 0 ? search : prevState.search;
         if (type === 'yajra') {
-            prevState['yajra'].order = order();
+            prevState['yajra'].order = order(sorter);
             prevState['yajra'].start = (prevState.current - 1) * prevState.pageSize;
             prevState['yajra'].length = prevState.pageSize;
             prevState['yajra'].search = {
@@ -4153,10 +4160,18 @@ const TableAsyncSearchProvider = props => {
             };
             return prevState;
         }
+        const sortField = () => {
+            var _a, _b;
+            if (!sorter || Array.isArray(sorter))
+                return undefined;
+            if (!Array.isArray(sorter.field))
+                return (_a = sorter.field) === null || _a === void 0 ? void 0 : _a.toString();
+            return (_b = sorter.field) === null || _b === void 0 ? void 0 : _b.reduce((result, current) => `${result}.${current}`, '').replace('.', '');
+        };
         prevState['default'].page = prevState.current;
         prevState['default'].per_page = prevState.pageSize;
         prevState['default'].sort_field = sortField();
-        prevState['default'].sort_order = sortDirection;
+        prevState['default'].sort_order = !Array.isArray(sorter) && (sorter === null || sorter === void 0 ? void 0 : sorter.order) === 'ascend' ? 'asc' : 'desc';
         prevState['default'].q = prevState.search;
         return prevState;
     };
@@ -4189,7 +4204,7 @@ const TableAsyncSearchProvider = props => {
                         return (Object.assign(Object.assign({}, prevState), { ['yajra']: {
                                 order: [{
                                         column: defaultOrder,
-                                        dir: column.defaultSortOrder === 'ascend' ? 'asc' : 'desc',
+                                        dir: sortDir(column.defaultSortOrder),
                                     }],
                                 start: (_a = prevState['yajra']) === null || _a === void 0 ? void 0 : _a.start,
                                 length: (_b = prevState['yajra']) === null || _b === void 0 ? void 0 : _b.length,
@@ -5339,7 +5354,7 @@ const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing
     }, [classNames, text, size, validateStatus, status, variant, align]);
     return (jsxRuntimeExports.jsx("div", Object.assign({ onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onClick: onClick }, text && align === 'right' && {
         style: { textAlign: 'right' }
-    }, { children: jsxRuntimeExports.jsx(NumericFormat, { thousandSeparator: true, fixedDecimalScale: true, className: classNumberFormat.join(' '), disabled: disabled, readOnly: readOnly, required: required, allowNegative: allowNegative, displayType: text ? 'text' : undefined, prefix: prefix, suffix: suffix, placeholder: placeholder, decimalScale: trailingProps !== null && trailingProps !== void 0 ? trailingProps : trailing, min: ruleMin, max: ruleMax, value: value !== null && value !== void 0 ? value : valueNumberFormat, onChange: event => {
+    }, { children: jsxRuntimeExports.jsx(NumericFormat, { thousandSeparator: true, fixedDecimalScale: true, className: classNumberFormat.join(' '), disabled: disabled, readOnly: readOnly, required: required, allowNegative: allowNegative, displayType: text ? 'text' : undefined, prefix: prefix, suffix: suffix, placeholder: placeholder, decimalScale: trailingProps !== null && trailingProps !== void 0 ? trailingProps : trailing, customInput: Input$2, min: ruleMin, max: ruleMax, value: value !== null && value !== void 0 ? value : valueNumberFormat, onChange: event => {
                 removeError === null || removeError === void 0 ? void 0 : removeError(name);
                 setValueNumberFormat(event.target.value);
                 onChange === null || onChange === void 0 ? void 0 : onChange(event);
@@ -5347,7 +5362,7 @@ const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing
 };
 const NumberFormatComponent = props => {
     const numberFormat = jsxRuntimeExports.jsx(NumberFormat, Object.assign({}, props));
-    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !props.noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, props.formColLayout, { name: props.name, label: props.label, required: props.required, ruleType: "number", ruleTransform: value => Number(value), ruleMessage: props.ruleMessage, ruleMax: props.ruleMax, ruleMin: props.ruleMin, rules: props.rules, validateStatus: props.validateStatus, help: props.help, shouldUpdate: props.shouldUpdate, children: numberFormat })))
+    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !props.noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, props.formColLayout, { name: props.name, label: props.label, required: props.required, ruleType: "number", ruleTransform: value => Number(value), ruleMessage: props.ruleMessage, ruleMax: props.ruleMax, ruleMin: props.ruleMin, rules: props.rules, validateStatus: props.validateStatus, help: props.help, shouldUpdate: props.shouldUpdate, trigger: "onValueChange", normalize: values => values.value, children: numberFormat })))
             : numberFormat }));
 };
 
@@ -8463,9 +8478,11 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
         !noInitSubmit && handleSubmit(initialValues);
     }, []);
     useEffect(() => {
-        !filterReady
-            && JSON.stringify(filters) === JSON.stringify(initialValues)
-            && (setFilterReady === null || setFilterReady === void 0 ? void 0 : setFilterReady(true));
+        if (!filterReady) {
+            if (name === undefined
+                || JSON.stringify(filters) === JSON.stringify(initialValues))
+                setFilterReady === null || setFilterReady === void 0 ? void 0 : setFilterReady(true);
+        }
     }, [filters]);
     const drawerTitle = !header || typeof header === 'string' ? (jsxRuntimeExports.jsx(Title, { level: 3, className: styleTableAsyncSearch['drawer-title'], children: header !== null && header !== void 0 ? header : 'Filter' })) : header;
     const handleMultiSelectChange = (_value, options, name) => {

package/dist/index.js

@@ -3886,7 +3886,7 @@ const CardComponent = ({ size, title, onClick, classNames, className, style, sty
 };
 
 const { Item: Item$1 } = antd.Form;
-const FormItemComponent = ({ noItem, formColLayout, name, label, normalize, required, rules, ruleType, ruleMessage, ruleTransform, ruleMin, ruleMax, valuePropName, validateStatus, help, shouldUpdate, children, }) => {
+const FormItemComponent = ({ noItem, formColLayout, name, label, trigger, normalize, required, rules, ruleType, ruleMessage, ruleTransform, ruleMin, ruleMax, valuePropName, validateStatus, help, shouldUpdate, children, }) => {
     const rule = {
         required: required,
         type: ruleType,
@@ -3896,7 +3896,7 @@ const FormItemComponent = ({ noItem, formColLayout, name, label, normalize, requ
         max: ruleMax,
         min: ruleMin,
     };
-    return !noItem ? (jsxRuntimeExports.jsx(Item$1, Object.assign({}, formColLayout, { name: name, label: label, normalize: normalize, required: required, rules: rules !== null && rules !== void 0 ? rules : [rule], valuePropName: valuePropName, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: children }))) : children;
+    return !noItem ? (jsxRuntimeExports.jsx(Item$1, Object.assign({}, formColLayout, { name: name, label: label, trigger: trigger, normalize: normalize, required: required, rules: rules !== null && rules !== void 0 ? rules : [rule], valuePropName: valuePropName, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: children }))) : children;
 };
 
 const CascaderComponent = ({ noItem, size, classNames, variant, expandTrigger, open, disabled, suffixIcon, placeholder, value, defaultValue, options, displayRender, onChange, onSearch, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, ref, }) => {
@@ -4112,6 +4112,34 @@ const TableAsyncSearchProvider = props => {
     // ==================================================
     // Table
     // ==================================================
+    const sortDir = (order) => order === 'ascend' ? 'asc' : 'desc';
+    const order = (sorter) => {
+        if (!Array.isArray(sorter)) {
+            if (!(sorter === null || sorter === void 0 ? void 0 : sorter.order))
+                return undefined;
+            return [{
+                    column: yajraColumns === null || yajraColumns === void 0 ? void 0 : yajraColumns.findIndex(item => item.name === (Array.isArray(sorter.field)
+                        ? getTableAsyncName(sorter.field, true)
+                        : sorter.field)),
+                    dir: sortDir(sorter.order),
+                }];
+        }
+        return sorter.sort((a, b) => {
+            var _a, _b, _c, _d, _e, _f;
+            if (typeof ((_a = a.column) === null || _a === void 0 ? void 0 : _a.sorter) !== 'object'
+                || typeof ((_b = b.column) === null || _b === void 0 ? void 0 : _b.sorter) !== 'object')
+                return 0;
+            if (a.column.sorter.multiple === undefined
+                || b.column.sorter.multiple === undefined)
+                return 0;
+            return ((_d = (_c = a.column) === null || _c === void 0 ? void 0 : _c.sorter) === null || _d === void 0 ? void 0 : _d.multiple) - ((_f = (_e = b.column) === null || _e === void 0 ? void 0 : _e.sorter) === null || _f === void 0 ? void 0 : _f.multiple);
+        }).map(sort => ({
+            column: yajraColumns === null || yajraColumns === void 0 ? void 0 : yajraColumns.findIndex(item => item.name === (Array.isArray(sort.field)
+                ? getTableAsyncName(sort.field, true)
+                : sort.field)),
+            dir: sortDir(sort.order),
+        }));
+    };
     const tableParamsFormatter = (prevState, params) => {
         if (!prevState) {
             const defaultTablePageSize = defaultPageSize !== null && defaultPageSize !== void 0 ? defaultPageSize : 10;
@@ -4138,32 +4166,11 @@ const TableAsyncSearchProvider = props => {
         if (!params)
             return prevState;
         const { current, pageSize, sorter, search } = params;
-        const sortDirection = !Array.isArray(sorter) && (sorter === null || sorter === void 0 ? void 0 : sorter.order) === 'ascend' ? 'asc' : 'desc';
-        const order = () => {
-            if (Array.isArray(sorter))
-                return undefined;
-            if (!(sorter === null || sorter === void 0 ? void 0 : sorter.order))
-                return undefined;
-            return [{
-                    column: yajraColumns === null || yajraColumns === void 0 ? void 0 : yajraColumns.findIndex(item => item.name === (Array.isArray(sorter.field)
-                        ? getTableAsyncName(sorter.field, true)
-                        : sorter.field)),
-                    dir: sortDirection,
-                }];
-        };
-        const sortField = () => {
-            var _a, _b;
-            if (!sorter || Array.isArray(sorter))
-                return undefined;
-            if (!Array.isArray(sorter.field))
-                return (_a = sorter.field) === null || _a === void 0 ? void 0 : _a.toString();
-            return (_b = sorter.field) === null || _b === void 0 ? void 0 : _b.reduce((result, current) => `${result}.${current}`, '').replace('.', '');
-        };
         prevState.current = current !== null && current !== void 0 ? current : 1;
         prevState.pageSize = pageSize !== null && pageSize !== void 0 ? pageSize : prevState.pageSize;
         prevState.search = search !== null && search !== void 0 ? search : prevState.search;
         if (type === 'yajra') {
-            prevState['yajra'].order = order();
+            prevState['yajra'].order = order(sorter);
             prevState['yajra'].start = (prevState.current - 1) * prevState.pageSize;
             prevState['yajra'].length = prevState.pageSize;
             prevState['yajra'].search = {
@@ -4172,10 +4179,18 @@ const TableAsyncSearchProvider = props => {
             };
             return prevState;
         }
+        const sortField = () => {
+            var _a, _b;
+            if (!sorter || Array.isArray(sorter))
+                return undefined;
+            if (!Array.isArray(sorter.field))
+                return (_a = sorter.field) === null || _a === void 0 ? void 0 : _a.toString();
+            return (_b = sorter.field) === null || _b === void 0 ? void 0 : _b.reduce((result, current) => `${result}.${current}`, '').replace('.', '');
+        };
         prevState['default'].page = prevState.current;
         prevState['default'].per_page = prevState.pageSize;
         prevState['default'].sort_field = sortField();
-        prevState['default'].sort_order = sortDirection;
+        prevState['default'].sort_order = !Array.isArray(sorter) && (sorter === null || sorter === void 0 ? void 0 : sorter.order) === 'ascend' ? 'asc' : 'desc';
         prevState['default'].q = prevState.search;
         return prevState;
     };
@@ -4208,7 +4223,7 @@ const TableAsyncSearchProvider = props => {
                         return (Object.assign(Object.assign({}, prevState), { ['yajra']: {
                                 order: [{
                                         column: defaultOrder,
-                                        dir: column.defaultSortOrder === 'ascend' ? 'asc' : 'desc',
+                                        dir: sortDir(column.defaultSortOrder),
                                     }],
                                 start: (_a = prevState['yajra']) === null || _a === void 0 ? void 0 : _a.start,
                                 length: (_b = prevState['yajra']) === null || _b === void 0 ? void 0 : _b.length,
@@ -5358,7 +5373,7 @@ const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing
     }, [classNames, text, size, validateStatus, status, variant, align]);
     return (jsxRuntimeExports.jsx("div", Object.assign({ onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onClick: onClick }, text && align === 'right' && {
         style: { textAlign: 'right' }
-    }, { children: jsxRuntimeExports.jsx(reactNumberFormat.NumericFormat, { thousandSeparator: true, fixedDecimalScale: true, className: classNumberFormat.join(' '), disabled: disabled, readOnly: readOnly, required: required, allowNegative: allowNegative, displayType: text ? 'text' : undefined, prefix: prefix, suffix: suffix, placeholder: placeholder, decimalScale: trailingProps !== null && trailingProps !== void 0 ? trailingProps : trailing, min: ruleMin, max: ruleMax, value: value !== null && value !== void 0 ? value : valueNumberFormat, onChange: event => {
+    }, { children: jsxRuntimeExports.jsx(reactNumberFormat.NumericFormat, { thousandSeparator: true, fixedDecimalScale: true, className: classNumberFormat.join(' '), disabled: disabled, readOnly: readOnly, required: required, allowNegative: allowNegative, displayType: text ? 'text' : undefined, prefix: prefix, suffix: suffix, placeholder: placeholder, decimalScale: trailingProps !== null && trailingProps !== void 0 ? trailingProps : trailing, customInput: antd.Input, min: ruleMin, max: ruleMax, value: value !== null && value !== void 0 ? value : valueNumberFormat, onChange: event => {
                 removeError === null || removeError === void 0 ? void 0 : removeError(name);
                 setValueNumberFormat(event.target.value);
                 onChange === null || onChange === void 0 ? void 0 : onChange(event);
@@ -5366,7 +5381,7 @@ const NumberFormat = ({ noItem, text, size, align, classNames, variant, trailing
 };
 const NumberFormatComponent = props => {
     const numberFormat = jsxRuntimeExports.jsx(NumberFormat, Object.assign({}, props));
-    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !props.noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, props.formColLayout, { name: props.name, label: props.label, required: props.required, ruleType: "number", ruleTransform: value => Number(value), ruleMessage: props.ruleMessage, ruleMax: props.ruleMax, ruleMin: props.ruleMin, rules: props.rules, validateStatus: props.validateStatus, help: props.help, shouldUpdate: props.shouldUpdate, children: numberFormat })))
+    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !props.noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, props.formColLayout, { name: props.name, label: props.label, required: props.required, ruleType: "number", ruleTransform: value => Number(value), ruleMessage: props.ruleMessage, ruleMax: props.ruleMax, ruleMin: props.ruleMin, rules: props.rules, validateStatus: props.validateStatus, help: props.help, shouldUpdate: props.shouldUpdate, trigger: "onValueChange", normalize: values => values.value, children: numberFormat })))
             : numberFormat }));
 };
 
@@ -8482,9 +8497,11 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
         !noInitSubmit && handleSubmit(initialValues);
     }, []);
     React.useEffect(() => {
-        !filterReady
-            && JSON.stringify(filters) === JSON.stringify(initialValues)
-            && (setFilterReady === null || setFilterReady === void 0 ? void 0 : setFilterReady(true));
+        if (!filterReady) {
+            if (name === undefined
+                || JSON.stringify(filters) === JSON.stringify(initialValues))
+                setFilterReady === null || setFilterReady === void 0 ? void 0 : setFilterReady(true);
+        }
     }, [filters]);
     const drawerTitle = !header || typeof header === 'string' ? (jsxRuntimeExports.jsx(Title, { level: 3, className: styleTableAsyncSearch['drawer-title'], children: header !== null && header !== void 0 ? header : 'Filter' })) : header;
     const handleMultiSelectChange = (_value, options, name) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sti-antd-package",
   "description": "STI ANT Design",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "type": "module",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",