@antscorp/antsomi-ui 1.2.3-beta.1 → 1.2.3-beta.10

package/dist/types/components/icons/ArrowGrowIcon.d.ts

@@ -0,0 +1 @@
+export declare const ArrowGrowIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/AudioRecordIcon.d.ts

@@ -0,0 +1 @@
+export declare const AudioRecordIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/BugIcon.d.ts

@@ -0,0 +1 @@
+export declare const BugIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/CameraIcon.d.ts

@@ -0,0 +1 @@
+export declare const CameraIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/CaptureIcon.d.ts

@@ -0,0 +1 @@
+export declare const CaptureIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/CheckSlimIcon.d.ts

@@ -0,0 +1 @@
+export declare const CheckSlimIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/CommentIcon.d.ts

@@ -0,0 +1 @@
+export declare const CommentIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/FreeDrawIcon.d.ts

@@ -0,0 +1 @@
+export declare const FreeDrawIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/HighlightIcon.d.ts

@@ -0,0 +1 @@
+export declare const HighlightIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/IdeaIcon.d.ts

@@ -0,0 +1 @@
+export declare const IdeaIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/InvisibleIcon.d.ts

@@ -0,0 +1 @@
+export declare const InvisibleIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/MuteIcon.d.ts

@@ -0,0 +1 @@
+export declare const MuteIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/OpenUrlIcon.d.ts

@@ -0,0 +1 @@
+export declare const OpenUrlIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/PauseIcon.d.ts

@@ -0,0 +1 @@
+export declare const PauseIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/StopRecordIcon.d.ts

@@ -0,0 +1 @@
+export declare const StopRecordIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/VerticalDotsIcon.d.ts

@@ -0,0 +1 @@
+export declare const VerticalDotsIcon: (props: any) => JSX.Element;

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

@@ -5,3 +5,17 @@ export { GPTIconV2 } from './GPTIconV2';
 export { PlaneIcon } from './PlaneIcon';
 export { WarningIcon } from './WarningIcon';
 export { UserIcon } from './UserIcon';
+export { HighlightIcon } from './HighlightIcon';
+export { ArrowGrowIcon } from './ArrowGrowIcon';
+export { CheckSlimIcon } from './CheckSlimIcon';
+export { CommentIcon } from './CommentIcon';
+export { FreeDrawIcon } from './FreeDrawIcon';
+export { InvisibleIcon } from './InvisibleIcon';
+export { AudioRecordIcon } from './AudioRecordIcon';
+export { CameraIcon } from './CameraIcon';
+export { CaptureIcon } from './CaptureIcon';
+export { MuteIcon } from './MuteIcon';
+export { PauseIcon } from './PauseIcon';
+export { StopRecordIcon } from './StopRecordIcon';
+export { VerticalDotsIcon } from './VerticalDotsIcon';
+export { OpenUrlIcon } from './OpenUrlIcon';

package/dist/types/components/molecules/CaptureScreen/components/CommentBox/types.d.ts

@@ -4,6 +4,7 @@ export interface BoxDimensionProps {
     height: number;
 }
 export interface CommentBoxProps {
+    className?: string;
     info: CommentListProps;
     offset: number;
     boxDimension: BoxDimensionProps;

package/dist/types/components/molecules/CaptureScreen/components/Cursor/Cursor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CursorProps } from './types';
-declare const Cursor: (props: CursorProps) => JSX.Element;
+declare const Cursor: (props: CursorProps) => JSX.Element | null;
 export { Cursor };

package/dist/types/components/molecules/CaptureScreen/components/Cursor/styled.d.ts

@@ -1,6 +1,7 @@
-import { PositionCursorProps } from './types';
-export declare const CursorOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PlusCursor: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipDrag: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DottedCursor: import("styled-components").StyledComponent<"div", any, {
     bgColor?: string | undefined;
-    position?: PositionCursorProps | undefined;
+    isPointerBox?: boolean | undefined;
+    offset: number;
 }, never>;

package/dist/types/components/molecules/CaptureScreen/components/Cursor/types.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-export interface PositionCursorProps {
-    left?: number;
-    top?: number;
-}
 export interface CursorProps {
+    drawItemType: string;
+    isShowCursor: boolean;
     cursorRef?: React.RefObject<HTMLDivElement>;
-    position?: PositionCursorProps;
     bgColor?: string;
+    isPointerBox?: boolean;
+    offset: number;
+    children?: any;
 }

package/dist/types/components/molecules/CaptureScreen/constants.d.ts

@@ -4,7 +4,8 @@ import { DrawItemProps } from './types';
 export declare const OFFSET_CENTER = 20;
 export declare enum IGNORE_DRAW_ID_LIST {
     ICON_CLOSE = "antsomi-package-close-draw-icon",
-    DRAW_ACTIONS = "antsomi-package-draw-action-options"
+    DRAW_ACTIONS = "antsomi-package-draw-action-options",
+    CLASS_PREVENT_HOVER = "antsomi-package-ignore-hovering-draw"
 }
 export declare const COMMENT_BOX_DIMENSION_FIXED: BoxDimensionProps;
 export declare const styleContainer: CSSProperties;

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

@@ -1,5 +1,7 @@
 import { ITabShareScreenProps } from './types';
 export declare const TICKET_CUSTOM_MESSAGE_KEY = "TICKET_CUSTOM_MESSAGE_KEY";
