@antscorp/antsomi-ui 1.3.5-beta.431 → 1.3.5-beta.433

package/es/components/molecules/ModalSelect/Card.js

@@ -23,11 +23,7 @@ export const CardDefination = (props) => {
     const refreshKey = useRef(0);
     const [isExpanded, setIsExpanded] = useState(false);
     const [expandable, setExpandable] = useState(true);
-    const { title, description, descriptionEllipsis = {
-        rows: 3,
-        symbol: 'Learn more',
-        tooltip: true,
-    }, } = props;
+    const { title, description, descriptionEllipsis = {} } = props;
     useEffect(() => {
         if (!expandable) {
             setExpandable(true);
@@ -39,7 +35,7 @@ export const CardDefination = (props) => {
     };
     return (React.createElement(CardDefinationContainer, null,
         title && React.createElement(Text, { className: "title" }, title),
-        description && (React.createElement(Paragraph, { key: refreshKey.current, ellipsis: Object.assign(Object.assign({}, descriptionEllipsis), { expandable, onExpand: () => setIsExpanded(true) }), className: "description" },
+        description && (React.createElement(Paragraph, { key: refreshKey.current, ellipsis: Object.assign(Object.assign({ rows: 3, tooltip: true, symbol: 'View more' }, descriptionEllipsis), { expandable, onExpand: () => setIsExpanded(true) }), className: "description" },
             description,
             isExpanded && (React.createElement("span", { className: "antsomi-typography-collapse", onClick: handleCollapse }, "View less"))))));
 };

package/es/components/organism/DataTable/components/Filter/FilterCondition/index.js

@@ -83,7 +83,7 @@ export const FilterCondition = props => {
                 React.createElement(Form.Item, { name: "operator", noStyle: true },
                     React.createElement(Select, { value: operator, options: operatorList, onChange: () => form.setFieldsValue({
                             value: '',
-                        }), virtual: true, dropdownRender: menu => (React.createElement("div", { className: EXCEPTION_OFF_FILTER_CLASS, onClick: e => e.stopPropagation() }, menu)) })),
+                        }), dropdownRender: menu => React.createElement("div", { className: EXCEPTION_OFF_FILTER_CLASS }, menu) })),
                 React.createElement(Form.Item, { name: "value", noStyle: true }),
                 renderValueField({
                     filterMetric,

package/es/components/organism/DataTable/components/Filter/SaveFilterPopover.js

@@ -29,7 +29,7 @@ export const SaveFilterPopover = memo(props => {
     const onFinishSubmit = (values) => {
         onApply(values.name);
     };
-    return (React.createElement(Popover, Object.assign({}, restProps, { trigger: ['focus'], overlayInnerStyle: { width: 300, padding: 0 }, arrow: false, placement: "bottomRight", content: React.createElement("div", { className: EXCEPTION_OFF_FILTER_CLASS },
+    return (React.createElement(Popover, Object.assign({}, restProps, { trigger: ['click'], overlayInnerStyle: { width: 300, padding: 0 }, arrow: false, placement: "bottomRight", content: React.createElement("div", { className: EXCEPTION_OFF_FILTER_CLASS },
             React.createElement(ApplyPopupContent, { cancelButtonProps: {
                     disabled: loading,
                 }, applyButtonProps: {

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

@@ -24,6 +24,7 @@ interface TUseDataTableListing<TTableType = any> {
         getFilterMetricList: ReturnType<typeof useGetFilterMetricList>;
         getSearchListing: ReturnType<typeof useGetSearchListing>;
     };
+    onChangeSelectedRow: (selectedRowKeys: React.Key[], selectedRows: TTableType[]) => void;
     setDatTableListingState: React.Dispatch<React.SetStateAction<TState<TTableType>>>;
 }
 type TState<TTableType = any> = {

package/es/components/organism/DataTable/hooks/useDataTableListing/useDataTableListing.js

@@ -471,6 +471,9 @@ export function useDataTableListing(props) {
             pageSize,
         });
     }, [handleUpdatePagination]);
+    const onChangeSelectedRow = useCallback((selectedRowKeys, selectedRows) => {
+        setState(prev => (Object.assign(Object.assign({}, prev), { selectedRowKeys, selectedRow: { keys: selectedRowKeys, rows: selectedRows } })));
+    }, []);
     return {
         /* Modify Column */
         modifyColumn: {
@@ -506,10 +509,8 @@ export function useDataTableListing(props) {
             dataSource: tableData,
             columnWidths: table.columnWidths || {},
             rowSelection: {
-                selectedRowKeys,
-                onChange(selectedRowKeys, selectedRows) {
-                    setState(prev => (Object.assign(Object.assign({}, prev), { selectedRowKeys, selectedRow: { keys: selectedRowKeys, rows: selectedRows } })));
-                },
+                selectedRowKeys: selectedRow.keys || [],
+                onChange: onChangeSelectedRow,
             },
             onChange: onChangeTable,
             onColumnResize(data) {
@@ -549,6 +550,7 @@ export function useDataTableListing(props) {
             getSearchListing,
         },
         // Handles
+        onChangeSelectedRow,
         setDatTableListingState: setState,
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.431",
+  "version": "1.3.5-beta.433",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",