@tecsinapse/react-web-kit 1.21.3 → 1.22.0

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

@@ -1,69 +1,83 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var React = require('react');
+var styled = require('./styled.js');
+var reactTransitionGroup = require('react-transition-group');
+var Overlay = require('../../atoms/Overlay/Overlay.js');
+var animations = require('./animations.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _styled = require("./styled");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Drawer = _ref => {
-  let {
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Drawer = (_a) => {
+  var _b = _a, {
     open,
-    anchorPosition = 'right',
+    anchorPosition = "right",
     onClose,
     children,
-    style,
-    ...rest
-  } = _ref;
-
-  const getStyles = (anchorPosition, state) => {
-    const stylesLeftRight = (0, _animations.defaultStylesLeftRight)(anchorPosition);
-    const transitionLeftRight = (0, _animations.transitionStylesLeftRight)(anchorPosition);
-    const stylesTopBottom = (0, _animations.defaultStylesTopBottom)(anchorPosition);
-    const transitionTopBottom = (0, _animations.transitionStylesTopBottom)(anchorPosition);
-
-    if (['left', 'right'].includes(anchorPosition)) {
-      return { ...stylesLeftRight,
-        ...transitionLeftRight[state]
-      };
+    style
+  } = _b, rest = __objRest(_b, [
+    "open",
+    "anchorPosition",
+    "onClose",
+    "children",
+    "style"
+  ]);
+  const getStyles = (anchorPosition2, state) => {
+    const stylesLeftRight = animations.defaultStylesLeftRight(anchorPosition2);
+    const transitionLeftRight = animations.transitionStylesLeftRight(anchorPosition2);
+    const stylesTopBottom = animations.defaultStylesTopBottom(anchorPosition2);
+    const transitionTopBottom = animations.transitionStylesTopBottom(anchorPosition2);
+    if (["left", "right"].includes(anchorPosition2)) {
+      return __spreadValues(__spreadValues({}, stylesLeftRight), transitionLeftRight[state]);
     } else {
-      return { ...stylesTopBottom,
-        ...transitionTopBottom[state]
-      };
+      return __spreadValues(__spreadValues({}, stylesTopBottom), transitionTopBottom[state]);
     }
   };
-
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Overlay.Overlay, {
+  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Overlay, {
     timeout: 300,
-    open: open,
-    onClose: onClose,
+    open,
+    onClose,
     zIndex: "drawer"
-  }), _react.default.createElement(_reactTransitionGroup.Transition, {
+  }), /* @__PURE__ */ React__default["default"].createElement(reactTransitionGroup.Transition, {
     in: open,
     timeout: 300
-  }, state => _react.default.createElement(_styled.StyledContainerDrawer, _extends({
-    style: { ...style,
-      ...getStyles(anchorPosition, state)
-    },
-    anchorPosition: anchorPosition,
-    onClose: onClose,
-    open: open
+  }, (state) => /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerDrawer, __spreadValues({
+    style: __spreadValues(__spreadValues({}, style), getStyles(anchorPosition, state)),
+    anchorPosition,
+    onClose,
+    open
   }, rest), children)));
 };
 
-var _default = Drawer;
-exports.default = _default;
-//# sourceMappingURL=Drawer.js.map
+module.exports = Drawer;
+//# sourceMappingURL=Drawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["Drawer","open","anchorPosition","onClose","children","style","rest","getStyles","state","stylesLeftRight","defaultStylesLeftRight","transitionLeftRight","transitionStylesLeftRight","stylesTopBottom","defaultStylesTopBottom","transitionTopBottom","transitionStylesTopBottom","includes"],"sources":["../../../../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledContainerDrawer } from './styled';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { Overlay } from '../../atoms/Overlay';\nimport {\n  transitionStylesTopBottom,\n  defaultStylesTopBottom,\n  defaultStylesLeftRight,\n  transitionStylesLeftRight,\n} from './animations';\n\ntype AnchorPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n  anchorPosition: AnchorPosition;\n}\n\nconst Drawer: FC<DrawerProps> = ({\n  open,\n  anchorPosition = 'right',\n  onClose,\n  children,\n  style,\n  ...rest\n}) => {\n  const getStyles = (\n    anchorPosition: AnchorPosition,\n    state: TransitionStatus\n  ) => {\n    const stylesLeftRight = defaultStylesLeftRight(anchorPosition);\n    const transitionLeftRight = transitionStylesLeftRight(anchorPosition);\n    const stylesTopBottom = defaultStylesTopBottom(anchorPosition);\n    const transitionTopBottom = transitionStylesTopBottom(anchorPosition);\n\n    if (['left', 'right'].includes(anchorPosition)) {\n      return {\n        ...stylesLeftRight,\n        ...transitionLeftRight[state],\n      };\n    } else {\n      return {\n        ...stylesTopBottom,\n        ...transitionTopBottom[state],\n      };\n    }\n  };\n\n  return (\n    <>\n      <Overlay timeout={300} open={open} onClose={onClose} zIndex=\"drawer\" />\n      <Transition in={open} timeout={300}>\n        {state => (\n          <StyledContainerDrawer\n            style={{ ...style, ...getStyles(anchorPosition, state) }}\n            anchorPosition={anchorPosition}\n            onClose={onClose}\n            open={open}\n            {...rest}\n          >\n            {children}\n          </StyledContainerDrawer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Drawer;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAeA,MAAMA,MAAuB,GAAG,QAO1B;EAAA,IAP2B;IAC/BC,IAD+B;IAE/BC,cAAc,GAAG,OAFc;IAG/BC,OAH+B;IAI/BC,QAJ+B;IAK/BC,KAL+B;IAM/B,GAAGC;EAN4B,CAO3B;;EACJ,MAAMC,SAAS,GAAG,CAChBL,cADgB,EAEhBM,KAFgB,KAGb;IACH,MAAMC,eAAe,GAAG,IAAAC,kCAAA,EAAuBR,cAAvB,CAAxB;IACA,MAAMS,mBAAmB,GAAG,IAAAC,qCAAA,EAA0BV,cAA1B,CAA5B;IACA,MAAMW,eAAe,GAAG,IAAAC,kCAAA,EAAuBZ,cAAvB,CAAxB;IACA,MAAMa,mBAAmB,GAAG,IAAAC,qCAAA,EAA0Bd,cAA1B,CAA5B;;IAEA,IAAI,CAAC,MAAD,EAAS,OAAT,EAAkBe,QAAlB,CAA2Bf,cAA3B,CAAJ,EAAgD;MAC9C,OAAO,EACL,GAAGO,eADE;QAEL,GAAGE,mBAAmB,CAACH,KAAD;MAFjB,CAAP;IAID,CALD,MAKO;MACL,OAAO,EACL,GAAGK,eADE;QAEL,GAAGE,mBAAmB,CAACP,KAAD;MAFjB,CAAP;IAID;EACF,CApBD;;EAsBA,OACE,4DACE,6BAAC,gBAAD;IAAS,OAAO,EAAE,GAAlB;IAAuB,IAAI,EAAEP,IAA7B;IAAmC,OAAO,EAAEE,OAA5C;IAAqD,MAAM,EAAC;EAA5D,EADF,EAEE,6BAAC,gCAAD;IAAY,EAAE,EAAEF,IAAhB;IAAsB,OAAO,EAAE;EAA/B,GACGO,KAAK,IACJ,6BAAC,6BAAD;IACE,KAAK,EAAE,EAAE,GAAGH,KAAL;MAAY,GAAGE,SAAS,CAACL,cAAD,EAAiBM,KAAjB;IAAxB,CADT;IAEE,cAAc,EAAEN,cAFlB;IAGE,OAAO,EAAEC,OAHX;IAIE,IAAI,EAAEF;EAJR,GAKMK,IALN,GAOGF,QAPH,CAFJ,CAFF,CADF;AAkBD,CAhDD;;eAkDeJ,M"}
+{"version":3,"file":"Drawer.js","sources":["../../../../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledContainerDrawer } from './styled';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { Overlay } from '../../atoms/Overlay';\nimport {\n  transitionStylesTopBottom,\n  defaultStylesTopBottom,\n  defaultStylesLeftRight,\n  transitionStylesLeftRight,\n} from './animations';\n\ntype AnchorPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n  anchorPosition: AnchorPosition;\n}\n\nconst Drawer: FC<DrawerProps> = ({\n  open,\n  anchorPosition = 'right',\n  onClose,\n  children,\n  style,\n  ...rest\n}) => {\n  const getStyles = (\n    anchorPosition: AnchorPosition,\n    state: TransitionStatus\n  ) => {\n    const stylesLeftRight = defaultStylesLeftRight(anchorPosition);\n    const transitionLeftRight = transitionStylesLeftRight(anchorPosition);\n    const stylesTopBottom = defaultStylesTopBottom(anchorPosition);\n    const transitionTopBottom = transitionStylesTopBottom(anchorPosition);\n\n    if (['left', 'right'].includes(anchorPosition)) {\n      return {\n        ...stylesLeftRight,\n        ...transitionLeftRight[state],\n      };\n    } else {\n      return {\n        ...stylesTopBottom,\n        ...transitionTopBottom[state],\n      };\n    }\n  };\n\n  return (\n    <>\n      <Overlay timeout={300} open={open} onClose={onClose} zIndex=\"drawer\" />\n      <Transition in={open} timeout={300}>\n        {state => (\n          <StyledContainerDrawer\n            style={{ ...style, ...getStyles(anchorPosition, state) }}\n            anchorPosition={anchorPosition}\n            onClose={onClose}\n            open={open}\n            {...rest}\n          >\n            {children}\n          </StyledContainerDrawer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Drawer;\n"],"names":["anchorPosition","defaultStylesLeftRight","transitionStylesLeftRight","defaultStylesTopBottom","transitionStylesTopBottom","React","Transition","StyledContainerDrawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,MAAA,MAAA,GAA0B,CAAC,EAO3B,KAAA;AAP2B,EAC/B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,cAAiB,GAAA,OAAA;AAAA,IACjB,OAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,GAxBF,GAmBiC,EAM5B,EAAA,IAAA,GAAA,SAAA,CAN4B,EAM5B,EAAA;AAAA,IALH,MAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,SAAA,GAAY,CAChBA,eAAAA,EACA,KACG,KAAA;AACH,IAAM,MAAA,eAAA,GAAkBC,kCAAuBD,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsBE,qCAA0BF,eAAc,CAAA,CAAA;AACpE,IAAM,MAAA,eAAA,GAAkBG,kCAAuBH,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsBI,qCAA0BJ,eAAc,CAAA,CAAA;AAEpE,IAAA,IAAI,CAAC,MAAQ,EAAA,OAAO,CAAE,CAAA,QAAA,CAASA,eAAc,CAAG,EAAA;AAC9C,MAAO,OAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,kBACA,mBAAoB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KAEpB,MAAA;AACL,MAAO,OAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,kBACA,mBAAoB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KAE3B;AAAA,GACF,CAAA;AAEA,EAAA,yHAEKK,yBAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,OAAS,EAAA,GAAA;AAAA,IAAK,IAAA;AAAA,IAAY,OAAA;AAAA,IAAkB,MAAO,EAAA,QAAA;AAAA,GAAS,mBACpEA,yBAAA,CAAA,aAAA,CAAAC,+BAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAS,EAAA,GAAA;AAAA,GAAA,EAC5B,2BACED,yBAAA,CAAA,aAAA,CAAAE,4BAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EAAK,KAAU,CAAA,EAAA,SAAA,CAAU,gBAAgB,KAAK,CAAA,CAAA;AAAA,IACrD,cAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,GACI,EAAA,IAAA,CAAA,EAEH,QACH,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,79 +1,58 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.transitionStylesTopBottom = exports.transitionStylesLeftRight = exports.transformTopBottomOpen = exports.transformTopBottomClose = exports.transformLeftRigthOpen = exports.transformLeftRigthClose = exports.defaultStylesTopBottom = exports.defaultStylesLeftRight = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const transformLeftRigthClose = anchorPosition => anchorPosition === 'right' ? 'translateX(100%)' : 'translateX(-100%)';
-
-exports.transformLeftRigthClose = transformLeftRigthClose;
-const transformLeftRigthOpen = 'translateX(0)';
-exports.transformLeftRigthOpen = transformLeftRigthOpen;
-
-const transformTopBottomClose = anchorPosition => anchorPosition === 'top' ? 'translateY(-100%)' : 'translateY(100%)';
-
-exports.transformTopBottomClose = transformTopBottomClose;
-const transformTopBottomOpen = 'translateY(0%)';
-exports.transformTopBottomOpen = transformTopBottomOpen;
-
-const defaultStylesLeftRight = anchorPosition => {
+const transformLeftRigthClose = (anchorPosition) => anchorPosition === "right" ? "translateX(100%)" : "translateX(-100%)";
+const transformLeftRigthOpen = "translateX(0)";
+const transformTopBottomClose = (anchorPosition) => anchorPosition === "top" ? "translateY(-100%)" : "translateY(100%)";
+const transformTopBottomOpen = "translateY(0%)";
+const defaultStylesLeftRight = (anchorPosition) => {
   return {
-    transition: 'transform 300ms ease-in-out',
+    transition: "transform 300ms ease-in-out",
     transform: transformLeftRigthClose(anchorPosition),
-    overflowX: 'hidden',
-    overflowY: 'auto'
+    overflowX: "hidden",
+    overflowY: "auto"
   };
 };
-
-exports.defaultStylesLeftRight = defaultStylesLeftRight;
-
-const transitionStylesLeftRight = anchorPosition => {
+const transitionStylesLeftRight = (anchorPosition) => {
   return {
-    entering: {
-      transform: transformLeftRigthClose(anchorPosition)
-    },
+    entering: { transform: transformLeftRigthClose(anchorPosition) },
     entered: {
       transform: transformLeftRigthOpen
     },
     exiting: {
       transform: transformLeftRigthOpen
     },
-    exited: {
-      transform: transformLeftRigthClose(anchorPosition)
-    }
+    exited: { transform: transformLeftRigthClose(anchorPosition) }
   };
 };
-
-exports.transitionStylesLeftRight = transitionStylesLeftRight;
-
-const defaultStylesTopBottom = anchorPosition => {
+const defaultStylesTopBottom = (anchorPosition) => {
   return {
-    transition: 'transform 300ms ease-in-out',
+    transition: "transform 300ms ease-in-out",
     transform: transformTopBottomClose(anchorPosition),
-    overflowX: 'hidden',
-    overflowY: 'auto'
+    overflowX: "hidden",
+    overflowY: "auto"
   };
 };
-
-exports.defaultStylesTopBottom = defaultStylesTopBottom;
-
-const transitionStylesTopBottom = anchorPosition => {
+const transitionStylesTopBottom = (anchorPosition) => {
   return {
-    entering: {
-      transform: transformTopBottomClose(anchorPosition)
-    },
+    entering: { transform: transformTopBottomClose(anchorPosition) },
     entered: {
       transform: transformTopBottomOpen
     },
     exiting: {
       transform: transformTopBottomOpen
     },
-    exited: {
-      transform: transformTopBottomClose(anchorPosition)
-    }
+    exited: { transform: transformTopBottomClose(anchorPosition) }
   };
 };
 
+exports.defaultStylesLeftRight = defaultStylesLeftRight;
+exports.defaultStylesTopBottom = defaultStylesTopBottom;
+exports.transformLeftRigthClose = transformLeftRigthClose;
+exports.transformLeftRigthOpen = transformLeftRigthOpen;
+exports.transformTopBottomClose = transformTopBottomClose;
+exports.transformTopBottomOpen = transformTopBottomOpen;
+exports.transitionStylesLeftRight = transitionStylesLeftRight;
 exports.transitionStylesTopBottom = transitionStylesTopBottom;
-//# sourceMappingURL=animations.js.map
+//# sourceMappingURL=animations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"animations.js","names":["transformLeftRigthClose","anchorPosition","transformLeftRigthOpen","transformTopBottomClose","transformTopBottomOpen","defaultStylesLeftRight","transition","transform","overflowX","overflowY","transitionStylesLeftRight","entering","entered","exiting","exited","defaultStylesTopBottom","transitionStylesTopBottom"],"sources":["../../../../src/components/molecules/Drawer/animations.ts"],"sourcesContent":["import { CSSProperties } from 'react';\n\nexport const transformLeftRigthClose = (anchorPosition: string) =>\n  anchorPosition === 'right' ? 'translateX(100%)' : 'translateX(-100%)';\n\nexport const transformLeftRigthOpen = 'translateX(0)';\n\nexport const transformTopBottomClose = (anchorPosition: string) =>\n  anchorPosition === 'top' ? 'translateY(-100%)' : 'translateY(100%)';\n\nexport const transformTopBottomOpen = 'translateY(0%)';\n\nexport const defaultStylesLeftRight = (\n  anchorPosition: string\n): CSSProperties => {\n  return {\n    transition: 'transform 300ms ease-in-out',\n    transform: transformLeftRigthClose(anchorPosition),\n    overflowX: 'hidden',\n    overflowY: 'auto',\n  };\n};\n\nexport const transitionStylesLeftRight = (anchorPosition: string) => {\n  return {\n    entering: { transform: transformLeftRigthClose(anchorPosition) },\n    entered: {\n      transform: transformLeftRigthOpen,\n    },\n    exiting: {\n      transform: transformLeftRigthOpen,\n    },\n    exited: { transform: transformLeftRigthClose(anchorPosition) },\n  };\n};\n\nexport const defaultStylesTopBottom = (\n  anchorPosition: string\n): CSSProperties => {\n  return {\n    transition: 'transform 300ms ease-in-out',\n    transform: transformTopBottomClose(anchorPosition),\n    overflowX: 'hidden',\n    overflowY: 'auto',\n  };\n};\nexport const transitionStylesTopBottom = (anchorPosition: string) => {\n  return {\n    entering: { transform: transformTopBottomClose(anchorPosition) },\n    entered: {\n      transform: transformTopBottomOpen,\n    },\n    exiting: {\n      transform: transformTopBottomOpen,\n    },\n    exited: { transform: transformTopBottomClose(anchorPosition) },\n  };\n};\n"],"mappings":";;;;;;;AAEO,MAAMA,uBAAuB,GAAIC,cAAD,IACrCA,cAAc,KAAK,OAAnB,GAA6B,kBAA7B,GAAkD,mBAD7C;;;AAGA,MAAMC,sBAAsB,GAAG,eAA/B;;;AAEA,MAAMC,uBAAuB,GAAIF,cAAD,IACrCA,cAAc,KAAK,KAAnB,GAA2B,mBAA3B,GAAiD,kBAD5C;;;AAGA,MAAMG,sBAAsB,GAAG,gBAA/B;;;AAEA,MAAMC,sBAAsB,GACjCJ,cADoC,IAElB;EAClB,OAAO;IACLK,UAAU,EAAE,6BADP;IAELC,SAAS,EAAEP,uBAAuB,CAACC,cAAD,CAF7B;IAGLO,SAAS,EAAE,QAHN;IAILC,SAAS,EAAE;EAJN,CAAP;AAMD,CATM;;;;AAWA,MAAMC,yBAAyB,GAAIT,cAAD,IAA4B;EACnE,OAAO;IACLU,QAAQ,EAAE;MAAEJ,SAAS,EAAEP,uBAAuB,CAACC,cAAD;IAApC,CADL;IAELW,OAAO,EAAE;MACPL,SAAS,EAAEL;IADJ,CAFJ;IAKLW,OAAO,EAAE;MACPN,SAAS,EAAEL;IADJ,CALJ;IAQLY,MAAM,EAAE;MAAEP,SAAS,EAAEP,uBAAuB,CAACC,cAAD;IAApC;EARH,CAAP;AAUD,CAXM;;;;AAaA,MAAMc,sBAAsB,GACjCd,cADoC,IAElB;EAClB,OAAO;IACLK,UAAU,EAAE,6BADP;IAELC,SAAS,EAAEJ,uBAAuB,CAACF,cAAD,CAF7B;IAGLO,SAAS,EAAE,QAHN;IAILC,SAAS,EAAE;EAJN,CAAP;AAMD,CATM;;;;AAUA,MAAMO,yBAAyB,GAAIf,cAAD,IAA4B;EACnE,OAAO;IACLU,QAAQ,EAAE;MAAEJ,SAAS,EAAEJ,uBAAuB,CAACF,cAAD;IAApC,CADL;IAELW,OAAO,EAAE;MACPL,SAAS,EAAEH;IADJ,CAFJ;IAKLS,OAAO,EAAE;MACPN,SAAS,EAAEH;IADJ,CALJ;IAQLU,MAAM,EAAE;MAAEP,SAAS,EAAEJ,uBAAuB,CAACF,cAAD;IAApC;EARH,CAAP;AAUD,CAXM"}
+{"version":3,"file":"animations.js","sources":["../../../../src/components/molecules/Drawer/animations.ts"],"sourcesContent":["import { CSSProperties } from 'react';\n\nexport const transformLeftRigthClose = (anchorPosition: string) =>\n  anchorPosition === 'right' ? 'translateX(100%)' : 'translateX(-100%)';\n\nexport const transformLeftRigthOpen = 'translateX(0)';\n\nexport const transformTopBottomClose = (anchorPosition: string) =>\n  anchorPosition === 'top' ? 'translateY(-100%)' : 'translateY(100%)';\n\nexport const transformTopBottomOpen = 'translateY(0%)';\n\nexport const defaultStylesLeftRight = (\n  anchorPosition: string\n): CSSProperties => {\n  return {\n    transition: 'transform 300ms ease-in-out',\n    transform: transformLeftRigthClose(anchorPosition),\n    overflowX: 'hidden',\n    overflowY: 'auto',\n  };\n};\n\nexport const transitionStylesLeftRight = (anchorPosition: string) => {\n  return {\n    entering: { transform: transformLeftRigthClose(anchorPosition) },\n    entered: {\n      transform: transformLeftRigthOpen,\n    },\n    exiting: {\n      transform: transformLeftRigthOpen,\n    },\n    exited: { transform: transformLeftRigthClose(anchorPosition) },\n  };\n};\n\nexport const defaultStylesTopBottom = (\n  anchorPosition: string\n): CSSProperties => {\n  return {\n    transition: 'transform 300ms ease-in-out',\n    transform: transformTopBottomClose(anchorPosition),\n    overflowX: 'hidden',\n    overflowY: 'auto',\n  };\n};\nexport const transitionStylesTopBottom = (anchorPosition: string) => {\n  return {\n    entering: { transform: transformTopBottomClose(anchorPosition) },\n    entered: {\n      transform: transformTopBottomOpen,\n    },\n    exiting: {\n      transform: transformTopBottomOpen,\n    },\n    exited: { transform: transformTopBottomClose(anchorPosition) },\n  };\n};\n"],"names":[],"mappings":";;;;AAEO,MAAM,uBAA0B,GAAA,CAAC,cACtC,KAAA,cAAA,KAAmB,UAAU,kBAAqB,GAAA,oBAAA;AAE7C,MAAM,sBAAyB,GAAA,gBAAA;AAE/B,MAAM,uBAA0B,GAAA,CAAC,cACtC,KAAA,cAAA,KAAmB,QAAQ,mBAAsB,GAAA,mBAAA;AAE5C,MAAM,sBAAyB,GAAA,iBAAA;AAEzB,MAAA,sBAAA,GAAyB,CACpC,cACkB,KAAA;AAClB,EAAO,OAAA;AAAA,IACL,UAAY,EAAA,6BAAA;AAAA,IACZ,SAAA,EAAW,wBAAwB,cAAc,CAAA;AAAA,IACjD,SAAW,EAAA,QAAA;AAAA,IACX,SAAW,EAAA,MAAA;AAAA,GACb,CAAA;AACF,EAAA;AAEa,MAAA,yBAAA,GAA4B,CAAC,cAA2B,KAAA;AACnE,EAAO,OAAA;AAAA,IACL,QAAU,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,IAC/D,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,MAAQ,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,GAC/D,CAAA;AACF,EAAA;AAEa,MAAA,sBAAA,GAAyB,CACpC,cACkB,KAAA;AAClB,EAAO,OAAA;AAAA,IACL,UAAY,EAAA,6BAAA;AAAA,IACZ,SAAA,EAAW,wBAAwB,cAAc,CAAA;AAAA,IACjD,SAAW,EAAA,QAAA;AAAA,IACX,SAAW,EAAA,MAAA;AAAA,GACb,CAAA;AACF,EAAA;AACa,MAAA,yBAAA,GAA4B,CAAC,cAA2B,KAAA;AACnE,EAAO,OAAA;AAAA,IACL,QAAU,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,IAC/D,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,MAAQ,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,GAC/D,CAAA;AACF;;;;;;;;;;;"}

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

@@ -1,60 +1,67 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledContainerDrawer = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var styled = require('@emotion/styled');
+var react = require('@emotion/react');
 
-var _react = require("@emotion/react");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const anchorLeft = _ref => {
-  let {
-    theme,
-    anchorPosition
-  } = _ref;
-  return anchorPosition === 'left' && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      left: 0;\n      top: 0;\n      border-top-right-radius: ", ";\n      border-bottom-right-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
+const anchorLeft = ({ theme, anchorPosition }) => {
+  return anchorPosition === "left" && react.css`
+      left: 0;
+      top: 0;
+      border-top-right-radius: ${theme.borderRadius.centi};
+      border-bottom-right-radius: ${theme.borderRadius.centi};
+    `;
 };
-
-const anchorRight = _ref2 => {
-  let {
-    theme,
-    anchorPosition
-  } = _ref2;
-  return anchorPosition === 'right' && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      right: 0;\n      top: 0;\n      border-top-left-radius: ", ";\n      border-bottom-left-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
+const anchorRight = ({ theme, anchorPosition }) => {
+  return anchorPosition === "right" && react.css`
+      right: 0;
+      top: 0;
+      border-top-left-radius: ${theme.borderRadius.centi};
+      border-bottom-left-radius: ${theme.borderRadius.centi};
+    `;
 };
-
-const anchorTop = _ref3 => {
-  let {
-    theme,
-    anchorPosition
-  } = _ref3;
-  return anchorPosition === 'top' && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ", ";\n      border-bottom-left-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
+const anchorTop = ({ theme, anchorPosition }) => {
+  return anchorPosition === "top" && react.css`
+      left: 0;
+      right: 0;
+      top: 0;
+      border-bottom-right-radius: ${theme.borderRadius.centi};
+      border-bottom-left-radius: ${theme.borderRadius.centi};
+    `;
 };
-
-const anchorBottom = _ref4 => {
-  let {
-    theme,
-    anchorPosition
-  } = _ref4;
-  return anchorPosition === 'bottom' && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ", ";\n      border-top-left-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
+const anchorBottom = ({ theme, anchorPosition }) => {
+  return anchorPosition === "bottom" && react.css`
+      left: 0;
+      right: 0;
+      bottom: 0;
+      border-top-right-radius: ${theme.borderRadius.centi};
+      border-top-left-radius: ${theme.borderRadius.centi};
+    `;
 };
-
-const baseStyles = _ref5 => {
-  let {
-    theme,
-    anchorPosition
-  } = _ref5;
-  return (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    height: ", ";\n    width: ", ";\n    position: fixed;\n    overflow: hidden;\n    background-color: ", ";\n    z-index: ", ";\n  "])), ['left', 'right'].includes(anchorPosition) && '100vh', ['top', 'bottom'].includes(anchorPosition) && '100wh', theme.miscellaneous.bodyColor, theme.zIndex.drawer);
+const baseStyles = ({ theme, anchorPosition }) => {
+  return react.css`
+    height: ${["left", "right"].includes(anchorPosition) && "100vh"};
+    width: ${["top", "bottom"].includes(anchorPosition) && "100wh"};
+    position: fixed;
+    overflow: hidden;
+    background-color: ${theme.miscellaneous.bodyColor};
+    z-index: ${theme.zIndex.drawer};
+  `;
 };
+const StyledContainerDrawer = styled__default["default"]("div")(
+  (props) => react.css`
+    ${baseStyles(props)}
+    ${anchorBottom(props)}
+    ${anchorTop(props)}
+    ${anchorLeft(props)}
+    ${anchorRight(props)}
+  `
+);
 
-const StyledContainerDrawer = (0, _styled.default)('div')(props => (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n  "])), baseStyles(props), anchorBottom(props), anchorTop(props), anchorLeft(props), anchorRight(props)));
 exports.StyledContainerDrawer = StyledContainerDrawer;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["anchorLeft","theme","anchorPosition","css","borderRadius","centi","anchorRight","anchorTop","anchorBottom","baseStyles","includes","miscellaneous","bodyColor","zIndex","drawer","StyledContainerDrawer","styled","props"],"sources":["../../../../src/components/molecules/Drawer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DrawerProps } from './Drawer';\nimport { css } from '@emotion/react';\n\nconst anchorLeft = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'left' &&\n    css`\n      left: 0;\n      top: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\nconst anchorRight = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'right' &&\n    css`\n      right: 0;\n      top: 0;\n      border-top-left-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorTop = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'top' &&\n    css`\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorBottom = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'bottom' &&\n    css`\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-top-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst baseStyles = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return css`\n    height: ${['left', 'right'].includes(anchorPosition) && '100vh'};\n    width: ${['top', 'bottom'].includes(anchorPosition) && '100wh'};\n    position: fixed;\n    overflow: hidden;\n    background-color: ${theme.miscellaneous.bodyColor};\n    z-index: ${theme.zIndex.drawer};\n  `;\n};\n\nexport const StyledContainerDrawer = styled('div')<\n  DrawerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n    ${anchorLeft(props)}\n    ${anchorRight(props)}\n  `\n);\n"],"mappings":";;;;;;;AAAA;;AAGA;;;;;;;;AAEA,MAAMA,UAAU,GAAG,QAAyD;EAAA,IAAxD;IAAEC,KAAF;IAASC;EAAT,CAAwD;EAC1E,OACEA,cAAc,KAAK,MAAnB,QACAC,UADA,2LAI6BF,KAAK,CAACG,YAAN,CAAmBC,KAJhD,EAKgCJ,KAAK,CAACG,YAAN,CAAmBC,KALnD,CADF;AASD,CAVD;;AAWA,MAAMC,WAAW,GAAG,SAAyD;EAAA,IAAxD;IAAEL,KAAF;IAASC;EAAT,CAAwD;EAC3E,OACEA,cAAc,KAAK,OAAnB,QACAC,UADA,4LAI4BF,KAAK,CAACG,YAAN,CAAmBC,KAJ/C,EAK+BJ,KAAK,CAACG,YAAN,CAAmBC,KALlD,CADF;AASD,CAVD;;AAYA,MAAME,SAAS,GAAG,SAAyD;EAAA,IAAxD;IAAEN,KAAF;IAASC;EAAT,CAAwD;EACzE,OACEA,cAAc,KAAK,KAAnB,QACAC,UADA,gNAKgCF,KAAK,CAACG,YAAN,CAAmBC,KALnD,EAM+BJ,KAAK,CAACG,YAAN,CAAmBC,KANlD,CADF;AAUD,CAXD;;AAaA,MAAMG,YAAY,GAAG,SAAyD;EAAA,IAAxD;IAAEP,KAAF;IAASC;EAAT,CAAwD;EAC5E,OACEA,cAAc,KAAK,QAAnB,QACAC,UADA,6MAK6BF,KAAK,CAACG,YAAN,CAAmBC,KALhD,EAM4BJ,KAAK,CAACG,YAAN,CAAmBC,KAN/C,CADF;AAUD,CAXD;;AAaA,MAAMI,UAAU,GAAG,SAAyD;EAAA,IAAxD;IAAER,KAAF;IAASC;EAAT,CAAwD;EAC1E,WAAOC,UAAP,gNACY,CAAC,MAAD,EAAS,OAAT,EAAkBO,QAAlB,CAA2BR,cAA3B,KAA8C,OAD1D,EAEW,CAAC,KAAD,EAAQ,QAAR,EAAkBQ,QAAlB,CAA2BR,cAA3B,KAA8C,OAFzD,EAKsBD,KAAK,CAACU,aAAN,CAAoBC,SAL1C,EAMaX,KAAK,CAACY,MAAN,CAAaC,MAN1B;AAQD,CATD;;AAWO,MAAMC,qBAAqB,GAAG,IAAAC,eAAA,EAAO,KAAP,EAGnCC,KAAK,QAAId,UAAJ,+HACDM,UAAU,CAACQ,KAAD,CADT,EAEDT,YAAY,CAACS,KAAD,CAFX,EAGDV,SAAS,CAACU,KAAD,CAHR,EAIDjB,UAAU,CAACiB,KAAD,CAJT,EAKDX,WAAW,CAACW,KAAD,CALV,CAH8B,CAA9B"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/Drawer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DrawerProps } from './Drawer';\nimport { css } from '@emotion/react';\n\nconst anchorLeft = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'left' &&\n    css`\n      left: 0;\n      top: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\nconst anchorRight = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'right' &&\n    css`\n      right: 0;\n      top: 0;\n      border-top-left-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorTop = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'top' &&\n    css`\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorBottom = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'bottom' &&\n    css`\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-top-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst baseStyles = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return css`\n    height: ${['left', 'right'].includes(anchorPosition) && '100vh'};\n    width: ${['top', 'bottom'].includes(anchorPosition) && '100wh'};\n    position: fixed;\n    overflow: hidden;\n    background-color: ${theme.miscellaneous.bodyColor};\n    z-index: ${theme.zIndex.drawer};\n  `;\n};\n\nexport const StyledContainerDrawer = styled('div')<\n  DrawerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n    ${anchorLeft(props)}\n    ${anchorRight(props)}\n  `\n);\n"],"names":["css","styled"],"mappings":";;;;;;;;;;;AAKA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC1E,EAAA,OACE,mBAAmB,MACnB,IAAAA,SAAA,CAAA;AAAA;AAAA;AAAA,+BAAA,EAG6B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,kCAAA,EAChB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGvD,CAAA,CAAA;AACA,MAAM,WAAc,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC3E,EAAA,OACE,mBAAmB,OACnB,IAAAA,SAAA,CAAA;AAAA;AAAA;AAAA,8BAAA,EAG4B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,iCAAA,EAChB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGtD,CAAA,CAAA;AAEA,MAAM,SAAY,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AACzE,EAAA,OACE,mBAAmB,KACnB,IAAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA,kCAAA,EAIgC,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,iCAAA,EACpB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGtD,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC5E,EAAA,OACE,mBAAmB,QACnB,IAAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA,+BAAA,EAI6B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,8BAAA,EACpB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGnD,CAAA,CAAA;AAEA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC1E,EAAO,OAAAA,SAAA,CAAA;AAAA,YAAA,EACK,CAAC,MAAQ,EAAA,OAAO,CAAE,CAAA,QAAA,CAAS,cAAc,CAAK,IAAA,OAAA,CAAA;AAAA,WAAA,EAC/C,CAAC,KAAO,EAAA,QAAQ,CAAE,CAAA,QAAA,CAAS,cAAc,CAAK,IAAA,OAAA,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGnC,MAAM,aAAc,CAAA,SAAA,CAAA;AAAA,aAAA,EAC7B,MAAM,MAAO,CAAA,MAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAE5B,CAAA,CAAA;AAEa,MAAA,qBAAA,GAAwBC,2BAAO,KAAK,CAAA;AAAA,EAG/C,CAAS,KAAA,KAAAD,SAAA,CAAA;AAAA,IAAA,EACL,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,aAAa,KAAK,CAAA,CAAA;AAAA,IAAA,EAClB,UAAU,KAAK,CAAA,CAAA;AAAA,IAAA,EACf,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,YAAY,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAEvB;;;;"}

package/dist/components/molecules/Grid/Grid.js

@@ -1,61 +1,87 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var React = require('react');
+var Item = require('./Item/Item.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _Item = require("./Item");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Grid = _ref => {
-  let {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Grid = (_a) => {
+  var _b = _a, {
     children,
     columns = 12,
     layout,
     style,
-    spacing,
-    ...rest
-  } = _ref;
-
+    spacing
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "columns",
+    "layout",
+    "style",
+    "spacing"
+  ]);
   if (layout) {
     const flatLayout = layout.flat();
-    return _react.default.createElement("div", _extends({
-      style: { ...style,
-        display: 'flex',
-        flexDirection: 'row',
-        flexWrap: 'wrap'
-      }
-    }, rest), _react.default.Children.map(children, (child, index) => _react.default.createElement(_Item.GridItem, {
-      key: "child-".concat(index),
-      columns: columns,
+    return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues({
+      style: __spreadProps(__spreadValues({}, style), {
+        display: "flex",
+        flexDirection: "row",
+        flexWrap: "wrap"
+      })
+    }, rest), React__default["default"].Children.map(children, (child, index) => /* @__PURE__ */ React__default["default"].createElement(Item, {
+      key: `child-${index}`,
+      columns,
       span: flatLayout[index],
-      spacing: spacing
+      spacing
     }, child)));
   }
-
-  return _react.default.createElement("div", _extends({
-    style: { ...style,
-      display: 'flex',
-      flexDirection: 'row',
-      flexWrap: 'wrap'
-    }
-  }, rest), _react.default.Children.map(children, (child, index) => {
-    var _child$props$spacing;
-
-    return _react.default.cloneElement(child, { ...(child === null || child === void 0 ? void 0 : child.props),
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues({
+    style: __spreadProps(__spreadValues({}, style), {
+      display: "flex",
+      flexDirection: "row",
+      flexWrap: "wrap"
+    })
+  }, rest), React__default["default"].Children.map(children, (child, index) => {
+    var _a2;
+    return React__default["default"].cloneElement(child, __spreadProps(__spreadValues({}, child == null ? void 0 : child.props), {
       columns,
-      spacing: (_child$props$spacing = child === null || child === void 0 ? void 0 : child.props.spacing) !== null && _child$props$spacing !== void 0 ? _child$props$spacing : spacing,
-      key: "child-".concat(index)
-    });
+      spacing: (_a2 = child == null ? void 0 : child.props.spacing) != null ? _a2 : spacing,
+      key: `child-${index}`
+    }));
   }));
 };
 
-var _default = Grid;
-exports.default = _default;
-//# sourceMappingURL=Grid.js.map
+module.exports = Grid;
+//# sourceMappingURL=Grid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","names":["Grid","children","columns","layout","style","spacing","rest","flatLayout","flat","display","flexDirection","flexWrap","React","Children","map","child","index","cloneElement","props","key"],"sources":["../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridWeb = IGrid &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridWeb): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <div\n        style={{\n          ...style,\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        }}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      style={{\n        ...style,\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n      }}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </div>\n  );\n};\n\nexport default Grid;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAMA,MAAMA,IAAI,GAAG,QAOgB;EAAA,IAPf;IACZC,QADY;IAEZC,OAAO,GAAG,EAFE;IAGZC,MAHY;IAIZC,KAJY;IAKZC,OALY;IAMZ,GAAGC;EANS,CAOe;;EAC3B,IAAIH,MAAJ,EAAY;IACV,MAAMI,UAAU,GAAGJ,MAAM,CAACK,IAAP,EAAnB;IACA,OACE;MACE,KAAK,EAAE,EACL,GAAGJ,KADE;QAELK,OAAO,EAAE,MAFJ;QAGLC,aAAa,EAAE,KAHV;QAILC,QAAQ,EAAE;MAJL;IADT,GAOML,IAPN,GASGM,cAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,CAACc,KAAD,EAAQC,KAAR,KAC5B,6BAAC,cAAD;MACE,GAAG,kBAAWA,KAAX,CADL;MAEE,OAAO,EAAEd,OAFX;MAGE,IAAI,EAAEK,UAAU,CAACS,KAAD,CAHlB;MAIE,OAAO,EAAEX;IAJX,GAMGU,KANH,CADD,CATH,CADF;EAsBD;;EAED,OACE;IACE,KAAK,EAAE,EACL,GAAGX,KADE;MAELK,OAAO,EAAE,MAFJ;MAGLC,aAAa,EAAE,KAHV;MAILC,QAAQ,EAAE;IAJL;EADT,GAOML,IAPN,GASGM,cAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,CAACc,KAAD,EAAQC,KAAR,KAAkB;IAAA;;IAC9C,OAAOJ,cAAA,CAAMK,YAAN,CAAmBF,KAAnB,EAA0B,EAC/B,IAAGA,KAAH,aAAGA,KAAH,uBAAGA,KAAK,CAAEG,KAAV,CAD+B;MAE/BhB,OAF+B;MAG/BG,OAAO,0BAAEU,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEG,KAAP,CAAab,OAAf,uEAA0BA,OAHF;MAI/Bc,GAAG,kBAAWH,KAAX;IAJ4B,CAA1B,CAAP;EAMD,CAPA,CATH,CADF;AAoBD,CAtDD;;eAwDehB,I"}
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridWeb = IGrid &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridWeb): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <div\n        style={{\n          ...style,\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        }}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      style={{\n        ...style,\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n      }}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </div>\n  );\n};\n\nexport default Grid;\n"],"names":["React","GridItem","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOM,MAAA,IAAA,GAAO,CAAC,EAOe,KAAA;AAPf,EACZ,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,OAAU,GAAA,EAAA;AAAA,IACV,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,GAZF,GAOc,EAMT,EAAA,IAAA,GAAA,SAAA,CANS,EAMT,EAAA;AAAA,IALH,UAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IAAA,uBACGA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,cAAA,CAAA;AAAA,MACC,KAAA,EAAO,iCACF,KADE,CAAA,EAAA;AAAA,QAEL,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ,CAAA;AAAA,KACI,EAAA,IAAA,CAAA,EAEHA,0BAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAC,KAAA,EAAO,0BACnCA,yBAAA,CAAA,aAAA,CAAAC,IAAA,EAAA;AAAA,MACC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACd,OAAA;AAAA,MACA,MAAM,UAAW,CAAA,KAAA,CAAA;AAAA,MACjB,OAAA;AAAA,KAEC,EAAA,KACH,CACD,CACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACGD,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAA,EAAO,iCACF,KADE,CAAA,EAAA;AAAA,MAEL,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,QAAU,EAAA,MAAA;AAAA,KACZ,CAAA;AAAA,GAAA,EACI,OAEHA,yBAAM,CAAA,QAAA,CAAS,IAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAnDtD,IAAAE,IAAAA,GAAAA,CAAAA;AAoDQ,IAAA,OAAOF,yBAAM,CAAA,YAAA,CAAa,KAAO,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,+BAAO,KADqB,CAAA,EAAA;AAAA,MAE/B,OAAA;AAAA,MACA,UAASE,GAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,KAAM,CAAA,OAAA,KAAb,OAAAA,GAAwB,GAAA,OAAA;AAAA,MACjC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KACf,CAAA,CAAA,CAAA;AAAA,GACF,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/Grid/Item/Item.d.ts

@@ -5,5 +5,5 @@ export interface IGridItemWeb extends Omit<IGridItem, 'span'>, Omit<React.HTMLAt
     span: number | Span;
     flexBasis?: string | 'content' | 'auto' | 'max-content' | 'min-content' | 'fit-content';
 }
-declare const GridItem: ({ children, span: _span, columns, loadingComponent, loading, spacing: _spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemWeb) => JSX.Element;
+declare const GridItem: ({ children, span, columns, loadingComponent, loading, spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemWeb) => JSX.Element;
 export default GridItem;