+export declare const PORTALS_ANTSOMI_PACKAGE_UI_KEY = "PORTALS_ANTSOMI_PACKAGE_UI_KEY";
+export declare const PORTALS_ANTSOMI_PACKAGE_UI_KEY_POPUP = "PORTALS_ANTSOMI_PACKAGE_UI_KEY_POPUP";
 export declare const MESSAGE_TYPE: {
     TICKET_CREATE_STATUS: string;
 };
@@ -20,7 +22,8 @@ export declare enum REPORT_TYPES {
     ISSUE = "issue",
     IDEA = "idea",
     HELP = "help",
-    CHAT = "chat"
+    CHAT = "chat",
+    HELP_V1 = "help_v1"
 }
 export declare const ATTACH_CAPTURE_TYPES: {
     key: ATTACH_KEYS;
@@ -32,7 +35,7 @@ export declare const ATTACH_CAPTURE_TYPES: {
     }[];
 }[];
 export declare const TABS_SHARING_SCREEN: ITabShareScreenProps[];
-export declare const HELP_APP: {
+export declare const HELP_APP: ({
     title: string;
     key: string;
     children: ({
@@ -41,6 +44,7 @@ export declare const HELP_APP: {
         children: ({
             title: string;
             key: string;
+            path: string;
             children?: undefined;
         } | {
             title: string;
@@ -48,6 +52,7 @@ export declare const HELP_APP: {
             children: ({
                 title: string;
                 key: string;
+                path: string;
                 children?: undefined;
             } | {
                 title: string;
@@ -55,12 +60,76 @@ export declare const HELP_APP: {
                 children: {
                     title: string;
                     key: string;
+                    path: string;
                 }[];
+                path?: undefined;
             })[];
+            path?: undefined;
         })[];
+        path?: undefined;
     } | {
         title: string;
         key: string;
+        path: string;
         children?: undefined;
     })[];
-}[];
+} | {
+    title: string;
+    key: string;
+    children: ({
+        title: string;
+        key: string;
+        children?: undefined;
+    } | {
+        title: string;
+        key: string;
+        children: ({
+            title: string;
+            key: string;
+            path: string;
+            children?: undefined;
+        } | {
+            title: string;
+            key: string;
+            children: ({
+                title: string;
+                key: string;
+                path: string;
+                children?: undefined;
+            } | {
+                title: string;
+                key: string;
+                children: {
+                    title: string;
+                    key: string;
+                    path: string;
+                }[];
+                path?: undefined;
+            })[];
+            path?: undefined;
+        })[];
+    })[];
+} | {
+    title: string;
+    key: string;
+    children: ({
+        title: string;
+        key: string;
+        path: string;
+        children?: undefined;
+    } | {
+        title: string;
+        key: string;
+        children: {
+            title: string;
+            key: string;
+            path: string;
+        }[];
+        path?: undefined;
+    } | {
+        title: string;
+        key: string;
+        path?: undefined;
+        children?: undefined;
+    })[];
+})[];

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

@@ -37,6 +37,7 @@ export declare const WrapperHeader: import("styled-components").StyledComponent<
 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 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>;
 export declare const WrapperLinkFiles: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WrapperLinkItemFiles: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -55,3 +56,21 @@ export declare const ErrorMessage: import("styled-components").StyledComponent<"
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LabelTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export declare const WrapperContentHelp: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Link: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const IframeHelp: import("styled-components").StyledComponent<"iframe", any, {}, never>;
+export declare const TitleSearch: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const WrapperSearch: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("antd").InputRef>>, any, {}, never>;
+export declare const TreeContent: import("styled-components").StyledComponent<(<T extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: import("antd").TreeProps<T> & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: import("react").Ref<import("rc-tree/lib/Tree").default<import("antd").TreeDataNode>> | undefined;
+}) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+    TreeNode: import("react").FC<import("rc-tree").TreeNodeProps<import("antd").TreeDataNode>>;
+    DirectoryTree: (<T_1 extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: import("antd/es/tree").DirectoryTreeProps<T_1> & {
+        children?: import("react").ReactNode;
+    } & {
+        ref?: import("react").Ref<import("rc-tree/lib/Tree").default<import("antd").TreeDataNode>> | undefined;
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+        displayName?: string | undefined;
+    };
+}, any, {}, never>;

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

@@ -56,4 +56,10 @@ export interface StreamTrackProps {
     desktopStream: MediaStream;
     voiceStream: MediaStream;
 }
+export interface HelpDocItem {
+    title: string | JSX.Element;
+    key: string;
+    path?: string;
+    children?: HelpDocItem[];
+}
 export {};

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/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/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/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.1",
+  "version": "1.2.3-beta.10",
   "description": "An enterprise-class UI design language and React UI library.",
   "main": "dist/index.js",
   "files": [
@@ -118,6 +118,7 @@
     "tsconfig-paths-webpack-plugin": "^4.0.1",
     "typescript": "^4.9.4",
     "vite": "^4.2.1",
+    "vite-plugin-mkcert": "^1.15.0",
     "webpack": "^5.78.0",
     "webpack-cli": "^5.0.1"
   },
@@ -126,4 +127,4 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   }
-}
+}