sti-antd-package 0.0.14 → 0.0.16

package/dist/components/Table/Async/types.d.ts

@@ -1,4 +1,4 @@
-import { TableComponentProps } from "../types";
+import { TableButtonMiddle, TableComponentProps } from "../types";
 import { TableAsyncSearchItem } from "./Search";
 import { AnyObject } from "antd/es/_util/type";
 import { ColumnGroupType, ColumnType, TableRowSelection } from "antd/es/table/interface";
@@ -52,10 +52,21 @@ export interface TableParams {
     };
     ['default']?: DefaultParams;
 }
+export type TableButtonMiddleAsync = TableButtonMiddle & {
+    disabled?: boolean | ((states: {
+        tableParams: TableParams | undefined;
+        tableSearch: string | undefined;
+        selectedRowKeys: React.Key[] | undefined;
+    }) => boolean);
+};
 export interface TableAsyncComponentRef {
     reload: () => void;
+    filters: () => AnyObject | undefined;
+    tableSearch: () => string | undefined;
+    selectedRowKeys: () => React.Key[] | undefined;
 }
 export type TableAsyncComponentProps = TableComponentProps<AnyObject> & {
+    buttonMiddle?: TableButtonMiddleAsync[];
     search?: boolean;
     searchOnChange?: boolean;
     noReload?: boolean;

package/dist/components/index.d.ts

@@ -42,7 +42,7 @@ export type { SwitchComponentProps } from "./Switch";
 export { default as TableComponent } from "./Table";
 export type { TableButtonMiddle, TableComponentProps } from "./Table";
 export { default as TableAsyncComponent } from "./Table/Async";
-export type { DefaultColumn, DefaultParams, TableAsyncComponentProps, TableAsyncComponentRef, TableParams, YajraColumn, YajraColumnParams, YajraOrderParams, YajraParams, YajraSearchParams } from "./Table/Async";
+export type { DefaultColumn, DefaultParams, TableAsyncComponentProps, TableAsyncComponentRef, TableButtonMiddleAsync, TableParams, YajraColumn, YajraColumnParams, YajraOrderParams, YajraParams, YajraSearchParams } from "./Table/Async";
 export type { TableAsyncSearchCheckbox, TableAsyncSearchDate, TableAsyncSearchDateRange, TableAsyncSearchFetchSelectMultiple, TableAsyncSearchItem, TableAsyncSearchItemType, TableAsyncSearchLocalSelectMultiple, TableAsyncSearchSelect, TableAsyncSearchSelectMultiple, TableAsyncSearchSwitch, TableAsyncSearchText } from "./Table/Async/Search";
 export { default as TableCellEditableComponent } from "./Table/CellEditable";
 export type { TableCellEditableProps } from "./Table/CellEditable";

package/dist/index.d.ts

@@ -953,10 +953,21 @@ interface TableParams {
     };
     ['default']?: DefaultParams;
 }
+type TableButtonMiddleAsync = TableButtonMiddle & {
+    disabled?: boolean | ((states: {
+        tableParams: TableParams | undefined;
+        tableSearch: string | undefined;
+        selectedRowKeys: React.Key[] | undefined;
+    }) => boolean);
+};
 interface TableAsyncComponentRef {
     reload: () => void;
+    filters: () => AnyObject | undefined;
+    tableSearch: () => string | undefined;
+    selectedRowKeys: () => React.Key[] | undefined;
 }
 type TableAsyncComponentProps = TableComponentProps<AnyObject> & {
+    buttonMiddle?: TableButtonMiddleAsync[];
     search?: boolean;
     searchOnChange?: boolean;
     noReload?: boolean;
@@ -1057,4 +1068,4 @@ declare const useRemoveError: (setInputErrors: React.Dispatch<React.SetStateActi
 }>>) => (name?: string) => void;
 
 export { BaseModel, ButtonComponent, ButtonGroupAddComponent, ButtonGroupEditComponent, CardComponent, CascaderComponent, CheckboxComponent$1 as CheckboxComponent, CheckboxComponent as CheckboxGroupComponent, ConfigProvider, DataGridComponent, DateFormat, DatePickerComponent, DateRangePickerComponent, DropdownButtonComponent, FeedbackProvider, FormItemComponent, IconCheckOrClose, InputComponent, LinkComponent, NumberFormatComponent, RadioComponent, SelectAsyncComponent, SelectComponent, SwitchComponent, TableAsyncComponent, TableCellEditableComponent, TableComponent, TableRowProvider, TabsComponent, TagComponent, TextAreaComponent, TransformBoolean, TransformDayjs, TransformNumber, colInline, colLayout, datePickerFormat, _default as formColLayout, getTableAsyncName, getTableFilterStorage, selectAsync, styleCSS, toCamel, useConfig, useDataGrid, useFeedback, useRemoveError, useTableAsyncSearch, useTableRow };
