@semcore/modal 3.0.20 → 3.0.22

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.0.22] - 2022-10-03
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [2.32.0 ~> 2.32.1]).
+
+## [3.0.21] - 2022-10-03
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [2.31.0 ~> 2.32.0]).
+
 ## [3.0.20] - 2022-09-29
 
 ### Changed

package/lib/cjs/Modal.js

@@ -70,15 +70,15 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SWindow_h5knv_gg_{position:relative;border-radius:12px;background:#ffffff;box-sizing:border-box;margin:auto;padding:40px;box-shadow:0 3px 8px rgba(25,27,35,.2)}.___SWindow_h5knv_gg_:focus{outline:none}.___SOverlay_h5knv_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:40px;background:rgba(25,27,35,.7);overflow:auto;z-index:10005;-webkit-overflow-scrolling:touch}.___SOverlay_h5knv_gg_ .___SOverlay_h5knv_gg_{background:rgba(25,27,35,.4)}.___SClose_h5knv_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:12px;color:#a9abb6;cursor:pointer;z-index:1;border:none;background:none;outline:none}.___SClose_h5knv_gg_:hover{color:#8a8e9b}.___SClose_h5knv_gg_.__keyboardFocused_h5knv_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}@media (max-width:767px){.___SWindow_h5knv_gg_{min-width:60%}.___SOverlay_h5knv_gg_{padding:12px}}"
+".___SWindow_uvabr_gg_{position:relative;border-radius:12px;background:#ffffff;box-sizing:border-box;margin:auto;padding:40px;box-shadow:0 3px 8px rgba(25,27,35,.2)}.___SWindow_uvabr_gg_:focus{outline:none}.___SOverlay_uvabr_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:40px;background:rgba(25,27,35,.7);overflow:auto;z-index:10005;-webkit-overflow-scrolling:touch}.___SOverlay_uvabr_gg_ .___SOverlay_uvabr_gg_{background:rgba(25,27,35,.4)}.___SClose_uvabr_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:12px;color:#a9abb6;cursor:pointer;z-index:1;border:none;background:none;outline:none}.___SClose_uvabr_gg_:hover{color:#8a8e9b}.___SClose_uvabr_gg_.__keyboardFocused_uvabr_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}@media (max-width:767px){.___SWindow_uvabr_gg_{min-width:60%}.___SOverlay_uvabr_gg_{padding:12px}}"
 /*__inner_css_end__*/
-, "h5knv_gg_")
+, "uvabr_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SWindow": "___SWindow_h5knv_gg_",
-  "__SOverlay": "___SOverlay_h5knv_gg_",
-  "__SClose": "___SClose_h5knv_gg_",
-  "_keyboardFocused": "__keyboardFocused_h5knv_gg_"
+  "__SWindow": "___SWindow_uvabr_gg_",
+  "__SOverlay": "___SOverlay_uvabr_gg_",
+  "__SClose": "___SClose_uvabr_gg_",
+  "_keyboardFocused": "__keyboardFocused_uvabr_gg_"
 });
 
 var ModalRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/lib/cjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport { IFadeInOutProps } from '@semcore/animation';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { IPortalProps } from '@semcore/portal';\nimport { Box, IBoxProps } from '@semcore/flex-box';\n\nexport interface IModalProps extends IPortalProps, IBoxProps, IFadeInOutProps {\n  /** Duration of animation, ms\n   * @default 200\n   */\n  duration?: number;\n  /** This property is responsible for the visibility of the modal window */\n  visible?: boolean;\n  /** Function called when the component is hidden */\n  onClose?: (\n    trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',\n    e?: React.MouseEvent | React.KeyboardEvent,\n  ) => void;\n  /** Displaying the close button(x) in the upper-right corner of the modal dialog\n   * @default true\n   * */\n  closable?: boolean;\n}\n\nexport interface IModalContext {\n  getOverlayProps: PropGetterFn;\n  getWindowProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n}\n\ndeclare const Modal: (<T>(props: CProps<IModalProps & T, IModalContext>) => ReturnEl) & {\n  Window: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n  Overlay: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n  Close: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n};\n\nexport default Modal;\n"],"mappings":""}

package/lib/es6/Modal.js

@@ -40,15 +40,15 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SWindow_h5knv_gg_{position:relative;border-radius:12px;background:#ffffff;box-sizing:border-box;margin:auto;padding:40px;box-shadow:0 3px 8px rgba(25,27,35,.2)}.___SWindow_h5knv_gg_:focus{outline:none}.___SOverlay_h5knv_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:40px;background:rgba(25,27,35,.7);overflow:auto;z-index:10005;-webkit-overflow-scrolling:touch}.___SOverlay_h5knv_gg_ .___SOverlay_h5knv_gg_{background:rgba(25,27,35,.4)}.___SClose_h5knv_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:12px;color:#a9abb6;cursor:pointer;z-index:1;border:none;background:none;outline:none}.___SClose_h5knv_gg_:hover{color:#8a8e9b}.___SClose_h5knv_gg_.__keyboardFocused_h5knv_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}@media (max-width:767px){.___SWindow_h5knv_gg_{min-width:60%}.___SOverlay_h5knv_gg_{padding:12px}}"
+".___SWindow_uvabr_gg_{position:relative;border-radius:12px;background:#ffffff;box-sizing:border-box;margin:auto;padding:40px;box-shadow:0 3px 8px rgba(25,27,35,.2)}.___SWindow_uvabr_gg_:focus{outline:none}.___SOverlay_uvabr_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:40px;background:rgba(25,27,35,.7);overflow:auto;z-index:10005;-webkit-overflow-scrolling:touch}.___SOverlay_uvabr_gg_ .___SOverlay_uvabr_gg_{background:rgba(25,27,35,.4)}.___SClose_uvabr_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:12px;color:#a9abb6;cursor:pointer;z-index:1;border:none;background:none;outline:none}.___SClose_uvabr_gg_:hover{color:#8a8e9b}.___SClose_uvabr_gg_.__keyboardFocused_uvabr_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}@media (max-width:767px){.___SWindow_uvabr_gg_{min-width:60%}.___SOverlay_uvabr_gg_{padding:12px}}"
 /*__inner_css_end__*/
-, "h5knv_gg_")
+, "uvabr_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SWindow": "___SWindow_h5knv_gg_",
-  "__SOverlay": "___SOverlay_h5knv_gg_",
-  "__SClose": "___SClose_h5knv_gg_",
-  "_keyboardFocused": "__keyboardFocused_h5knv_gg_"
+  "__SWindow": "___SWindow_uvabr_gg_",
+  "__SOverlay": "___SOverlay_uvabr_gg_",
+  "__SClose": "___SClose_uvabr_gg_",
+  "_keyboardFocused": "__keyboardFocused_uvabr_gg_"
 });
 
 var ModalRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport { IFadeInOutProps } from '@semcore/animation';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { IPortalProps } from '@semcore/portal';\nimport { Box, IBoxProps } from '@semcore/flex-box';\n\nexport interface IModalProps extends IPortalProps, IBoxProps, IFadeInOutProps {\n  /** Duration of animation, ms\n   * @default 200\n   */\n  duration?: number;\n  /** This property is responsible for the visibility of the modal window */\n  visible?: boolean;\n  /** Function called when the component is hidden */\n  onClose?: (\n    trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',\n    e?: React.MouseEvent | React.KeyboardEvent,\n  ) => void;\n  /** Displaying the close button(x) in the upper-right corner of the modal dialog\n   * @default true\n   * */\n  closable?: boolean;\n}\n\nexport interface IModalContext {\n  getOverlayProps: PropGetterFn;\n  getWindowProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n}\n\ndeclare const Modal: (<T>(props: CProps<IModalProps & T, IModalContext>) => ReturnEl) & {\n  Window: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n  Overlay: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n  Close: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n};\n\nexport default Modal;\n"],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/modal",
   "description": "Semrush Modal Component",
-  "version": "3.0.20",
+  "version": "3.0.22",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,7 +9,7 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "scripts": {
-    "build": "build --source=js",
+    "build": "pnpm semcore-builder --source=js",
     "test": "jest"
   },
   "dependencies": {
@@ -34,6 +34,7 @@
     "directory": "semcore/modal"
   },
   "devDependencies": {
+    "@types/react": "16.8 - 17",
     "@guidepup/playwright": "0.6.1",
     "@playwright/test": "1.25.1",
     "@semcore/jest-preset-ui": "1.0.0"

package/lib/cjs/index.d.ts

@@ -1,37 +0,0 @@
-import React, { ComponentProps } from 'react';
-import { IFadeInOutProps } from '@semcore/animation';
-import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
-import { IPortalProps } from '@semcore/portal';
-import { Box, IBoxProps } from '@semcore/flex-box';
-
-export interface IModalProps extends IPortalProps, IBoxProps, IFadeInOutProps {
-  /** Duration of animation, ms
-   * @default 200
-   */
-  duration?: number;
-  /** This property is responsible for the visibility of the modal window */
-  visible?: boolean;
-  /** Function called when the component is hidden */
-  onClose?: (
-    trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',
-    e?: React.MouseEvent | React.KeyboardEvent,
-  ) => void;
-  /** Displaying the close button(x) in the upper-right corner of the modal dialog
-   * @default true
-   * */
-  closable?: boolean;
-}
-
-export interface IModalContext {
-  getOverlayProps: PropGetterFn;
-  getWindowProps: PropGetterFn;
-  getCloseProps: PropGetterFn;
-}
-
-declare const Modal: (<T>(props: CProps<IModalProps & T, IModalContext>) => ReturnEl) & {
-  Window: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
-  Overlay: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
-  Close: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
-};
-
-export default Modal;

package/lib/es6/index.d.ts

@@ -1,37 +0,0 @@
-import React, { ComponentProps } from 'react';
-import { IFadeInOutProps } from '@semcore/animation';
-import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
-import { IPortalProps } from '@semcore/portal';
-import { Box, IBoxProps } from '@semcore/flex-box';
-
-export interface IModalProps extends IPortalProps, IBoxProps, IFadeInOutProps {
-  /** Duration of animation, ms
-   * @default 200
-   */
-  duration?: number;
-  /** This property is responsible for the visibility of the modal window */
-  visible?: boolean;
-  /** Function called when the component is hidden */
-  onClose?: (
-    trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',
-    e?: React.MouseEvent | React.KeyboardEvent,
-  ) => void;
-  /** Displaying the close button(x) in the upper-right corner of the modal dialog
-   * @default true
-   * */
-  closable?: boolean;
-}
-
-export interface IModalContext {
-  getOverlayProps: PropGetterFn;
-  getWindowProps: PropGetterFn;
-  getCloseProps: PropGetterFn;
-}
-
-declare const Modal: (<T>(props: CProps<IModalProps & T, IModalContext>) => ReturnEl) & {
-  Window: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
-  Overlay: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
-  Close: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
-};
-
-export default Modal;