@antscorp/antsomi-ui 2.0.13 → 2.0.15

package/es/components/organism/DataTable/components/Toolbar/styled.js

@@ -1,7 +1,7 @@
 // Libraries
 import styled, { css } from 'styled-components';
 // Components
-import { Flex } from '@antscorp/antsomi-ui/es/components/atoms';
+import { Flex } from '@antscorp/antsomi-ui/es/components/atoms/Flex';
 // Providers
 import { dataTableGlobalToken } from '../../providers';
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
@@ -12,8 +12,8 @@ export const ToolbarWrapper = styled(Flex) `
 
   ${p => css `
     background-color: ${p.$isFilterActive
-    ? dataTableGlobalToken === null || dataTableGlobalToken === void 0 ? void 0 : dataTableGlobalToken.filterToolbarColor
-    : globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw0};
+    ? dataTableGlobalToken?.filterToolbarColor
+    : globalToken?.bw0};
   `}
 `;
 export const CollapseButton = styled.div `
@@ -24,7 +24,7 @@ export const CollapseButton = styled.div `
   display: flex;
   align-items: center;
   justify-content: center;
-  color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw8};
+  color: ${globalToken?.bw8};
   transition: all 0.2s ease;
 
   ${props => css `
@@ -40,14 +40,14 @@ export const FilterSection = styled(Flex) `
 export const RowSelectedControlWrapper = styled(Flex) `
   flex-shrink: 0;
   height: ${toolbarHeight}px;
-  background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.colorPrimary};
-  color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw0};
+  background-color: ${globalToken?.colorPrimary};
+  color: ${globalToken?.bw0};
 
   .selected-count-label {
     height: 100%;
     padding: 0 17px;
     font-weight: 700;
-    border-right: 1px solid ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw0};
+    border-right: 1px solid ${globalToken?.bw0};
   }
 
   .action-buttons {
@@ -56,7 +56,7 @@ export const RowSelectedControlWrapper = styled(Flex) `
 
     .action-button {
       padding: 0 10px;
-      color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw0};
+      color: ${globalToken?.bw0};
       font-weight: 700;
       text-transform: uppercase;
       cursor: pointer;
@@ -68,21 +68,21 @@ export const IconWrapper = styled.div `
 `;
 /** Search Popover */
 export const StyledSearchItem = styled(Flex) `
-  height: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.controlHeight}px;
+  height: ${globalToken?.controlHeight}px;
   padding-inline: 10px;
   margin-block: 6px;
   font-weight: 500;
   cursor: pointer;
 
   .text-link {
-    color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.colorPrimary};
+    color: ${globalToken?.colorPrimary};
   }
 
   &:hover {
-    background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.blue};
+    background-color: ${globalToken?.blue};
   }
 
   &:active {
-    background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.blue1_1};
+    background-color: ${globalToken?.blue1_1};
   }
 `;

package/es/components/organism/DataTable/constants/theme.js

@@ -31,7 +31,7 @@ export const DATA_TABLE_THEME = {
             itemSelectedColor: '#000000',
             itemSelectedBg: '#DEEFFE',
             itemMarginBlock: 6,
-            subMenuItemBg: globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw0,
+            subMenuItemBg: globalToken?.bw0,
         },
     },
 };

package/es/components/organism/DataTable/constants/toolbar.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
 // Icons
 import { PivotTableChartIcon, SearchIcon, TableIcon, ViewColumnIcon, } from '@antscorp/antsomi-ui/es/components/icons';
@@ -22,12 +22,12 @@ export const TOOLBAR_ACTION_OPTIONS = {
     [SEARCH]: {
         key: SEARCH,
         label: i18nInstance.t(translations.dataTableToolbar.toolbarActions.search).toString(),
-        icon: React.createElement(SearchIcon, null),
+        icon: _jsx(SearchIcon, {}),
     },
     [COLUMN]: {
         key: COLUMN,
         label: 'Column',
-        icon: React.createElement(ViewColumnIcon, null),
+        icon: _jsx(ViewColumnIcon, {}),
     },
     [EXPLORE]: {
         key: EXPLORE,
@@ -57,12 +57,12 @@ export const TOOLBAR_ACTION_OPTIONS = {
     [GRID_VIEW]: {
         key: GRID_VIEW,
         label: 'Grid View',
-        icon: React.createElement(TableIcon, null),
+        icon: _jsx(TableIcon, {}),
     },
     [GROUP_BY]: {
         key: GROUP_BY,
         label: 'Group By',
-        icon: React.createElement(PivotTableChartIcon, null),
+        icon: _jsx(PivotTableChartIcon, {}),
     },
 };
 export const GRID_VIEW_KEYS = {

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

@@ -15,14 +15,14 @@ export const useAddFilterCondition = () => {
     // Handlers
     const onSelectFilterMetric = useCallback((filterMetric) => {
         if (!isEqual(state.selectedFilterMetric, filterMetric)) {
-            setState(Object.assign(Object.assign({}, state), { selectedFilterMetric: filterMetric }));
+            setState({ ...state, selectedFilterMetric: filterMetric });
         }
     }, [state]);
     /* Handle insert filter metric condition to list filters */
     const onApplyFilterMetricCondition = useCallback((values) => {
         const { filterMetric, operator, value, existMetricIdx } = values;
         const cloneFilters = cloneDeep(filters) || [];
-        const metricItemIdx = cloneFilters === null || cloneFilters === void 0 ? void 0 : cloneFilters.findIndex(filterItem => filterItem.column === filterMetric.id);
+        const metricItemIdx = cloneFilters?.findIndex(filterItem => filterItem.column === filterMetric.id);
         // If not have existMetricIdx then push new metric
         // Otherwise update
         if (isNil(existMetricIdx)) {
@@ -34,8 +34,11 @@ export const useAddFilterCondition = () => {
             });
         }
         else if (existMetricIdx && existMetricIdx !== -1) {
-            cloneFilters[metricItemIdx] = Object.assign(Object.assign({}, cloneFilters[metricItemIdx]), { operator,
-                value });
+            cloneFilters[metricItemIdx] = {
+                ...cloneFilters[metricItemIdx],
+                operator,
+                value,
+            };
         }
         onChangeFilters(cloneFilters || []);
     }, [filters, onChangeFilters]);
@@ -45,7 +48,8 @@ export const useAddFilterCondition = () => {
             isFilterActive: true,
         });
     }, [setFilter]);
-    return Object.assign(Object.assign({}, state), { 
+    return {
+        ...state,
         // Filter
         filters,
         matchesAny,
@@ -55,5 +59,6 @@ export const useAddFilterCondition = () => {
         onApplyFilterMetricCondition,
         onClickAddFilter,
         onChangeFilterCondition,
-        onMatchesAnyLoadMore });
+        onMatchesAnyLoadMore,
+    };
 };