-export type { ButtonComponentProps, ButtonComponentRef, ButtonGroupAddComponentProps, ButtonGroupEditComponentProps, CardComponentProps, CascaderComponentProps, CascaderComponentRef, CheckboxComponentProps, CheckboxComponentRef, CheckboxGroupComponentProps, CheckboxGroupComponentRef, ConfigContextType, ConfigProviderProps, DataGridColumn, DataGridColumnType, DataGridComponentProps, DataGridComponentRef, DataGridContextType, DataGridFilter, DataGridFilterColumn, DataGridRow, DatePickerComponentProps, DatePickerComponentRef, DatePickerFormat, DatePickerFormatType, DateRangePickerComponentProps, DateRangePickerComponentRef, DefaultColumn, DefaultParams, DropdownButtonComponentProps, DropdownButtonMenuItem, FeedbackContextType, FormColLayout, FormColSizeSpan, FormItemComponentProps, IconCheckOrCloseProps, InputComponentProps, InputComponentRef, LinkComponentProps, LinkType, NumberFormatComponentProps, NumberFormatComponentRef, RadioComponentProps, SelectAsyncComponentProps, SelectAsyncComponentRef, SelectAsyncFormat, SelectAsyncProps, SelectComponentProps, SelectOption, SwitchComponentProps, TableAsyncComponentProps, TableAsyncComponentRef, TableAsyncSearchCheckbox, TableAsyncSearchContextType, TableAsyncSearchDate, TableAsyncSearchDateRange, TableAsyncSearchFetchSelectMultiple, TableAsyncSearchItem, TableAsyncSearchItemType, TableAsyncSearchLocalSelectMultiple, TableAsyncSearchProviderProps, TableAsyncSearchSelect, TableAsyncSearchSelectMultiple, TableAsyncSearchSwitch, TableAsyncSearchText, TableAsyncType, TableButtonMiddle, TableCellEditableProps, TableComponentProps, TableParams, TableParamsFormatter, TableRowContextType, TableRowProviderProps, TabsComponentProps, TagComponentProps, TextAreaComponentProps, TextAreaComponentRef, YajraColumn, YajraColumnParams, YajraOrderParams, YajraParams, YajraSearchParams };
+export type { ButtonComponentProps, ButtonComponentRef, ButtonGroupAddComponentProps, ButtonGroupEditComponentProps, CardComponentProps, CascaderComponentProps, CascaderComponentRef, CheckboxComponentProps, CheckboxComponentRef, CheckboxGroupComponentProps, CheckboxGroupComponentRef, ConfigContextType, ConfigProviderProps, DataGridColumn, DataGridColumnType, DataGridComponentProps, DataGridComponentRef, DataGridContextType, DataGridFilter, DataGridFilterColumn, DataGridRow, DatePickerComponentProps, DatePickerComponentRef, DatePickerFormat, DatePickerFormatType, DateRangePickerComponentProps, DateRangePickerComponentRef, DefaultColumn, DefaultParams, DropdownButtonComponentProps, DropdownButtonMenuItem, FeedbackContextType, FormColLayout, FormColSizeSpan, FormItemComponentProps, IconCheckOrCloseProps, InputComponentProps, InputComponentRef, LinkComponentProps, LinkType, NumberFormatComponentProps, NumberFormatComponentRef, RadioComponentProps, SelectAsyncComponentProps, SelectAsyncComponentRef, SelectAsyncFormat, SelectAsyncProps, SelectComponentProps, SelectOption, SwitchComponentProps, TableAsyncComponentProps, TableAsyncComponentRef, TableAsyncSearchCheckbox, TableAsyncSearchContextType, TableAsyncSearchDate, TableAsyncSearchDateRange, TableAsyncSearchFetchSelectMultiple, TableAsyncSearchItem, TableAsyncSearchItemType, TableAsyncSearchLocalSelectMultiple, TableAsyncSearchProviderProps, TableAsyncSearchSelect, TableAsyncSearchSelectMultiple, TableAsyncSearchSwitch, TableAsyncSearchText, TableAsyncType, TableButtonMiddle, TableButtonMiddleAsync, TableCellEditableProps, TableComponentProps, TableParams, TableParamsFormatter, TableRowContextType, TableRowProviderProps, TabsComponentProps, TagComponentProps, TextAreaComponentProps, TextAreaComponentRef, YajraColumn, YajraColumnParams, YajraOrderParams, YajraParams, YajraSearchParams };

