@antscorp/antsomi-ui 1.3.3-beta.2 → 1.3.3-beta.21

package/es/components/organism/Table/CrossTabTable/index.d.ts

@@ -1 +1 @@
-export { CrossTabTable } from './CrossTabTable';
+export { CrossTabTable } from './CrossTabTable';

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

@@ -1 +1 @@
-export { CrossTabTable } from './CrossTabTable';
+export { CrossTabTable } from './CrossTabTable';

package/es/components/organism/Table/CrossTabTable/styled.d.ts

@@ -1 +1 @@
-export declare const BarCell: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BarCell: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,13 +1,13 @@
-import styled from 'styled-components';
-export const BarCell = styled.div `
-  position: absolute;
-  inset: 0;
-  background-color: rgba(0, 0, 0, 0.075);
-
-  .bar-line {
-    position: absolute;
-    bottom: 0;
-    height: 3px;
-    width: 100%;
-  }
-`;
+import styled from 'styled-components';
+export const BarCell = styled.div `
+  position: absolute;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.075);
+
+  .bar-line {
+    position: absolute;
+    bottom: 0;
+    height: 3px;
+    width: 100%;
+  }
+`;

package/es/components/organism/Table/CrossTabTable/types.d.ts

@@ -1 +1 @@
-export type TCellType = 'bar' | 'heat' | 'text';
+export type TCellType = 'bar' | 'heat' | 'text';

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

@@ -1 +1 @@
-export {};
+export {};

package/es/components/organism/Table/CrossTabTable/utils.d.ts

@@ -1 +1 @@
-export declare const refinePivotHeaders: (pivotHeaders: Record<string, any>) => void;
+export declare const refinePivotHeaders: (pivotHeaders: Record<string, any>) => void;

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

@@ -1 +1 @@
-export const refinePivotHeaders = (pivotHeaders) => { };
+export const refinePivotHeaders = (pivotHeaders) => { };

package/es/components/organism/Table/ExplorePivotTable/ExplorePivotTable.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import { TData } from './types';
-interface ExplorePivotTableProps {
-    data: TData;
-    scroll?: {
-        x?: number | string;
-        y?: number | string;
-    };
-}
-export declare const ExplorePivotTable: React.FC<ExplorePivotTableProps>;
-export {};
+import React from 'react';
+import { TData } from './types';
+interface ExplorePivotTableProps {
+    data: TData;
+    scroll?: {
+        x?: number | string;
+        y?: number | string;
+    };
+}
+export declare const ExplorePivotTable: React.FC<ExplorePivotTableProps>;
+export {};

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

@@ -1,51 +1,51 @@
-// Libraries
-import React, { useCallback, useState } from 'react';
-// Styled
-import { StyledHeader, StyledTable } from './styled';
-// Hooks
-import { useDeepCompareEffect } from '@antscorp/antsomi-ui/es/hooks';
-// Components
-import { Typography } from '@antscorp/antsomi-ui/es/components/atoms/Typography';
-// Constants
-import { TEST_DATA } from './constants';
-// Utils
-import { buildColumns, buildDataSource } from './utils';
-export const ExplorePivotTable = props => {
-    // Props
-    const { scroll, data } = props;
-    // State
-    const [state, setState] = useState({
-        columns: [],
-        dataSource: [],
-    });
-    // Effects
-    useDeepCompareEffect(() => {
-        const columns = buildColumns(data);
-        const dataSource = buildDataSource(data);
-        setState(state => (Object.assign(Object.assign({}, state), { columns, dataSource })));
-    }, [data]);
-    // Handles
-    const renderHeader = useCallback((data) => {
-        const { versions, metrics, columnDimension } = data;
-        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 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 })));
-};
-ExplorePivotTable.defaultProps = {
-    data: TEST_DATA,
-    scroll: {
-        x: 0,
-        y: 500,
-    },
-};
+// Libraries
+import React, { useCallback, useState } from 'react';
+// Styled
+import { StyledHeader, StyledTable } from './styled';
+// Hooks
+import { useDeepCompareEffect } from '@antscorp/antsomi-ui/es/hooks';
+// Components
+import { Typography } from '@antscorp/antsomi-ui/es/components/atoms/Typography';
+// Constants
+import { TEST_DATA } from './constants';
+// Utils
+import { buildColumns, buildDataSource } from './utils';
+export const ExplorePivotTable = props => {
+    // Props
+    const { scroll, data } = props;
+    // State
+    const [state, setState] = useState({
+        columns: [],
+        dataSource: [],
+    });
+    // Effects
+    useDeepCompareEffect(() => {
+        const columns = buildColumns(data);
+        const dataSource = buildDataSource(data);
+        setState(state => (Object.assign(Object.assign({}, state), { columns, dataSource })));
+    }, [data]);
+    // Handles
+    const renderHeader = useCallback((data) => {
+        const { versions, metrics, columnDimension } = data;
+        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 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 })));
+};
+ExplorePivotTable.defaultProps = {
+    data: TEST_DATA,
+    scroll: {
+        x: 0,
+        y: 500,
+    },
+};

