@tecsinapse/react-core 1.22.8 → 2.0.0

package/dist/cjs/components/atoms/Text/Text.stories.d.ts

@@ -1,4 +1,3 @@
-import { Story } from '@storybook/react';
 import React from 'react';
 import { TextProps } from './index';
 declare const _default: {
@@ -6,4 +5,4 @@ declare const _default: {
     component: React.FC<TextProps>;
 };
 export default _default;
-export declare const Base: Story<TextProps>;
+export declare const Base: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TextProps>;

package/dist/cjs/components/atoms/Text/functions.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 const getFirstCapitalCharacter = (value) => value.charAt(0).toUpperCase().concat(value.slice(1));
 const getLabel = (children, capitalFirst) => typeof children === "string" && capitalFirst ? getFirstCapitalCharacter(children) : children;
 

package/dist/cjs/components/atoms/Text/functions.js.map

@@ -1 +1 @@
-{"version":3,"file":"functions.js","sources":["../../../../../src/components/atoms/Text/functions.ts"],"sourcesContent":["export const getFirstCapitalCharacter = (value: string): string =>\n  value.charAt(0).toUpperCase().concat(value.slice(1));\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getLabel = (children, capitalFirst: boolean) =>\n  typeof children === 'string' && capitalFirst\n    ? getFirstCapitalCharacter(children)\n    : children;\n"],"names":[],"mappings":";;;;AAAO,MAAM,wBAA2B,GAAA,CAAC,KACvC,KAAA,KAAA,CAAM,MAAO,CAAA,CAAC,CAAE,CAAA,WAAA,EAAc,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,CAAM,CAAC,CAAC,EAAA;AAGxC,MAAA,QAAA,GAAW,CAAC,QAAA,EAAU,YACjC,KAAA,OAAO,aAAa,QAAY,IAAA,YAAA,GAC5B,wBAAyB,CAAA,QAAQ,CACjC,GAAA;;;;;"}
+{"version":3,"file":"functions.js","sources":["../../../../../src/components/atoms/Text/functions.ts"],"sourcesContent":["export const getFirstCapitalCharacter = (value: string): string =>\n  value.charAt(0).toUpperCase().concat(value.slice(1));\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getLabel = (children, capitalFirst: boolean) =>\n  typeof children === 'string' && capitalFirst\n    ? getFirstCapitalCharacter(children)\n    : children;\n"],"names":[],"mappings":";;AAAO,MAAM,wBAA2B,GAAA,CAAC,KACvC,KAAA,KAAA,CAAM,MAAO,CAAA,CAAC,CAAE,CAAA,WAAA,EAAc,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,CAAM,CAAC,CAAC,EAAA;AAGxC,MAAA,QAAA,GAAW,CAAC,QAAA,EAAU,YACjC,KAAA,OAAO,aAAa,QAAY,IAAA,YAAA,GAC5B,wBAAyB,CAAA,QAAQ,CACjC,GAAA;;;;;"}

package/dist/cjs/components/atoms/Text/styled.js

@@ -1,15 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var styled = require('@emotion/native');
 var reactNative = require('react-native');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledText = styled__default["default"](reactNative.Text)`
+const StyledText = styled(reactNative.Text)`
   color: ${({ theme, fontColor = "dark" }) => theme.font.color[fontColor]};
   font-weight: ${({ theme, fontWeight = "regular" }) => theme.font.weight[fontWeight]};
   font-size: ${({ theme, typography = "base" }) => theme.typography[typography].fontSize};
@@ -24,7 +18,7 @@ const colorStyles = ({
 }) => colorVariant && colorTone && styled.css`
     color: ${theme.color[colorVariant][colorTone]};
   `;
-const StyledColoredText = styled__default["default"](StyledText)(colorStyles);
+const StyledColoredText = styled(StyledText)(colorStyles);
 
 exports.StyledColoredText = StyledColoredText;
 exports.StyledText = StyledText;

package/dist/cjs/components/atoms/Text/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Text/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps, TextProps } from '@tecsinapse/react-core';\nimport { Text as RNText } from 'react-native';\n\nexport const StyledText = styled(RNText)<TextProps & Partial<StyleProps>>`\n  color: ${({ theme, fontColor = 'dark' }) => theme.font.color[fontColor]};\n  font-weight: ${({ theme, fontWeight = 'regular' }) =>\n    theme.font.weight[fontWeight]};\n  font-size: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].fontSize};\n  line-height: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].lineHeight};\n  font-family: ${({ theme, fontStack = 'default' }) =>\n    `'${theme.font.stack[fontStack]}'`};\n  text-transform: ${({ textTransform = 'none' }) => `${textTransform}`};\n`;\n\nconst colorStyles = ({\n  colorVariant,\n  colorTone,\n  theme,\n}: TextProps & StyleProps) =>\n  colorVariant &&\n  colorTone &&\n  css`\n    color: ${theme.color[colorVariant][colorTone]};\n  `;\n\nexport const StyledColoredText = styled(StyledText)<\n  TextProps & Partial<StyleProps>\n>(colorStyles);\n"],"names":["styled","RNText","css"],"mappings":";;;;;;;;;;;AAIa,MAAA,UAAA,GAAaA,2BAAOC,gBAAM,CAAA,CAAA;AAAA,SAC5B,EAAA,CAAC,EAAE,KAAO,EAAA,SAAA,GAAY,QAAa,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,SAAA,CAAA,CAAA;AAAA,eAC9C,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,WACpC,KAAA,KAAA,CAAM,KAAK,MAAO,CAAA,UAAA,CAAA,CAAA;AAAA,aACP,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,QAClC,KAAA,KAAA,CAAM,WAAW,UAAY,CAAA,CAAA,QAAA,CAAA;AAAA,eAChB,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,QACpC,KAAA,KAAA,CAAM,WAAW,UAAY,CAAA,CAAA,UAAA,CAAA;AAAA,eAChB,EAAA,CAAC,EAAE,KAAO,EAAA,SAAA,GAAY,WACnC,KAAA,CAAA,CAAA,EAAI,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,kBAAA,EACL,CAAC,EAAE,aAAgB,GAAA,MAAA,OAAa,CAAG,EAAA,aAAA,CAAA,CAAA,CAAA;AAAA,EAAA;AAGvD,MAAM,cAAc,CAAC;AAAA,EACnB,YAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AACF,CAAA,KACE,gBACA,SACA,IAAAC,UAAA,CAAA;AAAA,WACW,EAAA,KAAA,CAAM,MAAM,YAAc,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGhC,MAAM,iBAAoB,GAAAF,0BAAA,CAAO,UAAU,CAAA,CAEhD,WAAW;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Text/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps, TextProps } from '@tecsinapse/react-core';\nimport { Text as RNText } from 'react-native';\n\nexport const StyledText = styled(RNText)<TextProps & Partial<StyleProps>>`\n  color: ${({ theme, fontColor = 'dark' }) => theme.font.color[fontColor]};\n  font-weight: ${({ theme, fontWeight = 'regular' }) =>\n    theme.font.weight[fontWeight]};\n  font-size: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].fontSize};\n  line-height: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].lineHeight};\n  font-family: ${({ theme, fontStack = 'default' }) =>\n    `'${theme.font.stack[fontStack]}'`};\n  text-transform: ${({ textTransform = 'none' }) => `${textTransform}`};\n`;\n\nconst colorStyles = ({\n  colorVariant,\n  colorTone,\n  theme,\n}: TextProps & StyleProps) =>\n  colorVariant &&\n  colorTone &&\n  css`\n    color: ${theme.color[colorVariant][colorTone]};\n  `;\n\nexport const StyledColoredText = styled(StyledText)<\n  TextProps & Partial<StyleProps>\n>(colorStyles);\n"],"names":["RNText","css"],"mappings":";;;;;AAIa,MAAA,UAAA,GAAa,OAAOA,gBAAM,CAAA,CAAA;AAAA,SAC5B,EAAA,CAAC,EAAE,KAAO,EAAA,SAAA,GAAY,QAAa,KAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAAA,eACvD,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,WACpC,KAAA,KAAA,CAAM,IAAK,CAAA,MAAA,CAAO,UAAU,CAAA,CAAA;AAAA,aACjB,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,QAClC,KAAA,KAAA,CAAM,UAAW,CAAA,UAAU,CAAE,CAAA,QAAA,CAAA;AAAA,eAChB,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,QACpC,KAAA,KAAA,CAAM,UAAW,CAAA,UAAU,CAAE,CAAA,UAAA,CAAA;AAAA,eAChB,EAAA,CAAC,EAAE,KAAA,EAAO,SAAY,GAAA,SAAA,OACnC,CAAI,CAAA,EAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,kBAAA,EACd,CAAC,EAAE,aAAgB,GAAA,MAAA,OAAa,CAAG,EAAA,aAAA,CAAA,CAAA,CAAA;AAAA,EAAA;AAGvD,MAAM,cAAc,CAAC;AAAA,EACnB,YAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AACF,CAAA,KACE,gBACA,SACA,IAAAC,UAAA,CAAA;AAAA,WAAA,EACW,KAAM,CAAA,KAAA,CAAM,YAAY,CAAA,CAAE,SAAS,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGzC,MAAM,iBAAoB,GAAA,MAAA,CAAO,UAAU,CAAA,CAEhD,WAAW;;;;;"}