package/dist/index.esm.js

@@ -8377,8 +8377,8 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
     const filterStorage = getTableFilterStorage();
     const filter = name ? (_a = filterStorage[name]) !== null && _a !== void 0 ? _a : {} : {};
     const [form] = Form$2.useForm();
-    const getFormatDate = (date, format) => {
-        const dj = dayjs(date);
+    const toDayjs = (value, format) => {
+        const dj = !dayjs.isDayjs(value) ? dayjs(value) : value;
         return format ? dj.format() : dj;
     };
     const setInitialValue = (format) => {
@@ -8392,10 +8392,10 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
                         result[name] = currentFilter.map((item) => item.value);
                         break;
                     case 'date':
-                        result[name] = getFormatDate(currentFilter, format);
+                        result[name] = toDayjs(currentFilter, format);
                         break;
                     case 'date-range':
-                        result[name] = currentFilter.map((item) => getFormatDate(item, format));
+                        result[name] = currentFilter.map((item) => toDayjs(item, format));
                         break;
                     default:
                         result[name] = currentFilter;
@@ -8407,7 +8407,7 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
             return result;
         }, {})) !== null && _a !== void 0 ? _a : {};
     };
-    const initialValues = setInitialValue(true);
+    const initialValues = setInitialValue();
     const getMultiSelectValue = () => multiSelectedOptions
         ? Object.keys(multiSelectedOptions).reduce((result, current) => {
             var _a;
@@ -8415,7 +8415,6 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
             return result;
         }, {})
         : {};
-    const toDayjs = (value) => !dayjs.isDayjs(value) ? dayjs(value) : value;
     const getDateAndDateRangeValue = (values) => items === null || items === void 0 ? void 0 : items.reduce((result, current) => {
         const { name, type } = current;
         const currentValue = values[name];
@@ -8426,8 +8425,8 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
                 'date-range',
             ].includes(type))
             result[name] = Array.isArray(currentValue)
