@antscorp/antsomi-ui 1.2.3-beta.3 → 1.2.3-beta.30

package/dist/types/components/organism/Help/styled.d.ts

@@ -35,7 +35,9 @@ export declare const Image: import("styled-components").StyledComponent<"img", a
 export declare const Video: import("styled-components").StyledComponent<"video", any, {}, never>;
 export declare const WrapperHeader: import("styled-components").StyledComponent<"strong", any, {}, never>;
 export declare const Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare const WrapperBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperBody: import("styled-components").StyledComponent<"div", any, {
+    types?: string | undefined;
+}, never>;
 export declare const WrapperFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WrapperFooterSpace: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const EditorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -74,3 +76,6 @@ export declare const TreeContent: import("styled-components").StyledComponent<(<
         displayName?: string | undefined;
     };
 }, any, {}, never>;
+export declare const Span: import("styled-components").StyledComponent<"span", any, {
+    styles: any;
+}, never>;

package/dist/types/components/organism/Help/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import type { MenuProps, TabPaneProps } from 'antd';
+import type { TabPaneProps } from 'antd';
 type TriggerTypeDropdown = Array<'hover' | 'contextMenu' | 'click'>;
 type ConfigProps = {
     domain: string;
@@ -9,8 +9,9 @@ type ConfigProps = {
     portalId: string;
     config: any;
     userId: string;
-    ownerId: string;
-    appNameCurrent: string;
+    domainPlatform: string;
+    appCode: string;
+    avatar?: string;
 };
 export interface ValueFormProps {
     title: string;
@@ -29,8 +30,9 @@ export interface AllAppOptionsProps {
     raw?: any;
 }
 export interface IHelpProps {
-    menuProps: MenuProps;
     configs: ConfigProps;
+    boundsDraggable?: string;
+    isShowResizeHover?: boolean;
     triggerType: TriggerTypeDropdown;
     onClick?: Function;
     children?: ReactNode;

package/dist/types/components/organism/Help/utils.d.ts

@@ -12,3 +12,4 @@ export declare const formatParams: (data: any) => {
     attachments: never[];
 };
 export declare const postCustomEvent: (type: any, data: any) => void;
+export declare const expendDefault: (data: any) => string[];

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ColumnsType } from 'antd/es/table';
+interface CrossTabTableProps {
+}
+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;
+}[];
+export declare const CrossTabTable: React.FC<CrossTabTableProps>;
+export {};

package/dist/types/components/organism/Table/CrossTabTable/components/CustomCell/CustomCell.d.ts

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

package/dist/types/components/organism/Table/CrossTabTable/components/CustomCell/styled.d.ts

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

package/dist/types/components/organism/Table/CrossTabTable/constants.d.ts

@@ -0,0 +1,75 @@
+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;
+}[];

package/dist/types/components/organism/Table/CrossTabTable/index.d.ts

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

package/dist/types/components/organism/Table/CrossTabTable/styled.d.ts

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

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

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

package/dist/types/components/organism/Table/CrossTabTable/utils.d.ts

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

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

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

package/dist/types/components/organism/Table/ExplorePivotTable/components/CustomCell/CustomCell.d.ts

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

package/dist/types/components/organism/Table/ExplorePivotTable/components/CustomCell/index.d.ts

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

package/dist/types/components/organism/Table/ExplorePivotTable/components/CustomCell/styled.d.ts

@@ -0,0 +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>;

package/dist/types/components/organism/Table/ExplorePivotTable/constants.d.ts

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

package/dist/types/components/organism/Table/ExplorePivotTable/index.d.ts

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

package/dist/types/components/organism/Table/ExplorePivotTable/styled.d.ts

@@ -0,0 +1,11 @@
+export declare const StyledTable: import("styled-components").StyledComponent<import("antd/es/table/interface").RefTable & {
+    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/dist/types/components/organism/Table/ExplorePivotTable/types.d.ts

@@ -0,0 +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;
+};

package/dist/types/components/organism/Table/ExplorePivotTable/utils.d.ts

@@ -0,0 +1,4 @@
+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/dist/types/components/organism/Table/Table.stories.d.ts

@@ -0,0 +1,39 @@
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<import("antd/es/table/interface").RefTable & {
+    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;
+}>;
+export default _default;
+export declare const Default: ComponentStory<import("antd/es/table/interface").RefTable & {
+    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;
+}>;
+export declare const BasicUsage: ComponentStory<any>;
+export declare const JSXStyleAPI: ComponentStory<any>;
+export declare const Selection: ComponentStory<any>;
+export declare const SelectionAndOperation: ComponentStory<any>;
+export declare const CustomSelection: ComponentStory<any>;
+export declare const FilterAndSorter: ComponentStory<any>;
+export declare const FilterInTree: ComponentStory<any>;
+export declare const FilterSearch: ComponentStory<any>;
+export declare const MultipleSorter: ComponentStory<any>;
+export declare const DynamicSettings: ComponentStory<any>;
+export declare const ColumnAPI: ComponentStory<any>;
+export declare const ColumnGroupAPI: ComponentStory<any>;
+export declare const PaginationAPI: ComponentStory<any>;
+export declare const ExpandableAPI: ComponentStory<any>;
+export declare const RowSelectionAPI: ComponentStory<any>;
+export declare const ScrollAPI: ComponentStory<any>;
+export declare const SelectionAPI: ComponentStory<any>;

