@tecsinapse/react-web-kit 1.22.0 → 1.22.1-beta.2

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var React = require('react');
+var styled = require('./styled.cjs');
+var BreadcrumbItem = require('./BreadcrumbItem/BreadcrumbItem.cjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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 Breadcrumbs = (_a) => {
+  var _b = _a, { breadcrumbs } = _b, rest = __objRest(_b, ["breadcrumbs"]);
+  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerBreadcrumbs, __spreadValues({}, rest), breadcrumbs.map((item, index) => {
+    const { props, Component = "a", title } = item;
+    return /* @__PURE__ */ React__default["default"].createElement(BreadcrumbItem, {
+      key: index,
+      Component,
+      props,
+      isLast: breadcrumbs.length - 1 === index,
+      title
+    });
+  }));
+};
+
+module.exports = Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.cjs","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"],"names":["StyledContainerBreadcrumbs","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,MAAA,WAAA,GAAoC,CAAC,EAA6B,KAAA;AAA7B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAd7C,WAAA,EAAA,GAc2C,EAAkB,EAAA,IAAA,GAAA,SAAA,CAAlB,IAAkB,CAAhB,aAAA,CAAA,CAAA,CAAA;AAC3C,EAAA,+DACGA,iCAA+B,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAC7B,YAAY,GAAI,CAAA,CAAC,MAAM,KAAU,KAAA;AAChC,IAAA,MAAM,EAAE,KAAA,EAAO,SAAY,GAAA,GAAA,EAAK,OAAU,GAAA,IAAA,CAAA;AAC1C,IAAA,uBACGC,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,MACC,GAAK,EAAA,KAAA;AAAA,MACL,SAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,WAAY,CAAA,MAAA,GAAS,CAAM,KAAA,KAAA;AAAA,MACnC,KAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.mjs