-                ? currentValue.map(item => toDayjs(item).format())
-                : toDayjs(currentValue).format();
+                ? currentValue.map(item => toDayjs(item))
+                : toDayjs(currentValue);
         return result;
     }, {});
     const handleSubmit = (inputs) => {
@@ -8449,7 +8448,7 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
                     result[name] = null;
                     break;
                 case 'date-range':
-                    result[name] = [null, null];
+                    result[name] = null;
                     break;
                 default:
                     result[name] = undefined;
@@ -8509,18 +8508,19 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
 const TableAsyncChildrenComponent = (_a) => {
     var _b, _c, _d;
     var { search, searchOnChange, rowSelect, noReload, filterFields, ref } = _a, props = __rest$5(_a, ["search", "searchOnChange", "rowSelect", "noReload", "filterFields", "ref"]);
-    const { loading, tableData, tableParams, setTableParams, tableSearch, setTableSearch, selectedRowKeys, setSelectedRowKeys, tableParamsFormatter, pagination, fetchData, } = useTableAsyncSearch();
+    const { loading, filters, tableData, tableParams, setTableParams, tableSearch, setTableSearch, selectedRowKeys, setSelectedRowKeys, tableParamsFormatter, pagination, fetchData, } = useTableAsyncSearch();
     const buttonMiddle = ((_b = props.buttonMiddle) === null || _b === void 0 ? void 0 : _b.map((item) => {
         const { component } = item;
         item.component = jsxRuntimeExports.jsx("div", {});
         const states = { tableParams, tableSearch, selectedRowKeys };
-        const additionalProps = Object.keys(item).reduce((result, key) => {
-            if (typeof item[key] === 'function')
-                result[key] = item[key](states);
-            return result;
-        }, {});
+        const additionalProps = {
+            disabled: typeof item.disabled === 'function' ? item.disabled(states) : item.disabled
+        };
         item.component = component;
-        return Object.assign(Object.assign({}, item), { component: cloneElement(component, additionalProps) });
+        return {
+            classNames: item.classNames,
+            component: cloneElement(component, additionalProps),
+        };
     })) || props.buttonMiddle || [];
     const buttonDelete = props.buttonDelete
         ? {
@@ -8578,6 +8578,9 @@ const TableAsyncChildrenComponent = (_a) => {
     } : undefined;
     useImperativeHandle(ref, () => ({
         reload: () => fetchData === null || fetchData === void 0 ? void 0 : fetchData(),
+        filters: () => filters,
+        tableSearch: () => tableSearch,
+        selectedRowKeys: () => selectedRowKeys,
     }));
     return (jsxRuntimeExports.jsx(TableComponent, Object.assign({}, props, { buttonMiddle }, buttonDelete, { buttonReload: !noReload ? {
             onClick: fetchData,
@@ -9408,7 +9411,8 @@ var Input$1 = /*#__PURE__*/forwardRef(function (props, ref) {
     disabled: disabled,
     classes: classes,
     classNames: classNames$1,
-    styles: styles
+    styles: styles,
+    ref: holderRef
   }), getInputElement());
 });
 
@@ -15458,7 +15462,7 @@ function getFontSizes(base) {
   }));
 }
 
-var version = '5.24.6';
+var version = '5.24.9';
 
 const defaultPresetColors = {
   blue: '#1677FF',
@@ -22692,7 +22696,7 @@ const genAllowClearStyle = token => {
       outline: 'none',
       backgroundColor: 'transparent',
       '&:hover': {
-        color: token.colorTextTertiary
+        color: token.colorIcon
       },
       '&:active': {
         color: token.colorText
@@ -22763,7 +22767,8 @@ const genAffixStyle = token => {
           }
         },
         '&-show-count-suffix': {
-          color: colorTextDescription
+          color: colorTextDescription,
+          direction: 'ltr'
         },
         '&-show-count-has-suffix': {
           marginInlineEnd: token.paddingXXS
@@ -23198,10 +23203,6 @@ const genTextAreaStyle = token => {
     [textareaPrefixCls]: {
       position: 'relative',
       '&-show-count': {
-        // https://github.com/ant-design/ant-design/issues/33049
-        [`> ${componentCls}`]: {
-          height: '100%'
-        },
         [`${componentCls}-data-count`]: {
           position: 'absolute',
           bottom: token.calc(token.fontSize).mul(token.lineHeight).mul(-1).equal(),
@@ -23254,6 +23255,14 @@ const genTextAreaStyle = token => {
           }
         }
       },
+      [`&-affix-wrapper${componentCls}-affix-wrapper-rtl`]: {
+        [`${componentCls}-suffix`]: {
+          [`${componentCls}-data-count`]: {
+            direction: 'ltr',
+            insetInlineStart: 0
+          }
+        }
+      },
       [`&-affix-wrapper${componentCls}-affix-wrapper-sm`]: {
         [`${componentCls}-suffix`]: {
           [`${componentCls}-clear-icon`]: {

package/dist/index.js

@@ -8396,8 +8396,8 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
     const filterStorage = getTableFilterStorage();
     const filter = name ? (_a = filterStorage[name]) !== null && _a !== void 0 ? _a : {} : {};
     const [form] = antd.Form.useForm();
-    const getFormatDate = (date, format) => {
-        const dj = dayjs(date);
+    const toDayjs = (value, format) => {
+        const dj = !dayjs.isDayjs(value) ? dayjs(value) : value;
         return format ? dj.format() : dj;
     };
     const setInitialValue = (format) => {
@@ -8411,10 +8411,10 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
                         result[name] = currentFilter.map((item) => item.value);
                         break;
                     case 'date':
-                        result[name] = getFormatDate(currentFilter, format);
+                        result[name] = toDayjs(currentFilter, format);
                         break;
                     case 'date-range':
-                        result[name] = currentFilter.map((item) => getFormatDate(item, format));
+                        result[name] = currentFilter.map((item) => toDayjs(item, format));
                         break;
                     default:
                         result[name] = currentFilter;
@@ -8426,7 +8426,7 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
             return result;
         }, {})) !== null && _a !== void 0 ? _a : {};
     };
-    const initialValues = setInitialValue(true);
+    const initialValues = setInitialValue();
     const getMultiSelectValue = () => multiSelectedOptions
         ? Object.keys(multiSelectedOptions).reduce((result, current) => {
             var _a;
@@ -8434,7 +8434,6 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
             return result;
         }, {})
         : {};
-    const toDayjs = (value) => !dayjs.isDayjs(value) ? dayjs(value) : value;
     const getDateAndDateRangeValue = (values) => items === null || items === void 0 ? void 0 : items.reduce((result, current) => {
         const { name, type } = current;
         const currentValue = values[name];
@@ -8445,8 +8444,8 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
                 'date-range',
             ].includes(type))
             result[name] = Array.isArray(currentValue)
-                ? currentValue.map(item => toDayjs(item).format())
-                : toDayjs(currentValue).format();
+                ? currentValue.map(item => toDayjs(item))
+                : toDayjs(currentValue);
         return result;
     }, {});
     const handleSubmit = (inputs) => {
@@ -8468,7 +8467,7 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
                     result[name] = null;
                     break;
                 case 'date-range':
-                    result[name] = [null, null];
+                    result[name] = null;
                     break;
                 default:
                     result[name] = undefined;
@@ -8528,18 +8527,19 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
 const TableAsyncChildrenComponent = (_a) => {
     var _b, _c, _d;
     var { search, searchOnChange, rowSelect, noReload, filterFields, ref } = _a, props = __rest$5(_a, ["search", "searchOnChange", "rowSelect", "noReload", "filterFields", "ref"]);
-    const { loading, tableData, tableParams, setTableParams, tableSearch, setTableSearch, selectedRowKeys, setSelectedRowKeys, tableParamsFormatter, pagination, fetchData, } = useTableAsyncSearch();
+    const { loading, filters, tableData, tableParams, setTableParams, tableSearch, setTableSearch, selectedRowKeys, setSelectedRowKeys, tableParamsFormatter, pagination, fetchData, } = useTableAsyncSearch();
     const buttonMiddle = ((_b = props.buttonMiddle) === null || _b === void 0 ? void 0 : _b.map((item) => {
         const { component } = item;
         item.component = jsxRuntimeExports.jsx("div", {});
         const states = { tableParams, tableSearch, selectedRowKeys };
-        const additionalProps = Object.keys(item).reduce((result, key) => {
-            if (typeof item[key] === 'function')
-                result[key] = item[key](states);
-            return result;
-        }, {});
+        const additionalProps = {
+            disabled: typeof item.disabled === 'function' ? item.disabled(states) : item.disabled
+        };
         item.component = component;
-        return Object.assign(Object.assign({}, item), { component: React.cloneElement(component, additionalProps) });
+        return {
+            classNames: item.classNames,
+            component: React.cloneElement(component, additionalProps),
+        };
     })) || props.buttonMiddle || [];
     const buttonDelete = props.buttonDelete
         ? {
@@ -8597,6 +8597,9 @@ const TableAsyncChildrenComponent = (_a) => {
     } : undefined;
     React.useImperativeHandle(ref, () => ({
         reload: () => fetchData === null || fetchData === void 0 ? void 0 : fetchData(),
+        filters: () => filters,
+        tableSearch: () => tableSearch,
+        selectedRowKeys: () => selectedRowKeys,
     }));
     return (jsxRuntimeExports.jsx(TableComponent, Object.assign({}, props, { buttonMiddle }, buttonDelete, { buttonReload: !noReload ? {
             onClick: fetchData,
@@ -9427,7 +9430,8 @@ var Input$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     disabled: disabled,
     classes: classes,
     classNames: classNames$1,
-    styles: styles
+    styles: styles,
+    ref: holderRef
   }), getInputElement());
 });
 
@@ -15477,7 +15481,7 @@ function getFontSizes(base) {
   }));
 }
 
-var version = '5.24.6';
+var version = '5.24.9';
 
 const defaultPresetColors = {
   blue: '#1677FF',
@@ -22711,7 +22715,7 @@ const genAllowClearStyle = token => {
       outline: 'none',
       backgroundColor: 'transparent',
       '&:hover': {
-        color: token.colorTextTertiary
+        color: token.colorIcon
       },
       '&:active': {
         color: token.colorText
@@ -22782,7 +22786,8 @@ const genAffixStyle = token => {
           }
         },
         '&-show-count-suffix': {
-          color: colorTextDescription
+          color: colorTextDescription,
+          direction: 'ltr'
         },
         '&-show-count-has-suffix': {
           marginInlineEnd: token.paddingXXS
@@ -23217,10 +23222,6 @@ const genTextAreaStyle = token => {
     [textareaPrefixCls]: {
       position: 'relative',
       '&-show-count': {
-        // https://github.com/ant-design/ant-design/issues/33049
-        [`> ${componentCls}`]: {
-          height: '100%'
-        },
         [`${componentCls}-data-count`]: {
           position: 'absolute',
           bottom: token.calc(token.fontSize).mul(token.lineHeight).mul(-1).equal(),
@@ -23273,6 +23274,14 @@ const genTextAreaStyle = token => {
           }
         }
       },
+      [`&-affix-wrapper${componentCls}-affix-wrapper-rtl`]: {
+        [`${componentCls}-suffix`]: {
+          [`${componentCls}-data-count`]: {
+            direction: 'ltr',
+            insetInlineStart: 0
+          }
+        }
+      },
       [`&-affix-wrapper${componentCls}-affix-wrapper-sm`]: {
         [`${componentCls}-suffix`]: {
           [`${componentCls}-clear-icon`]: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sti-antd-package",
   "description": "STI ANT Design",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "type": "module",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
@@ -44,7 +44,7 @@
     "@types/lodash": "^4.17.16",
     "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
-    "antd": "^5.24.6",
+    "antd": "^5.24.9",
     "axios": "^1.8.4",
     "lodash": "^4.17.21",
     "react": "^19.0.0",