package/es/components/organism/Table/ExplorePivotTable/components/CustomCell/CustomCell.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { TCellType } from '../../types';
-interface CustomCellProps {
-    value: any;
-    record: Record<string, any>;
-    index?: number;
-    max?: number;
-    type: TCellType;
-    color?: string;
-}
-export declare const CustomCell: React.FC<CustomCellProps>;
-export {};
+import React from 'react';
+import { TCellType } from '../../types';
+interface CustomCellProps {
+    value: any;
+    record: Record<string, any>;
+    index?: number;
+    max?: number;
+    type: TCellType;
+    color?: string;
+}
+export declare const CustomCell: React.FC<CustomCellProps>;
+export {};

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

@@ -1,41 +1,41 @@
-// Libraries
-import React, { useMemo } from 'react';
-// Styled
-import { BarCell, HeatCell, StyledValue } from './styled';
-// Utils
-import { generateHeatMapColor, hexToRgb } from '@antscorp/antsomi-ui/es/utils';
-import { GRAND_TOTAL_KEY } from '../../constants';
-export const CustomCell = props => {
-    const { value, color, type, max, record, index: _index } = props;
-    const width = useMemo(() => {
-        const draftWidth = (value * 100) / (max || 1);
-        return draftWidth > 100 ? 100 : draftWidth;
-    }, [value, max]);
-    const renderCustomCell = (record) => {
-        const { key } = record;
-        const formatValue = value.toLocaleString();
-        if (key === GRAND_TOTAL_KEY) {
-            return React.createElement("strong", null, 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)));
-            case 'heat':
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(HeatCell, { style: {
-                            backgroundColor: generateHeatMapColor(value, max || 0, hexToRgb(color || '')),
-                        } }),
-                    React.createElement(StyledValue, null, formatValue)));
-            default:
-                return formatValue;
-        }
-    };
-    return React.createElement(React.Fragment, null, renderCustomCell(record));
-};
-CustomCell.defaultProps = {
-    color: '#4285F4',
-    type: 'text',
-};
+// Libraries
+import React, { useMemo } from 'react';
+// Styled
+import { BarCell, HeatCell, StyledValue } from './styled';
+// Utils
+import { generateHeatMapColor, hexToRgb } from '@antscorp/antsomi-ui/es/utils';
+import { GRAND_TOTAL_KEY } from '../../constants';
+export const CustomCell = props => {
+    const { value, color, type, max, record, index: _index } = props;
+    const width = useMemo(() => {
+        const draftWidth = (value * 100) / (max || 1);
+        return draftWidth > 100 ? 100 : draftWidth;
+    }, [value, max]);
+    const renderCustomCell = (record) => {
+        const { key } = record;
+        const formatValue = value.toLocaleString();
+        if (key === GRAND_TOTAL_KEY) {
+            return React.createElement("strong", null, 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)));
+            case 'heat':
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(HeatCell, { style: {
+                            backgroundColor: generateHeatMapColor(value, max || 0, hexToRgb(color || '')),
+                        } }),
+                    React.createElement(StyledValue, null, formatValue)));
+            default:
+                return formatValue;
+        }
+    };
+    return React.createElement(React.Fragment, null, renderCustomCell(record));
+};
+CustomCell.defaultProps = {
+    color: '#4285F4',
+    type: 'text',
+};

