@tecsinapse/react-web-kit 1.5.0 → 1.6.3

package/dist/components/atoms/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Modal/Modal.tsx"],"names":["Modal","children","open","onClose","style","state","defaultStyleOverlay","transitionStylesOverlay"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAQA,MAAMA,KAA2B,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,IAAZ;AAAkBC,EAAAA,OAAlB;AAA2BC,EAAAA;AAA3B,CAAD,KAAwC;AAC1E,SACE,4DACE,6BAAC,gBAAD;AAAS,IAAA,IAAI,EAAEF,IAAf;AAAqB,IAAA,OAAO,EAAEC,OAA9B;AAAuC,IAAA,MAAM,EAAC;AAA9C,IADF,EAEE,6BAAC,gCAAD;AAAY,IAAA,EAAE,EAAED,IAAhB;AAAsB,IAAA,OAAO,EAAE;AAA/B,KACGG,KAAK,IACJ,6BAAC,sBAAD;AACE,IAAA,KAAK,EAAE,EACL,GAAGD,KADE;AAEL,SAAGE,+BAFE;AAGL,SAAGC,oCAAwBF,KAAxB;AAHE;AADT,KAOGJ,QAPH,CAFJ,CAFF,CADF;AAkBD,CAnBD;;eAqBeD,K","sourcesContent":["import React, { CSSProperties } from 'react';\nimport { Transition } from 'react-transition-group';\nimport { Overlay } from '../Overlay';\nimport { ModalContainer } from './styled';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\n\nexport interface ModalProps {\n  open: boolean;\n  onClose: () => void;\n  style?: CSSProperties;\n}\n\nconst Modal: React.FC<ModalProps> = ({ children, open, onClose, style }) => {\n  return (\n    <>\n      <Overlay open={open} onClose={onClose} zIndex=\"modal\" />\n      <Transition in={open} timeout={400}>\n        {state => (\n          <ModalContainer\n            style={{\n              ...style,\n              ...defaultStyleOverlay,\n              ...transitionStylesOverlay[state],\n            }}\n          >\n            {children}\n          </ModalContainer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Modal;\n"],"file":"Modal.js"}

package/dist/components/atoms/Modal/animations.d.ts

@@ -0,0 +1,23 @@
+export declare const defaultStyleOverlay: {
+    transition: string;
+    opacity: number;
+    visibility: string;
+};
+export declare const transitionStylesOverlay: {
+    entering: {
+        opacity: number;
+        visibility: string;
+    };
+    entered: {
+        opacity: number;
+        visibility: string;
+    };
+    exiting: {
+        opacity: number;
+        visibility: string;
+    };
+    exited: {
+        opacity: number;
+        visibility: string;
+    };
+};

package/dist/components/atoms/Modal/animations.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transitionStylesOverlay = exports.defaultStyleOverlay = void 0;
+const defaultStyleOverlay = {
+  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,
+  opacity: 0,
+  visibility: 'hidden'
+};
+exports.defaultStyleOverlay = defaultStyleOverlay;
+const transitionStylesOverlay = {
+  entering: {
+    opacity: 1,
+    visibility: 'visible'
+  },
+  entered: {
+    opacity: 1,
+    visibility: 'visible'
+  },
+  exiting: {
+    opacity: 0,
+    visibility: 'visible'
+  },
+  exited: {
+    opacity: 0,
+    visibility: 'hidden'
+  }
+};
+exports.transitionStylesOverlay = transitionStylesOverlay;
+//# sourceMappingURL=animations.js.map

