@antscorp/antsomi-ui 1.3.5-beta.13 → 1.3.5-beta.14

package/es/components/molecules/ResizeGrid/styled.d.ts

@@ -1,10 +1,10 @@
-export declare const StyledGrid: import("styled-components").StyledComponent<"div", any, {
-    isCompact: boolean;
-}, never>;
-export declare const StyledMiddleLayer: import("styled-components").StyledComponent<"div", any, {
-    isCompact?: boolean | undefined;
-}, never>;
-export declare const StyledBGLayer: import("styled-components").StyledComponent<"div", any, {
-    isCompact?: boolean | undefined;
-}, never>;
-export declare const StyledLine: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledGrid: import("styled-components").StyledComponent<"div", any, {
+    isCompact: boolean;
+}, never>;
+export declare const StyledMiddleLayer: import("styled-components").StyledComponent<"div", any, {
+    isCompact?: boolean | undefined;
+}, never>;
+export declare const StyledBGLayer: import("styled-components").StyledComponent<"div", any, {
+    isCompact?: boolean | undefined;
+}, never>;
+export declare const StyledLine: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/ResizeGrid/styled.js

@@ -1,56 +1,56 @@
-// Libraries
-import styled from 'styled-components';
-export const StyledGrid = styled.div `
-  width: 100%;
-  box-sizing: border-box;
-  position: relative;
-
-  * {
-    box-sizing: border-box;
-  }
-
-  .grid-container {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    display: grid;
-    background: transparent;
-    aspect-ratio: ${props => (props.isCompact ? '3 / 1' : '3 / 2')};
-    z-index: 3;
-  }
-`;
-export const StyledMiddleLayer = styled.div `
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  inset: 0;
-  // background: red;
-  z-index: 2;
-`;
-export const StyledBGLayer = styled.div `
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  inset: 0;
-  // background: red;
-  z-index: 1;
-  background-repeat: no-repeat;
-  background-position: top left;
-  background-size: 100% 100%;
-`;
-export const StyledLine = styled.div `
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: -1px;
-  left: -1px;
-  background: red;
-  display: none;
-
-  &.vertical {
-    width: 1px;
-  }
-  &.horizontal {
-    height: 1px;
-  }
-`;
+// Libraries
+import styled from 'styled-components';
+export const StyledGrid = styled.div `
+  width: 100%;
+  box-sizing: border-box;
+  position: relative;
+
+  * {
+    box-sizing: border-box;
+  }
+
+  .grid-container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: grid;
+    background: transparent;
+    aspect-ratio: ${props => (props.isCompact ? '3 / 1' : '3 / 2')};
+    z-index: 3;
+  }
+`;
+export const StyledMiddleLayer = styled.div `
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  inset: 0;
+  // background: red;
+  z-index: 2;
+`;
+export const StyledBGLayer = styled.div `
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  inset: 0;
+  // background: red;
+  z-index: 1;
+  background-repeat: no-repeat;
+  background-position: top left;
+  background-size: 100% 100%;
+`;
+export const StyledLine = styled.div `
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: -1px;
+  left: -1px;
+  background: red;
+  display: none;
+
+  &.vertical {
+    width: 1px;
+  }
+  &.horizontal {
+    height: 1px;
+  }
+`;

package/es/components/molecules/ResizeGrid/types.d.ts

