@tecsinapse/react-web-kit 1.20.2 → 1.21.0

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

@@ -5,139 +5,58 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TooltipSpan = exports.Container = void 0;
 
-require("core-js/modules/es.array.includes.js");
-
 var _react = require("@emotion/react");
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const bottomOrTopStylesCommon = (width, position) => ['top', 'bottom'].includes(position) && (0, _react.css)`
-    left: 50%;
-    margin-left: -${width / 2}px;
-  `;
-
-const bottomOrTopArrowCommon = position => ['top', 'bottom'].includes(position) && (0, _react.css)`
-    left: 50%;
-    margin-left: -5px;
-  `;
-
-const topStyles = (theme, position) => position === 'top' && (0, _react.css)`
-    bottom: 100%;
-    margin-bottom: ${theme.spacing.centi};
-    transform: translateY(10%);
-  `;
-
-const topArrow = (theme, position) => position === 'top' && (0, _react.css)`
-    top: 100%;
-    border-color: ${theme.color.secondary.xdark} transparent transparent
-      transparent;
-  `;
-
-const bottomStyles = (theme, position) => position === 'bottom' && (0, _react.css)`
-    top: 100%;
-    margin-top: ${theme.spacing.centi};
-    transform: translateY(-10%);
-  `;
-
-const bottomArrow = (theme, position) => position === 'bottom' && (0, _react.css)`
-    bottom: 100%;
-    border-color: transparent transparent ${theme.color.secondary.xdark}
-      transparent;
-  `;
-
-const leftAndRightCommonStyles = (height, position) => ['right', 'left'].includes(position) && (0, _react.css)`
-    top: 50%;
-    margin-top: -${height / 2}px;
-  `;
-
-const leftOrRightArrowCommon = position => ['right', 'left'].includes(position) && (0, _react.css)`
-    top: 50%;
-    margin-top: -5px;
-  `;
-
-const leftStyles = (theme, position) => position === 'left' && (0, _react.css)`
-    right: 100%;
-    margin-right: ${theme.spacing.centi};
-    transform: translateX(10%);
-  `;
-
-const leftArrow = (theme, position) => position === 'left' && (0, _react.css)`
-    left: 100%;
-    border-color: transparent transparent transparent
-      ${theme.color.secondary.xdark};
-  `;
-
-const rightStyles = (theme, position) => position === 'right' && (0, _react.css)`
-    left: 100%;
-    margin-left: ${theme.spacing.centi};
-    transform: translateX(-10%);
-  `;
-
-const rightArrow = (theme, position) => position === 'right' && (0, _react.css)`
-    right: 100%;
-    border-color: transparent ${theme.color.secondary.xdark} transparent
-      transparent;
-  `;
-
-const TooltipSpan = (0, _styled.default)('span')(({
-  theme,
-  computed,
-  position
-}) => {
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const bottomOrTopStylesCommon = (width, position) => ['top', 'bottom'].includes(position) && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    left: 50%;\n    margin-left: -", "px;\n  "])), width / 2);
+
+const bottomOrTopArrowCommon = position => ['top', 'bottom'].includes(position) && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    left: 50%;\n    margin-left: -5px;\n  "])));
+
+const topStyles = (theme, position) => position === 'top' && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    bottom: 100%;\n    margin-bottom: ", ";\n    transform: translateY(10%);\n  "])), theme.spacing.centi);
+
+const topArrow = (theme, position) => position === 'top' && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    top: 100%;\n    border-color: ", " transparent transparent\n      transparent;\n  "])), theme.color.secondary.xdark);
+
+const bottomStyles = (theme, position) => position === 'bottom' && (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    top: 100%;\n    margin-top: ", ";\n    transform: translateY(-10%);\n  "])), theme.spacing.centi);
+
+const bottomArrow = (theme, position) => position === 'bottom' && (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    bottom: 100%;\n    border-color: transparent transparent ", "\n      transparent;\n  "])), theme.color.secondary.xdark);
+
+const leftAndRightCommonStyles = (height, position) => ['right', 'left'].includes(position) && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    top: 50%;\n    margin-top: -", "px;\n  "])), height / 2);
+
+const leftOrRightArrowCommon = position => ['right', 'left'].includes(position) && (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    top: 50%;\n    margin-top: -5px;\n  "])));
+
+const leftStyles = (theme, position) => position === 'left' && (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    right: 100%;\n    margin-right: ", ";\n    transform: translateX(10%);\n  "])), theme.spacing.centi);
+
+const leftArrow = (theme, position) => position === 'left' && (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    left: 100%;\n    border-color: transparent transparent transparent\n      ", ";\n  "])), theme.color.secondary.xdark);
+
+const rightStyles = (theme, position) => position === 'right' && (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    left: 100%;\n    margin-left: ", ";\n    transform: translateX(-10%);\n  "])), theme.spacing.centi);
+
+const rightArrow = (theme, position) => position === 'right' && (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    right: 100%;\n    border-color: transparent ", " transparent\n      transparent;\n  "])), theme.color.secondary.xdark);
+
+const TooltipSpan = (0, _styled.default)('span')(_ref => {
+  let {
+    theme,
+    computed,
+    position
+  } = _ref;
   const {
     width = 0,
     height = 0
   } = computed || {};
-  return (0, _react.css)`
-      position: absolute;
-      width: max-content;
-      padding: ${theme.spacing.micro} ${theme.spacing.centi};
-      border-radius: ${theme.borderRadius.mili};
-      opacity: 0;
-      visibility: hidden;
-      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
-      background-color: ${theme.color.secondary.xdark};
-      z-index: ${theme.zIndex.absolute};
-
-      ${bottomOrTopStylesCommon(width, position)}
-      ${bottomStyles(theme, position)}
-      ${topStyles(theme, position)}
-      
-      ${leftAndRightCommonStyles(height, position)}
-      ${leftStyles(theme, position)}
-      ${rightStyles(theme, position)}
-
-      &::after {
-        content: '';
-        position: absolute;
-        border-style: solid;
-        border-width: 5px;
-
-        ${bottomOrTopArrowCommon(position)}
-        ${bottomArrow(theme, position)}
-        ${topArrow(theme, position)}
-        
-        ${leftOrRightArrowCommon(position)}
-        ${leftArrow(theme, position)}
-        ${rightArrow(theme, position)}
-      }
-    `;
+  return (0, _react.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      position: absolute;\n      width: max-content;\n      padding: ", " ", ";\n      border-radius: ", ";\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n      background-color: ", ";\n      z-index: ", ";\n\n      ", "\n      ", "\n      ", "\n      \n      ", "\n      ", "\n      ", "\n\n      &::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 5px;\n\n        ", "\n        ", "\n        ", "\n        \n        ", "\n        ", "\n        ", "\n      }\n    "])), theme.spacing.micro, theme.spacing.centi, theme.borderRadius.mili, theme.color.secondary.xdark, theme.zIndex.absolute, bottomOrTopStylesCommon(width, position), bottomStyles(theme, position), topStyles(theme, position), leftAndRightCommonStyles(height, position), leftStyles(theme, position), rightStyles(theme, position), bottomOrTopArrowCommon(position), bottomArrow(theme, position), topArrow(theme, position), leftOrRightArrowCommon(position), leftArrow(theme, position), rightArrow(theme, position));
 });
 exports.TooltipSpan = TooltipSpan;
-const Container = (0, _styled.default)('div')`
-  position: relative;
-  &:hover {
-    & > span {
-      opacity: 1;
-      visibility: visible;
-      display: flex;
-      transform: ${({
-  position
-}) => position === 'left' || position === 'right' ? 'translateX(0%)' : 'translateY(0%)'};
-    }
-  }
-`;
+const Container = (0, _styled.default)('div')(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  position: relative;\n  &:hover {\n    & > span {\n      opacity: 1;\n      visibility: visible;\n      display: flex;\n      transform: ", ";\n    }\n  }\n"])), _ref2 => {
+  let {
+    position
+  } = _ref2;
+  return position === 'left' || position === 'right' ? 'translateX(0%)' : 'translateY(0%)';
+});
 exports.Container = Container;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["bottomOrTopStylesCommon","width","position","includes","css","bottomOrTopArrowCommon","topStyles","theme","spacing","centi","topArrow","color","secondary","xdark","bottomStyles","bottomArrow","leftAndRightCommonStyles","height","leftOrRightArrowCommon","leftStyles","leftArrow","rightStyles","rightArrow","TooltipSpan","styled","computed","micro","borderRadius","mili","zIndex","absolute","Container"],"sources":["../../../../src/components/atoms/Tooltip/styled.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { StyleProps, ThemeProp } from '@tecsinapse/react-core';\nimport styled from '@emotion/styled';\nimport { ComputedType, Position } from './Tooltip';\n\ntype InjectedProps = { computed?: ComputedType; position?: Position };\n\n/** Bottom/Top commons */\nconst bottomOrTopStylesCommon = (width: number, position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -${width / 2}px;\n  `;\n\nconst bottomOrTopArrowCommon = (position?: Position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -5px;\n  `;\n\n/** Top */\nconst topStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    bottom: 100%;\n    margin-bottom: ${theme.spacing.centi};\n    transform: translateY(10%);\n  `;\n\nconst topArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    top: 100%;\n    border-color: ${theme.color.secondary.xdark} transparent transparent\n      transparent;\n  `;\n\n/** Bottom */\nconst bottomStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    top: 100%;\n    margin-top: ${theme.spacing.centi};\n    transform: translateY(-10%);\n  `;\n\nconst bottomArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    bottom: 100%;\n    border-color: transparent transparent ${theme.color.secondary.xdark}\n      transparent;\n  `;\n\n/** Bottom/Top commons */\nconst leftAndRightCommonStyles = (height: number, position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -${height / 2}px;\n  `;\n\nconst leftOrRightArrowCommon = (position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -5px;\n  `;\n\n/** Left */\nconst leftStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    right: 100%;\n    margin-right: ${theme.spacing.centi};\n    transform: translateX(10%);\n  `;\n\nconst leftArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    left: 100%;\n    border-color: transparent transparent transparent\n      ${theme.color.secondary.xdark};\n  `;\n\n/** Right */\nconst rightStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    left: 100%;\n    margin-left: ${theme.spacing.centi};\n    transform: translateX(-10%);\n  `;\n\nconst rightArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    right: 100%;\n    border-color: transparent ${theme.color.secondary.xdark} transparent\n      transparent;\n  `;\n\nexport const TooltipSpan = styled('span')<Partial<StyleProps> & InjectedProps>(\n  ({ theme, computed, position }) => {\n    const { width = 0, height = 0 } = computed || {};\n    return css`\n      position: absolute;\n      width: max-content;\n      padding: ${theme.spacing.micro} ${theme.spacing.centi};\n      border-radius: ${theme.borderRadius.mili};\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n      background-color: ${theme.color.secondary.xdark};\n      z-index: ${theme.zIndex.absolute};\n\n      ${bottomOrTopStylesCommon(width, position)}\n      ${bottomStyles(theme, position)}\n      ${topStyles(theme, position)}\n      \n      ${leftAndRightCommonStyles(height, position)}\n      ${leftStyles(theme, position)}\n      ${rightStyles(theme, position)}\n\n      &::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 5px;\n\n        ${bottomOrTopArrowCommon(position)}\n        ${bottomArrow(theme, position)}\n        ${topArrow(theme, position)}\n        \n        ${leftOrRightArrowCommon(position)}\n        ${leftArrow(theme, position)}\n        ${rightArrow(theme, position)}\n      }\n    `;\n  }\n);\n\nexport const Container = styled('div')<{ position?: Position }>`\n  position: relative;\n  &:hover {\n    & > span {\n      opacity: 1;\n      visibility: visible;\n      display: flex;\n      transform: ${({ position }) =>\n        position === 'left' || position === 'right'\n          ? 'translateX(0%)'\n          : 'translateY(0%)'};\n    }\n  }\n`;\n"],"mappings":"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"}
+{"version":3,"file":"styled.js","names":["bottomOrTopStylesCommon","width","position","includes","css","bottomOrTopArrowCommon","topStyles","theme","spacing","centi","topArrow","color","secondary","xdark","bottomStyles","bottomArrow","leftAndRightCommonStyles","height","leftOrRightArrowCommon","leftStyles","leftArrow","rightStyles","rightArrow","TooltipSpan","styled","computed","micro","borderRadius","mili","zIndex","absolute","Container"],"sources":["../../../../src/components/atoms/Tooltip/styled.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { StyleProps, ThemeProp } from '@tecsinapse/react-core';\nimport styled from '@emotion/styled';\nimport { ComputedType, Position } from './Tooltip';\n\ntype InjectedProps = { computed?: ComputedType; position?: Position };\n\n/** Bottom/Top commons */\nconst bottomOrTopStylesCommon = (width: number, position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -${width / 2}px;\n  `;\n\nconst bottomOrTopArrowCommon = (position?: Position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -5px;\n  `;\n\n/** Top */\nconst topStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    bottom: 100%;\n    margin-bottom: ${theme.spacing.centi};\n    transform: translateY(10%);\n  `;\n\nconst topArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    top: 100%;\n    border-color: ${theme.color.secondary.xdark} transparent transparent\n      transparent;\n  `;\n\n/** Bottom */\nconst bottomStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    top: 100%;\n    margin-top: ${theme.spacing.centi};\n    transform: translateY(-10%);\n  `;\n\nconst bottomArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    bottom: 100%;\n    border-color: transparent transparent ${theme.color.secondary.xdark}\n      transparent;\n  `;\n\n/** Bottom/Top commons */\nconst leftAndRightCommonStyles = (height: number, position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -${height / 2}px;\n  `;\n\nconst leftOrRightArrowCommon = (position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -5px;\n  `;\n\n/** Left */\nconst leftStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    right: 100%;\n    margin-right: ${theme.spacing.centi};\n    transform: translateX(10%);\n  `;\n\nconst leftArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    left: 100%;\n    border-color: transparent transparent transparent\n      ${theme.color.secondary.xdark};\n  `;\n\n/** Right */\nconst rightStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    left: 100%;\n    margin-left: ${theme.spacing.centi};\n    transform: translateX(-10%);\n  `;\n\nconst rightArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    right: 100%;\n    border-color: transparent ${theme.color.secondary.xdark} transparent\n      transparent;\n  `;\n\nexport const TooltipSpan = styled('span')<Partial<StyleProps> & InjectedProps>(\n  ({ theme, computed, position }) => {\n    const { width = 0, height = 0 } = computed || {};\n    return css`\n      position: absolute;\n      width: max-content;\n      padding: ${theme.spacing.micro} ${theme.spacing.centi};\n      border-radius: ${theme.borderRadius.mili};\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n      background-color: ${theme.color.secondary.xdark};\n      z-index: ${theme.zIndex.absolute};\n\n      ${bottomOrTopStylesCommon(width, position)}\n      ${bottomStyles(theme, position)}\n      ${topStyles(theme, position)}\n      \n      ${leftAndRightCommonStyles(height, position)}\n      ${leftStyles(theme, position)}\n      ${rightStyles(theme, position)}\n\n      &::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 5px;\n\n        ${bottomOrTopArrowCommon(position)}\n        ${bottomArrow(theme, position)}\n        ${topArrow(theme, position)}\n        \n        ${leftOrRightArrowCommon(position)}\n        ${leftArrow(theme, position)}\n        ${rightArrow(theme, position)}\n      }\n    `;\n  }\n);\n\nexport const Container = styled('div')<{ position?: Position }>`\n  position: relative;\n  &:hover {\n    & > span {\n      opacity: 1;\n      visibility: visible;\n      display: flex;\n      transform: ${({ position }) =>\n        position === 'left' || position === 'right'\n          ? 'translateX(0%)'\n          : 'translateY(0%)'};\n    }\n  }\n`;\n"],"mappings":"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"}

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

@@ -15,12 +15,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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 BreadcrumbItem = ({
-  props,
-  Component,
-  isLast,
-  title
-}) => {
+const BreadcrumbItem = _ref => {
+  let {
+    props,
+    Component,
+    isLast,
+    title
+  } = _ref;
   const noTextDecoration = {
     textDecoration: 'none'
   };

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

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","names":["BreadcrumbItem","props","Component","isLast","title","noTextDecoration","textDecoration"],"sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { StyledContainerItem, StyledContainerIcon } from './styled';\n\nexport interface BreadcrumbItemProps {\n  Component: ElementType;\n  props: any;\n  isLast: boolean;\n  title: string;\n}\n\nconst BreadcrumbItem: FC<BreadcrumbItemProps> = ({\n  props,\n  Component,\n  isLast,\n  title,\n}) => {\n  const noTextDecoration = { textDecoration: 'none' };\n  return (\n    <StyledContainerItem>\n      <Component {...props} style={noTextDecoration}>\n        <Text colorVariant=\"secondary\" colorTone={isLast ? 'medium' : 'xdark'}>\n          {title}\n        </Text>\n      </Component>\n      {!isLast && (\n        <StyledContainerIcon>\n          <Icon\n            name=\"chevron-double-right\"\n            type=\"material-community\"\n            size=\"centi\"\n            fontColor=\"orange\"\n          />\n        </StyledContainerIcon>\n      )}\n    </StyledContainerItem>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AASA,MAAMA,cAAuC,GAAG,CAAC;EAC/CC,KAD+C;EAE/CC,SAF+C;EAG/CC,MAH+C;EAI/CC;AAJ+C,CAAD,KAK1C;EACJ,MAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;EACA,OACE,6BAAC,2BAAD,QACE,6BAAC,SAAD,eAAeL,KAAf;IAAsB,KAAK,EAAEI;EAA7B,IACE,6BAAC,eAAD;IAAM,YAAY,EAAC,WAAnB;IAA+B,SAAS,EAAEF,MAAM,GAAG,QAAH,GAAc;EAA9D,GACGC,KADH,CADF,CADF,EAMG,CAACD,MAAD,IACC,6BAAC,2BAAD,QACE,6BAAC,eAAD;IACE,IAAI,EAAC,sBADP;IAEE,IAAI,EAAC,oBAFP;IAGE,IAAI,EAAC,OAHP;IAIE,SAAS,EAAC;EAJZ,EADF,CAPJ,CADF;AAmBD,CA1BD;;eA4BeH,c"}
+{"version":3,"file":"BreadcrumbItem.js","names":["BreadcrumbItem","props","Component","isLast","title","noTextDecoration","textDecoration"],"sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { StyledContainerItem, StyledContainerIcon } from './styled';\n\nexport interface BreadcrumbItemProps {\n  Component: ElementType;\n  props: any;\n  isLast: boolean;\n  title: string;\n}\n\nconst BreadcrumbItem: FC<BreadcrumbItemProps> = ({\n  props,\n  Component,\n  isLast,\n  title,\n}) => {\n  const noTextDecoration = { textDecoration: 'none' };\n  return (\n    <StyledContainerItem>\n      <Component {...props} style={noTextDecoration}>\n        <Text colorVariant=\"secondary\" colorTone={isLast ? 'medium' : 'xdark'}>\n          {title}\n        </Text>\n      </Component>\n      {!isLast && (\n        <StyledContainerIcon>\n          <Icon\n            name=\"chevron-double-right\"\n            type=\"material-community\"\n            size=\"centi\"\n            fontColor=\"orange\"\n          />\n        </StyledContainerIcon>\n      )}\n    </StyledContainerItem>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AASA,MAAMA,cAAuC,GAAG,QAK1C;EAAA,IAL2C;IAC/CC,KAD+C;IAE/CC,SAF+C;IAG/CC,MAH+C;IAI/CC;EAJ+C,CAK3C;EACJ,MAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;EACA,OACE,6BAAC,2BAAD,QACE,6BAAC,SAAD,eAAeL,KAAf;IAAsB,KAAK,EAAEI;EAA7B,IACE,6BAAC,eAAD;IAAM,YAAY,EAAC,WAAnB;IAA+B,SAAS,EAAEF,MAAM,GAAG,QAAH,GAAc;EAA9D,GACGC,KADH,CADF,CADF,EAMG,CAACD,MAAD,IACC,6BAAC,2BAAD,QACE,6BAAC,eAAD;IACE,IAAI,EAAC,sBADP;IAEE,IAAI,EAAC,oBAFP;IAGE,IAAI,EAAC,OAHP;IAIE,SAAS,EAAC;EAJZ,EADF,CAPJ,CADF;AAmBD,CA1BD;;eA4BeH,c"}

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

@@ -7,26 +7,24 @@ exports.StyledContainerItem = exports.StyledContainerIcon = void 0;
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
+var _templateObject, _templateObject2;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StyledContainerItem = (0, _styled.default)('div')`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: row;
-  margin-right: ${({
-  theme
-}) => theme.spacing.mili};
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledContainerItem = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  margin-right: ", ";\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spacing.mili;
+});
 exports.StyledContainerItem = StyledContainerItem;
-const StyledContainerIcon = (0, _styled.default)('div')`
-  margin-left: ${({
-  theme
-}) => theme.spacing.mili};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-`;
+const StyledContainerIcon = (0, _styled.default)('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n"])), _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.spacing.mili;
+});
 exports.StyledContainerIcon = StyledContainerIcon;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledContainerItem","styled","theme","spacing","mili","StyledContainerIcon"],"sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerIcon = styled('div')<Partial<StyleProps>>`\n  margin-left: ${({ theme }) => theme.spacing.mili};\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n`;\n"],"mappings":";;;;;;;AAAA;;;;AAGO,MAAMA,mBAAmB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmC;AACtE;AACA;AACA;AACA;AACA,kBAAkB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACpD,CANO;;AAQA,MAAMC,mBAAmB,GAAG,IAAAJ,eAAA,EAAO,KAAP,CAAmC;AACtE,iBAAiB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACnD;AACA;AACA;AACA;AACA,CANO"}
+{"version":3,"file":"styled.js","names":["StyledContainerItem","styled","theme","spacing","mili","StyledContainerIcon"],"sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerIcon = styled('div')<Partial<StyleProps>>`\n  margin-left: ${({ theme }) => theme.spacing.mili};\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAGO,MAAMA,mBAAmB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,6LAKd;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CALc,CAAzB;;AAQA,MAAMC,mBAAmB,GAAG,IAAAJ,eAAA,EAAO,KAAP,CAAH,6LACf;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADe,CAAzB"}

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

@@ -13,10 +13,11 @@ var _BreadcrumbItem = require("./BreadcrumbItem");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Breadcrumbs = ({
-  breadcrumbs,
-  ...rest
-}) => {
+const Breadcrumbs = _ref => {
+  let {
+    breadcrumbs,
+    ...rest
+  } = _ref;
   return _react.default.createElement(_styled.StyledContainerBreadcrumbs, rest, breadcrumbs.map((item, index) => {
     const {
       props,

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["Breadcrumbs","breadcrumbs","rest","map","item","index","props","Component","title","length"],"sources":["../../../../src/components/molecules/Breadcrumbs/Breadcrumbs.tsx"],"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 extends React.HTMLAttributes<HTMLDivElement> {\n  breadcrumbs: BreadcrumbType[];\n}\n\nconst Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs, ...rest }) => {\n  return (\n    <StyledContainerBreadcrumbs {...rest}>\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"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAYA,MAAMA,WAAiC,GAAG,CAAC;EAAEC,WAAF;EAAe,GAAGC;AAAlB,CAAD,KAA8B;EACtE,OACE,6BAAC,kCAAD,EAAgCA,IAAhC,EACGD,WAAW,CAACE,GAAZ,CAAgB,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAChC,MAAM;MAAEC,KAAF;MAASC,SAAS,GAAG,GAArB;MAA0BC;IAA1B,IAAoCJ,IAA1C;IACA,OACE,6BAAC,8BAAD;MACE,GAAG,EAAEC,KADP;MAEE,SAAS,EAAEE,SAFb;MAGE,KAAK,EAAED,KAHT;MAIE,MAAM,EAAEL,WAAW,CAACQ,MAAZ,GAAqB,CAArB,KAA2BJ,KAJrC;MAKE,KAAK,EAAEG;IALT,EADF;EASD,CAXA,CADH,CADF;AAgBD,CAjBD;;eAmBeR,W"}
+{"version":3,"file":"Breadcrumbs.js","names":["Breadcrumbs","breadcrumbs","rest","map","item","index","props","Component","title","length"],"sources":["../../../../src/components/molecules/Breadcrumbs/Breadcrumbs.tsx"],"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 extends React.HTMLAttributes<HTMLDivElement> {\n  breadcrumbs: BreadcrumbType[];\n}\n\nconst Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs, ...rest }) => {\n  return (\n    <StyledContainerBreadcrumbs {...rest}>\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"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAYA,MAAMA,WAAiC,GAAG,QAA8B;EAAA,IAA7B;IAAEC,WAAF;IAAe,GAAGC;EAAlB,CAA6B;EACtE,OACE,6BAAC,kCAAD,EAAgCA,IAAhC,EACGD,WAAW,CAACE,GAAZ,CAAgB,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAChC,MAAM;MAAEC,KAAF;MAASC,SAAS,GAAG,GAArB;MAA0BC;IAA1B,IAAoCJ,IAA1C;IACA,OACE,6BAAC,8BAAD;MACE,GAAG,EAAEC,KADP;MAEE,SAAS,EAAEE,SAFb;MAGE,KAAK,EAAED,KAHT;MAIE,MAAM,EAAEL,WAAW,CAACQ,MAAZ,GAAqB,CAArB,KAA2BJ,KAJrC;MAKE,KAAK,EAAEG;IALT,EADF;EASD,CAXA,CADH,CADF;AAgBD,CAjBD;;eAmBeR,W"}

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

@@ -9,25 +9,32 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _reactCore = require("@tecsinapse/react-core");
 
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StyledContainerBreadcrumbs = (0, _styled.default)('div')`
-  background-color: ${({
-  theme
-}) => theme.miscellaneous.surfaceColor};
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  padding: ${({
-  theme
-}) => `${theme.spacing.mili} ${theme.spacing.deca}`};
-  border-radius: ${({
-  theme
-}) => theme.borderRadius.mili};
-  box-shadow: 0px 2px 8px
-    ${({
-  theme
-}) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)};
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledContainerBreadcrumbs = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: ", ";\n  border-radius: ", ";\n  box-shadow: 0px 2px 8px\n    ", ";\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.miscellaneous.surfaceColor;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return "".concat(theme.spacing.mili, " ").concat(theme.spacing.deca);
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.borderRadius.mili;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05);
+});
 exports.StyledContainerBreadcrumbs = StyledContainerBreadcrumbs;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledContainerBreadcrumbs","styled","theme","miscellaneous","surfaceColor","spacing","mili","deca","borderRadius","hex2rgba","shadow"],"sources":["../../../../src/components/molecules/Breadcrumbs/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerBreadcrumbs = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n  box-shadow: 0px 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,0BAA0B,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmC;AAC7E,sBAAsB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE;AACA;AACA;AACA,aAAa,CAAC;EAAEF;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACG,OAAN,CAAcC,IAAK,IAAGJ,KAAK,CAACG,OAAN,CAAcE,IAAK,EAAE;AAC1E,mBAAmB,CAAC;EAAEL;AAAF,CAAD,KAA2BA,KAAK,CAACM,YAAN,CAAmBF,IAAK;AACtE;AACA,MAAM,CAAC;EAAEJ;AAAF,CAAD,KAAe,IAAAO,mBAAA,EAASP,KAAK,CAACC,aAAN,CAAoBO,MAA7B,EAAqC,IAArC,CAA2C;AAChE,CATO"}
+{"version":3,"file":"styled.js","names":["StyledContainerBreadcrumbs","styled","theme","miscellaneous","surfaceColor","spacing","mili","deca","borderRadius","hex2rgba","shadow"],"sources":["../../../../src/components/molecules/Breadcrumbs/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerBreadcrumbs = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n  box-shadow: 0px 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,0BAA0B,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,6PACjB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAnC;AAAA,CADiB,EAK1B;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,iBAAkBA,KAAK,CAACG,OAAN,CAAcC,IAAhC,cAAwCJ,KAAK,CAACG,OAAN,CAAcE,IAAtD;AAAA,CAL0B,EAMpB;EAAA,IAAC;IAAEL;EAAF,CAAD;EAAA,OAA2BA,KAAK,CAACM,YAAN,CAAmBF,IAA9C;AAAA,CANoB,EAQjC;EAAA,IAAC;IAAEJ;EAAF,CAAD;EAAA,OAAe,IAAAO,mBAAA,EAASP,KAAK,CAACC,aAAN,CAAoBO,MAA7B,EAAqC,IAArC,CAAf;AAAA,CARiC,CAAhC"}

package/dist/components/molecules/DatePicker/DatePicker.js

@@ -17,11 +17,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && 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 DatePicker = ({
-  value,
-  type,
-  ...rest
-}) => {
+const DatePicker = _ref => {
+  let {
+    value,
+    type,
+    ...rest
+  } = _ref;
   const [visible, setVisible] = (0, _react.useState)(false);
   const show = (0, _react.useCallback)(() => setVisible(true), []);
   const close = (0, _react.useCallback)(() => setVisible(false), []);

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["DatePicker","value","type","rest","visible","setVisible","useState","show","useCallback","close","getYear","useMemo","lowest","undefined","Date","getFullYear","getMonth","Calendar","calendar"],"sources":["../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  Calendar,\n  DatePicker as DatePickerCore,\n  DatePickerProps,\n  DateRange,\n  SelectionType,\n} from '@tecsinapse/react-core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDatePickerProps<T extends SelectionType> = Omit<\n  DatePickerProps<T>,\n  | 'CalendarComponent'\n  | 'renderCalendar'\n  | 'requestCloseCalendar'\n  | 'requestShowCalendar'\n>;\n\nexport const DatePicker = <T extends SelectionType>({\n  value,\n  type,\n  ...rest\n}: WebDatePickerProps<T>): JSX.Element => {\n  const [visible, setVisible] = useState(false);\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n\n  const getYear = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getFullYear();\n      } else {\n        return new Date(value as Date).getFullYear();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const getMonth = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getMonth();\n      } else {\n        return new Date(value as Date).getMonth();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  return (\n    <DatePickerCore\n      {...rest}\n      CalendarComponent={Calendar}\n      value={value}\n      type={type}\n      year={getYear}\n      month={getMonth}\n      requestShowCalendar={show}\n      requestCloseCalendar={close}\n      renderCalendar={calendar => (\n        <Dropdown visible={visible} setVisible={setVisible}>\n          {calendar}\n        </Dropdown>\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;;;;;;;AAUO,MAAMA,UAAU,GAAG,CAA0B;EAClDC,KADkD;EAElDC,IAFkD;EAGlD,GAAGC;AAH+C,CAA1B,KAIgB;EACxC,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAS,KAAT,CAA9B;EACA,MAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAY,MAAMH,UAAU,CAAC,IAAD,CAA5B,EAAoC,EAApC,CAAb;EACA,MAAMI,KAAK,GAAG,IAAAD,kBAAA,EAAY,MAAMH,UAAU,CAAC,KAAD,CAA5B,EAAqC,EAArC,CAAd;EAEA,MAAMK,OAAO,GAAG,IAAAC,cAAA,EAAQ,MAAM;IAC5B,IAAIV,KAAJ,EAAW;MACT,IAAIC,IAAI,KAAK,OAAb,EAAsB;QACpB,IAAKD,KAAD,CAAqBW,MAArB,KAAgCC,SAApC,EACE,OAAO,IAAIC,IAAJ,CAAUb,KAAD,CAAqBW,MAA9B,EAAsCG,WAAtC,EAAP;MACH,CAHD,MAGO;QACL,OAAO,IAAID,IAAJ,CAASb,KAAT,EAAwBc,WAAxB,EAAP;MACD;IACF;;IACD,OAAOF,SAAP;EACD,CAVe,EAUb,CAACZ,KAAD,CAVa,CAAhB;EAYA,MAAMe,QAAQ,GAAG,IAAAL,cAAA,EAAQ,MAAM;IAC7B,IAAIV,KAAJ,EAAW;MACT,IAAIC,IAAI,KAAK,OAAb,EAAsB;QACpB,IAAKD,KAAD,CAAqBW,MAArB,KAAgCC,SAApC,EACE,OAAO,IAAIC,IAAJ,CAAUb,KAAD,CAAqBW,MAA9B,EAAsCI,QAAtC,EAAP;MACH,CAHD,MAGO;QACL,OAAO,IAAIF,IAAJ,CAASb,KAAT,EAAwBe,QAAxB,EAAP;MACD;IACF;;IACD,OAAOH,SAAP;EACD,CAVgB,EAUd,CAACZ,KAAD,CAVc,CAAjB;EAYA,OACE,6BAAC,qBAAD,eACME,IADN;IAEE,iBAAiB,EAAEc,mBAFrB;IAGE,KAAK,EAAEhB,KAHT;IAIE,IAAI,EAAEC,IAJR;IAKE,IAAI,EAAEQ,OALR;IAME,KAAK,EAAEM,QANT;IAOE,mBAAmB,EAAET,IAPvB;IAQE,oBAAoB,EAAEE,KARxB;IASE,cAAc,EAAES,QAAQ,IACtB,6BAAC,kBAAD;MAAU,OAAO,EAAEd,OAAnB;MAA4B,UAAU,EAAEC;IAAxC,GACGa,QADH;EAVJ,GADF;AAiBD,CAlDM"}
+{"version":3,"file":"DatePicker.js","names":["DatePicker","value","type","rest","visible","setVisible","useState","show","useCallback","close","getYear","useMemo","lowest","undefined","Date","getFullYear","getMonth","Calendar","calendar"],"sources":["../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  Calendar,\n  DatePicker as DatePickerCore,\n  DatePickerProps,\n  DateRange,\n  SelectionType,\n} from '@tecsinapse/react-core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDatePickerProps<T extends SelectionType> = Omit<\n  DatePickerProps<T>,\n  | 'CalendarComponent'\n  | 'renderCalendar'\n  | 'requestCloseCalendar'\n  | 'requestShowCalendar'\n>;\n\nexport const DatePicker = <T extends SelectionType>({\n  value,\n  type,\n  ...rest\n}: WebDatePickerProps<T>): JSX.Element => {\n  const [visible, setVisible] = useState(false);\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n\n  const getYear = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getFullYear();\n      } else {\n        return new Date(value as Date).getFullYear();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const getMonth = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getMonth();\n      } else {\n        return new Date(value as Date).getMonth();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  return (\n    <DatePickerCore\n      {...rest}\n      CalendarComponent={Calendar}\n      value={value}\n      type={type}\n      year={getYear}\n      month={getMonth}\n      requestShowCalendar={show}\n      requestCloseCalendar={close}\n      renderCalendar={calendar => (\n        <Dropdown visible={visible} setVisible={setVisible}>\n          {calendar}\n        </Dropdown>\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;;;;;;;AAUO,MAAMA,UAAU,GAAG,QAIgB;EAAA,IAJU;IAClDC,KADkD;IAElDC,IAFkD;IAGlD,GAAGC;EAH+C,CAIV;EACxC,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAS,KAAT,CAA9B;EACA,MAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAY,MAAMH,UAAU,CAAC,IAAD,CAA5B,EAAoC,EAApC,CAAb;EACA,MAAMI,KAAK,GAAG,IAAAD,kBAAA,EAAY,MAAMH,UAAU,CAAC,KAAD,CAA5B,EAAqC,EAArC,CAAd;EAEA,MAAMK,OAAO,GAAG,IAAAC,cAAA,EAAQ,MAAM;IAC5B,IAAIV,KAAJ,EAAW;MACT,IAAIC,IAAI,KAAK,OAAb,EAAsB;QACpB,IAAKD,KAAD,CAAqBW,MAArB,KAAgCC,SAApC,EACE,OAAO,IAAIC,IAAJ,CAAUb,KAAD,CAAqBW,MAA9B,EAAsCG,WAAtC,EAAP;MACH,CAHD,MAGO;QACL,OAAO,IAAID,IAAJ,CAASb,KAAT,EAAwBc,WAAxB,EAAP;MACD;IACF;;IACD,OAAOF,SAAP;EACD,CAVe,EAUb,CAACZ,KAAD,CAVa,CAAhB;EAYA,MAAMe,QAAQ,GAAG,IAAAL,cAAA,EAAQ,MAAM;IAC7B,IAAIV,KAAJ,EAAW;MACT,IAAIC,IAAI,KAAK,OAAb,EAAsB;QACpB,IAAKD,KAAD,CAAqBW,MAArB,KAAgCC,SAApC,EACE,OAAO,IAAIC,IAAJ,CAAUb,KAAD,CAAqBW,MAA9B,EAAsCI,QAAtC,EAAP;MACH,CAHD,MAGO;QACL,OAAO,IAAIF,IAAJ,CAASb,KAAT,EAAwBe,QAAxB,EAAP;MACD;IACF;;IACD,OAAOH,SAAP;EACD,CAVgB,EAUd,CAACZ,KAAD,CAVc,CAAjB;EAYA,OACE,6BAAC,qBAAD,eACME,IADN;IAEE,iBAAiB,EAAEc,mBAFrB;IAGE,KAAK,EAAEhB,KAHT;IAIE,IAAI,EAAEC,IAJR;IAKE,IAAI,EAAEQ,OALR;IAME,KAAK,EAAEM,QANT;IAOE,mBAAmB,EAAET,IAPvB;IAQE,oBAAoB,EAAEE,KARxB;IASE,cAAc,EAAES,QAAQ,IACtB,6BAAC,kBAAD;MAAU,OAAO,EAAEd,OAAnB;MAA4B,UAAU,EAAEC;IAAxC,GACGa,QADH;EAVJ,GADF;AAiBD,CAlDM"}

package/dist/components/molecules/DatePicker/Modal.js

@@ -19,11 +19,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && 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 Component = ({
-  onRequestClose,
-  children,
-  ...modalProps
-}) => {
+const Component = _ref => {
+  let {
+    onRequestClose,
+    children,
+    ...modalProps
+  } = _ref;
   return React.createElement(_reactNativeWeb.Modal, _extends({
     transparent: true,
     hardwareAccelerated: true,

package/dist/components/molecules/DatePicker/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Component","onRequestClose","children","modalProps","Modal"],"sources":["../../../../src/components/molecules/DatePicker/Modal.tsx"],"sourcesContent":["import {\n  CalendarProps,\n  PressableSurface,\n  SelectionType,\n} from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { Backdrop, ModalContent } from './styled';\n\nconst Component = <T extends SelectionType>({\n  onRequestClose,\n  children,\n  ...modalProps\n}: CalendarProps<T> & ModalProps & { children: JSX.Element }): JSX.Element => {\n  return (\n    <RNModal\n      transparent\n      hardwareAccelerated\n      statusBarTranslucent\n      {...modalProps}\n      onRequestClose={onRequestClose}\n    >\n      <Backdrop onPress={onRequestClose} effect=\"none\">\n        <PressableSurface>\n          <ModalContent>{children}</ModalContent>\n        </PressableSurface>\n      </Backdrop>\n    </RNModal>\n  );\n};\n\nexport const Modal = Component;\n"],"mappings":";;;;;;;AAAA;;AAKA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,SAAS,GAAG,CAA0B;EAC1CC,cAD0C;EAE1CC,QAF0C;EAG1C,GAAGC;AAHuC,CAA1B,KAI4D;EAC5E,OACE,oBAAC,qBAAD;IACE,WAAW,MADb;IAEE,mBAAmB,MAFrB;IAGE,oBAAoB;EAHtB,GAIMA,UAJN;IAKE,cAAc,EAAEF;EALlB,IAOE,oBAAC,gBAAD;IAAU,OAAO,EAAEA,cAAnB;IAAmC,MAAM,EAAC;EAA1C,GACE,oBAAC,2BAAD,QACE,oBAAC,oBAAD,QAAeC,QAAf,CADF,CADF,CAPF,CADF;AAeD,CApBD;;AAsBO,MAAME,KAAK,GAAGJ,SAAd"}
+{"version":3,"file":"Modal.js","names":["Component","onRequestClose","children","modalProps","Modal"],"sources":["../../../../src/components/molecules/DatePicker/Modal.tsx"],"sourcesContent":["import {\n  CalendarProps,\n  PressableSurface,\n  SelectionType,\n} from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { Backdrop, ModalContent } from './styled';\n\nconst Component = <T extends SelectionType>({\n  onRequestClose,\n  children,\n  ...modalProps\n}: CalendarProps<T> & ModalProps & { children: JSX.Element }): JSX.Element => {\n  return (\n    <RNModal\n      transparent\n      hardwareAccelerated\n      statusBarTranslucent\n      {...modalProps}\n      onRequestClose={onRequestClose}\n    >\n      <Backdrop onPress={onRequestClose} effect=\"none\">\n        <PressableSurface>\n          <ModalContent>{children}</ModalContent>\n        </PressableSurface>\n      </Backdrop>\n    </RNModal>\n  );\n};\n\nexport const Modal = Component;\n"],"mappings":";;;;;;;AAAA;;AAKA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,SAAS,GAAG,QAI4D;EAAA,IAJlC;IAC1CC,cAD0C;IAE1CC,QAF0C;IAG1C,GAAGC;EAHuC,CAIkC;EAC5E,OACE,oBAAC,qBAAD;IACE,WAAW,MADb;IAEE,mBAAmB,MAFrB;IAGE,oBAAoB;EAHtB,GAIMA,UAJN;IAKE,cAAc,EAAEF;EALlB,IAOE,oBAAC,gBAAD;IAAU,OAAO,EAAEA,cAAnB;IAAmC,MAAM,EAAC;EAA1C,GACE,oBAAC,2BAAD,QACE,oBAAC,oBAAD,QAAeC,QAAf,CADF,CADF,CAPF,CADF;AAeD,CApBD;;AAsBO,MAAME,KAAK,GAAGJ,SAAd"}

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

@@ -11,41 +11,31 @@ var _reactCore = require("@tecsinapse/react-core");
 
 var _reactNativeWeb = require("react-native-web");
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
 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; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 const isWeb = _reactNativeWeb.Platform.OS === 'web';
-const Backdrop = (0, _native.default)(_reactCore.PressableSurface)`
-  ${({
-  theme
-}) => isWeb ? (0, _native.css)`
-          justify-content: center;
-          align-items: center;
-          background-color: ${(0, _reactCore.hex2rgba)(theme.miscellaneous.overlay, 0.5)};
-          height: 100vh;
-        ` : (0, _native.css)`
-          justify-content: flex-end;
-          background-color: ${(0, _reactCore.hex2rgba)(theme.miscellaneous.overlay, 0.5)};
-          height: 100%;
-        `}
-`;
+const Backdrop = (0, _native.default)(_reactCore.PressableSurface)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return isWeb ? (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          justify-content: center;\n          align-items: center;\n          background-color: ", ";\n          height: 100vh;\n        "])), (0, _reactCore.hex2rgba)(theme.miscellaneous.overlay, 0.5)) : (0, _native.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          justify-content: flex-end;\n          background-color: ", ";\n          height: 100%;\n        "])), (0, _reactCore.hex2rgba)(theme.miscellaneous.overlay, 0.5));
+});
 exports.Backdrop = Backdrop;
-const ModalContent = _native.default.View`
-  background-color: transparent;
-  ${({
-  theme: {
-    borderRadius
-  }
-}) => (0, _native.css)`
-    ${isWeb ? `
-      border-radius: ${borderRadius.micro};
-    ` : `
-      border-top-left-radius: ${borderRadius.deca};
-      border-top-right-radius: ${borderRadius.deca};
-    `}
-  `}
-  overflow: hidden;
-`;
+
+const ModalContent = _native.default.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: transparent;\n  ", "\n  overflow: hidden;\n"])), _ref2 => {
+  let {
+    theme: {
+      borderRadius
+    }
+  } = _ref2;
+  return (0, _native.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", "\n  "])), isWeb ? "\n      border-radius: ".concat(borderRadius.micro, ";\n    ") : "\n      border-top-left-radius: ".concat(borderRadius.deca, ";\n      border-top-right-radius: ").concat(borderRadius.deca, ";\n    "));
+});
+
 exports.ModalContent = ModalContent;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["isWeb","Platform","OS","Backdrop","styled","PressableSurface","theme","css","hex2rgba","miscellaneous","overlay","ModalContent","View","borderRadius","micro","deca"],"sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { hex2rgba, PressableSurface, StyleProps } from '@tecsinapse/react-core';\nimport { Platform } from 'react-native';\n\nconst isWeb = Platform.OS === 'web';\n\nexport const Backdrop = styled(PressableSurface)<Partial<StyleProps>>`\n  ${({ theme }) =>\n    isWeb\n      ? css`\n          justify-content: center;\n          align-items: center;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100vh;\n        `\n      : css`\n          justify-content: flex-end;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100%;\n        `}\n`;\n\nexport const ModalContent = styled.View<Partial<StyleProps>>`\n  background-color: transparent;\n  ${({ theme: { borderRadius } }) => css`\n    ${isWeb\n      ? `\n      border-radius: ${borderRadius.micro};\n    `\n      : `\n      border-top-left-radius: ${borderRadius.deca};\n      border-top-right-radius: ${borderRadius.deca};\n    `}\n  `}\n  overflow: hidden;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAGC,wBAAA,CAASC,EAAT,KAAgB,KAA9B;AAEO,MAAMC,QAAQ,GAAG,IAAAC,eAAA,EAAOC,2BAAP,CAA8C;AACtE,IAAI,CAAC;EAAEC;AAAF,CAAD,KACAN,KAAK,GACD,IAAAO,WAAA,CAAI;AACZ;AACA;AACA,8BAA8B,IAAAC,mBAAA,EAASF,KAAK,CAACG,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAA2C;AACzE;AACA,SANS,GAOD,IAAAH,WAAA,CAAI;AACZ;AACA,8BAA8B,IAAAC,mBAAA,EAASF,KAAK,CAACG,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAA2C;AACzE;AACA,SAAU;AACV,CAdO;;AAgBA,MAAMC,YAAY,GAAGP,eAAA,CAAOQ,IAA0B;AAC7D;AACA,IAAI,CAAC;EAAEN,KAAK,EAAE;IAAEO;EAAF;AAAT,CAAD,KAAiC,IAAAN,WAAA,CAAI;AACzC,MAAMP,KAAK,GACF;AACT,uBAAuBa,YAAY,CAACC,KAAM;AAC1C,KAHW,GAIF;AACT,gCAAgCD,YAAY,CAACE,IAAK;AAClD,iCAAiCF,YAAY,CAACE,IAAK;AACnD,KAAM;AACN,GAAI;AACJ;AACA,CAbO"}
+{"version":3,"file":"styled.js","names":["isWeb","Platform","OS","Backdrop","styled","PressableSurface","theme","css","hex2rgba","miscellaneous","overlay","ModalContent","View","borderRadius","micro","deca"],"sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { hex2rgba, PressableSurface, StyleProps } from '@tecsinapse/react-core';\nimport { Platform } from 'react-native';\n\nconst isWeb = Platform.OS === 'web';\n\nexport const Backdrop = styled(PressableSurface)<Partial<StyleProps>>`\n  ${({ theme }) =>\n    isWeb\n      ? css`\n          justify-content: center;\n          align-items: center;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100vh;\n        `\n      : css`\n          justify-content: flex-end;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100%;\n        `}\n`;\n\nexport const ModalContent = styled.View<Partial<StyleProps>>`\n  background-color: transparent;\n  ${({ theme: { borderRadius } }) => css`\n    ${isWeb\n      ? `\n      border-radius: ${borderRadius.micro};\n    `\n      : `\n      border-top-left-radius: ${borderRadius.deca};\n      border-top-right-radius: ${borderRadius.deca};\n    `}\n  `}\n  overflow: hidden;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAGC,wBAAA,CAASC,EAAT,KAAgB,KAA9B;AAEO,MAAMC,QAAQ,GAAG,IAAAC,eAAA,EAAOC,2BAAP,CAAH,gFACjB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OACAN,KAAK,OACDO,WADC,oNAIqB,IAAAC,mBAAA,EAASF,KAAK,CAACG,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAJrB,QAODH,WAPC,qLASqB,IAAAC,mBAAA,EAASF,KAAK,CAACG,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CATrB,CADL;AAAA,CADiB,CAAd;;;AAgBA,MAAMC,YAAY,GAAGP,eAAA,CAAOQ,IAAV,yIAErB;EAAA,IAAC;IAAEN,KAAK,EAAE;MAAEO;IAAF;EAAT,CAAD;EAAA,WAAiCN,WAAjC,uFACEP,KAAK,oCAEYa,YAAY,CAACC,KAFzB,yDAKqBD,YAAY,CAACE,IALlC,+CAMsBF,YAAY,CAACE,IANnC,YADP;AAAA,CAFqB,CAAlB"}

package/dist/components/molecules/DateTimePicker/DateTimePicker.js

@@ -17,8 +17,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && 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 DateTimePicker = ({ ...rest
-}) => {
+const DateTimePicker = _ref => {
+  let { ...rest
+  } = _ref;
   const [visible, setVisible] = (0, _react.useState)(false);
   const show = (0, _react.useCallback)(() => setVisible(true), []);
   const close = (0, _react.useCallback)(() => setVisible(false), []);

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","names":["DateTimePicker","rest","visible","setVisible","useState","show","useCallback","close","selector"],"sources":["../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  'renderSelector' | 'requestShowSelector' | 'requestCloseSelector'\n>;\n\nexport const DateTimePicker: FC<WebDateTimePickerProps> = ({ ...rest }) => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      requestShowSelector={show}\n      requestCloseSelector={close}\n      renderSelector={selector => (\n        <Dropdown visible={visible} setVisible={setVisible}>\n          {selector}\n        </Dropdown>\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;;;;;;;AAOO,MAAMA,cAA0C,GAAG,CAAC,EAAE,GAAGC;AAAL,CAAD,KAAiB;EACzE,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAkB,KAAlB,CAA9B;EAEA,MAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAY,MAAMH,UAAU,CAAC,IAAD,CAA5B,EAAoC,EAApC,CAAb;EACA,MAAMI,KAAK,GAAG,IAAAD,kBAAA,EAAY,MAAMH,UAAU,CAAC,KAAD,CAA5B,EAAqC,EAArC,CAAd;EAEA,OACE,6BAAC,yBAAD,eACMF,IADN;IAEE,mBAAmB,EAAEI,IAFvB;IAGE,oBAAoB,EAAEE,KAHxB;IAIE,cAAc,EAAEC,QAAQ,IACtB,6BAAC,kBAAD;MAAU,OAAO,EAAEN,OAAnB;MAA4B,UAAU,EAAEC;IAAxC,GACGK,QADH;EALJ,GADF;AAYD,CAlBM"}
+{"version":3,"file":"DateTimePicker.js","names":["DateTimePicker","rest","visible","setVisible","useState","show","useCallback","close","selector"],"sources":["../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  'renderSelector' | 'requestShowSelector' | 'requestCloseSelector'\n>;\n\nexport const DateTimePicker: FC<WebDateTimePickerProps> = ({ ...rest }) => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      requestShowSelector={show}\n      requestCloseSelector={close}\n      renderSelector={selector => (\n        <Dropdown visible={visible} setVisible={setVisible}>\n          {selector}\n        </Dropdown>\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;;;;;;;AAOO,MAAMA,cAA0C,GAAG,QAAiB;EAAA,IAAhB,EAAE,GAAGC;EAAL,CAAgB;EACzE,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAkB,KAAlB,CAA9B;EAEA,MAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAY,MAAMH,UAAU,CAAC,IAAD,CAA5B,EAAoC,EAApC,CAAb;EACA,MAAMI,KAAK,GAAG,IAAAD,kBAAA,EAAY,MAAMH,UAAU,CAAC,KAAD,CAA5B,EAAqC,EAArC,CAAd;EAEA,OACE,6BAAC,yBAAD,eACMF,IADN;IAEE,mBAAmB,EAAEI,IAFvB;IAGE,oBAAoB,EAAEE,KAHxB;IAIE,cAAc,EAAEC,QAAQ,IACtB,6BAAC,kBAAD;MAAU,OAAO,EAAEN,OAAnB;MAA4B,UAAU,EAAEC;IAAxC,GACGK,QADH;EALJ,GADF;AAYD,CAlBM"}

package/dist/components/molecules/DateTimePicker/Modal.js

@@ -17,11 +17,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && 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 Component = ({
-  onRequestClose,
-  children,
-  ...rest
-}) => {
+const Component = _ref => {
+  let {
+    onRequestClose,
+    children,
+    ...rest
+  } = _ref;
   return React.createElement(_reactNativeWeb.Modal, _extends({
     transparent: true,
     hardwareAccelerated: true,