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

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

@@ -1,305 +0,0 @@
-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';
-// Organism
-import { Table } from '@antscorp/antsomi-ui/es/components/organism';
-import { CustomCell } from './components/CustomCell/CustomCell';
-const max = 77;
-export const columns = [
-    {
-        title: 'Segment',
-        key: 'segment',
-        align: 'right',
-        children: [
-            {
-                title: 'City ID',
-                key: 'city_id',
-                align: 'right',
-                children: [
-                    {
-                        title: 'Country',
-                        key: 'country',
-                        align: 'right',
-                        children: [
-                            {
-                                title: 'Country Id',
-                                key: 'country_id',
-                                dataIndex: 'country_id',
-                            },
-                            {
-                                title: 'First user source',
-                                key: 'first_user_source',
-                                dataIndex: 'first_user_source',
-                                sorter: true,
-                            },
-                        ],
-                    },
-                ],
-            },
-        ],
-    },
-    {
-        title: 'Mobile Traffic',
-        key: 'segment_mobile',
-        children: [
-            {
-                title: '1028581',
-                key: '1028581',
-                children: [
-                    {
-                        title: 'Vietnam',
-                        children: [
-                            {
-                                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 })),
-                            },
-                        ],
-                    },
-                ],
-            },
-            {
-                title: '1028580',
-                key: '1028580',
-                children: [
-                    {
-                        title: 'Vietnam',
-                        children: [
-                            {
-                                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 })),
-                            },
-                        ],
-                    },
-                ],
-            },
-        ],
-    },
-    {
-        title: 'Direct Traffic',
-        key: 'segment_direct',
-        children: [
-            {
-                title: '1028580',
-                key: '1028580',
-                children: [
-                    {
-                        title: 'Vietnam',
-                        children: [
-                            {
-                                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 })),
-                            },
-                        ],
-                    },
-                ],
-            },
-            {
-                title: '1028581',
-                key: '1028581',
-                children: [
-                    {
-                        title: 'Vietnam',
-                        children: [
-                            {
-                                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 })),
-                            },
-                        ],
-                    },
-                ],
-            },
-        ],
-    },
-    {
-        title: 'Mobile Traffic',
-        key: 'segment_mobile',
-        children: [
-            {
-                title: '(not set)',
-                key: '(not set)',
-                children: [
-                    {
-                        title: 'Vietnam',
-                        children: [
-                            {
-                                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 })),
-                            },
-                        ],
-                    },
-                ],
-            },
-        ],
-    },
-    {
-        title: 'Totals',
-        children: [
-            {
-                title: '',
-                children: [
-                    {
-                        title: '',
-                        children: [
-                            {
-                                key: 'active_users_5',
-                                dataIndex: 'active_users_5',
-                                title: 'Active Users',
-                                sorter: true,
-                            },
-                        ],
-                    },
-                ],
-            },
-        ],
-    },
-];
-export const data = [
-    {
-        key: '1',
-        country_id: 'MN',
-        first_user_source: 'google',
-        active_users_0: 0,
-        active_users_1: 0,
-        active_users_2: 0,
-        active_users_3: 0,
-        active_users_4: 0,
-        active_users_5: 38,
-    },
-    {
-        key: '2',
-        country_id: 'GB',
-        first_user_source: 'google',
-        active_users_0: 0,
-        active_users_1: 0,
-        active_users_2: 0,
-        active_users_3: 0,
-        active_users_4: 0,
-        active_users_5: 40,
-    },
-    {
-        key: '3',
-        country_id: 'MY',
-        first_user_source: 'google',
-        active_users_0: 0,
-        active_users_1: 0,
-        active_users_2: 0,
-        active_users_3: 0,
-        active_users_4: 0,
-        active_users_5: 43,
-    },
-    {
-        key: '3',
-        country_id: 'NL',
-        first_user_source: '(direct)',
-        active_users_0: 0,
-        active_users_1: 0,
-        active_users_2: 0,
-        active_users_3: 0,
-        active_users_4: 0,
-        active_users_5: 43,
-    },
-    {
-        key: '4',
-        country_id: 'VN',
-        first_user_source: 'aax.amazon-adsystem.com',
-        active_users_0: 43,
-        active_users_1: 0,
-        active_users_2: 0,
-        active_users_3: 0,
-        active_users_4: 0,
-        active_users_5: 43,
-    },
-    {
-        key: '5',
-        country_id: '(not set)',
-        first_user_source: 'KP_Paid_GG',
-        active_users_0: 0,
-        active_users_1: 0,
-        active_users_2: 0,
-        active_users_3: 0,
-        active_users_4: 0,
-        active_users_5: 45,
-    },
-    {
-        key: '6',
-        country_id: 'EG',
-        first_user_source: 'google',
-        active_users_0: 0,
-        active_users_1: 0,
-        active_users_2: 0,
-        active_users_3: 0,
-        active_users_4: 0,
-        active_users_5: 45,
-    },
-    {
-        key: '7',
-        country_id: 'VN',
-        first_user_source: 'bing',
-        active_users_0: 0,
-        active_users_1: 45,
-        active_users_2: 0,
-        active_users_3: 0,
-        active_users_4: 0,
-        active_users_5: 45,
-    },
-    {
-        key: '8',
-        country_id: 'BD',
-        first_user_source: 'google',
-        active_users_0: 0,
-        active_users_1: 60,
-        active_users_2: 0,
-        active_users_3: 0,
-        active_users_4: 0,
-        active_users_5: 49,
-    },
-];
-export const CrossTabTable = props => {
-    const restProps = __rest(props, []);
-    // const columns: ColumnsType<any> = useMemo(() => {
-    //   const { dimensions, colDimensions } = TEST_DATA[0];
-    //   const refineColDimensions = colDimensions.map(key => ({ title: key, align: 'right' }));
-    //   const refineDimensions = dimensions.map(key => ({ title: key, dataIndex: key, key }));
-    //   const dimensionColumns: any = ([...refineColDimensions] as any).reduceRight(
-    //     (acc, curr, index) => {
-    //       if (index === refineColDimensions.length - 1) {
-    //         return [
-    //           {
-    //             ...curr,
-    //             children: refineDimensions,
-    //           },
-    //         ];
-    //       }
-    //       return [
-    //         {
-    //           ...curr,
-    //           children: acc,
-    //         },
-    //       ];
-    //     },
-    //     [],
-    //   );
-    //   return [...dimensionColumns];
-    // }, []);
-    return React.createElement(Table, { bordered: true, columns: columns, dataSource: data });
-};

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

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

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