package/es/components/organism/Table/ExplorePivotTable/components/CustomCell/index.d.ts

@@ -1 +1 @@
-export { CustomCell } from './CustomCell';
+export { CustomCell } from './CustomCell';

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

@@ -1 +1 @@
-export { CustomCell } from './CustomCell';
+export { CustomCell } from './CustomCell';

package/es/components/organism/Table/ExplorePivotTable/components/CustomCell/styled.d.ts

@@ -1,3 +1,3 @@
-export declare const BarCell: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HeatCell: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledValue: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BarCell: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HeatCell: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledValue: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,21 +1,21 @@
-import styled from 'styled-components';
-export const BarCell = styled.div `
-  position: absolute;
-  inset: 0;
-  background-color: rgba(0, 0, 0, 0.075);
-
-  .bar-line {
-    position: absolute;
-    bottom: 0;
-    height: 3px;
-    width: 100%;
-  }
-`;
-export const HeatCell = styled.div `
-  position: absolute;
-  inset: 0;
-`;
-export const StyledValue = styled.div `
-  position: relative;
-  z-index: 1;
-`;
+import styled from 'styled-components';
+export const BarCell = styled.div `
+  position: absolute;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.075);
+
+  .bar-line {
+    position: absolute;
+    bottom: 0;
+    height: 3px;
+    width: 100%;
+  }
+`;
+export const HeatCell = styled.div `
+  position: absolute;
+  inset: 0;
+`;
+export const StyledValue = styled.div `
+  position: relative;
+  z-index: 1;
+`;

package/es/components/organism/Table/ExplorePivotTable/constants.d.ts

@@ -1,4 +1,4 @@
-import { TData } from './types';
-declare const GRAND_TOTAL_KEY = "grand-total";
-declare const TEST_DATA: TData;
-export { TEST_DATA, GRAND_TOTAL_KEY };
+import { TData } from './types';
+declare const GRAND_TOTAL_KEY = "grand-total";
+declare const TEST_DATA: TData;
+export { TEST_DATA, GRAND_TOTAL_KEY };

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

