@antscorp/antsomi-ui 2.0.13 → 2.0.15

package/es/components/organism/Table/CrossTabTable/CrossTabTable.js

@@ -1,16 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-// Libraries
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 // Organism
 import { Table } from '@antscorp/antsomi-ui/es/components/organism';
 import { CustomCell } from './components/CustomCell/CustomCell';
@@ -63,7 +51,7 @@ export const columns = [
                                 title: 'Active Users',
                                 key: 'active_users_0',
                                 dataIndex: 'active_users_0',
-                                render: (value, record, index) => (React.createElement(CustomCell, { value: value, record: record, index: index, type: "bar", max: 77 })),
+                                render: (value, record, index) => (_jsx(CustomCell, { value: value, record: record, index: index, type: "bar", max: 77 })),
                             },
                         ],
                     },
@@ -80,7 +68,7 @@ export const columns = [
                                 title: 'Active Users',
                                 key: 'active_users_1',
                                 dataIndex: 'active_users_1',
-                                render: (value, record, index) => (React.createElement(CustomCell, { value: value, record: record, index: index, type: "bar", max: 77 })),
+                                render: (value, record, index) => (_jsx(CustomCell, { value: value, record: record, index: index, type: "bar", max: 77 })),
                             },
                         ],
                     },
@@ -103,7 +91,7 @@ export const columns = [
                                 title: 'Active Users',
                                 key: 'active_users_2',
                                 dataIndex: 'active_users_2',
-                                render: (value, record, index) => (React.createElement(CustomCell, { value: value, record: record, index: index, type: "bar", max: 77 })),
+                                render: (value, record, index) => (_jsx(CustomCell, { value: value, record: record, index: index, type: "bar", max: 77 })),
                             },
                         ],
                     },
@@ -120,7 +108,7 @@ export const columns = [
                                 title: 'Active Users',
                                 key: 'active_users_3',
                                 dataIndex: 'active_users_3',
-                                render: (value, record, index) => (React.createElement(CustomCell, { value: value, record: record, index: index, type: "bar", max: 77 })),
+                                render: (value, record, index) => (_jsx(CustomCell, { value: value, record: record, index: index, type: "bar", max: 77 })),
                             },
                         ],
                     },
@@ -143,7 +131,7 @@ export const columns = [
                                 title: 'Active Users',
                                 key: 'active_users_4',
                                 dataIndex: 'active_users_4',
-                                render: (value, record, index) => (React.createElement(CustomCell, { value: value, record: record, index: index, type: "bar", max: 77 })),
+                                render: (value, record, index) => (_jsx(CustomCell, { value: value, record: record, index: index, type: "bar", max: 77 })),
                             },
                         ],
                     },
@@ -275,7 +263,7 @@ export const data = [
     },
 ];
 export const CrossTabTable = props => {
-    const restProps = __rest(props, []);
+    const { ...restProps } = props;
     // const columns: ColumnsType<any> = useMemo(() => {
     //   const { dimensions, colDimensions } = TEST_DATA[0];
     //   const refineColDimensions = colDimensions.map(key => ({ title: key, align: 'right' }));
@@ -301,5 +289,5 @@ export const CrossTabTable = props => {
     //   );
     //   return [...dimensionColumns];
     // }, []);
-    return React.createElement(Table, { bordered: true, columns: columns, dataSource: data });
+    return _jsx(Table, { bordered: true, columns: columns, dataSource: data });
 };

package/es/components/organism/Table/CrossTabTable/components/CustomCell/CustomCell.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // Libraries
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { BarCell } from './styled';
 export const CustomCell = props => {
     const { value, record, type, max, index } = props;
@@ -10,13 +11,10 @@ export const CustomCell = props => {
     const renderCustomCell = () => {
         switch (type) {
             case 'bar':
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(BarCell, { style: { width: `${width}%` } },
-                        React.createElement("div", { className: "bar-line", style: { backgroundColor: '#4285f4' } })),
-                    value));
+                return (_jsxs(_Fragment, { children: [_jsx(BarCell, { style: { width: `${width}%` }, children: _jsx("div", { className: "bar-line", style: { backgroundColor: '#4285f4' } }) }), value] }));
             default:
                 return value;
         }
     };
-    return React.createElement(React.Fragment, null, renderCustomCell());
+    return _jsx(_Fragment, { children: renderCustomCell() });
 };