@@ -1,148 +1,148 @@
-/// <reference types="react" />
-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?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
-    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 TImage = {
-    imageUrl: string;
-    imageStyles: TImageStyles;
-    imageSettings: TImageSettings;
-};
-export type TCell = {
-    idx?: number;
-    cellRef?: React.RefObject<HTMLElement>;
-    rowStart: number;
-    rowEnd: number;
-    colStart: number;
-    colEnd: number;
-    width?: number;
-    height?: number;
-    sizeX?: number;
-    sizeY?: number;
-    transformX?: number;
-    transformY?: number;
-    movedTop?: boolean;
-    movedRight?: boolean;
-    movedBottom?: boolean;
-    movedLeft?: boolean;
-    image?: TImage;
-    objectFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
-    active?: boolean;
-};
-export interface CellProps {
-    cell: TCell;
-    idx: number;
-    rowPercentage: number;
-    colPercentage: number;
-    down: Function;
-    downCell: Function;
-    up: Function;
-    setRef: Function;
-    setCordinate: Function;
-    downSelect: Function;
-    upSelect: Function;
-    hoverSelect: Function;
-    unMerge: Function;
-    renderCell?: Function;
-    activeCell?: Function;
-    borderStyle?: string;
-    style?: React.CSSProperties;
-    activeStyle?: React.CSSProperties;
-    isPreview?: boolean;
-    ctrlKeyRef?: React.RefObject<boolean>;
-}
-export type TGrid = {
-    rows: number;
-    cols: number;
-    gridTemplateColumns: number[];
-    gridTemplateRows: number[];
-    childs: TCell[];
-};
-export type TStartRef = {
-    clientX: number;
-    clientY: number;
-    type: 'row' | 'column';
-    line: number;
-};
-export type TCellExtend = TCell & {
-    cellRef: React.RefObject<HTMLElement>;
-    idx: number;
-};
-export type TStartCellRef = {
-    clientX: number;
-    clientY: number;
-    direction: 'top' | 'right' | 'bottom' | 'left';
-    isRevert: boolean;
-    leftCells: Record<string, TCellExtend>;
-    rightCells: Record<string, TCellExtend>;
-    fallback?: boolean;
-};
-export type TSelected = {
-    idx: number;
-    cell: TCell;
-};
-export type TSelectedEnd = {
-    cell: TCell;
-    idx: number;
-    hCells: number[];
-};
-export interface IResizeGridProps {
-    grid?: Partial<TGrid>;
-    renderCell?: Function;
-    onChange?: Function;
-    selectColor?: string;
-    image?: string;
-    imageSize?: 'cover' | 'contain' | 'fill';
-    imagePosition?: string;
-    cellStyle?: React.CSSProperties;
-    isPreview?: boolean;
-    cellBorder?: string;
-    cellActiveStyle?: React.CSSProperties;
-    containerStyle?: React.CSSProperties;
-    isCompact?: boolean;
-    delayUpdate?: number;
-    reCalculateFlag?: number | boolean;
-}
-export type TCordinate = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    xEnd: number;
-    yEnd: number;
-};
+/// <reference types="react" />
+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?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
+    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 TImage = {
+    imageUrl: string;
+    imageStyles: TImageStyles;
+    imageSettings: TImageSettings;
+};
+export type TCell = {
+    idx?: number;
+    cellRef?: React.RefObject<HTMLElement>;
+    rowStart: number;
+    rowEnd: number;
+    colStart: number;
+    colEnd: number;
+    width?: number;
+    height?: number;
+    sizeX?: number;
+    sizeY?: number;
+    transformX?: number;
+    transformY?: number;
+    movedTop?: boolean;
+    movedRight?: boolean;
+    movedBottom?: boolean;
+    movedLeft?: boolean;
+    image?: TImage;
+    objectFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
+    active?: boolean;
+};
+export interface CellProps {
+    cell: TCell;
+    idx: number;
+    rowPercentage: number;
+    colPercentage: number;
+    down: Function;
+    downCell: Function;
+    up: Function;
+    setRef: Function;
+    setCordinate: Function;
+    downSelect: Function;
+    upSelect: Function;
+    hoverSelect: Function;
+    unMerge: Function;
+    renderCell?: Function;
+    activeCell?: Function;
+    borderStyle?: string;
+    style?: React.CSSProperties;
+    activeStyle?: React.CSSProperties;
+    isPreview?: boolean;
+    ctrlKeyRef?: React.RefObject<boolean>;
+}
+export type TGrid = {
+    rows: number;
+    cols: number;
+    gridTemplateColumns: number[];
+    gridTemplateRows: number[];
+    childs: TCell[];
+};
+export type TStartRef = {
+    clientX: number;
+    clientY: number;
+    type: 'row' | 'column';
+    line: number;
+};
+export type TCellExtend = TCell & {
+    cellRef: React.RefObject<HTMLElement>;
+    idx: number;
+};
+export type TStartCellRef = {
+    clientX: number;
+    clientY: number;
+    direction: 'top' | 'right' | 'bottom' | 'left';
+    isRevert: boolean;
+    leftCells: Record<string, TCellExtend>;
+    rightCells: Record<string, TCellExtend>;
+    fallback?: boolean;
+};
+export type TSelected = {
+    idx: number;
+    cell: TCell;
+};
+export type TSelectedEnd = {
+    cell: TCell;
+    idx: number;
+    hCells: number[];
+};
+export interface IResizeGridProps {
+    grid?: Partial<TGrid>;
+    renderCell?: Function;
+    onChange?: Function;
+    selectColor?: string;
+    image?: string;
+    imageSize?: 'cover' | 'contain' | 'fill';
+    imagePosition?: string;
+    cellStyle?: React.CSSProperties;
+    isPreview?: boolean;
+    cellBorder?: string;
+    cellActiveStyle?: React.CSSProperties;
+    containerStyle?: React.CSSProperties;
+    isCompact?: boolean;
+    delayUpdate?: number;
+    reCalculateFlag?: number | boolean;
+}
+export type TCordinate = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    xEnd: number;
+    yEnd: number;
+};