@@ -1,84 +1,84 @@
-const GRAND_TOTAL_KEY = 'grand-total';
-const TEST_DATA = {
-    versions: [
-        {
-            key: '20230621115346',
-            name: '11:53:46 AM Jun 21, 2023',
-        },
-        {
-            key: '20230621114632',
-            name: '11:46:32 AM Jun 21, 2023',
-        },
-    ],
-    rowDimension: [
-        'Promising',
-        'Lost Customer',
-        'Champions',
-        'Hibernating Customers',
-        'Cannot Lose Them',
-        'About To Sleep',
-        'Loyal',
-        'Potential Loyalists',
-        'Need Attention',
-        'New Customer',
-        'At Risk',
-    ],
-    columnDimension: [
-        'At Risk',
-        'New Customer',
-        'Need Attention',
-        'Potential Loyalists',
-        'Loyal',
-        'About To Sleep',
-        'Cannot Lose Them',
-        'Hibernating Customers',
-        'Champions',
-        'Lost Customer',
-        'Promising',
-    ],
-    dataRow: [
-        [0, 0, 0, 0, 0, 45, 32, 0, 0, 0, 1821],
-        [0, 0, 0, 0, 0, 0, 0, 0, 0, 876, 0],
-        [0, 0, 0, 0, 21, 0, 0, 0, 835, 0, 0],
-        [0, 0, 0, 0, 0, 0, 0, 673, 0, 49, 0],
-        [0, 0, 0, 0, 0, 0, 624, 0, 0, 0, 0],
-        [0, 0, 0, 0, 0, 400, 16, 23, 0, 0, 0],
-        [0, 0, 0, 0, 143, 0, 0, 0, 0, 0, 0],
-        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
-        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
-        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
-        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
-    ],
-    totalRowDimension: [164, 445, 672, 696, 835, 925, 1821],
-    totalColumnDimension: [1898, 876, 856, 722, 624, 439, 143],
-    maxValue: 1821,
-    metrics: [
-        {
-            name: 'customer_id',
-            label: 'Num of customers',
-            dataType: 'NUMBER',
-            semantics: {
-                conceptType: 'METRIC',
-                semanticType: 'NUMBER',
-            },
-            aggregationType: 'count',
-            filterAggregationType: 'count',
-        },
-    ],
-    dimensions: [
-        {
-            name: 'personas',
-            label: 'Personas name',
-            dataType: 'STRING',
-            semantics: {
-                conceptType: 'DIMENSION',
-                semanticType: 'STRING',
-            },
-            aggregationType: 'none',
-            filterAggregationType: 'none',
-        },
-    ],
-    showColumnTotal: true,
-    showRowTotal: true,
-};
-export { TEST_DATA, GRAND_TOTAL_KEY };
+const GRAND_TOTAL_KEY = 'grand-total';
+const TEST_DATA = {
+    versions: [
+        {
+            key: '20230621115346',
+            name: '11:53:46 AM Jun 21, 2023',
+        },
+        {
+            key: '20230621114632',
+            name: '11:46:32 AM Jun 21, 2023',
+        },
+    ],
+    rowDimension: [
+        'Promising',
+        'Lost Customer',
+        'Champions',
+        'Hibernating Customers',
+        'Cannot Lose Them',
+        'About To Sleep',
+        'Loyal',
+        'Potential Loyalists',
+        'Need Attention',
+        'New Customer',
+        'At Risk',
+    ],
+    columnDimension: [
+        'At Risk',
+        'New Customer',
+        'Need Attention',
+        'Potential Loyalists',
+        'Loyal',
+        'About To Sleep',
+        'Cannot Lose Them',
+        'Hibernating Customers',
+        'Champions',
+        'Lost Customer',
+        'Promising',
+    ],
+    dataRow: [
+        [0, 0, 0, 0, 0, 45, 32, 0, 0, 0, 1821],
+        [0, 0, 0, 0, 0, 0, 0, 0, 0, 876, 0],
+        [0, 0, 0, 0, 21, 0, 0, 0, 835, 0, 0],
+        [0, 0, 0, 0, 0, 0, 0, 673, 0, 49, 0],
+        [0, 0, 0, 0, 0, 0, 624, 0, 0, 0, 0],
+        [0, 0, 0, 0, 0, 400, 16, 23, 0, 0, 0],
+        [0, 0, 0, 0, 143, 0, 0, 0, 0, 0, 0],
+        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+    ],
+    totalRowDimension: [164, 445, 672, 696, 835, 925, 1821],
+    totalColumnDimension: [1898, 876, 856, 722, 624, 439, 143],
+    maxValue: 1821,
+    metrics: [
+        {
+            name: 'customer_id',
+            label: 'Num of customers',
+            dataType: 'NUMBER',
+            semantics: {
+                conceptType: 'METRIC',
+                semanticType: 'NUMBER',
+            },
+            aggregationType: 'count',
+            filterAggregationType: 'count',
+        },
+    ],
+    dimensions: [
+        {
+            name: 'personas',
+            label: 'Personas name',
+            dataType: 'STRING',
+            semantics: {
+                conceptType: 'DIMENSION',
+                semanticType: 'STRING',
+            },
+            aggregationType: 'none',
+            filterAggregationType: 'none',
+        },
+    ],
+    showColumnTotal: true,
+    showRowTotal: true,
+};
+export { TEST_DATA, GRAND_TOTAL_KEY };

package/es/components/organism/Table/ExplorePivotTable/index.d.ts