package/dist/components/atoms/Modal/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Modal/animations.ts"],"names":["defaultStyleOverlay","transition","opacity","visibility","transitionStylesOverlay","entering","entered","exiting","exited"],"mappings":";;;;;;AAAO,MAAMA,mBAAmB,GAAG;AACjCC,EAAAA,UAAU,EAAG,yDADoB;AAEjCC,EAAAA,OAAO,EAAE,CAFwB;AAGjCC,EAAAA,UAAU,EAAE;AAHqB,CAA5B;;AAMA,MAAMC,uBAAuB,GAAG;AACrCC,EAAAA,QAAQ,EAAE;AAAEH,IAAAA,OAAO,EAAE,CAAX;AAAcC,IAAAA,UAAU,EAAE;AAA1B,GAD2B;AAErCG,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,OAAO,EAAE,CAAX;AAAcC,IAAAA,UAAU,EAAE;AAA1B,GAF4B;AAGrCI,EAAAA,OAAO,EAAE;AAAEL,IAAAA,OAAO,EAAE,CAAX;AAAcC,IAAAA,UAAU,EAAE;AAA1B,GAH4B;AAIrCK,EAAAA,MAAM,EAAE;AAAEN,IAAAA,OAAO,EAAE,CAAX;AAAcC,IAAAA,UAAU,EAAE;AAA1B;AAJ6B,CAAhC","sourcesContent":["export const defaultStyleOverlay = {\n  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,\n  opacity: 0,\n  visibility: 'hidden',\n};\n\nexport const transitionStylesOverlay = {\n  entering: { opacity: 1, visibility: 'visible' },\n  entered: { opacity: 1, visibility: 'visible' },\n  exiting: { opacity: 0, visibility: 'visible' },\n  exited: { opacity: 0, visibility: 'hidden' },\n};\n"],"file":"animations.js"}

package/dist/components/atoms/Modal/index.d.ts

@@ -0,0 +1 @@
+export { default as Modal, ModalProps } from './Modal';

