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

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

@@ -1,47 +1,47 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-// Libraries
-import React from 'react';
-import { isEmpty } from 'lodash';
-// Components
-import { Icon } from '@antscorp/antsomi-ui/es/components';
-// Styled
-import { AddContainer, AddLabel, CellContainer, CellImage } from './styled';
-// Utils
-import { tryCatchWrapper } from '@antscorp/antsomi-ui/es/utils';
-// Translations
-import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
-import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
-const PATH = 'src/app/modules/Dashboard/containers/RichMenu/containers/Design/components/Workspace/components/RichMenuCell';
-export const RichMenuCell = props => {
-    const { cell, context, isSingleMode, isPreview, onClick } = props;
-    const { areaStyles } = cell;
-    // Translations
-    const { t } = i18nInstance;
-    const renderCellContent = (isShow, cellInfo) => {
-        if (!isShow)
-            return null;
-        const { image, active } = cellInfo;
-        const { imageUrl, imageStyles } = image;
-        const { objectPosition, objectFit } = imageStyles, restImageStyles = __rest(imageStyles, ["objectPosition", "objectFit"]);
-        const isBlank = isEmpty(imageUrl);
-        if (isBlank)
-            return (React.createElement(AddContainer, null,
-                React.createElement(Icon, { type: "icon-ants-plus-circle", size: 20, style: { color: 'rgba(0, 95, 184, 1)' } }),
-                React.createElement(AddLabel, null, t(translations.cellAction).toString())));
-        return (React.createElement(CellImage, { active: active && !isPreview, src: imageUrl, imagePosition: objectPosition, imageSize: objectFit, style: restImageStyles }));
-    };
-    return (React.createElement(CellContainer, { key: context, style: !isSingleMode ? areaStyles : {}, onClick: e => {
-            e.stopPropagation();
-            tryCatchWrapper(onClick, PATH)(context);
-        } }, renderCellContent(!isSingleMode, cell)));
-};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import React from 'react';
+import { isEmpty } from 'lodash';
+// Components
+import { Icon } from '@antscorp/antsomi-ui/es/components';
+// Styled
+import { AddContainer, AddLabel, CellContainer, CellImage } from './styled';
+// Utils
+import { tryCatchWrapper } from '@antscorp/antsomi-ui/es/utils';
+// Translations
+import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
+import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
+const PATH = 'src/app/modules/Dashboard/containers/RichMenu/containers/Design/components/Workspace/components/RichMenuCell';
+export const RichMenuCell = props => {
+    const { cell, context, isSingleMode, isPreview, onClick } = props;
+    const { areaStyles } = cell;
+    // Translations
+    const { t } = i18nInstance;
+    const renderCellContent = (isShow, cellInfo) => {
+        if (!isShow)
+            return null;
+        const { image, active } = cellInfo;
+        const { imageUrl, imageStyles } = image;
+        const { objectPosition, objectFit } = imageStyles, restImageStyles = __rest(imageStyles, ["objectPosition", "objectFit"]);
+        const isBlank = isEmpty(imageUrl);
+        if (isBlank)
+            return (React.createElement(AddContainer, null,
+                React.createElement(Icon, { type: "icon-ants-plus-circle", size: 20, style: { color: 'rgba(0, 95, 184, 1)' } }),
+                React.createElement(AddLabel, null, t(translations.cellAction).toString())));
+        return (React.createElement(CellImage, { active: active && !isPreview, src: imageUrl, imagePosition: objectPosition, imageSize: objectFit, style: restImageStyles }));
+    };
+    return (React.createElement(CellContainer, { key: context, style: !isSingleMode ? areaStyles : {}, onClick: e => {
+            e.stopPropagation();
+            tryCatchWrapper(onClick, PATH)(context);
+        } }, renderCellContent(!isSingleMode, cell)));
+};

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

@@ -1,9 +1,9 @@
-export declare const CellContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AddContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AddLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const CellImage: import("styled-components").StyledComponent<"div", any, {
-    active?: boolean | undefined;
-    src: string;
-    imagePosition: string;
-    imageSize: string;
-}, never>;
+export declare const CellContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AddContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AddLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const CellImage: import("styled-components").StyledComponent<"div", any, {
+    active?: boolean | undefined;
+    src: string;
+    imagePosition: string;
+    imageSize: string;
+}, never>;

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

@@ -1,52 +1,52 @@
-// Libraries
-import styled, { css } from 'styled-components';
-export const CellContainer = styled.div `
-  width: 100%;
-  height: 100%;
-  cursor: pointer;
-`;
-export const AddContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  width: 100%;
-  height: 100%;
-  padding: 8px 0px;
-  overflow: hidden;
-`;
-export const AddLabel = styled.span `
-  width: 100%;
-  padding: 0px 6px;
-
-  font-size: 10px;
-  font-weight: 400;
-  color: #000000;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  text-align: center;
-  overflow: hidden;
-`;
-export const CellImage = styled.div `
-  min-height: 100%;
-  background-image: url(${({ src }) => src});
-  background-size: ${({ imageSize }) => imageSize};
-  background-position: ${({ imagePosition }) => imagePosition};
-
-  ${props => props.active &&
-    css `
-      position: relative;
-
-      &::after {
-        content: '';
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        background-color: rgba(0, 95, 184, 0.5);
-        display: block;
-      }
-    `}
-`;
+// Libraries
+import styled, { css } from 'styled-components';
+export const CellContainer = styled.div `
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+`;
+export const AddContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  width: 100%;
+  height: 100%;
+  padding: 8px 0px;
+  overflow: hidden;
+`;
+export const AddLabel = styled.span `
+  width: 100%;
+  padding: 0px 6px;
+
+  font-size: 10px;
+  font-weight: 400;
+  color: #000000;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: center;
+  overflow: hidden;
+`;
+export const CellImage = styled.div `
+  min-height: 100%;
+  background-image: url(${({ src }) => src});
+  background-size: ${({ imageSize }) => imageSize};
+  background-position: ${({ imagePosition }) => imagePosition};
+
+  ${props => props.active &&
+    css `
+      position: relative;
+
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        background-color: rgba(0, 95, 184, 0.5);
+        display: block;
+      }
+    `}
+`;

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

@@ -1,2 +1,2 @@
-import { RichMenu } from '@antscorp/antsomi-ui/es/types';
-export declare const SAMPLE_RICHMENU: RichMenu;
+import { RichMenu } from '@antscorp/antsomi-ui/es/types';
+export declare const SAMPLE_RICHMENU: RichMenu;