@antscorp/antsomi-ui 1.3.3-beta.47 → 1.3.3-beta.49

package/es/types/index.d.ts

@@ -1,18 +1,18 @@
-export type THandleErrorPayload = {
-    path: string;
-    name: string;
-    args: Record<string, any>;
-};
-export type TLocale = 'en' | 'vi';
-export type GenericFunction = (...args: any[]) => any;
-export type TConfigErrorInfo = {
-    [key: string]: any;
-    path?: string;
-    action?: string;
-    name?: string;
-    args?: any;
-    priority?: 'low' | 'medium' | 'high';
-    from?: 'try-catch' | 'error-boundary';
-};
-export * from './richMenu';
-export * from './variables';
+export type THandleErrorPayload = {
+    path: string;
+    name: string;
+    args: Record<string, any>;
+};
+export type TLocale = 'en' | 'vi';
+export type GenericFunction = (...args: any[]) => any;
+export type TConfigErrorInfo = {
+    [key: string]: any;
+    path?: string;
+    action?: string;
+    name?: string;
+    args?: any;
+    priority?: 'low' | 'medium' | 'high';
+    from?: 'try-catch' | 'error-boundary';
+};
+export * from './richMenu';
+export * from './variables';

package/es/types/index.js

@@ -1,2 +1,2 @@
-export * from './richMenu';
-export * from './variables';
+export * from './richMenu';
+export * from './variables';

package/es/types/richMenu.d.ts