package/dist/cjs/components/atoms/shared/PaperAndCard.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var styled = require('@emotion/native');
 
 const baseStyles = ({ theme }) => styled.css`

package/dist/cjs/components/atoms/shared/PaperAndCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaperAndCard.js","sources":["../../../../../src/components/atoms/shared/PaperAndCard.ts"],"sourcesContent":["import { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const baseStyles = ({ theme }: StyleProps): any => css`\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.miscellaneous.surfaceColor};\n`;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const elevatedStyles = ({\n  theme,\n  elevated = false,\n}: { elevated?: boolean } & StyleProps): any =>\n  elevated && [\n    css({\n      shadowColor: theme.miscellaneous.shadow,\n      shadowOffset: { width: 0, height: 2 },\n      shadowOpacity: 0.05,\n      shadowRadius: 5,\n      elevation: 2,\n    }),\n  ];\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"names":["css"],"mappings":";;;;;;AAIO,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAA6B,KAAAA,UAAA,CAAA;AAAA,iBAAA,EACvC,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAChB,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAInC,MAAM,iBAAiB,CAAC;AAAA,EAC7B,KAAA;AAAA,EACA,QAAW,GAAA,KAAA;AACb,CAAA,KACE,QAAY,IAAA;AAAA,EACVA,UAAI,CAAA;AAAA,IACF,WAAA,EAAa,MAAM,aAAc,CAAA,MAAA;AAAA,IACjC,YAAc,EAAA,EAAE,KAAO,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,IACpC,aAAe,EAAA,IAAA;AAAA,IACf,YAAc,EAAA,CAAA;AAAA,IACd,SAAW,EAAA,CAAA;AAAA,GACZ,CAAA;AACH;;;;;"}
+{"version":3,"file":"PaperAndCard.js","sources":["../../../../../src/components/atoms/shared/PaperAndCard.ts"],"sourcesContent":["import { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const baseStyles = ({ theme }: StyleProps): any => css`\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.miscellaneous.surfaceColor};\n`;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const elevatedStyles = ({\n  theme,\n  elevated = false,\n}: { elevated?: boolean } & StyleProps): any =>\n  elevated && [\n    css({\n      shadowColor: theme.miscellaneous.shadow,\n      shadowOffset: { width: 0, height: 2 },\n      shadowOpacity: 0.05,\n      shadowRadius: 5,\n      elevation: 2,\n    }),\n  ];\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"names":["css"],"mappings":";;;;AAIO,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAA6B,KAAAA,UAAA,CAAA;AAAA,iBAAA,EACvC,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAChB,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAInC,MAAM,iBAAiB,CAAC;AAAA,EAC7B,KAAA;AAAA,EACA,QAAW,GAAA,KAAA;AACb,CAAA,KACE,QAAY,IAAA;AAAA,EACVA,UAAI,CAAA;AAAA,IACF,WAAA,EAAa,MAAM,aAAc,CAAA,MAAA;AAAA,IACjC,YAAc,EAAA,EAAE,KAAO,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,IACpC,aAAe,EAAA,IAAA;AAAA,IACf,YAAc,EAAA,CAAA;AAAA,IACd,SAAW,EAAA,CAAA;AAAA,GACZ,CAAA;AACH;;;;;"}

package/dist/cjs/components/molecules/Calendar/Calendar.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { ViewProps } from 'react-native';
 import { TextProps } from '../../atoms/Text';
-export declare type SelectionType = 'range' | 'day';
-export declare type DateRange = {
+export type SelectionType = 'range' | 'day';
+export type DateRange = {
     lowest: Date;
     highest?: Date;
 };
-export declare type Value<T extends SelectionType> = T extends 'range' ? DateRange : Date;
+export type Value<T extends SelectionType> = T extends 'range' ? DateRange : Date;
 export interface CalendarProps<T extends SelectionType> extends ViewProps {
     TextComponent?: React.FC<TextProps>;
     year?: number;

package/dist/cjs/components/molecules/Calendar/Calendar.js

@@ -9,8 +9,7 @@ var styled = require('./styled.js');
 var Weekdays = require('./components/Weekdays.js');
 var MonthWeek = require('./components/MonthWeek.js');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -23,11 +22,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const now = dateFns.set(new Date(), {
   date: 1,
@@ -87,45 +86,51 @@ function Calendar({
   const handlePressPrev = React__namespace.useCallback(() => {
     setReferenceDate(dateFns.add(referenceDate, { months: -1 }));
   }, [referenceDate, setReferenceDate]);
-  return /* @__PURE__ */ React__namespace.createElement(reactNative.View, {
-    ...rest
-  }, /* @__PURE__ */ React__namespace.createElement(styled.TitleContainer, null, /* @__PURE__ */ React__namespace.createElement(styled.Control, {
-    onPress: handlePressPrev,
-    align: "start",
-    isLeft: true
-  }, /* @__PURE__ */ React__namespace.createElement(Icon, {
-    name: "chevron-left",
-    type: "material-community",
-    size: "kilo",
-    colorVariant: "secondary",
-    colorTone: "medium"
-  })), /* @__PURE__ */ React__namespace.createElement(Capitalized, {
-    colorVariant: "secondary",
-    colorTone: "xdark",
-    fontWeight: "bold"
-  }, dateFns.format(referenceDate, "MMMM yyyy", { locale })), /* @__PURE__ */ React__namespace.createElement(styled.Control, {
-    onPress: handlePressNext,
-    align: "end",
-    isRright: true
-  }, /* @__PURE__ */ React__namespace.createElement(Icon, {
-    name: "chevron-right",
-    type: "material-community",
-    size: "kilo",
-    colorVariant: "secondary",
-    colorTone: "medium"
-  }))), /* @__PURE__ */ React__namespace.createElement(styled.Content, null, /* @__PURE__ */ React__namespace.createElement(Weekdays, {
-    locale,
-    calendar,
-    Capitalized
-  }), calendar.map((week, index) => /* @__PURE__ */ React__namespace.createElement(MonthWeek, {
-    week,
-    type,
-    value,
-    key: `week-${index}`,
-    onChange,
-    TextComponent,
-    referenceDate
-  }))));
+  return /* @__PURE__ */ React__namespace.createElement(reactNative.View, { ...rest }, /* @__PURE__ */ React__namespace.createElement(styled.TitleContainer, null, /* @__PURE__ */ React__namespace.createElement(styled.Control, { onPress: handlePressPrev, align: "start", isLeft: true }, /* @__PURE__ */ React__namespace.createElement(
+    Icon,
+    {
+      name: "chevron-left",
+      type: "material-community",
+      size: "kilo",
+      colorVariant: "secondary",
+      colorTone: "medium"
+    }
+  )), /* @__PURE__ */ React__namespace.createElement(
+    Capitalized,
+    {
+      colorVariant: "secondary",
+      colorTone: "xdark",
+      fontWeight: "bold"
+    },
+    dateFns.format(referenceDate, "MMMM yyyy", { locale })
+  ), /* @__PURE__ */ React__namespace.createElement(styled.Control, { onPress: handlePressNext, align: "end", isRright: true }, /* @__PURE__ */ React__namespace.createElement(
+    Icon,
+    {
+      name: "chevron-right",
+      type: "material-community",
+      size: "kilo",
+      colorVariant: "secondary",
+      colorTone: "medium"
+    }
+  ))), /* @__PURE__ */ React__namespace.createElement(styled.Content, null, /* @__PURE__ */ React__namespace.createElement(
+    Weekdays,
+    {
+      locale,
+      calendar,
+      Capitalized
+    }
+  ), calendar.map((week, index) => /* @__PURE__ */ React__namespace.createElement(
+    MonthWeek,
+    {
+      week,
+      type,
+      value,
+      key: `week-${index}`,
+      onChange,
+      TextComponent,
+      referenceDate
+    }
+  ))));
 }
 
 module.exports = Calendar;

package/dist/cjs/components/molecules/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/molecules/Calendar/Calendar.tsx"],"sourcesContent":["import { add, format, getWeeksInMonth, set } from 'date-fns';\nimport * as React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport {\n  Content,\n  Control,\n  getCapitalizedTextComponent,\n  TitleContainer,\n} from './styled';\nimport { Weekdays, MonthWeek } from './components';\n\nexport type SelectionType = 'range' | 'day';\n\nexport type DateRange = { lowest: Date; highest?: Date };\n\nexport type Value<T extends SelectionType> = T extends 'range'\n  ? DateRange\n  : Date;\n\nexport interface CalendarProps<T extends SelectionType> extends ViewProps {\n  TextComponent?: React.FC<TextProps>;\n  year?: number;\n  month?: number;\n  onChange?: (value?: Value<T>) => void | never;\n  type?: T;\n  value?: Value<T>;\n  locale?: Locale;\n}\n\nconst now = set(new Date(), {\n  date: 1,\n  hours: 0,\n  minutes: 0,\n  seconds: 0,\n  milliseconds: 0,\n});\n\nfunction dayOfWeekFromWeekStart(dayOfWeek: number, weekStartsOn: number) {\n  return dayOfWeek === 0 ? 0 : dayOfWeek - weekStartsOn;\n}\n\nfunction Calendar<T extends SelectionType>({\n  TextComponent = Text,\n  year: _year,\n  month: _month,\n  value,\n  type,\n  onChange,\n  locale,\n  ...rest\n}: CalendarProps<T>): JSX.Element {\n  const _referenceDate = React.useMemo(\n    () =>\n      _year && _month\n        ? new Date(_year, _month, 1, 0, 0, 0, 0)\n        : _month\n        ? new Date(now.getFullYear(), _month, 1, 0, 0, 0, 0)\n        : now,\n    [_year, _month]\n  );\n\n  const [referenceDate, setReferenceDate] = React.useState(_referenceDate);\n\n  const startingWeekDay = React.useMemo(\n    () =>\n      dayOfWeekFromWeekStart(\n        referenceDate.getDay(),\n        locale?.options?.weekStartsOn ?? 0\n      ),\n    [referenceDate, locale]\n  );\n\n  const weeksInMonth = React.useMemo(\n    () =>\n      getWeeksInMonth(referenceDate, {\n        weekStartsOn: locale?.options?.weekStartsOn ?? 0,\n      }),\n    [referenceDate, locale]\n  );\n\n  const Capitalized = React.useMemo(\n    () => getCapitalizedTextComponent(TextComponent),\n    [TextComponent]\n  );\n\n  const calendar = React.useMemo(\n    () =>\n      [...Array(weeksInMonth).keys()].map(week =>\n        [...Array(7).keys()].map(weekDayIndex =>\n          add(referenceDate, {\n            days: 6 * week + week + weekDayIndex - startingWeekDay,\n          })\n        )\n      ),\n    [weeksInMonth, startingWeekDay, referenceDate]\n  );\n\n  const handlePressNext = React.useCallback(() => {\n    setReferenceDate(add(referenceDate, { months: 1 }));\n  }, [referenceDate, setReferenceDate]);\n\n  const handlePressPrev = React.useCallback(() => {\n    setReferenceDate(add(referenceDate, { months: -1 }));\n  }, [referenceDate, setReferenceDate]);\n\n  return (\n    <View {...rest}>\n      <TitleContainer>\n        <Control onPress={handlePressPrev} align={'start'} isLeft>\n          <Icon\n            name={'chevron-left'}\n            type={'material-community'}\n            size={'kilo'}\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n          />\n        </Control>\n        <Capitalized\n          colorVariant={'secondary'}\n          colorTone={'xdark'}\n          fontWeight={'bold'}\n        >\n          {format(referenceDate, 'MMMM yyyy', { locale })}\n        </Capitalized>\n        <Control onPress={handlePressNext} align={'end'} isRright>\n          <Icon\n            name={'chevron-right'}\n            type={'material-community'}\n            size={'kilo'}\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n          />\n        </Control>\n      </TitleContainer>\n      <Content>\n        <Weekdays\n          locale={locale}\n          calendar={calendar}\n          Capitalized={Capitalized}\n        />\n        {calendar.map((week, index) => (\n          <MonthWeek\n            week={week}\n            type={type}\n            value={value}\n            key={`week-${index}`}\n            onChange={onChange}\n            TextComponent={TextComponent}\n            referenceDate={referenceDate}\n          />\n        ))}\n      </Content>\n    </View>\n  );\n}\n\nexport default Calendar;\n"],"names":["set","React","getWeeksInMonth","getCapitalizedTextComponent","add","View","TitleContainer","Control","format","Content"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/molecules/Calendar/Calendar.tsx"],"sourcesContent":["import { add, format, getWeeksInMonth, set } from 'date-fns';\nimport * as React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport {\n  Content,\n  Control,\n  getCapitalizedTextComponent,\n  TitleContainer,\n} from './styled';\nimport { Weekdays, MonthWeek } from './components';\n\nexport type SelectionType = 'range' | 'day';\n\nexport type DateRange = { lowest: Date; highest?: Date };\n\nexport type Value<T extends SelectionType> = T extends 'range'\n  ? DateRange\n  : Date;\n\nexport interface CalendarProps<T extends SelectionType> extends ViewProps {\n  TextComponent?: React.FC<TextProps>;\n  year?: number;\n  month?: number;\n  onChange?: (value?: Value<T>) => void | never;\n  type?: T;\n  value?: Value<T>;\n  locale?: Locale;\n}\n\nconst now = set(new Date(), {\n  date: 1,\n  hours: 0,\n  minutes: 0,\n  seconds: 0,\n  milliseconds: 0,\n});\n\nfunction dayOfWeekFromWeekStart(dayOfWeek: number, weekStartsOn: number) {\n  return dayOfWeek === 0 ? 0 : dayOfWeek - weekStartsOn;\n}\n\nfunction Calendar<T extends SelectionType>({\n  TextComponent = Text,\n  year: _year,\n  month: _month,\n  value,\n  type,\n  onChange,\n  locale,\n  ...rest\n}: CalendarProps<T>): JSX.Element {\n  const _referenceDate = React.useMemo(\n    () =>\n      _year && _month\n        ? new Date(_year, _month, 1, 0, 0, 0, 0)\n        : _month\n        ? new Date(now.getFullYear(), _month, 1, 0, 0, 0, 0)\n        : now,\n    [_year, _month]\n  );\n\n  const [referenceDate, setReferenceDate] = React.useState(_referenceDate);\n\n  const startingWeekDay = React.useMemo(\n    () =>\n      dayOfWeekFromWeekStart(\n        referenceDate.getDay(),\n        locale?.options?.weekStartsOn ?? 0\n      ),\n    [referenceDate, locale]\n  );\n\n  const weeksInMonth = React.useMemo(\n    () =>\n      getWeeksInMonth(referenceDate, {\n        weekStartsOn: locale?.options?.weekStartsOn ?? 0,\n      }),\n    [referenceDate, locale]\n  );\n\n  const Capitalized = React.useMemo(\n    () => getCapitalizedTextComponent(TextComponent),\n    [TextComponent]\n  );\n\n  const calendar = React.useMemo(\n    () =>\n      [...Array(weeksInMonth).keys()].map(week =>\n        [...Array(7).keys()].map(weekDayIndex =>\n          add(referenceDate, {\n            days: 6 * week + week + weekDayIndex - startingWeekDay,\n          })\n        )\n      ),\n    [weeksInMonth, startingWeekDay, referenceDate]\n  );\n\n  const handlePressNext = React.useCallback(() => {\n    setReferenceDate(add(referenceDate, { months: 1 }));\n  }, [referenceDate, setReferenceDate]);\n\n  const handlePressPrev = React.useCallback(() => {\n    setReferenceDate(add(referenceDate, { months: -1 }));\n  }, [referenceDate, setReferenceDate]);\n\n  return (\n    <View {...rest}>\n      <TitleContainer>\n        <Control onPress={handlePressPrev} align={'start'} isLeft>\n          <Icon\n            name={'chevron-left'}\n            type={'material-community'}\n            size={'kilo'}\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n          />\n        </Control>\n        <Capitalized\n          colorVariant={'secondary'}\n          colorTone={'xdark'}\n          fontWeight={'bold'}\n        >\n          {format(referenceDate, 'MMMM yyyy', { locale })}\n        </Capitalized>\n        <Control onPress={handlePressNext} align={'end'} isRright>\n          <Icon\n            name={'chevron-right'}\n            type={'material-community'}\n            size={'kilo'}\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n          />\n        </Control>\n      </TitleContainer>\n      <Content>\n        <Weekdays\n          locale={locale}\n          calendar={calendar}\n          Capitalized={Capitalized}\n        />\n        {calendar.map((week, index) => (\n          <MonthWeek\n            week={week}\n            type={type}\n            value={value}\n            key={`week-${index}`}\n            onChange={onChange}\n            TextComponent={TextComponent}\n            referenceDate={referenceDate}\n          />\n        ))}\n      </Content>\n    </View>\n  );\n}\n\nexport default Calendar;\n"],"names":["set","React","getWeeksInMonth","getCapitalizedTextComponent","add","View","TitleContainer","Control","format","Content"],"mappings":"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"}

package/dist/cjs/components/molecules/Calendar/Calendar.stories.d.ts

@@ -1,8 +1,7 @@
-import { Story } from '@storybook/react';
 import { Calendar, CalendarProps } from './index';
 declare const _default: {
     title: string;
     component: typeof Calendar;
 };
 export default _default;
-export declare const Base: Story<CalendarProps<"range">>;
+export declare const Base: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CalendarProps<"range">>;

package/dist/cjs/components/molecules/Calendar/components/MonthWeek.js

@@ -4,10 +4,6 @@ var React = require('react');
 var dateFns = require('date-fns');
 var styled = require('../styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const MonthWeek = ({
   week,
   referenceDate,
@@ -16,7 +12,7 @@ const MonthWeek = ({
   TextComponent,
   onChange
 }) => {
-  const checkIfIsBetween = React__default["default"].useCallback(
+  const checkIfIsBetween = React.useCallback(
     (date, _value) => {
       if (type !== "range" || !_value)
         return false;
@@ -29,7 +25,7 @@ const MonthWeek = ({
     },
     [type]
   );
-  const checkIfIsSelected = React__default["default"].useCallback(
+  const checkIfIsSelected = React.useCallback(
     (date, _value) => {
       if (!_value)
         return false;
@@ -42,7 +38,7 @@ const MonthWeek = ({
     },
     [type]
   );
-  const handlePressCell = React__default["default"].useCallback(
+  const handlePressCell = React.useCallback(
     (date, _value) => () => {
       if (type === "day") {
         onChange?.(date);
@@ -79,7 +75,7 @@ const MonthWeek = ({
     },
     [onChange, type]
   );
-  return /* @__PURE__ */ React__default["default"].createElement(styled.Week, null, week.map((date, index) => {
+  return /* @__PURE__ */ React.createElement(styled.Week, null, week.map((date, index) => {
     const isSelected = checkIfIsSelected(date, value);
     const isBetween = checkIfIsBetween(date, value);
     let isRangeStart, isRangeEnd;
@@ -92,25 +88,23 @@ const MonthWeek = ({
       isRangeEnd = false;
     }
     const colorTone = isSelected ? "xlight" : date.getMonth() === referenceDate.getMonth() ? "xdark" : "light";
-    return /* @__PURE__ */ React__default["default"].createElement(styled.Cell, {
-      key: date.getDate(),
-      selected: isSelected,
-      highlighted: isBetween,
-      isLineEnd: index === 6,
-      isLineStart: index === 0,
-      isRangeStart,
-      isRangeEnd,
-      onPress: handlePressCell(date, value)
-    }, /* @__PURE__ */ React__default["default"].createElement(styled.Selected, {
-      selected: isSelected,
-      pointerEvents: "none"
-    }, /* @__PURE__ */ React__default["default"].createElement(TextComponent, {
-      colorVariant: "secondary",
-      colorTone
-    }, date.getDate())));
+    return /* @__PURE__ */ React.createElement(
+      styled.Cell,
+      {
+        key: date.getDate(),
+        selected: isSelected,
+        highlighted: isBetween,
+        isLineEnd: index === 6,
+        isLineStart: index === 0,
+        isRangeStart,
+        isRangeEnd,
+        onPress: handlePressCell(date, value)
+      },
+      /* @__PURE__ */ React.createElement(styled.Selected, { selected: isSelected, pointerEvents: "none" }, /* @__PURE__ */ React.createElement(TextComponent, { colorVariant: "secondary", colorTone }, date.getDate()))
+    );
   }));
 };
-var MonthWeek$1 = React__default["default"].memo(MonthWeek);
+var MonthWeek$1 = React.memo(MonthWeek);
 
 module.exports = MonthWeek$1;
 //# sourceMappingURL=MonthWeek.js.map

package/dist/cjs/components/molecules/Calendar/components/MonthWeek.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthWeek.js","sources":["../../../../../../src/components/molecules/Calendar/components/MonthWeek.tsx"],"sourcesContent":["import React from 'react';\nimport { compareAsc as compare, isSameDay } from 'date-fns';\nimport { Cell, Selected, Week } from '../styled';\nimport { Value, DateRange, SelectionType } from '../Calendar';\nimport { TextProps } from '@tecsinapse/react-core';\n\ninterface IMonthWeek<T extends SelectionType> {\n  TextComponent: React.FC<TextProps>;\n  /** any as workaround for TS type mismatching */\n  onChange?: (value?: any) => void | never;\n  type?: T;\n  value?: Value<T>;\n  week: Date[];\n  referenceDate: Date;\n}\n\nconst MonthWeek = <T extends SelectionType>({\n  week,\n  referenceDate,\n  type,\n  value,\n  TextComponent,\n  onChange,\n}: IMonthWeek<T>) => {\n  const checkIfIsBetween = React.useCallback(\n    (date: Date, _value?: Value<T>) => {\n      if (type !== 'range' || !_value) return false;\n      else {\n        const { lowest, highest } = _value as DateRange;\n        if (!highest) return false;\n        return compare(lowest, date) <= 0 && compare(highest, date) >= 0;\n      }\n    },\n    [type]\n  );\n\n  const checkIfIsSelected = React.useCallback(\n    (date: Date, _value?: Value<T>) => {\n      if (!_value) return false;\n      else if (type === 'range' && _value) {\n        const { lowest, highest } = _value as DateRange;\n        return (\n          isSameDay(lowest, date) ||\n          (highest ? isSameDay(highest, date) : false)\n        );\n      } else {\n        return isSameDay(_value as Date, date);\n      }\n    },\n    [type]\n  );\n\n  const handlePressCell = React.useCallback(\n    (date: Date, _value?: Value<T>) => () => {\n      if (type === 'day') {\n        onChange?.(date as never);\n      } else if (!_value) {\n        onChange?.({ lowest: date } as never);\n      } else {\n        let newValue;\n        const { lowest, highest } = _value as DateRange;\n\n        if (!highest) {\n          if (compare(date, lowest) === -1) {\n            newValue = { lowest: date, highest: undefined };\n          } else if (compare(date, lowest) === 0) {\n            newValue = undefined;\n          } else {\n            newValue = { lowest: lowest, highest: date };\n          }\n        } else {\n          if (compare(date, lowest) === -1) {\n            newValue = { lowest: date, highest: undefined };\n          } else if (compare(date, lowest) === 0) {\n            newValue = undefined;\n          } else {\n            if (compare(date, highest) === -1) {\n              newValue = { lowest: lowest, highest: date };\n            } else if (compare(date, highest) === 0) {\n              newValue = { lowest: lowest, highest: undefined };\n            } else {\n              newValue = { lowest: lowest, highest: date };\n            }\n          }\n        }\n\n        onChange?.(newValue as never);\n      }\n    },\n    [onChange, type]\n  );\n\n  return (\n    <Week>\n      {week.map((date, index) => {\n        const isSelected = checkIfIsSelected(date, value);\n        const isBetween = checkIfIsBetween(date, value);\n\n        let isRangeStart, isRangeEnd;\n\n        if (type === 'range' && value) {\n          const { lowest, highest } = value as DateRange;\n          isRangeStart = highest && isSameDay(lowest, date);\n          isRangeEnd = !!highest && isSameDay(highest, date);\n        } else {\n          isRangeStart = false;\n          isRangeEnd = false;\n        }\n\n        const colorTone = isSelected\n          ? 'xlight'\n          : date.getMonth() === referenceDate.getMonth()\n          ? 'xdark'\n          : 'light';\n\n        return (\n          <Cell\n            key={date.getDate()}\n            selected={isSelected}\n            highlighted={isBetween}\n            isLineEnd={index === 6}\n            isLineStart={index === 0}\n            isRangeStart={isRangeStart}\n            isRangeEnd={isRangeEnd}\n            onPress={handlePressCell(date, value)}\n          >\n            <Selected selected={isSelected} pointerEvents={'none'}>\n              <TextComponent colorVariant={'secondary'} colorTone={colorTone}>\n                {date.getDate()}\n              </TextComponent>\n            </Selected>\n          </Cell>\n        );\n      })}\n    </Week>\n  );\n};\n\nexport default React.memo(MonthWeek);\n"],"names":["React","compare","isSameDay","Week","Cell","Selected"],"mappings":"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"}
+{"version":3,"file":"MonthWeek.js","sources":["../../../../../../src/components/molecules/Calendar/components/MonthWeek.tsx"],"sourcesContent":["import React from 'react';\nimport { compareAsc as compare, isSameDay } from 'date-fns';\nimport { Cell, Selected, Week } from '../styled';\nimport { Value, DateRange, SelectionType } from '../Calendar';\nimport { TextProps } from '@tecsinapse/react-core';\n\ninterface IMonthWeek<T extends SelectionType> {\n  TextComponent: React.FC<TextProps>;\n  /** any as workaround for TS type mismatching */\n  onChange?: (value?: any) => void | never;\n  type?: T;\n  value?: Value<T>;\n  week: Date[];\n  referenceDate: Date;\n}\n\nconst MonthWeek = <T extends SelectionType>({\n  week,\n  referenceDate,\n  type,\n  value,\n  TextComponent,\n  onChange,\n}: IMonthWeek<T>) => {\n  const checkIfIsBetween = React.useCallback(\n    (date: Date, _value?: Value<T>) => {\n      if (type !== 'range' || !_value) return false;\n      else {\n        const { lowest, highest } = _value as DateRange;\n        if (!highest) return false;\n        return compare(lowest, date) <= 0 && compare(highest, date) >= 0;\n      }\n    },\n    [type]\n  );\n\n  const checkIfIsSelected = React.useCallback(\n    (date: Date, _value?: Value<T>) => {\n      if (!_value) return false;\n      else if (type === 'range' && _value) {\n        const { lowest, highest } = _value as DateRange;\n        return (\n          isSameDay(lowest, date) ||\n          (highest ? isSameDay(highest, date) : false)\n        );\n      } else {\n        return isSameDay(_value as Date, date);\n      }\n    },\n    [type]\n  );\n\n  const handlePressCell = React.useCallback(\n    (date: Date, _value?: Value<T>) => () => {\n      if (type === 'day') {\n        onChange?.(date as never);\n      } else if (!_value) {\n        onChange?.({ lowest: date } as never);\n      } else {\n        let newValue;\n        const { lowest, highest } = _value as DateRange;\n\n        if (!highest) {\n          if (compare(date, lowest) === -1) {\n            newValue = { lowest: date, highest: undefined };\n          } else if (compare(date, lowest) === 0) {\n            newValue = undefined;\n          } else {\n            newValue = { lowest: lowest, highest: date };\n          }\n        } else {\n          if (compare(date, lowest) === -1) {\n            newValue = { lowest: date, highest: undefined };\n          } else if (compare(date, lowest) === 0) {\n            newValue = undefined;\n          } else {\n            if (compare(date, highest) === -1) {\n              newValue = { lowest: lowest, highest: date };\n            } else if (compare(date, highest) === 0) {\n              newValue = { lowest: lowest, highest: undefined };\n            } else {\n              newValue = { lowest: lowest, highest: date };\n            }\n          }\n        }\n\n        onChange?.(newValue as never);\n      }\n    },\n    [onChange, type]\n  );\n\n  return (\n    <Week>\n      {week.map((date, index) => {\n        const isSelected = checkIfIsSelected(date, value);\n        const isBetween = checkIfIsBetween(date, value);\n\n        let isRangeStart, isRangeEnd;\n\n        if (type === 'range' && value) {\n          const { lowest, highest } = value as DateRange;\n          isRangeStart = highest && isSameDay(lowest, date);\n          isRangeEnd = !!highest && isSameDay(highest, date);\n        } else {\n          isRangeStart = false;\n          isRangeEnd = false;\n        }\n\n        const colorTone = isSelected\n          ? 'xlight'\n          : date.getMonth() === referenceDate.getMonth()\n          ? 'xdark'\n          : 'light';\n\n        return (\n          <Cell\n            key={date.getDate()}\n            selected={isSelected}\n            highlighted={isBetween}\n            isLineEnd={index === 6}\n            isLineStart={index === 0}\n            isRangeStart={isRangeStart}\n            isRangeEnd={isRangeEnd}\n            onPress={handlePressCell(date, value)}\n          >\n            <Selected selected={isSelected} pointerEvents={'none'}>\n              <TextComponent colorVariant={'secondary'} colorTone={colorTone}>\n                {date.getDate()}\n              </TextComponent>\n            </Selected>\n          </Cell>\n        );\n      })}\n    </Week>\n  );\n};\n\nexport default React.memo(MonthWeek);\n"],"names":["compare","isSameDay","Week","Cell","Selected"],"mappings":"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"}

package/dist/cjs/components/molecules/Calendar/components/Weekdays.js

@@ -4,26 +4,23 @@ var React = require('react');
 var styled = require('../styled.js');
 var dateFns = require('date-fns');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const Weekdays = ({ calendar, locale, Capitalized }) => {
-  return /* @__PURE__ */ React__default["default"].createElement(styled.Week, null, calendar[0].map((date) => /* @__PURE__ */ React__default["default"].createElement(styled.Cell, {
-    key: date.getDate(),
-    selected: false,
-    highlighted: false,
-    isLineEnd: false,
-    isLineStart: false,
-    isRangeStart: false,
-    isRangeEnd: false,
-    pointerEvents: "none"
-  }, /* @__PURE__ */ React__default["default"].createElement(Capitalized, {
-    colorVariant: "secondary",
-    colorTone: "medium"
-  }, dateFns.format(date, "EEE", { locale }).slice(0, 3)))));
+  return /* @__PURE__ */ React.createElement(styled.Week, null, calendar[0].map((date) => /* @__PURE__ */ React.createElement(
+    styled.Cell,
+    {
+      key: date.getDate(),
+      selected: false,
+      highlighted: false,
+      isLineEnd: false,
+      isLineStart: false,
+      isRangeStart: false,
+      isRangeEnd: false,
+      pointerEvents: "none"
+    },
+    /* @__PURE__ */ React.createElement(Capitalized, { colorVariant: "secondary", colorTone: "medium" }, dateFns.format(date, "EEE", { locale }).slice(0, 3))
+  )));
 };
-var Weekdays$1 = React__default["default"].memo(Weekdays);
+var Weekdays$1 = React.memo(Weekdays);
 
 module.exports = Weekdays$1;
 //# sourceMappingURL=Weekdays.js.map

package/dist/cjs/components/molecules/Calendar/components/Weekdays.js.map

@@ -1 +1 @@
-{"version":3,"file":"Weekdays.js","sources":["../../../../../../src/components/molecules/Calendar/components/Weekdays.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell, Week } from '../styled';\nimport { format } from 'date-fns';\n\ninterface IWeekdays {\n  calendar: Date[][];\n  locale?: Locale;\n  Capitalized: React.ElementType;\n}\n\nconst Weekdays = ({ calendar, locale, Capitalized }: IWeekdays) => {\n  return (\n    <Week>\n      {calendar[0].map(date => (\n        <Cell\n          key={date.getDate()}\n          selected={false}\n          highlighted={false}\n          isLineEnd={false}\n          isLineStart={false}\n          isRangeStart={false}\n          isRangeEnd={false}\n          pointerEvents={'none'}\n        >\n          <Capitalized colorVariant={'secondary'} colorTone={'medium'}>\n            {format(date, 'EEE', { locale }).slice(0, 3)}\n          </Capitalized>\n        </Cell>\n      ))}\n    </Week>\n  );\n};\n\nexport default React.memo(Weekdays);\n"],"names":["Week","React","Cell","format"],"mappings":";;;;;;;;;;AAUA,MAAM,WAAW,CAAC,EAAE,QAAU,EAAA,MAAA,EAAQ,aAA6B,KAAA;AACjE,EAAA,+DACGA,WACE,EAAA,IAAA,EAAA,QAAA,CAAS,CAAG,CAAA,CAAA,GAAA,CAAI,0BACdC,yBAAA,CAAA,aAAA,CAAAC,WAAA,EAAA;AAAA,IACC,GAAA,EAAK,KAAK,OAAQ,EAAA;AAAA,IAClB,QAAU,EAAA,KAAA;AAAA,IACV,WAAa,EAAA,KAAA;AAAA,IACb,SAAW,EAAA,KAAA;AAAA,IACX,WAAa,EAAA,KAAA;AAAA,IACb,YAAc,EAAA,KAAA;AAAA,IACd,UAAY,EAAA,KAAA;AAAA,IACZ,aAAe,EAAA,MAAA;AAAA,GAAA,kBAEdD,yBAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IAAY,YAAc,EAAA,WAAA;AAAA,IAAa,SAAW,EAAA,QAAA;AAAA,GAAA,EAChDE,cAAO,CAAA,IAAA,EAAM,KAAO,EAAA,EAAE,MAAO,EAAC,CAAE,CAAA,KAAA,CAAM,CAAG,EAAA,CAAC,CAC7C,CACF,CACD,CACH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,iBAAeF,yBAAA,CAAM,KAAK,QAAQ,CAAA;;;;"}
+{"version":3,"file":"Weekdays.js","sources":["../../../../../../src/components/molecules/Calendar/components/Weekdays.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell, Week } from '../styled';\nimport { format } from 'date-fns';\n\ninterface IWeekdays {\n  calendar: Date[][];\n  locale?: Locale;\n  Capitalized: React.ElementType;\n}\n\nconst Weekdays = ({ calendar, locale, Capitalized }: IWeekdays) => {\n  return (\n    <Week>\n      {calendar[0].map(date => (\n        <Cell\n          key={date.getDate()}\n          selected={false}\n          highlighted={false}\n          isLineEnd={false}\n          isLineStart={false}\n          isRangeStart={false}\n          isRangeEnd={false}\n          pointerEvents={'none'}\n        >\n          <Capitalized colorVariant={'secondary'} colorTone={'medium'}>\n            {format(date, 'EEE', { locale }).slice(0, 3)}\n          </Capitalized>\n        </Cell>\n      ))}\n    </Week>\n  );\n};\n\nexport default React.memo(Weekdays);\n"],"names":["Week","Cell","format"],"mappings":";;;;;;AAUA,MAAM,WAAW,CAAC,EAAE,QAAU,EAAA,MAAA,EAAQ,aAA6B,KAAA;AACjE,EAAA,2CACGA,WACE,EAAA,IAAA,EAAA,QAAA,CAAS,CAAC,CAAA,CAAE,IAAI,CACf,IAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,KAAK,OAAQ,EAAA;AAAA,MAClB,QAAU,EAAA,KAAA;AAAA,MACV,WAAa,EAAA,KAAA;AAAA,MACb,SAAW,EAAA,KAAA;AAAA,MACX,WAAa,EAAA,KAAA;AAAA,MACb,YAAc,EAAA,KAAA;AAAA,MACd,UAAY,EAAA,KAAA;AAAA,MACZ,aAAe,EAAA,MAAA;AAAA,KAAA;AAAA,wCAEd,WAAY,EAAA,EAAA,YAAA,EAAc,WAAa,EAAA,SAAA,EAAW,YAChDC,cAAO,CAAA,IAAA,EAAM,KAAO,EAAA,EAAE,QAAQ,CAAA,CAAE,KAAM,CAAA,CAAA,EAAG,CAAC,CAC7C,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,iBAAe,KAAA,CAAM,KAAK,QAAQ,CAAA;;;;"}

package/dist/cjs/components/molecules/Calendar/styled.d.ts

@@ -12,16 +12,12 @@ export declare const TitleContainer: import("@emotion/native").StyledComponent<V
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const Control: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & Partial<import("../../../types/defaults").ThemeProviderProps> & ButtonBorders & {
     align: 'start' | 'end';
 }, {}, {}>;
 export declare const getCapitalizedTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {}>;
@@ -46,8 +42,6 @@ export declare const Selected: import("@emotion/native").StyledComponent<ViewPro
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const Cell: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & PressableProps & Partial<import("../../../types/defaults").ThemeProviderProps> & {

package/dist/cjs/components/molecules/Calendar/styled.js

@@ -1,23 +1,17 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var styled = require('@emotion/native');
 var reactNative = require('react-native');
 var PressableSurface = require('../../atoms/PressableSurface/PressableSurface.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
 const isWeb = reactNative.Platform.OS === "web";
-const TitleContainer = styled__default["default"].View`
+const TitleContainer = styled.View`
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   background-color: ${({ theme }) => theme.color.secondary.xlight};
 `;