@@ -0,0 +1,48 @@
+import React from 'react';
+import { StyledContainerBreadcrumbs } from './styled.mjs';
+import BreadcrumbItem from './BreadcrumbItem/BreadcrumbItem.mjs';
+
+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 Breadcrumbs = (_a) => {
+  var _b = _a, { breadcrumbs } = _b, rest = __objRest(_b, ["breadcrumbs"]);
+  return /* @__PURE__ */ React.createElement(StyledContainerBreadcrumbs, __spreadValues({}, rest), breadcrumbs.map((item, index) => {
+    const { props, Component = "a", title } = item;
+    return /* @__PURE__ */ React.createElement(BreadcrumbItem, {
+      key: index,
+      Component,
+      props,
+      isLast: breadcrumbs.length - 1 === index,
+      title
+    });
+  }));
+};
+
+export { Breadcrumbs as default };
+//# sourceMappingURL=Breadcrumbs.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.mjs","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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,MAAA,WAAA,GAAoC,CAAC,EAA6B,KAAA;AAA7B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAd7C,WAAA,EAAA,GAc2C,EAAkB,EAAA,IAAA,GAAA,SAAA,CAAlB,IAAkB,CAAhB,aAAA,CAAA,CAAA,CAAA;AAC3C,EAAA,2CACG,0BAA+B,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAC7B,YAAY,GAAI,CAAA,CAAC,MAAM,KAAU,KAAA;AAChC,IAAA,MAAM,EAAE,KAAA,EAAO,SAAY,GAAA,GAAA,EAAK,OAAU,GAAA,IAAA,CAAA;AAC1C,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,MACC,GAAK,EAAA,KAAA;AAAA,MACL,SAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,WAAY,CAAA,MAAA,GAAS,CAAM,KAAA,KAAA;AAAA,MACnC,KAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/styled');
+var reactCore = require('@tecsinapse/react-core');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledContainerBreadcrumbs = styled__default["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 }) => reactCore.hex2rgba(theme.miscellaneous.shadow, 0.05)};
+`;
+
+exports.StyledContainerBreadcrumbs = StyledContainerBreadcrumbs;
+//# sourceMappingURL=styled.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","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"],"names":["styled","hex2rgba"],"mappings":";;;;;;;;;;;AAGa,MAAA,0BAAA,GAA6BA,2BAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EAChC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAI5C,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,iBAAA,EAChD,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,IAE3D,EAAA,CAAC,EAAE,KAAM,EAAA,KAAMC,mBAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,16 @@
+import styled from '@emotion/styled';
+import { hex2rgba } from '@tecsinapse/react-core';
+
+const StyledContainerBreadcrumbs = styled("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 }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};
+`;
+
+export { StyledContainerBreadcrumbs };
+//# sourceMappingURL=styled.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.mjs","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"],"names":[],"mappings":";;;AAGa,MAAA,0BAAA,GAA6B,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EAChC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAI5C,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,iBAAA,EAChD,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,IAE3D,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,SAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA;;;;"}

package/dist/components/molecules/DatePicker/DatePicker.cjs

@@ -0,0 +1,93 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
+var index = require('../../atoms/Dropdown/index.cjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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 DatePicker = (_a) => {
+  var _b = _a, {
+    value,
+    type
+  } = _b, rest = __objRest(_b, [
+    "value",
+    "type"
+  ]);
+  const [visible, setVisible] = React.useState(false);
+  const show = React.useCallback(() => setVisible(true), []);
+  const close = React.useCallback(() => setVisible(false), []);
+  const getYear = React.useMemo(() => {
+    if (value) {
+      if (type === "range") {
+        if (value.lowest !== void 0)
+          return new Date(value.lowest).getFullYear();
+      } else {
+        return new Date(value).getFullYear();
+      }
+    }
+    return void 0;
+  }, [value]);
+  const getMonth = React.useMemo(() => {
+    if (value) {
+      if (type === "range") {
+        if (value.lowest !== void 0)
+          return new Date(value.lowest).getMonth();
+      } else {
+        return new Date(value).getMonth();
+      }
+    }
+    return void 0;
+  }, [value]);
+  return /* @__PURE__ */ React__default["default"].createElement(reactCore.DatePicker, __spreadProps(__spreadValues({}, rest), {
+    CalendarComponent: reactCore.Calendar,
+    value,
+    type,
+    year: getYear,
+    month: getMonth,
+    requestShowCalendar: show,
+    requestCloseCalendar: close,
+    renderCalendar: (calendar) => /* @__PURE__ */ React__default["default"].createElement(index.Dropdown, {
+      visible,
+      setVisible
+    }, calendar)
+  }));
+};
+
+exports.DatePicker = DatePicker;
+//# sourceMappingURL=DatePicker.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.cjs","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"],"names":["useState","useCallback","useMemo","React","DatePickerCore","Calendar","Dropdown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBa,MAAA,UAAA,GAAa,CAA0B,EAIV,KAAA;AAJU,EAClD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,IAAA;AAAA,GApBF,GAkBoD,EAG/C,EAAA,IAAA,GAAA,SAAA,CAH+C,EAG/C,EAAA;AAAA,IAFH,OAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AAC5C,EAAA,MAAM,OAAOC,iBAAY,CAAA,MAAM,WAAW,IAAI,CAAA,EAAG,EAAE,CAAA,CAAA;AACnD,EAAA,MAAM,QAAQA,iBAAY,CAAA,MAAM,WAAW,KAAK,CAAA,EAAG,EAAE,CAAA,CAAA;AAErD,EAAM,MAAA,OAAA,GAAUC,cAAQ,MAAM;AAC5B,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,IAAI,SAAS,OAAS,EAAA;AACpB,QAAA,IAAK,MAAoB,MAAW,KAAA,KAAA,CAAA;AAClC,UAAA,OAAO,IAAI,IAAA,CAAM,KAAoB,CAAA,MAAM,EAAE,WAAY,EAAA,CAAA;AAAA,OACtD,MAAA;AACL,QAAA,OAAO,IAAI,IAAA,CAAK,KAAa,CAAA,CAAE,WAAY,EAAA,CAAA;AAAA,OAC7C;AAAA,KACF;AACA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACT,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAM,MAAA,QAAA,GAAWA,cAAQ,MAAM;AAC7B,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,IAAI,SAAS,OAAS,EAAA;AACpB,QAAA,IAAK,MAAoB,MAAW,KAAA,KAAA,CAAA;AAClC,UAAA,OAAO,IAAI,IAAA,CAAM,KAAoB,CAAA,MAAM,EAAE,QAAS,EAAA,CAAA;AAAA,OACnD,MAAA;AACL,QAAA,OAAO,IAAI,IAAA,CAAK,KAAa,CAAA,CAAE,QAAS,EAAA,CAAA;AAAA,OAC1C;AAAA,KACF;AACA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACT,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EACE,uBAAAC,yBAAA,CAAA,aAAA,CAACC,uDACK,IADL,CAAA,EAAA;AAAA,IAEC,iBAAmB,EAAAC,kBAAA;AAAA,IACnB,KAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAM,EAAA,OAAA;AAAA,IACN,KAAO,EAAA,QAAA;AAAA,IACP,mBAAqB,EAAA,IAAA;AAAA,IACrB,oBAAsB,EAAA,KAAA;AAAA,IACtB,cAAA,EAAgB,8BACbF,yBAAA,CAAA,aAAA,CAAAG,cAAA,EAAA;AAAA,MAAS,OAAA;AAAA,MAAkB,UAAA;AAAA,KAAA,EACzB,QACH,CAAA;AAAA,GAEJ,CAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/DatePicker/DatePicker.mjs

@@ -0,0 +1,85 @@
+import { DatePicker as DatePicker$1, Calendar } from '@tecsinapse/react-core';
+import React, { useState, useCallback, useMemo } from 'react';
+import { Dropdown } from '../../atoms/Dropdown/index.mjs';
+
+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 DatePicker = (_a) => {
+  var _b = _a, {
+    value,
+    type
+  } = _b, rest = __objRest(_b, [
+    "value",
+    "type"
+  ]);
+  const [visible, setVisible] = useState(false);
+  const show = useCallback(() => setVisible(true), []);
+  const close = useCallback(() => setVisible(false), []);
+  const getYear = useMemo(() => {
+    if (value) {
+      if (type === "range") {
+        if (value.lowest !== void 0)
+          return new Date(value.lowest).getFullYear();
+      } else {
+        return new Date(value).getFullYear();
+      }
+    }
+    return void 0;
+  }, [value]);
+  const getMonth = useMemo(() => {
+    if (value) {
+      if (type === "range") {
+        if (value.lowest !== void 0)
+          return new Date(value.lowest).getMonth();
+      } else {
+        return new Date(value).getMonth();
+      }
+    }
+    return void 0;
+  }, [value]);
+  return /* @__PURE__ */ React.createElement(DatePicker$1, __spreadProps(__spreadValues({}, rest), {
+    CalendarComponent: Calendar,
+    value,
+    type,
+    year: getYear,
+    month: getMonth,
+    requestShowCalendar: show,
+    requestCloseCalendar: close,
+    renderCalendar: (calendar) => /* @__PURE__ */ React.createElement(Dropdown, {
+      visible,
+      setVisible
+    }, calendar)
+  }));
+};
+
+export { DatePicker };
+//# sourceMappingURL=DatePicker.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.mjs","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"],"names":["DatePickerCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBa,MAAA,UAAA,GAAa,CAA0B,EAIV,KAAA;AAJU,EAClD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,IAAA;AAAA,GApBF,GAkBoD,EAG/C,EAAA,IAAA,GAAA,SAAA,CAH+C,EAG/C,EAAA;AAAA,IAFH,OAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC5C,EAAA,MAAM,OAAO,WAAY,CAAA,MAAM,WAAW,IAAI,CAAA,EAAG,EAAE,CAAA,CAAA;AACnD,EAAA,MAAM,QAAQ,WAAY,CAAA,MAAM,WAAW,KAAK,CAAA,EAAG,EAAE,CAAA,CAAA;AAErD,EAAM,MAAA,OAAA,GAAU,QAAQ,MAAM;AAC5B,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,IAAI,SAAS,OAAS,EAAA;AACpB,QAAA,IAAK,MAAoB,MAAW,KAAA,KAAA,CAAA;AAClC,UAAA,OAAO,IAAI,IAAA,CAAM,KAAoB,CAAA,MAAM,EAAE,WAAY,EAAA,CAAA;AAAA,OACtD,MAAA;AACL,QAAA,OAAO,IAAI,IAAA,CAAK,KAAa,CAAA,CAAE,WAAY,EAAA,CAAA;AAAA,OAC7C;AAAA,KACF;AACA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACT,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAM,MAAA,QAAA,GAAW,QAAQ,MAAM;AAC7B,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,IAAI,SAAS,OAAS,EAAA;AACpB,QAAA,IAAK,MAAoB,MAAW,KAAA,KAAA,CAAA;AAClC,UAAA,OAAO,IAAI,IAAA,CAAM,KAAoB,CAAA,MAAM,EAAE,QAAS,EAAA,CAAA;AAAA,OACnD,MAAA;AACL,QAAA,OAAO,IAAI,IAAA,CAAK,KAAa,CAAA,CAAE,QAAS,EAAA,CAAA;AAAA,OAC1C;AAAA,KACF;AACA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACT,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,+CACK,IADL,CAAA,EAAA;AAAA,IAEC,iBAAmB,EAAA,QAAA;AAAA,IACnB,KAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAM,EAAA,OAAA;AAAA,IACN,KAAO,EAAA,QAAA;AAAA,IACP,mBAAqB,EAAA,IAAA;AAAA,IACrB,oBAAsB,EAAA,KAAA;AAAA,IACtB,cAAA,EAAgB,8BACb,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MAAS,OAAA;AAAA,MAAkB,UAAA;AAAA,KAAA,EACzB,QACH,CAAA;AAAA,GAEJ,CAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/DateTimePicker/DateTimePicker.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
+var index = require('../../atoms/Dropdown/index.cjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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 DateTimePicker = (_a) => {
+  var rest = __objRest(_a, []);
+  const [visible, setVisible] = React.useState(false);
+  const show = React.useCallback(() => setVisible(true), []);
+  const close = React.useCallback(() => setVisible(false), []);
+  return /* @__PURE__ */ React__default["default"].createElement(reactCore.DateTimePicker, __spreadProps(__spreadValues({}, rest), {
+    requestShowSelector: show,
+    requestCloseSelector: close,
+    renderSelector: (selector) => /* @__PURE__ */ React__default["default"].createElement(index.Dropdown, {
+      visible,
+      setVisible
+    }, selector)
+  }));
+};
+
+exports.DateTimePicker = DateTimePicker;
+//# sourceMappingURL=DateTimePicker.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.cjs","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"],"names":["useState","useCallback","React","DateTimePickerCore","Dropdown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYa,MAAA,cAAA,GAA6C,CAAC,EAAgB,KAAA;AAAhB,EAAA,IAAK,iBAAL,EAAK,EAAA,EAAA,CAAA,CAAA;AAC9D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AAErD,EAAA,MAAM,OAAOC,iBAAY,CAAA,MAAM,WAAW,IAAI,CAAA,EAAG,EAAE,CAAA,CAAA;AACnD,EAAA,MAAM,QAAQA,iBAAY,CAAA,MAAM,WAAW,KAAK,CAAA,EAAG,EAAE,CAAA,CAAA;AAErD,EACE,uBAAAC,yBAAA,CAAA,aAAA,CAACC,2DACK,IADL,CAAA,EAAA;AAAA,IAEC,mBAAqB,EAAA,IAAA;AAAA,IACrB,oBAAsB,EAAA,KAAA;AAAA,IACtB,cAAA,EAAgB,8BACbD,yBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA;AAAA,MAAS,OAAA;AAAA,MAAkB,UAAA;AAAA,KAAA,EACzB,QACH,CAAA;AAAA,GAEJ,CAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/DateTimePicker/DateTimePicker.mjs

@@ -0,0 +1,52 @@
+import { DateTimePicker as DateTimePicker$1 } from '@tecsinapse/react-core';
+import React, { useState, useCallback } from 'react';
+import { Dropdown } from '../../atoms/Dropdown/index.mjs';
+
+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 DateTimePicker = (_a) => {
+  var rest = __objRest(_a, []);
+  const [visible, setVisible] = useState(false);
+  const show = useCallback(() => setVisible(true), []);
+  const close = useCallback(() => setVisible(false), []);
+  return /* @__PURE__ */ React.createElement(DateTimePicker$1, __spreadProps(__spreadValues({}, rest), {
+    requestShowSelector: show,
+    requestCloseSelector: close,
+    renderSelector: (selector) => /* @__PURE__ */ React.createElement(Dropdown, {
+      visible,
+      setVisible
+    }, selector)
+  }));
+};
+
+export { DateTimePicker };
+//# sourceMappingURL=DateTimePicker.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.mjs","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"],"names":["DateTimePickerCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYa,MAAA,cAAA,GAA6C,CAAC,EAAgB,KAAA;AAAhB,EAAA,IAAK,iBAAL,EAAK,EAAA,EAAA,CAAA,CAAA;AAC9D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAErD,EAAA,MAAM,OAAO,WAAY,CAAA,MAAM,WAAW,IAAI,CAAA,EAAG,EAAE,CAAA,CAAA;AACnD,EAAA,MAAM,QAAQ,WAAY,CAAA,MAAM,WAAW,KAAK,CAAA,EAAG,EAAE,CAAA,CAAA;AAErD,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,mDACK,IADL,CAAA,EAAA;AAAA,IAEC,mBAAqB,EAAA,IAAA;AAAA,IACrB,oBAAsB,EAAA,KAAA;AAAA,IACtB,cAAA,EAAgB,8BACb,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MAAS,OAAA;AAAA,MAAkB,UAAA;AAAA,KAAA,EACzB,QACH,CAAA;AAAA,GAEJ,CAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/Drawer/Drawer.cjs

@@ -0,0 +1,83 @@
+'use strict';
+
+var React = require('react');
+var styled = require('./styled.cjs');
+var reactTransitionGroup = require('react-transition-group');
+var Overlay = require('../../atoms/Overlay/Overlay.cjs');
+var animations = require('./animations.cjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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",
+    onClose,
+    children,
+    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 __spreadValues(__spreadValues({}, stylesTopBottom), transitionTopBottom[state]);
+    }
+  };
+  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Overlay, {
+    timeout: 300,
+    open,
+    onClose,
+    zIndex: "drawer"
+  }), /* @__PURE__ */ React__default["default"].createElement(reactTransitionGroup.Transition, {
+    in: open,
+    timeout: 300
+  }, (state) => /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerDrawer, __spreadValues({
+    style: __spreadValues(__spreadValues({}, style), getStyles(anchorPosition, state)),
+    anchorPosition,
+    onClose,
+    open
+  }, rest), children)));
+};
+
+module.exports = Drawer;
+//# sourceMappingURL=Drawer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.cjs","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;;;;"}