package/es/components/organism/Table/ExplorePivotTable/ExplorePivotTable.js

@@ -1,5 +1,6 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 // Libraries
-import React, { useCallback, useState } from 'react';
+import { useCallback, useState } from 'react';
 // Styled
 import { StyledHeader, StyledTable } from './styled';
 // Hooks
@@ -22,7 +23,7 @@ export const ExplorePivotTable = props => {
     useDeepCompareEffect(() => {
         const columns = buildColumns(data);
         const dataSource = buildDataSource(data);
-        setState(state => (Object.assign(Object.assign({}, state), { columns, dataSource })));
+        setState(state => ({ ...state, columns, dataSource }));
     }, [data]);
     // Handles
     const renderHeader = useCallback((data) => {
@@ -30,17 +31,11 @@ export const ExplorePivotTable = props => {
         if (columnDimension.length) {
             const firstVersion = versions[0];
             const metric = metrics[0];
-            return (React.createElement(StyledHeader, null,
-                React.createElement(Typography, { style: { color: 'white' } },
-                    firstVersion.name,
-                    " / ",
-                    metric.label)));
+            return (_jsx(StyledHeader, { children: _jsxs(Typography, { style: { color: 'white' }, children: [firstVersion.name, " / ", metric.label] }) }));
         }
         return null;
     }, []);
-    return (React.createElement("div", null,
-        renderHeader(data),
-        React.createElement(StyledTable, { showHeader: true, bordered: true, size: "small", scroll: scroll, columns: state.columns, dataSource: state.dataSource, pagination: false })));
+    return (_jsxs("div", { children: [renderHeader(data), _jsx(StyledTable, { showHeader: true, bordered: true, size: "small", scroll: scroll, columns: state.columns, dataSource: state.dataSource, pagination: false })] }));
 };
 ExplorePivotTable.defaultProps = {
     data: TEST_DATA,

package/es/components/organism/Table/ExplorePivotTable/components/CustomCell/CustomCell.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // Libraries
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 // Styled
 import { BarCell, HeatCell, StyledValue } from './styled';
 // Utils
@@ -15,25 +16,20 @@ export const CustomCell = props => {
         const { key } = record;
         const formatValue = value.toLocaleString();
         if (key === GRAND_TOTAL_KEY) {
-            return React.createElement("strong", null, formatValue);
+            return _jsx("strong", { children: formatValue });
         }
         switch (type) {
             case 'bar':
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(BarCell, { style: { width: `${width}%` } },
-                        React.createElement("div", { className: "bar-line", style: { backgroundColor: color } })),
-                    React.createElement(StyledValue, null, formatValue)));
+                return (_jsxs(_Fragment, { children: [_jsx(BarCell, { style: { width: `${width}%` }, children: _jsx("div", { className: "bar-line", style: { backgroundColor: color } }) }), _jsx(StyledValue, { children: formatValue })] }));
             case 'heat':
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(HeatCell, { style: {
-                            backgroundColor: generateHeatMapColor(value, max || 0, hexToRgb(color || '')),
-                        } }),
-                    React.createElement(StyledValue, null, formatValue)));
+                return (_jsxs(_Fragment, { children: [_jsx(HeatCell, { style: {
+                                backgroundColor: generateHeatMapColor(value, max || 0, hexToRgb(color || '')),
+                            } }), _jsx(StyledValue, { children: formatValue })] }));
             default:
                 return formatValue;
         }
     };
-    return React.createElement(React.Fragment, null, renderCustomCell(record));
+    return _jsx(_Fragment, { children: renderCustomCell(record) });
 };
 CustomCell.defaultProps = {
     color: '#4285F4',

package/es/components/organism/Table/ExplorePivotTable/utils.js

@@ -1,5 +1,4 @@
-// React
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 // Components
 import { CustomCell } from './components/CustomCell';
 import { get } from 'lodash';
@@ -27,7 +26,7 @@ export const buildColumns = (data) => {
                         fixed: 'left',
                         ellipsis: true,
                         width: 150,
-                        render: (value, record) => record.key === GRAND_TOTAL_KEY ? React.createElement("strong", null, value) : value,
+                        render: (value, record) => record.key === GRAND_TOTAL_KEY ? _jsx("strong", { children: value }) : value,
                     },
                 ],
             });
