@antscorp/antsomi-ui 1.3.3-beta.7 → 1.3.3-beta.71

package/es/components/molecules/PreviewModal/PreviewModal.js

@@ -0,0 +1,30 @@
+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 i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
+import { Button, Icon } from '../../atoms';
+// Styled
+import { ModalBody, ModalHeader, StyledModal } from './styled';
+// Utils
+import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
+export const PreviewModal = props => {
+    const { onCancel } = props;
+    const { children, modalHeaderClassName, modalBodyClassName } = props, restProps = __rest(props, ["children", "modalHeaderClassName", "modalBodyClassName"]);
+    const { t } = i18nInstance;
+    return (React.createElement(StyledModal, Object.assign({}, restProps, { centered: true, closeIcon: null, footer: null, width: "100vw" }),
+        React.createElement(ModalHeader, { className: modalHeaderClassName },
+            React.createElement(Button, { className: "close-btn", onClick: onCancel },
+                React.createElement(Icon, { type: "icon-ants-remove-slim", size: 12 }),
+                t(translations.close))),
+        React.createElement(ModalBody, { className: modalBodyClassName }, children)));
+};

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

@@ -0,0 +1,2 @@
+export { PreviewModal } from './PreviewModal';
+export type { PreviewModalProps } from './PreviewModal';

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

@@ -0,0 +1 @@
+export { PreviewModal } from './PreviewModal';

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledModal: import("styled-components").StyledComponent<import("react").FC<import("../ModalV2").ModalV2Props>, any, {}, never>;
+export declare const ModalHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const ModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,39 @@
+// Libraries
+import styled from 'styled-components';
+// Components
+import { ModalV2 } from '../ModalV2';
+import { Flex } from '@antscorp/antsomi-ui/es/components/atoms';
+const HEADER_HEIGHT = '50px';
+export const StyledModal = styled(ModalV2) `
+  max-width: 100vw !important;
+
+  .antsomi-modal-content {
+    border-radius: 0px;
+    height: 100vh;
+  }
+
+  .antsomi-modal-body {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    padding: 0px !important;
+  }
+`;
+export const ModalHeader = styled(Flex) `
+  height: ${HEADER_HEIGHT};
+  border-bottom: 1px solid #c2cee0;
+  box-shadow: 0px 2px 3px rgba(15, 19, 23, 0.1);
+  flex-shrink: 0;
+
+  .close-btn {
+    position: absolute;
+    right: 15px;
+  }
+`;
+ModalHeader.defaultProps = {
+    align: 'center',
+    justify: 'center',
+};
+export const ModalBody = styled.div.attrs({}) `
+  overflow: auto;
+`;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IResizeGridProps } from './types';
+export declare const ResizeGrid: FC<IResizeGridProps>;