@@ -1,191 +1,191 @@
-/// <reference types="react" />
-import { AREA_LAYOUT_KEYS, BLOCK_KEYS } from '../constants';
-import { TAlign } from './variables';
-export type TImageStyles = {
-    borderTopLeftRadius: string;
-    borderTopRightRadius: string;
-    borderBottomRightRadius: string;
-    borderBottomLeftRadius: string;
-    borderTopWidth: string;
-    borderRightWidth: string;
-    borderBottomWidth: string;
-    borderLeftWidth: string;
-    borderStyle: string;
-    borderColor: string;
-    boxShadow: string;
-    opacity: number;
-    width: string;
-    height: string;
-    objectPosition: string;
-    objectFit: string;
-    paddingTop: string;
-    paddingRight: string;
-    paddingBottom: string;
-    paddingLeft: string;
-};
-export type TImageSettings = {
-    borderRadiusStyle: string;
-    borderRadiusSuffix: string;
-    linkedBorderRadiusInput: boolean;
-    linkedBorderWidthInput: boolean;
-    linkedPaddingInput: boolean;
-    paddingSuffix: string;
-    boxShadowStyle: string;
-    boxShadowColor: string;
-    boxShadowBlur: string;
-    boxShadowSpread: string;
-    boxShadowHorizontal: string;
-    boxShadowVertical: string;
-    boxShadowInset: boolean;
-    widthSuffix: string;
-    heightSuffix: string;
-};
-export type TOuterContainerStyles = {
-    textAlign: TAlign;
-};
-export type TAreaStyles = React.CSSProperties;
-export type TAreaStylesSettings = {
-    borderRadiusStyle: string;
-    borderRadiusSuffix: string;
-    linkedBorderRadiusInput: boolean;
-    linkedBorderWidthInput: boolean;
-    linkedPaddingInput: boolean;
-    paddingSuffix: string;
-    linkedMarginInput: boolean;
-    marginSuffix: string;
-    boxShadowStyle: string;
-    boxShadowColor: string;
-    boxShadowBlur: string;
-    boxShadowSpread: string;
-    boxShadowHorizontal: string;
-    boxShadowVertical: string;
-    boxShadowInset: boolean;
-    backgroundColor: string;
-    backgroundColorStyle: string;
-    backgroundPosition: string;
-    backgroundRepeat: string;
-    backgroundSize: string;
-    gradientType: string;
-    radialPosition: string;
-    linearAngle: number;
-    gradients: {
-        gradientColor: string;
-        gradientColorLocation: number;
-    }[];
-};
-export type TRichMenuMode = 'single' | 'multiple';
-export type TUPloadMode = 'single' | 'multiple';
-export type TAreaLayoutType = 'large' | 'compact';
-export type TActionType = 'none' | 'message' | 'uri' | 'postback' | 'richmenuswitch' | 'datetimepicker';
-export type TImage = {
-    imageUrl: string;
-    imageStyles: TImageStyles;
-    imageSettings: TImageSettings;
-};
-export type AreaLayoutKey = (typeof AREA_LAYOUT_KEYS)[keyof typeof AREA_LAYOUT_KEYS];
-export type BlockKey = (typeof BLOCK_KEYS)[keyof typeof BLOCK_KEYS];
-export type TActionMessageSettings = {
-    text: string;
-};
-export type TActionUriSettings = {
-    uriType: 'url' | 'tel';
-    uri: string | number;
-};
-export type TActionPostbackSettings = {
-    data: string | number;
-};
-export type TActionRichmenuSwitchSettings = {
-    richMenuAliasId: string | number;
-    data: string | number;
-};
-export type TActionDateTimePickerSettings = {
-    data: string;
-    mode: 'date' | 'time' | 'datetime';
-    min: string | {
-        date: string;
-        time: string;
-    };
-    max: string | {
-        date: string;
-        time: string;
-    };
-    initial: string | {
-        date: string;
-        time: string;
-    };
-};
-export type TAction = {
-    type: 'none';
-} | ({
-    type: 'message';
-} & TActionMessageSettings) | ({
-    type: 'uri';
-} & TActionUriSettings) | ({
-    type: 'postback';
-} & TActionPostbackSettings) | ({
-    type: 'richmenuswitch';
-} & TActionRichmenuSwitchSettings) | ({
-    type: 'datetimepicker';
-} & TActionDateTimePickerSettings);
-export type CellArea = {
-    bounds: CellBounds;
-    action: TAction;
-};
-export interface RichMenuSettings {
-    size: {
-        width: number;
-        height: number;
-    };
-    selected: boolean;
-    name: string;
-    chatBarText: string;
-    areas: CellArea[];
-}
-export interface RichMenu {
-    id: number | string;
-    menuName?: string;
-    aliasId?: number | string;
-    isDefault: boolean;
-    rows: number;
-    cols: number;
-    cells: TChildrenCell[];
-    areaLayoutId?: AreaLayoutKey;
-    gridTemplateRows: (number | string)[];
-    gridTemplateCols: (number | string)[];
-    layoutType: TAreaLayoutType;
-    uploadMode: TUPloadMode;
-    image: TImage;
-    chatBar: {
-        label: string;
-        displayDefault: boolean;
-    };
-    settings?: RichMenuSettings;
-}
-export type CellBounds = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-export interface RichMenuTemplate {
-    name: string;
-    id: number | string;
-    mode: TRichMenuMode;
-    richMenus: RichMenu[];
-}
-export type TChildrenCell = {
-    rowStart: number;
-    colStart: number;
-    rowEnd: number;
-    colEnd: number;
-    width?: number;
-    height?: number;
-    x?: number;
-    y?: number;
-    action?: TAction;
-    image: TImage;
-    outerContainerStyles: TOuterContainerStyles;
-    areaStyles: TAreaStyles;
-    areaStylesSettings: TAreaStylesSettings;
-    active?: boolean;
-};
+/// <reference types="react" />
+import { AREA_LAYOUT_KEYS, BLOCK_KEYS } from '../constants';
+import { TAlign } from './variables';
+export type TImageStyles = {
+    borderTopLeftRadius: string;
+    borderTopRightRadius: string;
+    borderBottomRightRadius: string;
+    borderBottomLeftRadius: string;
+    borderTopWidth: string;
+    borderRightWidth: string;
+    borderBottomWidth: string;
+    borderLeftWidth: string;
+    borderStyle: string;
+    borderColor: string;
+    boxShadow: string;
+    opacity: number;
+    width: string;
+    height: string;
+    objectPosition: string;
+    objectFit: string;
+    paddingTop: string;
+    paddingRight: string;
+    paddingBottom: string;
+    paddingLeft: string;
+};
+export type TImageSettings = {
+    borderRadiusStyle: string;
+    borderRadiusSuffix: string;
+    linkedBorderRadiusInput: boolean;
+    linkedBorderWidthInput: boolean;
+    linkedPaddingInput: boolean;
+    paddingSuffix: string;
+    boxShadowStyle: string;
+    boxShadowColor: string;
+    boxShadowBlur: string;
+    boxShadowSpread: string;
+    boxShadowHorizontal: string;
+    boxShadowVertical: string;
+    boxShadowInset: boolean;
+    widthSuffix: string;
+    heightSuffix: string;
+};
+export type TOuterContainerStyles = {
+    textAlign: TAlign;
+};
+export type TAreaStyles = React.CSSProperties;
+export type TAreaStylesSettings = {
+    borderRadiusStyle: string;
+    borderRadiusSuffix: string;
+    linkedBorderRadiusInput: boolean;
+    linkedBorderWidthInput: boolean;
+    linkedPaddingInput: boolean;
+    paddingSuffix: string;
+    linkedMarginInput: boolean;
+    marginSuffix: string;
+    boxShadowStyle: string;
+    boxShadowColor: string;
+    boxShadowBlur: string;
+    boxShadowSpread: string;
+    boxShadowHorizontal: string;
+    boxShadowVertical: string;
+    boxShadowInset: boolean;
+    backgroundColor: string;
+    backgroundColorStyle: string;
+    backgroundPosition: string;
+    backgroundRepeat: string;
+    backgroundSize: string;
+    gradientType: string;
+    radialPosition: string;
+    linearAngle: number;
+    gradients: {
+        gradientColor: string;
+        gradientColorLocation: number;
+    }[];
+};
+export type TRichMenuMode = 'single' | 'multiple';
+export type TUPloadMode = 'single' | 'multiple';
+export type TAreaLayoutType = 'large' | 'compact';
+export type TActionType = 'none' | 'message' | 'uri' | 'postback' | 'richmenuswitch' | 'datetimepicker';
+export type TImage = {
+    imageUrl: string;
+    imageStyles: TImageStyles;
+    imageSettings: TImageSettings;
+};
+export type AreaLayoutKey = (typeof AREA_LAYOUT_KEYS)[keyof typeof AREA_LAYOUT_KEYS];
+export type BlockKey = (typeof BLOCK_KEYS)[keyof typeof BLOCK_KEYS];
+export type TActionMessageSettings = {
+    text: string;
+};
+export type TActionUriSettings = {
+    uriType: 'url' | 'tel';
+    uri: string | number;
+};
+export type TActionPostbackSettings = {
+    data: string | number;
+};
+export type TActionRichmenuSwitchSettings = {
+    richMenuAliasId: string | number;
+    data: string | number;
+};
+export type TActionDateTimePickerSettings = {
+    data: string;
+    mode: 'date' | 'time' | 'datetime';
+    min: string | {
+        date: string;
+        time: string;
+    };
+    max: string | {
+        date: string;
+        time: string;
+    };
+    initial: string | {
+        date: string;
+        time: string;
+    };
+};
+export type TAction = {
+    type: 'none';
+} | ({
+    type: 'message';
+} & TActionMessageSettings) | ({
+    type: 'uri';
+} & TActionUriSettings) | ({
+    type: 'postback';
+} & TActionPostbackSettings) | ({
+    type: 'richmenuswitch';
+} & TActionRichmenuSwitchSettings) | ({
+    type: 'datetimepicker';
+} & TActionDateTimePickerSettings);
+export type CellArea = {
+    bounds: CellBounds;
+    action: TAction;
+};
+export interface RichMenuSettings {
+    size: {
+        width: number;
+        height: number;
+    };
+    selected: boolean;
+    name: string;
+    chatBarText: string;
+    areas: CellArea[];
+}
+export interface RichMenu {
+    id: number | string;
+    menuName?: string;
+    aliasId?: number | string;
+    isDefault: boolean;
+    rows: number;
+    cols: number;
+    cells: TChildrenCell[];
+    areaLayoutId?: AreaLayoutKey;
+    gridTemplateRows: (number | string)[];
+    gridTemplateCols: (number | string)[];
+    layoutType: TAreaLayoutType;
+    uploadMode: TUPloadMode;
+    image: TImage;
+    chatBar: {
+        label: string;
+        displayDefault: boolean;
+    };
+    settings?: RichMenuSettings;
+}
+export type CellBounds = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export interface RichMenuTemplate {
+    name: string;
+    id: number | string;
+    mode: TRichMenuMode;
+    richMenus: RichMenu[];
+}
+export type TChildrenCell = {
+    rowStart: number;
+    colStart: number;
+    rowEnd: number;
+    colEnd: number;
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+    action?: TAction;
+    image: TImage;
+    outerContainerStyles: TOuterContainerStyles;
+    areaStyles: TAreaStyles;
+    areaStylesSettings: TAreaStylesSettings;
+    active?: boolean;
+};

