@antscorp/antsomi-ui 1.3.3-beta.93 → 1.3.3-beta.95

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

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

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

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

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

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

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

@@ -1,13 +0,0 @@
-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 +0,0 @@
-export type TCellType = 'bar' | 'heat' | 'text';

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

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

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

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

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

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

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

@@ -1,11 +0,0 @@
-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 +0,0 @@
-// 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 +0,0 @@
-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 +0,0 @@
-// 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 +0,0 @@
-export { CustomCell } from './CustomCell';

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

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

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

@@ -1,3 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-export { ExplorePivotTable } from './ExplorePivotTable';
-export { TEST_DATA } from './constants';

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

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

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

@@ -1,12 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-export {};

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

@@ -1,4 +0,0 @@
-import { ColumnsType } from 'antd/es/table';
-import { TData } from './types';
-export declare const buildColumns: (data: TData) => ColumnsType<any>;
-export declare const buildDataSource: (data: TData) => any[];

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

@@ -1,154 +0,0 @@
-// React
-import React from 'react';
-// Components
-import { CustomCell } from './components/CustomCell';
-import { get } from 'lodash';
-// Utils
-import { handleError } from '@antscorp/antsomi-ui/es/utils';
-import { GRAND_TOTAL_KEY } from './constants';
-const PATH = '@antscorp/antsomi-ui/es/components/organism/Table/ExploreTable/utils.tsx';
-export const buildColumns = (data) => {
-    const { columnDimension, rowDimension, dataRow, maxValue, metrics, dimensions, versions, showColumnTotal, } = data;
-    const dimension = dimensions[0];
-    const metric = metrics[0];
-    const columns = [];
-    if (dimension && metric) {
-        // Check is it contains 2 versions and has columnDimension
-        if (Array.isArray(columnDimension) && columnDimension.length && versions.length > 1) {
-            // Create first column with dimension name
-            const secondVersion = versions[1] || {};
-            columns.push({
-                title: ' ',
-                children: [
-                    {
-                        title: secondVersion.name,
-                        dataIndex: dimension.name,
-                        key: dimension.name,
-                        fixed: 'left',
-                        ellipsis: true,
-                        width: 150,
-                        render: (value, record) => record.key === GRAND_TOTAL_KEY ? React.createElement("strong", null, value) : value,
-                    },
-                ],
-            });
-            columnDimension.forEach(column => {
-                columns.push({
-                    title: column,
-                    align: 'right',
-                    ellipsis: true,
-                    children: [
-                        {
-                            title: metric.label,
-                            dataIndex: `${column}-${metric.name}`,
-                            key: `${column}-${metric.name}`,
-                            align: 'right',
-                            ellipsis: true,
-                            width: 120,
-                            render: (value, record, index) => (React.createElement(CustomCell, { value: value, record: record, index: index, type: "heat", max: maxValue })),
-                        },
-                    ],
-                });
-            });
-            if (showColumnTotal) {
-                columns.push({
-                    title: React.createElement("strong", null, "Grand total"),
-                    align: 'right',
-                    children: [
-                        {
-                            title: React.createElement("strong", null, 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),
-                        },
-                    ],
-                });
-            }
-        }
-        else {
-            const firstVersion = versions[0] || {};
-            columns.push({
-                title: dimension.label,
-                dataIndex: dimension.name,
-                key: dimension.name,
-                ellipsis: true,
-                width: 150,
-                render: (value, record) => record.key === GRAND_TOTAL_KEY ? React.createElement("strong", null, value) : value,
-            });
-            if (firstVersion) {
-                columns.push({
-                    title: React.createElement("strong", null, `${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 })),
-                });
-            }
-        }
-    }
-    return columns;
-};
-export const buildDataSource = (data) => {
-    try {
-        const { columnDimension, rowDimension, dataRow, metrics, dimensions, versions, showColumnTotal, showRowTotal, totalColumnDimension, totalRowDimension, } = data;
-        const dimension = dimensions[0];
-        const metric = metrics[0];
-        const dataSource = [];
-        if (dimension && metric && Array.isArray(dataRow)) {
-            // Check is it contains 2 versions and has columnDimension
-            if (Array.isArray(columnDimension) && columnDimension.length && versions.length > 1) {
-                rowDimension.forEach((row, rowIndex) => {
-                    const dimensionObjectValue = {};
-                    columnDimension.forEach((col, colIndex) => {
-                        dimensionObjectValue[`${col}-${metric.name}`] = get(dataRow, `[${rowIndex}][${colIndex}]`, 0);
-                    });
-                    if (showColumnTotal) {
-                        dimensionObjectValue[`${GRAND_TOTAL_KEY}-${metric.name}`] = get(totalColumnDimension, `[${rowIndex}]`, 0).toLocaleString();
-                    }
-                    dataSource.push(Object.assign({ key: rowIndex, [dimension.name]: row }, dimensionObjectValue));
-                });
-                if (showRowTotal) {
-                    const totalObjectValue = {};
-                    columnDimension.forEach((col, colIndex) => {
-                        totalObjectValue[`${col}-${metric.name}`] = get(totalRowDimension, `[${colIndex}]`, 0).toLocaleString();
-                    });
-                    if (showColumnTotal) {
-                        totalObjectValue[`${GRAND_TOTAL_KEY}-${metric.name}`] = columnDimension
-                            .reduce((acc, _curr, index) => acc + (Number(totalRowDimension[index]) || 0), 0)
-                            .toLocaleString();
-                    }
-                    dataSource.push(Object.assign({ key: `${GRAND_TOTAL_KEY}`, [dimension.name]: 'Grand total' }, totalObjectValue));
-                }
-            }
-            else {
-                dataRow.forEach((row, rowIndex) => {
-                    dataSource.push({
-                        key: rowIndex,
-                        [dimension.name]: rowDimension[rowIndex],
-                        [metric.name]: row,
-                    });
-                });
-                if (showRowTotal) {
-                    dataSource.push({
-                        key: GRAND_TOTAL_KEY,
-                        [dimension.name]: 'Grand total',
-                        [metric.name]: dataRow.reduce((acc, curr) => acc + curr, 0),
-                    });
-                }
-            }
-        }
-        return dataSource;
-    }
-    catch (error) {
-        handleError(error, {
-            path: PATH,
-            name: '',
-            args: {},
-        });
-        return [];
-    }
-};

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

@@ -1 +0,0 @@
-export { Table } from 'antd';

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

@@ -1,2 +0,0 @@
-export { Table } from './Table';
-export { ExplorePivotTable, TEST_DATA as EXPLORE_PIVOT_TABLE_TEST_DATA } from './ExplorePivotTable';

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

@@ -1,2 +0,0 @@
-export { Table } from './Table';
-export { ExplorePivotTable, TEST_DATA as EXPLORE_PIVOT_TABLE_TEST_DATA } from './ExplorePivotTable';

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

@@ -1,4 +0,0 @@
-export { Help } from './Help';
-export { PositionSetting, PositionSettingPopover } from './PositionSetting';
-export { Table, ExplorePivotTable, EXPLORE_PIVOT_TABLE_TEST_DATA } from './Table';
-export { GenerativeInsights } from './GenerativeInsights';

package/es/components/organism/index.js

@@ -1,4 +0,0 @@
-export { Help } from './Help';
-export { PositionSetting, PositionSettingPopover } from './PositionSetting';
-export { Table, ExplorePivotTable, EXPLORE_PIVOT_TABLE_TEST_DATA } from './Table';
-export { GenerativeInsights } from './GenerativeInsights';

package/es/constants/gradientSetting.d.ts

@@ -1,83 +0,0 @@
-export declare const GRADIENT_TEXT_LABEL: {
-    linear: string;
-    radial: string;
-    gradientStyle: string;
-    angle: string;
-    gradientColor: string;
-    gradientLocation: string;
-    firstColor: string;
-    secondColor: string;
-    firstColorLocation: string;
-    secondColorLocation: string;
-    leftTop: string;
-    leftCenter: string;
-    leftBottom: string;
-    rightTop: string;
-    rightCenter: string;
-    rightBottom: string;
-    centerTop: string;
-    centerCenter: string;
-    centerBottom: string;
-    position: string;
-    addColor: string;
-    ordinalText: {
-        first: string;
-        second: string;
-        third: string;
-        fourth: string;
-        fifth: string;
-        sixth: string;
-        seventh: string;
-        eighth: string;
-        ninth: string;
-        tenth: string;
-    };
-};
-export declare const GRADIENT_TYPE: {
-    LINEAR: {
-        value: string;
-        label: string;
-    };
-    RADIAL: {
-        value: string;
-        label: string;
-    };
-};
-export declare const POSITION: {
-    readonly LEFT_TOP: {
-        readonly value: "left top";
-        readonly label: string;
-    };
-    readonly LEFT_CENTER: {
-        readonly value: "left center";
-        readonly label: string;
-    };
-    readonly LEFT_BOTTOM: {
-        readonly value: "left bottom";
-        readonly label: string;
-    };
-    readonly RIGHT_TOP: {
-        readonly value: "right top";
-        readonly label: string;
-    };
-    readonly RIGHT_CENTER: {
-        readonly value: "right center";
-        readonly label: string;
-    };
-    readonly RIGHT_BOTTOM: {
-        readonly value: "right bottom";
-        readonly label: string;
-    };
-    readonly CENTER_TOP: {
-        readonly value: "center top";
-        readonly label: string;
-    };
-    readonly CENTER_CENTER: {
-        readonly value: "center center";
-        readonly label: string;
-    };
-    readonly CENTER_BOTTOM: {
-        readonly value: "center bottom";
-        readonly label: string;
-    };
-};