@@ -1,22 +0,0 @@
-// Libraries
-import React, { useMemo } from 'react';
-import { BarCell } from './styled';
-export const CustomCell = props => {
-    const { value, record, type, max, index } = props;
-    const width = useMemo(() => {
-        const draftWidth = (value * 100) / (max || 1);
-        return draftWidth > 100 ? 100 : draftWidth;
-    }, [value, max]);
-    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));
-            default:
-                return value;
-        }
-    };
-    return React.createElement(React.Fragment, null, renderCustomCell());
-};

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

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

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

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

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

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

package/es/components/organism/Table/CrossTabTable/components/CustomCell/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/constants.d.ts

@@ -1,75 +0,0 @@
-import { ColumnsType } from 'antd/es/table';
-export declare const TEST_DATA: {
-    dimensions: string[];
-    metrics: {
-        id: string;
-    }[];
-    colDimensions: string[];
-    responseRows: {
-        dimensionValues: never[];
-        dimensionCompoundValues: {
-            value: string;
-        }[];
-        metricValues: never[];
-        metricCompoundValues: {
-            value: number;
-        }[];
-        rowTotals: number[];
-        anomalyAnnotations: never[];
-    }[];
-    totalsRow: {
-        dimensionValues: never[];
-        dimensionCompoundValues: {
-            value: string;
-        }[];
-        metricValues: never[];
-        metricCompoundValues: {
-            value: number;
-        }[];
-        rowTotals: number[];
-        anomalyAnnotations: never[];
-    };
-    pivotHeaders: {
-        names: string[];
-    }[];
-    storageIds: never[];
-    segmentKeyMap: {
-        key: string;
-        id: string;
-        name: string;
-    }[];
-    overallRowCount: number;
-    numberOfSamplesRead: number[];
-    samplingSpaceSize: number[];
-    metadata: {
-        performance: {
-            f1QueryLatencyMs: string;
-            reportRequestLatencyMs: string;
-            f1GcuSecs: number;
-        };
-        classification: {
-            identityBlendingStrategy: number;
-            numDaysInDateRange: number;
-            externalWideningSources: never[];
-            storageType: number[];
-            largestDailyNumRowsInSelectedTables: string;
-        };
-        venusRequestId: string;
-        dataTruncationReasons: never[];
-        isBehavioralModelingEnabledByUser: boolean;
-        isBehavioralModelingApplied: boolean;
-    };
-    isThresholded: boolean;
-}[];
-export declare const columns: ColumnsType<any>;
-export declare const data: {
-    key: string;
-    country_id: string;
-    first_user_source: string;
-    active_users_0: number;
-    active_users_1: number;
-    active_users_2: number;
-    active_users_3: number;
-    active_users_4: number;
-    active_users_5: number;
-}[];