package/es/components/molecules/ResizeGrid/types.js

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

package/es/components/molecules/Result/Result.d.ts

@@ -1 +1 @@
-export declare const Result: import("antd/es/result").ResultType;
+export declare const Result: import("antd/es/result").ResultType;

package/es/components/molecules/Result/Result.js

@@ -1,2 +1,2 @@
-import { Result as AntdResult } from 'antd';
-export const Result = AntdResult;
+import { Result as AntdResult } from 'antd';
+export const Result = AntdResult;

package/es/components/molecules/Result/index.d.ts

@@ -1 +1 @@
-export { Result } from './Result';
+export { Result } from './Result';

package/es/components/molecules/Result/index.js

@@ -1 +1 @@
-export { Result } from './Result';
+export { Result } from './Result';

package/es/components/molecules/RichMenu/RichMenuBlock/RichMenuBlock.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { RichMenu } from '@antscorp/antsomi-ui/es/types';
-import { LayerActiveProps } from './RichMenuCell';
-export interface RichMenuBlockProps {
-    richMenu: RichMenu;
-    isPreview?: boolean;
-    isActionLink?: boolean;
-    layerActive?: LayerActiveProps;
-    cellActiveIdx?: number;
-    onClickCell?: (cellIdx: number) => void;
-    onChange?: (richMenu: RichMenu, source?: 'user' | 'system') => void;
-    reCalculateFlag?: boolean | number;
-}
-export declare const RichMenuBlock: React.FC<RichMenuBlockProps>;
+import React from 'react';
+import { RichMenu } from '@antscorp/antsomi-ui/es/types';
+import { LayerActiveProps } from './RichMenuCell';
+export interface RichMenuBlockProps {
+    richMenu: RichMenu;
+    isPreview?: boolean;
+    isActionLink?: boolean;
+    layerActive?: LayerActiveProps;
+    cellActiveIdx?: number;
+    onClickCell?: (cellIdx: number) => void;
+    onChange?: (richMenu: RichMenu, source?: 'user' | 'system') => void;
+    reCalculateFlag?: boolean | number;
+}
+export declare const RichMenuBlock: React.FC<RichMenuBlockProps>;

package/es/components/molecules/RichMenu/RichMenuBlock/RichMenuBlock.js

