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

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

@@ -1,305 +1,305 @@
-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 });
-};
+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 +1,11 @@
-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 {};
+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 {};