@@ -44,25 +43,25 @@ export const buildColumns = (data) => {
                             align: 'right',
                             ellipsis: true,
                             width: 120,
-                            render: (value, record, index) => (React.createElement(CustomCell, { value: value, record: record, index: index, type: "heat", max: maxValue })),
+                            render: (value, record, index) => (_jsx(CustomCell, { value: value, record: record, index: index, type: "heat", max: maxValue })),
                         },
                     ],
                 });
             });
             if (showColumnTotal) {
                 columns.push({
-                    title: React.createElement("strong", null, "Grand total"),
+                    title: _jsx("strong", { children: "Grand total" }),
                     align: 'right',
                     children: [
                         {
-                            title: React.createElement("strong", null, metric.label),
+                            title: _jsx("strong", { children: metric.label }),
                             dataIndex: `${GRAND_TOTAL_KEY}-${metric.name}`,
                             key: `${GRAND_TOTAL_KEY}-${metric.name}`,
                             fixed: 'right',
                             align: 'right',
                             ellipsis: true,
                             width: 150,
-                            render: value => React.createElement("strong", null, value),
+                            render: value => _jsx("strong", { children: value }),
                         },
                     ],
                 });
@@ -76,16 +75,16 @@ export const buildColumns = (data) => {
                 key: dimension.name,
                 ellipsis: true,
                 width: 150,
-                render: (value, record) => record.key === GRAND_TOTAL_KEY ? React.createElement("strong", null, value) : value,
+                render: (value, record) => record.key === GRAND_TOTAL_KEY ? _jsx("strong", { children: value }) : value,
             });
             if (firstVersion) {
                 columns.push({
-                    title: React.createElement("strong", null, `${firstVersion.name} / ${metric.label}`),
+                    title: _jsx("strong", { children: `${firstVersion.name} / ${metric.label}` }),
                     dataIndex: metric.name,
                     key: metric.name,
                     ellipsis: true,
                     align: 'right',
-                    render: (value, record, index) => (React.createElement(CustomCell, { value: value, record: record, index: index, type: "heat", max: maxValue })),
+                    render: (value, record, index) => (_jsx(CustomCell, { value: value, record: record, index: index, type: "heat", max: maxValue })),
                 });
             }
         }
@@ -109,7 +108,11 @@ export const buildDataSource = (data) => {
                     if (showColumnTotal) {
                         dimensionObjectValue[`${GRAND_TOTAL_KEY}-${metric.name}`] = get(totalColumnDimension, `[${rowIndex}]`, 0).toLocaleString();
                     }
-                    dataSource.push(Object.assign({ key: rowIndex, [dimension.name]: row }, dimensionObjectValue));
+                    dataSource.push({
+                        key: rowIndex,
+                        [dimension.name]: row,
+                        ...dimensionObjectValue,
+                    });
                 });
                 if (showRowTotal) {
                     const totalObjectValue = {};
@@ -121,7 +124,11 @@ export const buildDataSource = (data) => {
                             .reduce((acc, _curr, index) => acc + (Number(totalRowDimension[index]) || 0), 0)
                             .toLocaleString();
                     }
-                    dataSource.push(Object.assign({ key: `${GRAND_TOTAL_KEY}`, [dimension.name]: 'Grand total' }, totalObjectValue));
+                    dataSource.push({
+                        key: `${GRAND_TOTAL_KEY}`,
+                        [dimension.name]: 'Grand total',
+                        ...totalObjectValue,
+                    });
                 }
             }
             else {

package/es/components/organism/TicketEditor/Content.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const Content: ({ apiKey, domain, portalId, token, action, ticketId, listUsers, domainTicket, config, ticketDetails, listComment, userId, fetchgetTicketComments, isLoadingComment, handleCloseDrawer, setIsSuccessCreated, isLoadingDetails, isLoadingDataSouce, accountManage, timeZone, isLoadingSelectedAccount, accountEdit, initOwnerId, isAllAccount, setDrawerHeader, openDrawer, dataSelectInput, setDataSelectInput, }: {
     apiKey: any;
     domain: any;
@@ -28,5 +27,5 @@ declare const Content: ({ apiKey, domain, portalId, token, action, ticketId, lis
     openDrawer: any;
     dataSelectInput: any;
     setDataSelectInput: any;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Content;