package/es/types/richMenu.js

@@ -1 +1 @@
-export {};
+export {};

package/es/types/variables.d.ts

@@ -1,2 +1,2 @@
-export type TUnit = 'px' | '%' | any;
-export type TAlign = 'left' | 'center' | 'right';
+export type TUnit = 'px' | '%' | any;
+export type TAlign = 'left' | 'center' | 'right';

package/es/types/variables.js

@@ -1 +1 @@
-export {};
+export {};

package/es/utils/color.d.ts

@@ -1,10 +1,10 @@
-export declare const isDarkColor: (hexcolor: any, alpha?: number) => boolean;
-export declare const hexWithAlpha: (color: ColorResult) => string;
-/**
- * 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;
+export declare const isDarkColor: (hexcolor: any, alpha?: number) => boolean;
+export declare const hexWithAlpha: (color: ColorResult) => string;
+/**
+ * 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/es/utils/color.js

@@ -1,61 +1,61 @@
-export const isDarkColor = (hexcolor, alpha) => {
-    if (alpha) {
-        if (alpha < 0.5) {
-            return false;
-        }
-        return true;
-    }
-    const r = parseInt(hexcolor.substr(1, 2), 16);
-    const g = parseInt(hexcolor.substr(3, 2), 16);
-    const b = parseInt(hexcolor.substr(4, 2), 16);
-    const yiq = (r * 299 + g * 587 + b * 114) / 1000;
-    return yiq < 155;
-};
-export const hexWithAlpha = (color) => {
-    if (color.hex === 'transparent') {
-        return 'transparent';
-    }
-    let alpha = Math.round((color.rgb.a || 0) * 255).toString(16);
-    if (alpha.length < 2)
-        alpha = `0${alpha}`;
-    const hexWithAlpha = color.hex + (alpha === 'ff' ? '' : alpha);
-    return hexWithAlpha;
-};
-/**
- * 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 const hexToRgb = (hexCode) => {
-    let hex = hexCode.replace('#', '');
-    const hexLen = hex.length;
-    if (hexLen !== 3 && hexLen !== 6) {
-        throw new Error('Invalid hexadecimal color code');
-    }
-    if (hexLen === 3) {
-        hex = hex
-            .split('')
-            .map(char => char + char)
-            .join('');
-    }
-    try {
-        const r = parseInt(hex.substring(0, 2), 16);
-        const g = parseInt(hex.substring(2, 4), 16);
-        const b = parseInt(hex.substring(4, 6), 16);
-        return [r, g, b];
-    }
-    catch (error) {
-        throw new Error('Invalid hexadecimal color code');
-    }
-};
-export const generateHeatMapColor = (value, maxValue, rgbColor) => {
-    // Normalize the value between 0.05 and 1
-    const normalizedValue = value / maxValue + 0.05;
-    // Set the base color components
-    const baseRed = rgbColor[0];
-    const baseGreen = rgbColor[1];
-    const baseBlue = rgbColor[2];
-    // Return the RGBA color as a string
-    return `rgba(${baseRed},${baseGreen},${baseBlue},${normalizedValue})`;
-};
+export const isDarkColor = (hexcolor, alpha) => {
+    if (alpha) {
+        if (alpha < 0.5) {
+            return false;
+        }
+        return true;
+    }
+    const r = parseInt(hexcolor.substr(1, 2), 16);
+    const g = parseInt(hexcolor.substr(3, 2), 16);
+    const b = parseInt(hexcolor.substr(4, 2), 16);
+    const yiq = (r * 299 + g * 587 + b * 114) / 1000;
+    return yiq < 155;
+};
+export const hexWithAlpha = (color) => {
+    if (color.hex === 'transparent') {
+        return 'transparent';
+    }
+    let alpha = Math.round((color.rgb.a || 0) * 255).toString(16);
+    if (alpha.length < 2)
+        alpha = `0${alpha}`;
+    const hexWithAlpha = color.hex + (alpha === 'ff' ? '' : alpha);
+    return hexWithAlpha;
+};
+/**
+ * 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 const hexToRgb = (hexCode) => {
+    let hex = hexCode.replace('#', '');
+    const hexLen = hex.length;
+    if (hexLen !== 3 && hexLen !== 6) {
+        throw new Error('Invalid hexadecimal color code');
+    }
+    if (hexLen === 3) {
+        hex = hex
+            .split('')
+            .map(char => char + char)
+            .join('');
+    }
+    try {
+        const r = parseInt(hex.substring(0, 2), 16);
+        const g = parseInt(hex.substring(2, 4), 16);
+        const b = parseInt(hex.substring(4, 6), 16);
+        return [r, g, b];
+    }
+    catch (error) {
+        throw new Error('Invalid hexadecimal color code');
+    }
+};
+export const generateHeatMapColor = (value, maxValue, rgbColor) => {
+    // Normalize the value between 0.05 and 1
+    const normalizedValue = value / maxValue + 0.05;
+    // Set the base color components
+    const baseRed = rgbColor[0];
+    const baseGreen = rgbColor[1];
+    const baseBlue = rgbColor[2];
+    // Return the RGBA color as a string
+    return `rgba(${baseRed},${baseGreen},${baseBlue},${normalizedValue})`;
+};