package/dist/types/components/organism/Table/index.d.ts

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

package/dist/types/components/organism/index.d.ts

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

package/dist/types/constants/index.d.ts

@@ -1 +1,2 @@
 export { THEME } from './theme';
+export * from './storybook';

package/dist/types/constants/storybook.d.ts

@@ -0,0 +1,11 @@
+export declare const TABLE_API_COLUMNS: ({
+    title: string;
+    dataIndex: string;
+    key: string;
+    render?: undefined;
+} | {
+    title: string;
+    dataIndex: string;
+    key: string;
+    render: (text: any) => JSX.Element;
+})[];

package/dist/types/services/Ticket.d.ts

@@ -58,5 +58,10 @@ declare const API: {
             getList: (params: any, domain: any, token: any, config: any, userId: any, type: any, ownerId: any) => Promise<any>;
         };
     };
+    help: {
+        callApi: {
+            getList: (params: any, domain: any, token: any, config: any, userId: any) => Promise<void | import("axios").AxiosResponse<any, any>>;
+        };
+    };
 };
 export default API;

package/dist/types/services/constants.d.ts

@@ -6,3 +6,15 @@ export declare const MESSAGES: {
     NAME_ALREADY_EXISTS: string;
     TOO_LONG_NAME: string;
 };
+export declare const PORTAL_KEYS: {
+    CURRENCY: string;
+    USER_LANGUAGE: string;
+    PORTAL_LANGUAGE: string;
+    TIME_ZONE: string;
+    CURRENCY_FORMAT: string;
+    DATE_TIME_FORMAT: string;
+    DATE_TIME_FORMAT_LONG: string;
+    NUMBER_FORMAT: string;
+    PERCENTAGE_FORMAT: string;
+    VERSION: string;
+};

package/dist/types/stories/components/TableApiTypeTag/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface TableApiTypeTagProps {
+    text: any;
+}
+export declare const TableApiTypeTag: React.FC<TableApiTypeTagProps>;
+export {};

package/dist/types/stories/components/index.d.ts

@@ -0,0 +1 @@
+export * from './TableApiTypeTag';

package/dist/types/utils/color.d.ts

@@ -0,0 +1,9 @@
+export declare const isDarkColor: (hexcolor: any, alpha?: number) => boolean;
+/**
+ * Converts a hexadecimal color code to its corresponding RGB values.
+ * @param {string} hexCode - The hexadecimal color code to convert.
+ * @returns {Array} An array containing the RGB values.
+ * @throws {Error} If the input is an invalid hexadecimal color code.
+ */
+export declare const hexToRgb: (hexCode: string) => [number, number, number];
+export declare const generateHeatMapColor: (value: number, maxValue: number, rgbColor: [number, number, number]) => string;

package/dist/types/utils/common.d.ts

@@ -15,9 +15,6 @@ export declare function getSessionStorage(key: any, config: any): any;
 export declare function getMessageByCode(messageCode: any, def?: undefined | string): any;
 export declare function urlHasQueryString(url: any): boolean;
 export declare function isNumeric(num: any): boolean;
-export declare const PORTAL_KEYS: {
-    USER_LANGUAGE: string;
-};
 export declare function getUserLocaleLanguage(config: any): any;
 export declare function getAppSession(key: any, config: any): any;
 export declare function getAppParamURL(pathname: any, forceVersionV2: boolean | undefined, config: any): {

package/dist/types/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './color';
+export * from './common';
+export * from './handleError';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.2.3-beta.3",
+  "version": "1.2.3-beta.30",
   "description": "An enterprise-class UI design language and React UI library.",
   "main": "dist/index.js",
   "files": [
@@ -35,15 +35,20 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
+    "@antscorp/image-editor": "1.0.2",
     "@tinymce/tinymce-react": "^3.7.0",
     "antd": "^5.3.2",
     "axios": "^1.4.0",
     "dayjs": "^1.11.7",
+    "highlight.js": "^11.8.0",
     "html-to-image": "^1.11.11",
     "html2canvas": "^1.4.1",
     "lodash": "^4.17.21",
     "react-draggable": "^4.4.5",
+    "react-markdown": "^8.0.7",
     "react-resizable": "^3.0.5",
+    "rehype-highlight": "^6.0.0",
+    "remark-gfm": "^3.0.1",
     "ts-dedent": "^2.2.0",
     "tui-image-editor": "^3.15.3"
   },

package/dist/types/components/molecules/ChatBox/ask.d.ts

@@ -1,3 +0,0 @@
-import type { Message } from './types';
-declare const ask: (onMessage: Function, messages: Partial<Message>[], token?: string) => Promise<void>;
-export default ask;