@@ -1,53 +1,53 @@
-// Libraries
-import React from 'react';
-import { cloneDeep, pick } from 'lodash';
-// Components
-import { ResizeGrid } from '@antscorp/antsomi-ui/es/components';
-import { RichMenuCell } from './RichMenuCell';
-// Utils
-import { tryCatchWrapper } from '@antscorp/antsomi-ui/es/utils';
-const PATH = 'src/app/modules/Dashboard/containers/RichMenu/containers/Design/components/Workspace/components/RichMenuBlock/index.tsx';
-export const RichMenuBlock = props => {
-    const { richMenu, layerActive, cellActiveIdx, isPreview, isActionLink = false, onClickCell, onChange, reCalculateFlag, } = props;
-    const { gridTemplateCols = [], gridTemplateRows = [], cells = [], uploadMode, image, layoutType, rows, cols, } = richMenu || {};
-    const { imageUrl, imageStyles } = image || {};
-    const grid = {
-        rows,
-        cols,
-        gridTemplateColumns: gridTemplateCols.map(col => +String(col).replace('%', '')),
-        gridTemplateRows: gridTemplateRows.map(row => +String(row).replace('%', '')),
-        childs: cells.map(item => item),
-    };
-    const isSingleUploadMode = uploadMode === 'single';
-    // Handlers
-    const handleClickCell = (cellIdx) => {
-        // If is preview is true then not do anything
-        if (isPreview)
-            return;
-        if (onClickCell) {
-            onClickCell(cellIdx);
-        }
-    };
-    const handleGridChange = tryCatchWrapper((gridInfo, ctx, source) => {
-        if (richMenu) {
-            const { rows, cols, gridTemplateRows, gridTemplateColumns, childs } = gridInfo;
-            const gridTemplateColsUnit = (gridTemplateColumns === null || gridTemplateColumns === void 0 ? void 0 : gridTemplateColumns.map(col => `${col}%`)) || [];
-            const gridTemplateRowsUnit = (gridTemplateRows === null || gridTemplateRows === void 0 ? void 0 : gridTemplateRows.map(row => `${row}%`)) || [];
-            const cells = childs === null || childs === void 0 ? void 0 : childs.map((child, idx) => {
-                const item = cloneDeep(child);
-                const cellBounds = pick(ctx[idx], ['x', 'y', 'width', 'height']);
-                return Object.assign(Object.assign({}, item), cellBounds);
-            });
-            const newRichMenu = Object.assign(Object.assign({}, richMenu), { rows: rows || 1, cols: cols || 1, gridTemplateRows: gridTemplateRowsUnit, gridTemplateCols: gridTemplateColsUnit, cells: cells });
-            if (onChange) {
-                onChange(newRichMenu, source);
-            }
-        }
-    }, PATH);
-    const renderCell = (cellInfo, ctx) => (React.createElement(RichMenuCell, { context: ctx, isActionLink: isActionLink, isPreview: isPreview, layerActive: layerActive, cellActiveIdx: cellActiveIdx, cell: cellInfo, isSingleMode: isSingleUploadMode, onClick: handleClickCell }));
-    return (React.createElement(ResizeGrid, Object.assign({ grid: grid, isPreview: isPreview, containerStyle: imageStyles, isCompact: layoutType === 'compact', renderCell: renderCell, cellActiveStyle: { background: 'rgba(0, 95, 184, 0.5)' }, cellBorder: isSingleUploadMode ? '1px solid rgba(0, 95, 184, 1)' : '1px dotted #000000', onChange: handleGridChange, reCalculateFlag: reCalculateFlag }, Object.assign({}, (isSingleUploadMode && {
-        image: imageUrl,
-        imagePosition: imageStyles === null || imageStyles === void 0 ? void 0 : imageStyles.objectPosition,
-        imageSize: imageStyles === null || imageStyles === void 0 ? void 0 : imageStyles.objectFit,
-    })))));
-};
+// Libraries
+import React from 'react';
+import { cloneDeep, pick } from 'lodash';
+// Components
+import { ResizeGrid } from '@antscorp/antsomi-ui/es/components';
+import { RichMenuCell } from './RichMenuCell';
+// Utils
+import { tryCatchWrapper } from '@antscorp/antsomi-ui/es/utils';
+const PATH = 'src/app/modules/Dashboard/containers/RichMenu/containers/Design/components/Workspace/components/RichMenuBlock/index.tsx';
+export const RichMenuBlock = props => {
+    const { richMenu, layerActive, cellActiveIdx, isPreview, isActionLink = false, onClickCell, onChange, reCalculateFlag, } = props;
+    const { gridTemplateCols = [], gridTemplateRows = [], cells = [], uploadMode, image, layoutType, rows, cols, } = richMenu || {};
+    const { imageUrl, imageStyles } = image || {};
+    const grid = {
+        rows,
+        cols,
+        gridTemplateColumns: gridTemplateCols.map(col => +String(col).replace('%', '')),
+        gridTemplateRows: gridTemplateRows.map(row => +String(row).replace('%', '')),
+        childs: cells.map(item => item),
+    };
+    const isSingleUploadMode = uploadMode === 'single';
+    // Handlers
+    const handleClickCell = (cellIdx) => {
+        // If is preview is true then not do anything
+        if (isPreview)
+            return;
+        if (onClickCell) {
+            onClickCell(cellIdx);
+        }
+    };
+    const handleGridChange = tryCatchWrapper((gridInfo, ctx, source) => {
+        if (richMenu) {
+            const { rows, cols, gridTemplateRows, gridTemplateColumns, childs } = gridInfo;
+            const gridTemplateColsUnit = (gridTemplateColumns === null || gridTemplateColumns === void 0 ? void 0 : gridTemplateColumns.map(col => `${col}%`)) || [];
+            const gridTemplateRowsUnit = (gridTemplateRows === null || gridTemplateRows === void 0 ? void 0 : gridTemplateRows.map(row => `${row}%`)) || [];
+            const cells = childs === null || childs === void 0 ? void 0 : childs.map((child, idx) => {
+                const item = cloneDeep(child);
+                const cellBounds = pick(ctx[idx], ['x', 'y', 'width', 'height']);
+                return Object.assign(Object.assign({}, item), cellBounds);
+            });
+            const newRichMenu = Object.assign(Object.assign({}, richMenu), { rows: rows || 1, cols: cols || 1, gridTemplateRows: gridTemplateRowsUnit, gridTemplateCols: gridTemplateColsUnit, cells: cells });
+            if (onChange) {
+                onChange(newRichMenu, source);
+            }
+        }
+    }, PATH);
+    const renderCell = (cellInfo, ctx) => (React.createElement(RichMenuCell, { context: ctx, isActionLink: isActionLink, isPreview: isPreview, layerActive: layerActive, cellActiveIdx: cellActiveIdx, cell: cellInfo, isSingleMode: isSingleUploadMode, onClick: handleClickCell }));
+    return (React.createElement(ResizeGrid, Object.assign({ grid: grid, isPreview: isPreview, containerStyle: imageStyles, isCompact: layoutType === 'compact', renderCell: renderCell, cellActiveStyle: { background: 'rgba(0, 95, 184, 0.5)' }, cellBorder: isSingleUploadMode ? '1px solid rgba(0, 95, 184, 1)' : '1px dotted #000000', onChange: handleGridChange, reCalculateFlag: reCalculateFlag }, Object.assign({}, (isSingleUploadMode && {
+        image: imageUrl,
+        imagePosition: imageStyles === null || imageStyles === void 0 ? void 0 : imageStyles.objectPosition,
+        imageSize: imageStyles === null || imageStyles === void 0 ? void 0 : imageStyles.objectFit,
+    })))));
+};