-const Control = styled__default["default"](PressableSurface)(
+const Control = styled(PressableSurface)(
   (props) => styled.css`
     align-items: flex-${props.align};
     padding: ${props.theme?.spacing.centi};
@@ -26,18 +20,18 @@ const Control = styled__default["default"](PressableSurface)(
   `
 );
 const getCapitalizedTextComponent = (component) => {
-  return styled__default["default"](component)`
+  return styled(component)`
     text-transform: capitalize;
   `;
 };
-const Content = styled__default["default"].View`
+const Content = styled.View`
   padding: ${({ theme }) => theme.spacing.deca};
   background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
 `;
-const Week = styled__default["default"].View`
+const Week = styled.View`
   flex-direction: row;
 `;
-const Selected = styled__default["default"].View`
+const Selected = styled.View`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -46,7 +40,7 @@ const Selected = styled__default["default"].View`
   width: 100%;
   height: 100%;
 `;
-const Cell = styled__default["default"](PressableSurface)(
+const Cell = styled(PressableSurface)(
   ({
     theme,
     selected,

package/dist/cjs/components/molecules/Calendar/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Calendar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { Platform, PressableProps, ViewProps } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { TextProps } from '../../atoms/Text';\n\nconst isWeb = Platform.OS === 'web';\n\ninterface ButtonBorders {\n  isLeft?: boolean;\n  isRright?: boolean;\n}\n\nexport const TitleContainer = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  background-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const Control = styled(PressableSurface)(\n  (\n    props: Partial<StyleProps> & ButtonBorders & { align: 'start' | 'end' }\n  ) => css`\n    align-items: flex-${props.align};\n    padding: ${props.theme?.spacing.centi};\n    border-radius: ${props.theme?.borderRadius.mili};\n    margin: ${props.theme?.spacing.mili};\n  `\n);\n\nexport const getCapitalizedTextComponent = (component: FC<TextProps>) => {\n  return styled(component)`\n    text-transform: capitalize;\n  `;\n};\n\nexport const Content = styled.View<ViewProps & Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.deca};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const Week = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n`;\n\nexport const Selected = styled.View<\n  Partial<StyleProps> & { selected: boolean }\n>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: ${({ theme, selected }) =>\n    selected ? theme.color.primary.medium : 'transparent'};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  width: 100%;\n  height: 100%;\n`;\n\nexport const Cell = styled(PressableSurface)<\n  PressableProps &\n    Partial<StyleProps> & {\n      selected: boolean;\n      highlighted: boolean;\n      isLineEnd: boolean;\n      isLineStart: boolean;\n      isRangeStart: boolean;\n      isRangeEnd: boolean;\n    }\n>(\n  ({\n    theme,\n    selected,\n    highlighted,\n    isLineEnd,\n    isLineStart,\n    isRangeStart,\n    isRangeEnd,\n  }) => {\n    const borderRadiusSize = theme.borderRadius.mili;\n\n    const { rightBorderRadius, leftBorderRadius } = {\n      rightBorderRadius:\n        (selected && !isRangeStart) || isLineEnd ? borderRadiusSize : 0,\n      leftBorderRadius:\n        (selected && !isRangeEnd) || isLineStart ? borderRadiusSize : 0,\n    };\n\n    const borderEffect = highlighted ? 0 : borderRadiusSize;\n\n    const backgroundColor = highlighted\n      ? theme.color.primary.light\n      : 'transparent';\n\n    return css`\n      ${isWeb\n        ? css`\n            width: 32px;\n            height: 32px;\n          `\n        : css`\n            aspect-ratio: 1;\n            flex: 1;\n          `}\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: ${borderEffect};\n      border-top-left-radius: ${leftBorderRadius};\n      border-bottom-left-radius: ${leftBorderRadius};\n      border-top-right-radius: ${rightBorderRadius};\n      border-bottom-right-radius: ${rightBorderRadius};\n      background-color: ${backgroundColor};\n    `;\n  }\n);\n"],"names":["Platform","styled","css"],"mappings":"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"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Calendar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { Platform, PressableProps, ViewProps } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { TextProps } from '../../atoms/Text';\n\nconst isWeb = Platform.OS === 'web';\n\ninterface ButtonBorders {\n  isLeft?: boolean;\n  isRright?: boolean;\n}\n\nexport const TitleContainer = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  background-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const Control = styled(PressableSurface)(\n  (\n    props: Partial<StyleProps> & ButtonBorders & { align: 'start' | 'end' }\n  ) => css`\n    align-items: flex-${props.align};\n    padding: ${props.theme?.spacing.centi};\n    border-radius: ${props.theme?.borderRadius.mili};\n    margin: ${props.theme?.spacing.mili};\n  `\n);\n\nexport const getCapitalizedTextComponent = (component: FC<TextProps>) => {\n  return styled(component)`\n    text-transform: capitalize;\n  `;\n};\n\nexport const Content = styled.View<ViewProps & Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.deca};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const Week = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n`;\n\nexport const Selected = styled.View<\n  Partial<StyleProps> & { selected: boolean }\n>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: ${({ theme, selected }) =>\n    selected ? theme.color.primary.medium : 'transparent'};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  width: 100%;\n  height: 100%;\n`;\n\nexport const Cell = styled(PressableSurface)<\n  PressableProps &\n    Partial<StyleProps> & {\n      selected: boolean;\n      highlighted: boolean;\n      isLineEnd: boolean;\n      isLineStart: boolean;\n      isRangeStart: boolean;\n      isRangeEnd: boolean;\n    }\n>(\n  ({\n    theme,\n    selected,\n    highlighted,\n    isLineEnd,\n    isLineStart,\n    isRangeStart,\n    isRangeEnd,\n  }) => {\n    const borderRadiusSize = theme.borderRadius.mili;\n\n    const { rightBorderRadius, leftBorderRadius } = {\n      rightBorderRadius:\n        (selected && !isRangeStart) || isLineEnd ? borderRadiusSize : 0,\n      leftBorderRadius:\n        (selected && !isRangeEnd) || isLineStart ? borderRadiusSize : 0,\n    };\n\n    const borderEffect = highlighted ? 0 : borderRadiusSize;\n\n    const backgroundColor = highlighted\n      ? theme.color.primary.light\n      : 'transparent';\n\n    return css`\n      ${isWeb\n        ? css`\n            width: 32px;\n            height: 32px;\n          `\n        : css`\n            aspect-ratio: 1;\n            flex: 1;\n          `}\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: ${borderEffect};\n      border-top-left-radius: ${leftBorderRadius};\n      border-bottom-left-radius: ${leftBorderRadius};\n      border-top-right-radius: ${rightBorderRadius};\n      border-bottom-right-radius: ${rightBorderRadius};\n      background-color: ${backgroundColor};\n    `;\n  }\n);\n"],"names":["Platform","css"],"mappings":";;;;;;AAOA,MAAM,KAAA,GAAQA,qBAAS,EAAO,KAAA,KAAA,CAAA;AAOvB,MAAM,iBAAiB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,oBAAA,EAIf,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA,EAAA;AAG9C,MAAA,OAAA,GAAU,OAAO,gBAAgB,CAAA;AAAA,EAC5C,CACE,KACG,KAAAC,UAAA,CAAA;AAAA,sBAAA,EACiB,KAAM,CAAA,KAAA,CAAA;AAAA,aACf,EAAA,KAAA,CAAM,OAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,mBACf,EAAA,KAAA,CAAM,OAAO,YAAa,CAAA,IAAA,CAAA;AAAA,YACjC,EAAA,KAAA,CAAM,OAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA;AAEnC,EAAA;AAEa,MAAA,2BAAA,GAA8B,CAAC,SAA6B,KAAA;AACvE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAGzB,EAAA;AAEO,MAAM,UAAU,MAAO,CAAA,IAAA,CAAA;AAAA,WAAA,EACjB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EACpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGlD,MAAM,OAAO,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAIpB,MAAM,WAAW,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,oBAMT,EAAA,CAAC,EAAE,KAAO,EAAA,QAAA,OAC5B,QAAW,GAAA,KAAA,CAAM,KAAM,CAAA,OAAA,CAAQ,MAAS,GAAA,aAAA,CAAA;AAAA,iBAAA,EACzB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKxC,MAAA,IAAA,GAAO,OAAO,gBAAgB,CAAA;AAAA,EAWzC,CAAC;AAAA,IACC,KAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,GACI,KAAA;AACJ,IAAM,MAAA,gBAAA,GAAmB,MAAM,YAAa,CAAA,IAAA,CAAA;AAE5C,IAAM,MAAA,EAAE,iBAAmB,EAAA,gBAAA,EAAqB,GAAA;AAAA,MAC9C,iBACG,EAAA,QAAA,IAAY,CAAC,YAAA,IAAiB,YAAY,gBAAmB,GAAA,CAAA;AAAA,MAChE,gBACG,EAAA,QAAA,IAAY,CAAC,UAAA,IAAe,cAAc,gBAAmB,GAAA,CAAA;AAAA,KAClE,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,cAAc,CAAI,GAAA,gBAAA,CAAA;AAEvC,IAAA,MAAM,eAAkB,GAAA,WAAA,GACpB,KAAM,CAAA,KAAA,CAAM,QAAQ,KACpB,GAAA,aAAA,CAAA;AAEJ,IAAO,OAAAA,UAAA,CAAA;AAAA,MAAA,EACH,KACE,GAAAA,UAAA,CAAA;AAAA;AAAA;AAAA,UAIA,CAAA,GAAAA,UAAA,CAAA;AAAA;AAAA;AAAA,UAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,qBAOa,EAAA,YAAA,CAAA;AAAA,8BACS,EAAA,gBAAA,CAAA;AAAA,iCACG,EAAA,gBAAA,CAAA;AAAA,+BACF,EAAA,iBAAA,CAAA;AAAA,kCACG,EAAA,iBAAA,CAAA;AAAA,wBACV,EAAA,eAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA,GAExB;AACF;;;;;;;;;;"}