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

package/dist/types/components/molecules/UploadImage/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { UploadProps as AntdUploadProps } from 'antd/lib/upload';
+interface UploadImageProps extends AntdUploadProps {
+    onRemoveImage?: Function;
+    onChangeImage?: Function;
+    selectedImage?: UploadImageObject;
+    isOpen?: boolean;
+    extensions?: string[];
+    maxSize?: number;
+    title?: string;
+    showImageURL?: boolean;
+    domainMedia: string;
+    slug: string;
+    paramConfigs?: {
+        token?: string;
+        userId?: string;
+        accountId: string;
+    };
+    required?: boolean;
+    focused?: boolean;
+}
+interface UploadImageObject {
+    url: string;
+}
+export declare const UploadImage: React.FC<UploadImageProps>;
+export {};

package/dist/types/components/molecules/UploadImage/styled.d.ts

@@ -0,0 +1,8 @@
+export declare const WrapperListImages: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Boxed: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Image: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const WrapperBtn: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Paragraph: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const UploadImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,3 @@
-export { Alert } from './Alert';
 export { Cascader } from './Cascader';
 export { Dropdown } from './Dropdown';
 export { Modal } from './Modal';
@@ -8,4 +7,13 @@ export { ChatBox } from './ChatBox';
 export { PopupDraggable } from './PopupDraggable';
 export { Tabs } from './Tabs';
 export { CaptureScreen } from './CaptureScreen';
+export { SettingWrapper } from './SettingWrapper';
+export { ColorPicker } from './ColorPicker';
+export { ColorSetting } from './ColorSetting';
+export { SliderWithInputNumber } from './SliderWithInputNumber';
+export { RadioGroup } from './RadioGroup';
+export { InputSearch } from './InputSearch';
+export { UploadImage } from './UploadImage';
+export { IconSelection } from './IconSelection';
 export type { AdvancedPickerProps, TAdvancedPickerOption, TAdvancedRangePickerTimeRange, } from './DatePicker';
+export type { ColorPickerProps } from './ColorPicker';

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

@@ -1,5 +1,8 @@
 import { ITabShareScreenProps } from './types';
+import { ControlPositionProps } from 'src/components/molecules/CaptureScreen/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;
 };
@@ -32,10 +35,12 @@ export declare const ATTACH_CAPTURE_TYPES: {
         icon: string;
     }[];
 }[];
+export declare const DEFAULT_POSITIONS: ControlPositionProps;
 export declare const TABS_SHARING_SCREEN: ITabShareScreenProps[];
 export declare const HELP_APP: ({
     title: string;
     key: string;
+    appCode: string;
     children: ({
         title: string;
         key: string;
@@ -74,6 +79,7 @@ export declare const HELP_APP: ({
 } | {
     title: string;
     key: string;
+    appCode: string;
     children: ({
         title: string;
         key: string;
@@ -109,6 +115,7 @@ export declare const HELP_APP: ({
     })[];
 } | {
     title: string;
+    appCode: string;
     key: string;
     children: ({
         title: string;

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

@@ -8,7 +8,7 @@ export declare const ButtonFeedback: import("styled-components").StyledComponent
     target?: string | undefined;
     onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
 } & import("antd/es/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "type" | "onClick"> & {
-    htmlType?: "button" | "submit" | "reset" | undefined;
+    htmlType?: "button" | "reset" | "submit" | undefined;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick">> & import("react").RefAttributes<HTMLElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
@@ -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';