@semcore/fullscreen-modal 1.6.2 → 1.6.5

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [1.6.5] - 2022-05-16
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [2.21.0 ~> 2.24.0]).
+
+## [1.6.4] - 2022-04-28
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [2.20.0 ~> 2.21.0]).
+
+## [1.6.3] - 2022-03-21
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [2.19.4 ~> 2.20.0]).
+
 ## [1.6.2] - 2022-03-14
 
 ### Changed

package/lib/cjs/FullscreenModal.js

@@ -119,7 +119,7 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref10;
 
       var SFullscreenModal = _modal["default"].Window;
@@ -153,7 +153,7 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(FullscreenModalRoot, "style", style);
 
 function Header(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref11;
 
   var SHeader = _flexBox.Box;
@@ -170,7 +170,7 @@ function Header(props) {
 }
 
 function Body(props) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref12;
 
   var SBody = _flexBox.Box;
@@ -178,7 +178,7 @@ function Body(props) {
 }
 
 function Section(props) {
-  var _ref4 = this ? this.asProps : arguments[0],
+  var _ref4 = arguments[0],
       _ref13;
 
   var SSection = _flexBox.Box;
@@ -186,7 +186,7 @@ function Section(props) {
 }
 
 function Footer(props) {
-  var _ref5 = this ? this.asProps : arguments[0],
+  var _ref5 = arguments[0],
       _ref14;
 
   var SFooter = _flexBox.Box;
@@ -194,7 +194,7 @@ function Footer(props) {
 }
 
 function Close(props) {
-  var _ref6 = this ? this.asProps : arguments[0],
+  var _ref6 = arguments[0],
       _ref15;
 
   var SClose = _l["default"];
@@ -202,7 +202,7 @@ function Close(props) {
 }
 
 function Title(props) {
-  var _ref7 = this ? this.asProps : arguments[0],
+  var _ref7 = arguments[0],
       _ref16;
 
   var STitle = _typography.Text;
@@ -212,7 +212,7 @@ function Title(props) {
 }
 
 function Description(props) {
-  var _ref8 = this ? this.asProps : arguments[0],
+  var _ref8 = arguments[0],
       _ref17;
 
   var SDescription = _typography.Text;
@@ -220,7 +220,7 @@ function Description(props) {
 }
 
 function Back(props) {
-  var _ref9 = this ? this.asProps : arguments[0],
+  var _ref9 = arguments[0],
       _ref18;
 
   var SBack = _flexBox.Box;

package/lib/cjs/index.d.ts

@@ -0,0 +1,41 @@
+import { ComponentProps } from 'react';
+import { ReturnEl, CProps, PropGetterFn } from '@semcore/core';
+import { IModalProps } from '@semcore/modal';
+import { Box, IBoxProps } from '@semcore/flex-box';
+import { IIconProps } from '@semcore/icon';
+import { Text } from '@semcore/typography';
+
+export interface IFullscreenModalProps extends IModalProps {
+  /** This property is responsible for the visibility of the modal window */
+  hidden?: boolean;
+  /** Function that is invoked when hiding a component */
+  onClose?: (
+    trigger: 'onBackClick' | 'onCloseClick' | 'onEscape' | 'onOutsideClick',
+    e?: React.MouseEvent | React.KeyboardEvent,
+  ) => void;
+}
+
+export interface IFullscreenModalHeaderProps extends IBoxProps {
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+}
+
+export interface IFullscreenModalContext {
+  getBackProps: PropGetterFn;
+  getCloseProps: PropGetterFn;
+}
+
+declare const FullscreenModal: (<T>(
+  props: CProps<IFullscreenModalProps & T, IFullscreenModalContext>,
+) => ReturnEl) & {
+  Header: <T>(props: IFullscreenModalHeaderProps & T) => ReturnEl;
+  Footer: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
+  Close: <T>(props: IIconProps & T) => ReturnEl;
+  Back: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
+  Body: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
+  Section: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
+  Title: <T>(props: ComponentProps<typeof Text> & T) => ReturnEl;
+  Description: <T>(props: ComponentProps<typeof Text> & T) => ReturnEl;
+};
+
+export default FullscreenModal;

package/lib/cjs/index.js

@@ -1,11 +1,10 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -13,21 +12,5 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _FullscreenModal = _interopRequireWildcard(require("./FullscreenModal"));
-
-Object.keys(_FullscreenModal).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _FullscreenModal[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _FullscreenModal[key];
-    }
-  });
-});
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _FullscreenModal = _interopRequireDefault(require("./FullscreenModal"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from './FullscreenModal';\nexport * from './FullscreenModal';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './FullscreenModal';\n"],"file":"index.js"}

package/lib/es6/FullscreenModal.js

@@ -102,7 +102,7 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref10;
 
       var SFullscreenModal = Modal.Window;
@@ -136,7 +136,7 @@ _defineProperty(FullscreenModalRoot, "displayName", 'FullscreenModal');
 _defineProperty(FullscreenModalRoot, "style", style);
 
 function Header(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref11;
 
   var SHeader = Box;
@@ -153,7 +153,7 @@ function Header(props) {
 }
 
 function Body(props) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref12;
 
   var SBody = Box;
@@ -161,7 +161,7 @@ function Body(props) {
 }
 
 function Section(props) {
-  var _ref4 = this ? this.asProps : arguments[0],
+  var _ref4 = arguments[0],
       _ref13;
 
   var SSection = Box;
@@ -169,7 +169,7 @@ function Section(props) {
 }
 
 function Footer(props) {
-  var _ref5 = this ? this.asProps : arguments[0],
+  var _ref5 = arguments[0],
       _ref14;
 
   var SFooter = Box;
@@ -177,7 +177,7 @@ function Footer(props) {
 }
 
 function Close(props) {
-  var _ref6 = this ? this.asProps : arguments[0],
+  var _ref6 = arguments[0],
       _ref15;
 
   var SClose = CloseIcon;
@@ -185,7 +185,7 @@ function Close(props) {
 }
 
 function Title(props) {
-  var _ref7 = this ? this.asProps : arguments[0],
+  var _ref7 = arguments[0],
       _ref16;
 
   var STitle = Text;
@@ -195,7 +195,7 @@ function Title(props) {
 }
 
 function Description(props) {
-  var _ref8 = this ? this.asProps : arguments[0],
+  var _ref8 = arguments[0],
       _ref17;
 
   var SDescription = Text;
@@ -203,7 +203,7 @@ function Description(props) {
 }
 
 function Back(props) {
-  var _ref9 = this ? this.asProps : arguments[0],
+  var _ref9 = arguments[0],
       _ref18;
 
   var SBack = Box;

package/lib/es6/index.d.ts

@@ -0,0 +1,41 @@
+import { ComponentProps } from 'react';
+import { ReturnEl, CProps, PropGetterFn } from '@semcore/core';
+import { IModalProps } from '@semcore/modal';
+import { Box, IBoxProps } from '@semcore/flex-box';
+import { IIconProps } from '@semcore/icon';
+import { Text } from '@semcore/typography';
+
+export interface IFullscreenModalProps extends IModalProps {
+  /** This property is responsible for the visibility of the modal window */
+  hidden?: boolean;
+  /** Function that is invoked when hiding a component */
+  onClose?: (
+    trigger: 'onBackClick' | 'onCloseClick' | 'onEscape' | 'onOutsideClick',
+    e?: React.MouseEvent | React.KeyboardEvent,
+  ) => void;
+}
+
+export interface IFullscreenModalHeaderProps extends IBoxProps {
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+}
+
+export interface IFullscreenModalContext {
+  getBackProps: PropGetterFn;
+  getCloseProps: PropGetterFn;
+}
+
+declare const FullscreenModal: (<T>(
+  props: CProps<IFullscreenModalProps & T, IFullscreenModalContext>,
+) => ReturnEl) & {
+  Header: <T>(props: IFullscreenModalHeaderProps & T) => ReturnEl;
+  Footer: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
+  Close: <T>(props: IIconProps & T) => ReturnEl;
+  Back: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
+  Body: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
+  Section: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
+  Title: <T>(props: ComponentProps<typeof Text> & T) => ReturnEl;
+  Description: <T>(props: ComponentProps<typeof Text> & T) => ReturnEl;
+};
+
+export default FullscreenModal;

package/lib/es6/index.js

@@ -1,3 +1,2 @@
 export { default } from './FullscreenModal';
-export * from './FullscreenModal';
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB;AACA,cAAc,mBAAd","sourcesContent":["export { default } from './FullscreenModal';\nexport * from './FullscreenModal';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB","sourcesContent":["export { default } from './FullscreenModal';\n"],"file":"index.js"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/fullscreen-modal",
   "description": "SEMRush FullscreenModal Component",
-  "version": "1.6.2",
+  "version": "1.6.5",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -30,5 +30,8 @@
     "type": "git",
     "url": "https://github.com/semrush/intergalactic.git",
     "directory": "semcore/fullscreen-modal"
+  },
+  "devDependencies": {
+    "@semcore/jest-preset-ui": "1.0.0"
   }
 }

package/src/index.js

@@ -1,2 +1 @@
 export { default } from './FullscreenModal';
-export * from './FullscreenModal';