package/dist/components/atoms/Modal/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function () {
+    return _Modal.default;
+  }
+});
+Object.defineProperty(exports, "ModalProps", {
+  enumerable: true,
+  get: function () {
+    return _Modal.ModalProps;
+  }
+});
+
+var _Modal = _interopRequireWildcard(require("./Modal"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Modal/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA","sourcesContent":["export { default as Modal, ModalProps } from './Modal';\n"],"file":"index.js"}

package/dist/components/atoms/Modal/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ModalContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/atoms/Modal/styled.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalContainer = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _reactCore = require("@tecsinapse/react-core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ModalContainer = (0, _styled.default)('div')`
+  background-color: ${({
+  theme
+}) => theme.miscellaneous.surfaceColor};
+  margin: auto;
+  position: fixed;
+  z-index: ${({
+  theme
+}) => theme.zIndex.modal};
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  border-radius: ${({
+  theme
+}) => theme.borderRadius.micro};
+  padding: ${({
+  theme
+}) => theme.spacing.kilo};
+  display: flex;
+  box-shadow: 0 2px 8px
+    ${({
+  theme
+}) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.08)};
+`;
+exports.ModalContainer = ModalContainer;
+//# sourceMappingURL=styled.js.map

package/dist/components/atoms/Modal/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Modal/styled.ts"],"names":["ModalContainer","theme","miscellaneous","surfaceColor","zIndex","modal","borderRadius","micro","spacing","kilo","shadow"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,cAAc,GAAG,qBAAO,KAAP,CAAmC;AACjE,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE;AACA;AACA,aAAa,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACG,MAAN,CAAaC,KAAM;AAC/C;AACA;AACA;AACA,mBAAmB,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACK,YAAN,CAAmBC,KAAM;AAC3D,aAAa,CAAC;AAAEN,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACO,OAAN,CAAcC,IAAK;AAC/C;AACA;AACA,MAAM,CAAC;AAAER,EAAAA;AAAF,CAAD,KAAe,yBAASA,KAAK,CAACC,aAAN,CAAoBQ,MAA7B,EAAqC,IAArC,CAA2C;AAChE,CAbO","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const ModalContainer = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  margin: auto;\n  position: fixed;\n  z-index: ${({ theme }) => theme.zIndex.modal};\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: ${({ theme }) => theme.borderRadius.micro};\n  padding: ${({ theme }) => theme.spacing.kilo};\n  display: flex;\n  box-shadow: 0 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.08)};\n`;\n"],"file":"styled.js"}

package/dist/components/atoms/Overlay/Overlay.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ZIndex } from '@tecsinapse/react-core';
+export interface OverlayProps {
+    timeout?: number;
+    open: boolean;
+    onClose: () => void;
+    zIndex: keyof ZIndex;
+}
+declare const Overlay: React.FC<OverlayProps>;
+export default Overlay;

package/dist/components/atoms/Overlay/Overlay.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactTransitionGroup = require("react-transition-group");
+
+var _animations = require("./animations");
+
+var _styled = require("./styled");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Overlay = ({
+  timeout = 300,
+  open,
+  onClose,
+  zIndex = 'default',
+  children
+}) => {
+  return _react.default.createElement(_reactTransitionGroup.Transition, {
+    in: open,
+    timeout: timeout
+  }, state => _react.default.createElement(_styled.StyledOverlay, {
+    style: { ..._animations.defaultStyleOverlay,
+      ..._animations.transitionStylesOverlay[state]
+    },
+    onClick: open ? onClose : undefined,
+    show: open,
+    zIndex: zIndex
+  }, children));
+};
+
+var _default = Overlay;
+exports.default = _default;
+//# sourceMappingURL=Overlay.js.map

package/dist/components/atoms/Overlay/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Overlay/Overlay.tsx"],"names":["Overlay","timeout","open","onClose","zIndex","children","state","defaultStyleOverlay","transitionStylesOverlay","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AASA,MAAMA,OAA+B,GAAG,CAAC;AACvCC,EAAAA,OAAO,GAAG,GAD6B;AAEvCC,EAAAA,IAFuC;AAGvCC,EAAAA,OAHuC;AAIvCC,EAAAA,MAAM,GAAG,SAJ8B;AAKvCC,EAAAA;AALuC,CAAD,KAMlC;AACJ,SACE,6BAAC,gCAAD;AAAY,IAAA,EAAE,EAAEH,IAAhB;AAAsB,IAAA,OAAO,EAAED;AAA/B,KACGK,KAAK,IACJ,6BAAC,qBAAD;AACE,IAAA,KAAK,EAAE,EACL,GAAGC,+BADE;AAEL,SAAGC,oCAAwBF,KAAxB;AAFE,KADT;AAKE,IAAA,OAAO,EAAEJ,IAAI,GAAGC,OAAH,GAAaM,SAL5B;AAME,IAAA,IAAI,EAAEP,IANR;AAOE,IAAA,MAAM,EAAEE;AAPV,KASGC,QATH,CAFJ,CADF;AAiBD,CAxBD;;eA0BeL,O","sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { ZIndex } from '@tecsinapse/react-core';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\nimport { StyledOverlay } from './styled';\n\nexport interface OverlayProps {\n  timeout?: number;\n  open: boolean;\n  onClose: () => void;\n  zIndex: keyof ZIndex;\n}\n\nconst Overlay: React.FC<OverlayProps> = ({\n  timeout = 300,\n  open,\n  onClose,\n  zIndex = 'default',\n  children,\n}) => {\n  return (\n    <Transition in={open} timeout={timeout}>\n      {state => (\n        <StyledOverlay\n          style={{\n            ...defaultStyleOverlay,\n            ...transitionStylesOverlay[state],\n          }}\n          onClick={open ? onClose : undefined}\n          show={open}\n          zIndex={zIndex}\n        >\n          {children}\n        </StyledOverlay>\n      )}\n    </Transition>\n  );\n};\n\nexport default Overlay;\n"],"file":"Overlay.js"}

package/dist/components/atoms/Overlay/animations.d.ts

@@ -0,0 +1,18 @@
+export declare const defaultStyleOverlay: {
+    transition: string;
+    opacity: number;
+};
+export declare const transitionStylesOverlay: {
+    entering: {
+        opacity: number;
+    };
+    entered: {
+        opacity: number;
+    };
+    exiting: {
+        opacity: number;
+    };
+    exited: {
+        opacity: number;
+    };
+};

package/dist/components/atoms/Overlay/animations.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transitionStylesOverlay = exports.defaultStyleOverlay = void 0;
+const defaultStyleOverlay = {
+  transition: `opacity 700ms ease-in-out`,
+  opacity: 0
+};
+exports.defaultStyleOverlay = defaultStyleOverlay;
+const transitionStylesOverlay = {
+  entering: {
+    opacity: 1
+  },
+  entered: {
+    opacity: 1
+  },
+  exiting: {
+    opacity: 0
+  },
+  exited: {
+    opacity: 0
+  }
+};
+exports.transitionStylesOverlay = transitionStylesOverlay;
+//# sourceMappingURL=animations.js.map

package/dist/components/atoms/Overlay/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Overlay/animations.ts"],"names":["defaultStyleOverlay","transition","opacity","transitionStylesOverlay","entering","entered","exiting","exited"],"mappings":";;;;;;AAAO,MAAMA,mBAAmB,GAAG;AACjCC,EAAAA,UAAU,EAAG,2BADoB;AAEjCC,EAAAA,OAAO,EAAE;AAFwB,CAA5B;;AAKA,MAAMC,uBAAuB,GAAG;AACrCC,EAAAA,QAAQ,EAAE;AAAEF,IAAAA,OAAO,EAAE;AAAX,GAD2B;AAErCG,EAAAA,OAAO,EAAE;AAAEH,IAAAA,OAAO,EAAE;AAAX,GAF4B;AAGrCI,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,OAAO,EAAE;AAAX,GAH4B;AAIrCK,EAAAA,MAAM,EAAE;AAAEL,IAAAA,OAAO,EAAE;AAAX;AAJ6B,CAAhC","sourcesContent":["export const defaultStyleOverlay = {\n  transition: `opacity 700ms ease-in-out`,\n  opacity: 0,\n};\n\nexport const transitionStylesOverlay = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n  exited: { opacity: 0 },\n};\n"],"file":"animations.js"}