package/es/components/molecules/RichMenu/RichMenuBlock/RichMenuCell/index.d.ts

@@ -1,18 +1,18 @@
-import { FC } from 'react';
-import { TChildrenCell } from '@antscorp/antsomi-ui/es/types';
-interface RichMenuCellProps {
-    cell: TChildrenCell;
-    context: number;
-    isSingleMode: boolean;
-    isActionLink?: boolean;
-    isPreview?: boolean;
-    cellActiveIdx?: number;
-    layerActive?: LayerActiveProps;
-    onClick: (index: number) => void;
-}
-export type LayerActiveProps = 'image' | 'video' | 'all';
-export type VideoStateProps = {
-    status: 'idle' | 'playing';
-};
-export declare const RichMenuCell: FC<RichMenuCellProps>;
-export {};
+import { FC } from 'react';
+import { TChildrenCell } from '@antscorp/antsomi-ui/es/types';
+interface RichMenuCellProps {
+    cell: TChildrenCell;
+    context: number;
+    isSingleMode: boolean;
+    isActionLink?: boolean;
+    isPreview?: boolean;
+    cellActiveIdx?: number;
+    layerActive?: LayerActiveProps;
+    onClick: (index: number) => void;
+}
+export type LayerActiveProps = 'image' | 'video' | 'all';
+export type VideoStateProps = {
+    status: 'idle' | 'playing';
+};
+export declare const RichMenuCell: FC<RichMenuCellProps>;
+export {};