@@ -1,2 +1,2 @@
-export { ExplorePivotTable } from './ExplorePivotTable';
-export { TEST_DATA } from './constants';
+export { ExplorePivotTable } from './ExplorePivotTable';
+export { TEST_DATA } from './constants';

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

@@ -1,2 +1,2 @@
-export { ExplorePivotTable } from './ExplorePivotTable';
-export { TEST_DATA } from './constants';
+export { ExplorePivotTable } from './ExplorePivotTable';
+export { TEST_DATA } from './constants';

package/es/components/organism/Table/ExplorePivotTable/styled.d.ts

@@ -1,12 +1,12 @@
-export declare const StyledTable: import("styled-components").StyledComponent<import("antd/es/table/interface").RefTable & {
-    displayName?: string | undefined;
-    SELECTION_COLUMN: {};
-    EXPAND_COLUMN: {};
-    SELECTION_ALL: "SELECT_ALL";
-    SELECTION_INVERT: "SELECT_INVERT";
-    SELECTION_NONE: "SELECT_NONE";
-    Column: typeof import("antd/es/table/Column").default;
-    ColumnGroup: typeof import("antd/es/table/ColumnGroup").default;
-    Summary: typeof import("rc-table/lib/Footer/Summary").default;
-}, any, {}, never>;
-export declare const StyledHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTable: import("styled-components").StyledComponent<import("antd/es/table/interface").RefTable & {
+    displayName?: string | undefined;
+    SELECTION_COLUMN: {};
+    EXPAND_COLUMN: {};
+    SELECTION_ALL: "SELECT_ALL";
+    SELECTION_INVERT: "SELECT_INVERT";
+    SELECTION_NONE: "SELECT_NONE";
+    Column: typeof import("antd/es/table/Column").default;
+    ColumnGroup: typeof import("antd/es/table/ColumnGroup").default;
+    Summary: typeof import("rc-table/lib/Footer/Summary").default;
+}, any, {}, never>;
+export declare const StyledHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,15 +1,15 @@
-import styled from 'styled-components';
-import { Table } from '../Table';
-export const StyledTable = styled(Table) `
-  .antsomi-table-thead {
-    .antsomi-table-cell {
-      background-color: white !important;
-      font-weight: 400 !important;
-    }
-  }
-`;
-export const StyledHeader = styled.div `
-  background-color: #4285f4;
-  padding: 8px 10px;
-  text-align: right;
-`;
+import styled from 'styled-components';
+import { Table } from '../Table';
+export const StyledTable = styled(Table) `
+  .antsomi-table-thead {
+    .antsomi-table-cell {
+      background-color: white !important;
+      font-weight: 400 !important;
+    }
+  }
+`;
+export const StyledHeader = styled.div `
+  background-color: #4285f4;
+  padding: 8px 10px;
+  text-align: right;
+`;

package/es/components/organism/Table/ExplorePivotTable/types.d.ts

@@ -1,17 +1,17 @@
-export type TCellType = 'bar' | 'heat' | 'text';
-export type TData = {
-    versions: {
-        key: string | number;
-        name: string;
-    }[];
-    rowDimension: string[];
-    columnDimension: string[];
-    dataRow: any[];
-    totalRowDimension: number[];
-    totalColumnDimension: number[];
-    metrics: any[];
-    dimensions: any[];
-    showRowTotal?: boolean;
-    showColumnTotal?: boolean;
-    maxValue?: number;
-};
+export type TCellType = 'bar' | 'heat' | 'text';
+export type TData = {
+    versions: {
+        key: string | number;
+        name: string;
+    }[];
+    rowDimension: string[];
+    columnDimension: string[];
+    dataRow: any[];
+    totalRowDimension: number[];
+    totalColumnDimension: number[];
+    metrics: any[];
+    dimensions: any[];
+    showRowTotal?: boolean;
+    showColumnTotal?: boolean;
+    maxValue?: number;
+};

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

@@ -1 +1 @@
-export {};
+export {};