package/dist/components/atoms/Overlay/index.d.ts

@@ -0,0 +1 @@
+export { default as Overlay } from './Overlay';

package/dist/components/atoms/Overlay/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Overlay", {
+  enumerable: true,
+  get: function () {
+    return _Overlay.default;
+  }
+});
+
+var _Overlay = _interopRequireDefault(require("./Overlay"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Overlay/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default as Overlay } from './Overlay';\n"],"file":"index.js"}

package/dist/components/atoms/Overlay/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledOverlay: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/atoms/Overlay/styled.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledOverlay = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _reactCore = require("@tecsinapse/react-core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const StyledOverlay = (0, _styled.default)('div')`
+  background: ${({
+  theme
+}) => (0, _reactCore.hex2rgba)(theme.miscellaneous.overlay, 0.5)};
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  z-index: ${({
+  theme,
+  show,
+  zIndex
+}) => show ? theme.zIndex[zIndex] - 1 : -1};
+  cursor: ${({
+  show
+}) => show ? 'pointer' : 'default'};
+  position: fixed;
+  align-items: center;
+  justify-content: center;
+`;
+exports.StyledOverlay = StyledOverlay;
+//# sourceMappingURL=styled.js.map

package/dist/components/atoms/Overlay/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Overlay/styled.ts"],"names":["StyledOverlay","theme","miscellaneous","overlay","show","zIndex"],"mappings":";;;;;;;AAAA;;AACA;;;;AAIO,MAAMA,aAAa,GAAG,qBAAO,KAAP,CAAmD;AAChF,gBAAgB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KACZ,yBAASA,KAAK,CAACC,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAA2C;AAC/C;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;AAAEF,EAAAA,KAAF;AAASG,EAAAA,IAAT;AAAeC,EAAAA;AAAf,CAAD,KACTD,IAAI,GAAGH,KAAK,CAACI,MAAN,CAAaA,MAAb,IAAuB,CAA1B,GAA8B,CAAC,CAAE;AACzC,YAAY,CAAC;AAAED,EAAAA;AAAF,CAAD,KAAeA,IAAI,GAAG,SAAH,GAAe,SAAW;AACzD;AACA;AACA;AACA,CAdO","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps, ZIndex } from '@tecsinapse/react-core';\n\ntype InjectedProps = { show: boolean; zIndex: keyof ZIndex };\n\nexport const StyledOverlay = styled('div')<Partial<StyleProps> & InjectedProps>`\n  background: ${({ theme }: StyleProps) =>\n    hex2rgba(theme.miscellaneous.overlay, 0.5)};\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: ${({ theme, show, zIndex }: StyleProps & InjectedProps) =>\n    show ? theme.zIndex[zIndex] - 1 : -1};\n  cursor: ${({ show }) => (show ? 'pointer' : 'default')};\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n`;\n"],"file":"styled.js"}

package/dist/components/atoms/Skeleton/index.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "SkeletonProps", {
 
 var _Skeleton = _interopRequireWildcard(require("./Skeleton"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+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; }
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Table/Toolbar/index.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "TableToolbarProps", {
 
 var _TableToolbar = _interopRequireWildcard(require("./TableToolbar"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+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; }
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Tag/index.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "TagProps", {
 
 var _Tag = _interopRequireWildcard(require("./Tag"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+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; }
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/index.js

@@ -27,7 +27,7 @@ Object.keys(_BreadcrumbItem).forEach(function (key) {
   });
 });
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+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; }
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,11 +1,11 @@
 import { ElementType, FC } from 'react';
-declare type Breadcrumb = {
+export declare type BreadcrumbType = {
     title: string;
     Component: ElementType;
-    componentProps?: any;
+    props?: any;
 };
 export interface BreadcrumbsProps {
-    breadcrumbs: Breadcrumb[];
+    breadcrumbs: BreadcrumbType[];
 }
 declare const Breadcrumbs: FC<BreadcrumbsProps>;
 export default Breadcrumbs;

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js

@@ -18,14 +18,14 @@ const Breadcrumbs = ({
 }) => {
   return _react.default.createElement(_styled.StyledContainerBreadcrumbs, null, breadcrumbs.map((item, index) => {
     const {
-      componentProps,
-      Component,
+      props,
+      Component = 'a',
       title
     } = item;
     return _react.default.createElement(_BreadcrumbItem.BreadcrumbItem, {
       key: index,
       Component: Component,
-      props: componentProps,
+      props: props,
       isLast: breadcrumbs.length - 1 === index,
       title: title
     });

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Breadcrumbs/Breadcrumbs.tsx"],"names":["Breadcrumbs","breadcrumbs","map","item","index","componentProps","Component","title","length"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAYA,MAAMA,WAAiC,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAqB;AAC7D,SACE,6BAAC,kCAAD,QACGA,WAAW,CAACC,GAAZ,CAAgB,CAACC,IAAD,EAAOC,KAAP,KAAiB;AAChC,UAAM;AAAEC,MAAAA,cAAF;AAAkBC,MAAAA,SAAlB;AAA6BC,MAAAA;AAA7B,QAAuCJ,IAA7C;AACA,WACE,6BAAC,8BAAD;AACE,MAAA,GAAG,EAAEC,KADP;AAEE,MAAA,SAAS,EAAEE,SAFb;AAGE,MAAA,KAAK,EAAED,cAHT;AAIE,MAAA,MAAM,EAAEJ,WAAW,CAACO,MAAZ,GAAqB,CAArB,KAA2BJ,KAJrC;AAKE,MAAA,KAAK,EAAEG;AALT,MADF;AASD,GAXA,CADH,CADF;AAgBD,CAjBD;;eAmBeP,W","sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { StyledContainerBreadcrumbs } from './styled';\nimport { BreadcrumbItem } from './BreadcrumbItem';\n\ntype Breadcrumb = {\n  title: string;\n  Component: ElementType;\n  componentProps?: any;\n};\n\nexport interface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nconst Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs }) => {\n  return (\n    <StyledContainerBreadcrumbs>\n      {breadcrumbs.map((item, index) => {\n        const { componentProps, Component, title } = item;\n        return (\n          <BreadcrumbItem\n            key={index}\n            Component={Component}\n            props={componentProps}\n            isLast={breadcrumbs.length - 1 === index}\n            title={title}\n          />\n        );\n      })}\n    </StyledContainerBreadcrumbs>\n  );\n};\n\nexport default Breadcrumbs;\n"],"file":"Breadcrumbs.js"}
+{"version":3,"sources":["../../../../src/components/molecules/Breadcrumbs/Breadcrumbs.tsx"],"names":["Breadcrumbs","breadcrumbs","map","item","index","props","Component","title","length"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAYA,MAAMA,WAAiC,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAqB;AAC7D,SACE,6BAAC,kCAAD,QACGA,WAAW,CAACC,GAAZ,CAAgB,CAACC,IAAD,EAAOC,KAAP,KAAiB;AAChC,UAAM;AAAEC,MAAAA,KAAF;AAASC,MAAAA,SAAS,GAAG,GAArB;AAA0BC,MAAAA;AAA1B,QAAoCJ,IAA1C;AACA,WACE,6BAAC,8BAAD;AACE,MAAA,GAAG,EAAEC,KADP;AAEE,MAAA,SAAS,EAAEE,SAFb;AAGE,MAAA,KAAK,EAAED,KAHT;AAIE,MAAA,MAAM,EAAEJ,WAAW,CAACO,MAAZ,GAAqB,CAArB,KAA2BJ,KAJrC;AAKE,MAAA,KAAK,EAAEG;AALT,MADF;AASD,GAXA,CADH,CADF;AAgBD,CAjBD;;eAmBeP,W","sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { StyledContainerBreadcrumbs } from './styled';\nimport { BreadcrumbItem } from './BreadcrumbItem';\n\nexport type BreadcrumbType = {\n  title: string;\n  Component: ElementType;\n  props?: any;\n};\n\nexport interface BreadcrumbsProps {\n  breadcrumbs: BreadcrumbType[];\n}\n\nconst Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs }) => {\n  return (\n    <StyledContainerBreadcrumbs>\n      {breadcrumbs.map((item, index) => {\n        const { props, Component = 'a', title } = item;\n        return (\n          <BreadcrumbItem\n            key={index}\n            Component={Component}\n            props={props}\n            isLast={breadcrumbs.length - 1 === index}\n            title={title}\n          />\n        );\n      })}\n    </StyledContainerBreadcrumbs>\n  );\n};\n\nexport default Breadcrumbs;\n"],"file":"Breadcrumbs.js"}

package/dist/components/molecules/Breadcrumbs/index.d.ts

@@ -1 +1 @@
-export { default as Breadcrumbs, BreadcrumbsProps } from './Breadcrumbs';
+export { default as Breadcrumbs, BreadcrumbsProps, BreadcrumbType, } from './Breadcrumbs';

package/dist/components/molecules/Breadcrumbs/index.js

@@ -15,10 +15,16 @@ Object.defineProperty(exports, "BreadcrumbsProps", {
     return _Breadcrumbs.BreadcrumbsProps;
   }
 });
+Object.defineProperty(exports, "BreadcrumbType", {
+  enumerable: true,
+  get: function () {
+    return _Breadcrumbs.BreadcrumbType;
+  }
+});
 
 var _Breadcrumbs = _interopRequireWildcard(require("./Breadcrumbs"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+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; }
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/Breadcrumbs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Breadcrumbs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA","sourcesContent":["export { default as Breadcrumbs, BreadcrumbsProps } from './Breadcrumbs';\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/components/molecules/Breadcrumbs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA","sourcesContent":["export {\n  default as Breadcrumbs,\n  BreadcrumbsProps,\n  BreadcrumbType,\n} from './Breadcrumbs';\n"],"file":"index.js"}

package/dist/components/molecules/Drawer/Drawer.js

@@ -11,6 +11,8 @@ var _styled = require("./styled");
 
 var _reactTransitionGroup = require("react-transition-group");
 
+var _Overlay = require("../../atoms/Overlay");
+
 var _animations = require("./animations");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -38,17 +40,12 @@ const Drawer = ({
     }
   };
 
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_reactTransitionGroup.Transition, {
-    in: open,
-    timeout: 300
-  }, state => _react.default.createElement("div", {
-    style: { ..._animations.defaultStyleOverlay,
-      ..._animations.transitionStylesOverlay[state]
-    }
-  }, _react.default.createElement(_styled.StyledOverlay, {
-    onClick: open ? onClose : undefined,
-    show: open
-  }))), _react.default.createElement(_reactTransitionGroup.Transition, {
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Overlay.Overlay, {
+    timeout: 300,
+    open: open,
+    onClose: onClose,
+    zIndex: "drawer"
+  }), _react.default.createElement(_reactTransitionGroup.Transition, {
     in: open,
     timeout: 300
   }, state => _react.default.createElement(_styled.StyledContainerDrawer, {