@tecsinapse/react-core 1.22.8 → 2.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimeSelector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n  add,\n  compareAsc,\n  format as formatDate,\n  getDaysInMonth,\n  isSameDay,\n  isSameMonth,\n  isSameYear,\n  set,\n  sub,\n} from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Button } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { Granularity, Selector } from './Selector';\nimport { BackButton, Content, Header, Root, SelectorContainer } from './styled';\n\nexport type DateTimeSelectorMode = 'date' | 'time' | 'datetime' | 'month';\n\nexport interface DateTimeSelectorProps extends ViewProps {\n  TextComponent?: React.FC<TextProps>;\n  value?: Date;\n  onChange?: (value: Date) => void | never;\n\n  /**\n   * Defines the Picker behavior\n   * Must be one of ['date', 'time', 'datetime', 'month']\n   */\n  mode?: DateTimeSelectorMode;\n  format?: string;\n  locale?: Locale;\n\n  /**\n   * Maximum date from today\n   */\n  upperDateThreshold?: Date;\n\n  /**\n   * Minimum date from today\n   */\n  lowerDateThreshold?: Date;\n\n  /**\n   * Minimum and maximum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  offsetThreshold?: number;\n\n  /**\n   * Maximum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  upperOffsetThreshold?: number;\n\n  /**\n   * Minimum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  lowerOffsetThreshold?: number;\n\n  dateModalTitle?: string;\n  timeModalTitle?: string;\n  dateConfirmButtonText?: string;\n  timeConfirmButtonText?: string;\n  dayLabel?: string;\n  monthLabel?: string;\n  yearLabel?: string;\n  hourLabel?: string;\n  minuteLabel?: string;\n}\n\nfunction getThresholdUnit(mode: DateTimeSelectorMode, threshold?: number) {\n  if (!threshold) return {};\n  if (mode === 'month') {\n    return { months: threshold };\n  } else if (['date', 'datetime'].includes(mode)) {\n    return { days: threshold };\n  } else {\n    return { hours: threshold };\n  }\n}\n\nconst DateTimeSelector: React.FC<DateTimeSelectorProps> = ({\n  TextComponent = Text,\n  value,\n  onChange,\n  mode = 'date',\n  locale,\n  upperDateThreshold: _upperDateThreshold,\n  lowerDateThreshold: _lowerDateThreshold,\n  offsetThreshold,\n  upperOffsetThreshold,\n  lowerOffsetThreshold,\n  dateModalTitle,\n  timeModalTitle,\n  dateConfirmButtonText,\n  timeConfirmButtonText,\n  dayLabel,\n  monthLabel,\n  yearLabel,\n  hourLabel,\n  minuteLabel,\n  ...rest\n}) => {\n  const lowerDateThreshold =\n    _lowerDateThreshold ||\n    ((offsetThreshold || lowerOffsetThreshold) &&\n      sub(\n        new Date(),\n        getThresholdUnit(mode, offsetThreshold || lowerOffsetThreshold)\n      ));\n\n  const upperDateThreshold =\n    _upperDateThreshold ||\n    ((offsetThreshold || upperOffsetThreshold) &&\n      add(\n        new Date(),\n        getThresholdUnit(mode, offsetThreshold || upperOffsetThreshold)\n      ));\n\n  const [date, setDate] = React.useState<Date>(value || new Date());\n  const [currentMode, setCurrentMode] = React.useState<0 | 1>(0);\n\n  const isDate =\n    ['date', 'month'].includes(mode) ||\n    (mode === 'datetime' && currentMode === 0);\n\n  const modalTitle = isDate ? dateModalTitle : timeModalTitle;\n  const confirmButtonText = isDate\n    ? dateConfirmButtonText\n    : timeConfirmButtonText;\n\n  const handleChange = (granularity: Granularity) => (newValue: number) => {\n    setDate(date => {\n      let newState: Date;\n      // Months and years must have a different handling for being\n      // the only date units that may interfere another unit.\n      if (['month', 'year'].includes(granularity)) {\n        let newDate = set(date, { [granularity]: newValue });\n        const daysInMonth = getDaysInMonth(newDate);\n        if (granularity === 'year' && date.getMonth() != newDate.getMonth()) {\n          newDate = set(newDate, { month: date.getMonth() });\n          newState = set(newDate, { date: getDaysInMonth(newDate) });\n        }\n        newState =\n          daysInMonth < date.getDate()\n            ? set(newDate, { date: daysInMonth })\n            : newDate;\n      } else {\n        newState = set(date, { [granularity]: newValue });\n      }\n\n      if (upperDateThreshold && compareAsc(newState, upperDateThreshold) > 0) {\n        return upperDateThreshold;\n      } else if (\n        lowerDateThreshold &&\n        compareAsc(newState, lowerDateThreshold) < 0\n      ) {\n        return lowerDateThreshold;\n      } else {\n        return newState;\n      }\n    });\n  };\n\n  const getDisplayedValue = (granularity: Granularity) => (value: number) => {\n    return granularity === 'month'\n      ? formatDate(date, 'MMM', { locale: locale }).slice(0, 3)\n      : value.toString().padStart(2, '0');\n  };\n\n  const handlePressConfirm = () => {\n    if (mode === 'datetime' && currentMode === 0) {\n      setCurrentMode(1);\n    } else {\n      onChange?.(date);\n    }\n  };\n\n  const handlePressBack = () => {\n    setCurrentMode(0);\n  };\n\n  return (\n    <Root {...rest}>\n      <Header>\n        {currentMode === 1 && (\n          <BackButton onPress={handlePressBack}>\n            <Icon\n              type={'material-community'}\n              name={'chevron-left'}\n              size={'mega'}\n              colorVariant={'secondary'}\n            />\n          </BackButton>\n        )}\n        <TextComponent typography={'base'} colorVariant={'secondary'}>\n          {modalTitle}\n        </TextComponent>\n      </Header>\n\n      {isDate ? (\n        <Content>\n          {mode !== 'month' && (\n            <SelectorContainer isFirst>\n              <Selector\n                TextComponent={TextComponent}\n                onChange={handleChange('date')}\n                referenceDate={date}\n                value={date.getDate()}\n                label={dayLabel || 'Day'}\n                granularity={'date'}\n                getDisplayValue={getDisplayedValue('date')}\n                preventUpper={\n                  upperDateThreshold\n                    ? isSameDay(upperDateThreshold, date)\n                    : false\n                }\n                preventLower={\n                  lowerDateThreshold\n                    ? isSameDay(lowerDateThreshold, date)\n                    : false\n                }\n              />\n            </SelectorContainer>\n          )}\n          <SelectorContainer>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('month')}\n              referenceDate={date}\n              value={date.getMonth()}\n              label={monthLabel || 'Month'}\n              granularity={'month'}\n              getDisplayValue={getDisplayedValue('month')}\n              preventUpper={\n                upperDateThreshold\n                  ? isSameMonth(upperDateThreshold, date)\n                  : false\n              }\n              preventLower={\n                lowerDateThreshold\n                  ? isSameMonth(lowerDateThreshold, date)\n                  : false\n              }\n            />\n          </SelectorContainer>\n          <SelectorContainer isLast>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('year')}\n              referenceDate={date}\n              value={date.getFullYear()}\n              label={yearLabel || 'Year'}\n              granularity={'year'}\n              getDisplayValue={getDisplayedValue('year')}\n              preventUpper={\n                upperDateThreshold\n                  ? isSameYear(upperDateThreshold, date)\n                  : false\n              }\n              preventLower={\n                lowerDateThreshold\n                  ? isSameYear(lowerDateThreshold, date)\n                  : false\n              }\n            />\n          </SelectorContainer>\n        </Content>\n      ) : (\n        <Content>\n          <SelectorContainer isFirst>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('hours')}\n              referenceDate={date}\n              value={date.getHours()}\n              label={hourLabel || 'Hour'}\n              granularity={'hours'}\n              getDisplayValue={getDisplayedValue('hours')}\n            />\n          </SelectorContainer>\n          <SelectorContainer isLast>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('minutes')}\n              referenceDate={date}\n              value={date.getMinutes()}\n              label={minuteLabel || 'Minute'}\n              granularity={'minutes'}\n              getDisplayValue={getDisplayedValue('minutes')}\n            />\n          </SelectorContainer>\n        </Content>\n      )}\n      <Button color={'primary'} onPress={handlePressConfirm}>\n        <TextComponent fontWeight=\"bold\" fontColor=\"light\">\n          {confirmButtonText || 'OK'}\n        </TextComponent>\n      </Button>\n    </Root>\n  );\n};\n\nexport default DateTimeSelector;\n"],"names":["sub","add","React","date","set","getDaysInMonth","compareAsc","value","formatDate","Root","Header","BackButton","Content","SelectorContainer","Selector","isSameDay","isSameMonth","isSameYear"],"mappings":"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"}
+{"version":3,"file":"DateTimeSelector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n  add,\n  compareAsc,\n  format as formatDate,\n  getDaysInMonth,\n  isSameDay,\n  isSameMonth,\n  isSameYear,\n  set,\n  sub,\n} from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Button } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { Granularity, Selector } from './Selector';\nimport { BackButton, Content, Header, Root, SelectorContainer } from './styled';\n\nexport type DateTimeSelectorMode = 'date' | 'time' | 'datetime' | 'month';\n\nexport interface DateTimeSelectorProps extends ViewProps {\n  TextComponent?: React.FC<TextProps>;\n  value?: Date;\n  onChange?: (value: Date) => void | never;\n\n  /**\n   * Defines the Picker behavior\n   * Must be one of ['date', 'time', 'datetime', 'month']\n   */\n  mode?: DateTimeSelectorMode;\n  format?: string;\n  locale?: Locale;\n\n  /**\n   * Maximum date from today\n   */\n  upperDateThreshold?: Date;\n\n  /**\n   * Minimum date from today\n   */\n  lowerDateThreshold?: Date;\n\n  /**\n   * Minimum and maximum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  offsetThreshold?: number;\n\n  /**\n   * Maximum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  upperOffsetThreshold?: number;\n\n  /**\n   * Minimum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  lowerOffsetThreshold?: number;\n\n  dateModalTitle?: string;\n  timeModalTitle?: string;\n  dateConfirmButtonText?: string;\n  timeConfirmButtonText?: string;\n  dayLabel?: string;\n  monthLabel?: string;\n  yearLabel?: string;\n  hourLabel?: string;\n  minuteLabel?: string;\n}\n\nfunction getThresholdUnit(mode: DateTimeSelectorMode, threshold?: number) {\n  if (!threshold) return {};\n  if (mode === 'month') {\n    return { months: threshold };\n  } else if (['date', 'datetime'].includes(mode)) {\n    return { days: threshold };\n  } else {\n    return { hours: threshold };\n  }\n}\n\nconst DateTimeSelector: React.FC<DateTimeSelectorProps> = ({\n  TextComponent = Text,\n  value,\n  onChange,\n  mode = 'date',\n  locale,\n  upperDateThreshold: _upperDateThreshold,\n  lowerDateThreshold: _lowerDateThreshold,\n  offsetThreshold,\n  upperOffsetThreshold,\n  lowerOffsetThreshold,\n  dateModalTitle,\n  timeModalTitle,\n  dateConfirmButtonText,\n  timeConfirmButtonText,\n  dayLabel,\n  monthLabel,\n  yearLabel,\n  hourLabel,\n  minuteLabel,\n  ...rest\n}) => {\n  const lowerDateThreshold =\n    _lowerDateThreshold ||\n    ((offsetThreshold || lowerOffsetThreshold) &&\n      sub(\n        new Date(),\n        getThresholdUnit(mode, offsetThreshold || lowerOffsetThreshold)\n      ));\n\n  const upperDateThreshold =\n    _upperDateThreshold ||\n    ((offsetThreshold || upperOffsetThreshold) &&\n      add(\n        new Date(),\n        getThresholdUnit(mode, offsetThreshold || upperOffsetThreshold)\n      ));\n\n  const [date, setDate] = React.useState<Date>(value || new Date());\n  const [currentMode, setCurrentMode] = React.useState<0 | 1>(0);\n\n  const isDate =\n    ['date', 'month'].includes(mode) ||\n    (mode === 'datetime' && currentMode === 0);\n\n  const modalTitle = isDate ? dateModalTitle : timeModalTitle;\n  const confirmButtonText = isDate\n    ? dateConfirmButtonText\n    : timeConfirmButtonText;\n\n  const handleChange = (granularity: Granularity) => (newValue: number) => {\n    setDate(date => {\n      let newState: Date;\n      // Months and years must have a different handling for being\n      // the only date units that may interfere another unit.\n      if (['month', 'year'].includes(granularity)) {\n        let newDate = set(date, { [granularity]: newValue });\n        const daysInMonth = getDaysInMonth(newDate);\n        if (granularity === 'year' && date.getMonth() != newDate.getMonth()) {\n          newDate = set(newDate, { month: date.getMonth() });\n          newState = set(newDate, { date: getDaysInMonth(newDate) });\n        }\n        newState =\n          daysInMonth < date.getDate()\n            ? set(newDate, { date: daysInMonth })\n            : newDate;\n      } else {\n        newState = set(date, { [granularity]: newValue });\n      }\n\n      if (upperDateThreshold && compareAsc(newState, upperDateThreshold) > 0) {\n        return upperDateThreshold;\n      } else if (\n        lowerDateThreshold &&\n        compareAsc(newState, lowerDateThreshold) < 0\n      ) {\n        return lowerDateThreshold;\n      } else {\n        return newState;\n      }\n    });\n  };\n\n  const getDisplayedValue = (granularity: Granularity) => (value: number) => {\n    return granularity === 'month'\n      ? formatDate(date, 'MMM', { locale: locale }).slice(0, 3)\n      : value.toString().padStart(2, '0');\n  };\n\n  const handlePressConfirm = () => {\n    if (mode === 'datetime' && currentMode === 0) {\n      setCurrentMode(1);\n    } else {\n      onChange?.(date);\n    }\n  };\n\n  const handlePressBack = () => {\n    setCurrentMode(0);\n  };\n\n  return (\n    <Root {...rest}>\n      <Header>\n        {currentMode === 1 && (\n          <BackButton onPress={handlePressBack}>\n            <Icon\n              type={'material-community'}\n              name={'chevron-left'}\n              size={'mega'}\n              colorVariant={'secondary'}\n            />\n          </BackButton>\n        )}\n        <TextComponent typography={'base'} colorVariant={'secondary'}>\n          {modalTitle}\n        </TextComponent>\n      </Header>\n\n      {isDate ? (\n        <Content>\n          {mode !== 'month' && (\n            <SelectorContainer isFirst>\n              <Selector\n                TextComponent={TextComponent}\n                onChange={handleChange('date')}\n                referenceDate={date}\n                value={date.getDate()}\n                label={dayLabel || 'Day'}\n                granularity={'date'}\n                getDisplayValue={getDisplayedValue('date')}\n                preventUpper={\n                  upperDateThreshold\n                    ? isSameDay(upperDateThreshold, date)\n                    : false\n                }\n                preventLower={\n                  lowerDateThreshold\n                    ? isSameDay(lowerDateThreshold, date)\n                    : false\n                }\n              />\n            </SelectorContainer>\n          )}\n          <SelectorContainer>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('month')}\n              referenceDate={date}\n              value={date.getMonth()}\n              label={monthLabel || 'Month'}\n              granularity={'month'}\n              getDisplayValue={getDisplayedValue('month')}\n              preventUpper={\n                upperDateThreshold\n                  ? isSameMonth(upperDateThreshold, date)\n                  : false\n              }\n              preventLower={\n                lowerDateThreshold\n                  ? isSameMonth(lowerDateThreshold, date)\n                  : false\n              }\n            />\n          </SelectorContainer>\n          <SelectorContainer isLast>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('year')}\n              referenceDate={date}\n              value={date.getFullYear()}\n              label={yearLabel || 'Year'}\n              granularity={'year'}\n              getDisplayValue={getDisplayedValue('year')}\n              preventUpper={\n                upperDateThreshold\n                  ? isSameYear(upperDateThreshold, date)\n                  : false\n              }\n              preventLower={\n                lowerDateThreshold\n                  ? isSameYear(lowerDateThreshold, date)\n                  : false\n              }\n            />\n          </SelectorContainer>\n        </Content>\n      ) : (\n        <Content>\n          <SelectorContainer isFirst>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('hours')}\n              referenceDate={date}\n              value={date.getHours()}\n              label={hourLabel || 'Hour'}\n              granularity={'hours'}\n              getDisplayValue={getDisplayedValue('hours')}\n            />\n          </SelectorContainer>\n          <SelectorContainer isLast>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('minutes')}\n              referenceDate={date}\n              value={date.getMinutes()}\n              label={minuteLabel || 'Minute'}\n              granularity={'minutes'}\n              getDisplayValue={getDisplayedValue('minutes')}\n            />\n          </SelectorContainer>\n        </Content>\n      )}\n      <Button color={'primary'} onPress={handlePressConfirm}>\n        <TextComponent fontWeight=\"bold\" fontColor=\"light\">\n          {confirmButtonText || 'OK'}\n        </TextComponent>\n      </Button>\n    </Root>\n  );\n};\n\nexport default DateTimeSelector;\n"],"names":["sub","add","React","date","set","getDaysInMonth","compareAsc","value","formatDate","Root","Header","BackButton","Content","SelectorContainer","Selector","isSameDay","isSameMonth","isSameYear"],"mappings":"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"}

package/dist/cjs/components/molecules/DateTimeSelector/Selector.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ViewProps } from 'react-native';
 import { TextProps } from '../../atoms/Text';
-export declare type Granularity = 'date' | 'month' | 'year' | 'hours' | 'minutes';
+export type Granularity = 'date' | 'month' | 'year' | 'hours' | 'minutes';
 interface SelectorProps extends ViewProps {
     TextComponent: React.FC<TextProps>;
     granularity: Granularity;

package/dist/cjs/components/molecules/DateTimeSelector/Selector.js

@@ -1,14 +1,11 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var dateFns = require('date-fns');
 var React = require('react');
 var Icon = require('../../atoms/Icon/Icon.js');
 var styled = require('./styled.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) {
@@ -21,11 +18,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);
 
 function getPrevAndNext(value, granularity, daysInMonth, multiplier = 1) {
   let next = value + multiplier, prev = value - multiplier;
@@ -78,34 +75,40 @@ const Selector = ({
   const handlePressOut = () => {
     pressInTimeoutRef.current && clearTimeout(pressInTimeoutRef.current);
   };
-  return /* @__PURE__ */ React__namespace.createElement(styled.SelectorRoot, {
-    ...rest
-  }, /* @__PURE__ */ React__namespace.createElement(styled.Control, {
-    onPressIn: () => requestAnimationFrame(() => handlePressInNext()),
-    onPressOut: handlePressOut,
-    disabled: preventUpper
-  }, /* @__PURE__ */ React__namespace.createElement(Icon, {
-    name: "chevron-up",
-    type: "material-community",
-    size: "mega",
-    colorVariant: "primary"
-  })), /* @__PURE__ */ React__namespace.createElement(styled.SelectorValue, null, /* @__PURE__ */ React__namespace.createElement(TextComponent, {
-    colorVariant: "secondary",
-    typography: "sub"
-  }, label), /* @__PURE__ */ React__namespace.createElement(TextComponent, {
-    fontWeight: "bold",
-    typography: "h5"
-  }, getDisplayValue(value))), /* @__PURE__ */ React__namespace.createElement(styled.Control, {
-    onPressIn: () => requestAnimationFrame(() => handlePressInPrev()),
-    onPressOut: handlePressOut,
-    disabled: preventLower,
-    style: { opacity: preventLower ? 0 : 1 }
-  }, /* @__PURE__ */ React__namespace.createElement(Icon, {
-    name: "chevron-down",
-    type: "material-community",
-    size: "mega",
-    colorVariant: "primary"
-  })));
+  return /* @__PURE__ */ React__namespace.createElement(styled.SelectorRoot, { ...rest }, /* @__PURE__ */ React__namespace.createElement(
+    styled.Control,
+    {
+      onPressIn: () => requestAnimationFrame(() => handlePressInNext()),
+      onPressOut: handlePressOut,
+      disabled: preventUpper
+    },
+    /* @__PURE__ */ React__namespace.createElement(
+      Icon,
+      {
+        name: "chevron-up",
+        type: "material-community",
+        size: "mega",
+        colorVariant: "primary"
+      }
+    )
+  ), /* @__PURE__ */ React__namespace.createElement(styled.SelectorValue, null, /* @__PURE__ */ React__namespace.createElement(TextComponent, { colorVariant: "secondary", typography: "sub" }, label), /* @__PURE__ */ React__namespace.createElement(TextComponent, { fontWeight: "bold", typography: "h5" }, getDisplayValue(value))), /* @__PURE__ */ React__namespace.createElement(
+    styled.Control,
+    {
+      onPressIn: () => requestAnimationFrame(() => handlePressInPrev()),
+      onPressOut: handlePressOut,
+      disabled: preventLower,
+      style: { opacity: preventLower ? 0 : 1 }
+    },
+    /* @__PURE__ */ React__namespace.createElement(
+      Icon,
+      {
+        name: "chevron-down",
+        type: "material-community",
+        size: "mega",
+        colorVariant: "primary"
+      }
+    )
+  ));
 };
 
 exports.Selector = Selector;

package/dist/cjs/components/molecules/DateTimeSelector/Selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/Selector.tsx"],"sourcesContent":["import { getDaysInMonth } from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Icon } from '../../atoms/Icon';\nimport { TextProps } from '../../atoms/Text';\nimport { Control, SelectorRoot, SelectorValue } from './styled';\n\nexport type Granularity = 'date' | 'month' | 'year' | 'hours' | 'minutes';\n\ninterface SelectorProps extends ViewProps {\n  TextComponent: React.FC<TextProps>;\n  granularity: Granularity;\n  referenceDate: Date;\n  label: string;\n  value: number;\n  getDisplayValue: (value: number) => string;\n  onChange: (value: number) => void | never;\n  preventUpper?: boolean;\n  preventLower?: boolean;\n}\n\nfunction getPrevAndNext(\n  value: number,\n  granularity: Granularity,\n  daysInMonth: number,\n  multiplier = 1\n): [number, number] {\n  let next = value + multiplier,\n    prev = value - multiplier;\n\n  if (granularity === 'date') {\n    next = next > daysInMonth ? 1 : next;\n    prev = prev < 1 ? daysInMonth : prev;\n  } else if (granularity === 'month') {\n    next = next > 11 ? 0 : next;\n    prev = prev < 0 ? 11 : prev;\n  } else if (granularity === 'hours') {\n    next = next > 23 ? 0 : next;\n    prev = prev < 0 ? 23 : prev;\n  } else if (granularity === 'minutes') {\n    next = next > 59 ? 0 : next;\n    prev = prev < 0 ? 59 : prev;\n  }\n\n  return [prev, next];\n}\nexport const Selector: React.FC<SelectorProps> = ({\n  granularity,\n  label,\n  value,\n  onChange,\n  getDisplayValue,\n  referenceDate,\n  preventUpper,\n  preventLower,\n  TextComponent,\n  ...rest\n}) => {\n  const pressInTimeoutRef = React.useRef<number>();\n\n  const handlePressInNext = (_next?: number) => {\n    const daysInMonth = getDaysInMonth(referenceDate);\n    const next = _next || getPrevAndNext(value, granularity, daysInMonth)[1];\n    clearTimeout(pressInTimeoutRef.current);\n    pressInTimeoutRef.current = setTimeout(() => {\n      handlePressInNext(getPrevAndNext(next, granularity, daysInMonth, 3)[1]);\n    }, 500);\n    onChange(next);\n  };\n\n  const handlePressInPrev = (_prev?: number) => {\n    const daysInMonth = getDaysInMonth(referenceDate);\n    const prev = _prev || getPrevAndNext(value, granularity, daysInMonth)[0];\n    clearTimeout(pressInTimeoutRef.current);\n    pressInTimeoutRef.current = setTimeout(() => {\n      handlePressInPrev(getPrevAndNext(prev, granularity, daysInMonth, 3)[0]);\n    }, 500);\n    onChange(prev);\n  };\n\n  const handlePressOut = () => {\n    pressInTimeoutRef.current && clearTimeout(pressInTimeoutRef.current);\n  };\n\n  return (\n    <SelectorRoot {...rest}>\n      <Control\n        onPressIn={() => requestAnimationFrame(() => handlePressInNext())}\n        onPressOut={handlePressOut}\n        disabled={preventUpper}\n      >\n        <Icon\n          name={'chevron-up'}\n          type={'material-community'}\n          size={'mega'}\n          colorVariant={'primary'}\n        />\n      </Control>\n      <SelectorValue>\n        <TextComponent colorVariant={'secondary'} typography={'sub'}>\n          {label}\n        </TextComponent>\n        <TextComponent fontWeight={'bold'} typography={'h5'}>\n          {getDisplayValue(value)}\n        </TextComponent>\n      </SelectorValue>\n      <Control\n        onPressIn={() => requestAnimationFrame(() => handlePressInPrev())}\n        onPressOut={handlePressOut}\n        disabled={preventLower}\n        style={{ opacity: preventLower ? 0 : 1 }}\n      >\n        <Icon\n          name={'chevron-down'}\n          type={'material-community'}\n          size={'mega'}\n          colorVariant={'primary'}\n        />\n      </Control>\n    </SelectorRoot>\n  );\n};\n"],"names":["React","getDaysInMonth","SelectorRoot","Control","SelectorValue"],"mappings":"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"}
+{"version":3,"file":"Selector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/Selector.tsx"],"sourcesContent":["import { getDaysInMonth } from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Icon } from '../../atoms/Icon';\nimport { TextProps } from '../../atoms/Text';\nimport { Control, SelectorRoot, SelectorValue } from './styled';\n\nexport type Granularity = 'date' | 'month' | 'year' | 'hours' | 'minutes';\n\ninterface SelectorProps extends ViewProps {\n  TextComponent: React.FC<TextProps>;\n  granularity: Granularity;\n  referenceDate: Date;\n  label: string;\n  value: number;\n  getDisplayValue: (value: number) => string;\n  onChange: (value: number) => void | never;\n  preventUpper?: boolean;\n  preventLower?: boolean;\n}\n\nfunction getPrevAndNext(\n  value: number,\n  granularity: Granularity,\n  daysInMonth: number,\n  multiplier = 1\n): [number, number] {\n  let next = value + multiplier,\n    prev = value - multiplier;\n\n  if (granularity === 'date') {\n    next = next > daysInMonth ? 1 : next;\n    prev = prev < 1 ? daysInMonth : prev;\n  } else if (granularity === 'month') {\n    next = next > 11 ? 0 : next;\n    prev = prev < 0 ? 11 : prev;\n  } else if (granularity === 'hours') {\n    next = next > 23 ? 0 : next;\n    prev = prev < 0 ? 23 : prev;\n  } else if (granularity === 'minutes') {\n    next = next > 59 ? 0 : next;\n    prev = prev < 0 ? 59 : prev;\n  }\n\n  return [prev, next];\n}\nexport const Selector: React.FC<SelectorProps> = ({\n  granularity,\n  label,\n  value,\n  onChange,\n  getDisplayValue,\n  referenceDate,\n  preventUpper,\n  preventLower,\n  TextComponent,\n  ...rest\n}) => {\n  const pressInTimeoutRef = React.useRef<NodeJS.Timeout>();\n\n  const handlePressInNext = (_next?: number) => {\n    const daysInMonth = getDaysInMonth(referenceDate);\n    const next = _next || getPrevAndNext(value, granularity, daysInMonth)[1];\n    clearTimeout(pressInTimeoutRef.current);\n    pressInTimeoutRef.current = setTimeout(() => {\n      handlePressInNext(getPrevAndNext(next, granularity, daysInMonth, 3)[1]);\n    }, 500);\n    onChange(next);\n  };\n\n  const handlePressInPrev = (_prev?: number) => {\n    const daysInMonth = getDaysInMonth(referenceDate);\n    const prev = _prev || getPrevAndNext(value, granularity, daysInMonth)[0];\n    clearTimeout(pressInTimeoutRef.current);\n    pressInTimeoutRef.current = setTimeout(() => {\n      handlePressInPrev(getPrevAndNext(prev, granularity, daysInMonth, 3)[0]);\n    }, 500);\n    onChange(prev);\n  };\n\n  const handlePressOut = () => {\n    pressInTimeoutRef.current && clearTimeout(pressInTimeoutRef.current);\n  };\n\n  return (\n    <SelectorRoot {...rest}>\n      <Control\n        onPressIn={() => requestAnimationFrame(() => handlePressInNext())}\n        onPressOut={handlePressOut}\n        disabled={preventUpper}\n      >\n        <Icon\n          name={'chevron-up'}\n          type={'material-community'}\n          size={'mega'}\n          colorVariant={'primary'}\n        />\n      </Control>\n      <SelectorValue>\n        <TextComponent colorVariant={'secondary'} typography={'sub'}>\n          {label}\n        </TextComponent>\n        <TextComponent fontWeight={'bold'} typography={'h5'}>\n          {getDisplayValue(value)}\n        </TextComponent>\n      </SelectorValue>\n      <Control\n        onPressIn={() => requestAnimationFrame(() => handlePressInPrev())}\n        onPressOut={handlePressOut}\n        disabled={preventLower}\n        style={{ opacity: preventLower ? 0 : 1 }}\n      >\n        <Icon\n          name={'chevron-down'}\n          type={'material-community'}\n          size={'mega'}\n          colorVariant={'primary'}\n        />\n      </Control>\n    </SelectorRoot>\n  );\n};\n"],"names":["React","getDaysInMonth","SelectorRoot","Control","SelectorValue"],"mappings":"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"}

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

@@ -33,8 +33,6 @@ export declare const SelectorContainer: import("@emotion/native").StyledComponen
     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>, {}, {}>;
@@ -45,8 +43,6 @@ export declare const Header: import("@emotion/native").StyledComponent<import("r
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const BackButton: 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>, {}, {}>;

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

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var styled = require('@emotion/native');
 require('react');
 require('../../atoms/Text/styled.js');
@@ -14,45 +12,41 @@ require('react-native');
 var ResponsiveFontSize = require('../../../utils/ResponsiveFontSize.js');
 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 Root = styled__default["default"].View`
+const Root = styled.View`
   position: relative;
   background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
 `;
-const Content = styled__default["default"].View`
+const Content = styled.View`
   flex-direction: row;
   justify-content: space-between;
   margin-vertical: ${({ theme }) => theme.spacing.deca};
 `;
-const SelectorRoot = styled__default["default"].View`
+const SelectorRoot = styled.View`
   border-width: ${ResponsiveFontSize.RFValueStr("1px")};
   border-color: ${({ theme }) => theme.color.secondary.xlight};
   border-radius: ${({ theme }) => theme.borderRadius.mili};
 `;
-const SelectorValue = styled__default["default"].View`
+const SelectorValue = styled.View`
   align-items: center;
 `;
-const SelectorContainer = styled__default["default"].View`
+const SelectorContainer = styled.View`
   margin-right: ${({ theme, isFirst }) => isFirst ? theme.spacing.deca : 0};
   margin-left: ${({ theme, isLast }) => isLast ? theme.spacing.deca : 0};
   flex: 1;
 `;
-const Control = styled__default["default"](PressableSurface)`
+const Control = styled(PressableSurface)`
   border-radius: ${({ theme }) => theme.borderRadius.mili};
   padding: ${({ theme }) => theme.spacing.micro};
   margin-vertical: ${({ theme }) => theme.spacing.mili};
   margin-horizontal: ${({ theme }) => theme.spacing.mili};
 `;
-const Header = styled__default["default"].View`
+const Header = styled.View`
   width: 100%;
   flex-direction: row;
   justify-content: center;
   align-items: center;
 `;
-const BackButton = styled__default["default"](PressableSurface)`
+const BackButton = styled(PressableSurface)`
   border-radius: ${({ theme }) => theme.borderRadius.mili};
   padding: ${({ theme }) => theme.spacing.micro};
   position: absolute;

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/DateTimeSelector/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { PressableSurface } from '../../atoms/PressableSurface';\n\nexport const Root = styled.View<Partial<StyleProps>>`\n  position: relative;\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const Content = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n  justify-content: space-between;\n  margin-vertical: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const SelectorRoot = styled.View<Partial<StyleProps>>`\n  border-width: ${RFValueStr('1px')};\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n`;\n\nexport const SelectorValue = styled.View`\n  align-items: center;\n`;\n\nexport const SelectorContainer = styled.View<\n  Partial<StyleProps> & { isFirst?: boolean; isLast?: boolean }\n>`\n  margin-right: ${({ theme, isFirst }) => (isFirst ? theme.spacing.deca : 0)};\n  margin-left: ${({ theme, isLast }) => (isLast ? theme.spacing.deca : 0)};\n  flex: 1;\n`;\n\nexport const Control = styled(PressableSurface)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  padding: ${({ theme }) => theme.spacing.micro};\n  margin-vertical: ${({ theme }) => theme.spacing.mili};\n  margin-horizontal: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const Header = styled.View`\n  width: 100%;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const BackButton = styled(PressableSurface)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  padding: ${({ theme }) => theme.spacing.micro};\n  position: absolute;\n  aspect-ratio: 1;\n  left: 0;\n`;\n"],"names":["styled","RFValueStr"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKO,MAAM,OAAOA,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA,oBAAA,EAEL,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGlD,MAAM,UAAUA,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,mBAAA,EAGT,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAG3C,MAAM,eAAeA,0BAAO,CAAA,IAAA,CAAA;AAAA,gBAAA,EACjBC,8BAAW,KAAK,CAAA,CAAA;AAAA,gBAAA,EAChB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA,iBAAA,EACpC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,EAAA;AAG9C,MAAM,gBAAgBD,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAI7B,MAAM,oBAAoBA,0BAAO,CAAA,IAAA,CAAA;AAAA,gBAGtB,EAAA,CAAC,EAAE,KAAO,EAAA,OAAA,OAAe,OAAU,GAAA,KAAA,CAAM,QAAQ,IAAO,GAAA,CAAA,CAAA;AAAA,eACzD,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OAAc,MAAS,GAAA,KAAA,CAAM,QAAQ,IAAO,GAAA,CAAA,CAAA;AAAA;AAAA,EAAA;AAI1D,MAAA,OAAA,GAAUA,2BAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,mBAAA,EACrB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,qBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAG7C,MAAM,SAASA,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOhB,MAAA,UAAA,GAAaA,2BAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/DateTimeSelector/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { PressableSurface } from '../../atoms/PressableSurface';\n\nexport const Root = styled.View<Partial<StyleProps>>`\n  position: relative;\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const Content = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n  justify-content: space-between;\n  margin-vertical: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const SelectorRoot = styled.View<Partial<StyleProps>>`\n  border-width: ${RFValueStr('1px')};\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n`;\n\nexport const SelectorValue = styled.View`\n  align-items: center;\n`;\n\nexport const SelectorContainer = styled.View<\n  Partial<StyleProps> & { isFirst?: boolean; isLast?: boolean }\n>`\n  margin-right: ${({ theme, isFirst }) => (isFirst ? theme.spacing.deca : 0)};\n  margin-left: ${({ theme, isLast }) => (isLast ? theme.spacing.deca : 0)};\n  flex: 1;\n`;\n\nexport const Control = styled(PressableSurface)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  padding: ${({ theme }) => theme.spacing.micro};\n  margin-vertical: ${({ theme }) => theme.spacing.mili};\n  margin-horizontal: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const Header = styled.View`\n  width: 100%;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const BackButton = styled(PressableSurface)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  padding: ${({ theme }) => theme.spacing.micro};\n  position: absolute;\n  aspect-ratio: 1;\n  left: 0;\n`;\n"],"names":["RFValueStr"],"mappings":";;;;;;;;;;;;;;AAKO,MAAM,OAAO,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,oBAAA,EAEL,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGlD,MAAM,UAAU,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,mBAAA,EAGT,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAG3C,MAAM,eAAe,MAAO,CAAA,IAAA,CAAA;AAAA,gBAAA,EACjBA,8BAAW,KAAK,CAAA,CAAA;AAAA,gBAAA,EAChB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA,iBAAA,EACpC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,EAAA;AAG9C,MAAM,gBAAgB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAI7B,MAAM,oBAAoB,MAAO,CAAA,IAAA,CAAA;AAAA,gBAGtB,EAAA,CAAC,EAAE,KAAO,EAAA,OAAA,OAAe,OAAU,GAAA,KAAA,CAAM,QAAQ,IAAO,GAAA,CAAA,CAAA;AAAA,eACzD,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OAAc,MAAS,GAAA,KAAA,CAAM,QAAQ,IAAO,GAAA,CAAA,CAAA;AAAA;AAAA,EAAA;AAI1D,MAAA,OAAA,GAAU,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,mBAAA,EACrB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,qBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAG7C,MAAM,SAAS,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOhB,MAAA,UAAA,GAAa,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;"}

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

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var extractNumbersFromString = require('../../../utils/extractNumbersFromString.js');
 require('react');
 require('../../atoms/Text/styled.js');

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

@@ -1 +1 @@
-{"version":3,"file":"functions.js","sources":["../../../../../src/components/molecules/Grid/functions.ts"],"sourcesContent":["import { GridSpacing, PaddingPosition, Spacing } from '@tecsinapse/react-core';\nimport { extractNumbersFromString } from '../../../utils';\n\nexport const getGridItemPadding = (\n  pos: PaddingPosition,\n  _spacing: GridSpacing | undefined,\n  themeSpacing: Spacing\n): number | undefined => {\n  if (_spacing) {\n    if (typeof _spacing === 'string')\n      return extractNumbersFromString(themeSpacing[_spacing]);\n    else if (typeof _spacing === 'object' && _spacing[pos]) {\n      return extractNumbersFromString(themeSpacing[_spacing[pos] ?? '0']);\n    } else return undefined;\n  } else return undefined;\n};\n\n/**\n * Calc the basis width percentage for a given item\n * @param columns - number of grid columns\n * @param span - number of columns to merge\n * @returns {number} - value in %\n */\nexport const getGridItemColumSpan = (columns: number, span: number): number =>\n  100 / (columns / span);\n"],"names":["extractNumbersFromString"],"mappings":";;;;;;;;;;;;;;AAGO,MAAM,kBAAqB,GAAA,CAChC,GACA,EAAA,QAAA,EACA,YACuB,KAAA;AACvB,EAAA,IAAI,QAAU,EAAA;AACZ,IAAA,IAAI,OAAO,QAAa,KAAA,QAAA;AACtB,MAAO,OAAAA,iDAAA,CAAyB,aAAa,QAAS,CAAA,CAAA,CAAA;AAAA,SAAA,IAC/C,OAAO,QAAA,KAAa,QAAY,IAAA,QAAA,CAAS,GAAM,CAAA,EAAA;AACtD,MAAA,OAAOA,iDAAyB,CAAA,YAAA,CAAa,QAAS,CAAA,GAAA,CAAA,IAAQ,GAAI,CAAA,CAAA,CAAA;AAAA,KACpE;AAAO,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GAChB;AAAO,IAAO,OAAA,KAAA,CAAA,CAAA;AAChB,EAAA;AAQO,MAAM,oBAAuB,GAAA,CAAC,OAAiB,EAAA,IAAA,KACpD,OAAO,OAAU,GAAA,IAAA;;;;;"}
+{"version":3,"file":"functions.js","sources":["../../../../../src/components/molecules/Grid/functions.ts"],"sourcesContent":["import { GridSpacing, PaddingPosition, Spacing } from '@tecsinapse/react-core';\nimport { extractNumbersFromString } from '../../../utils';\n\nexport const getGridItemPadding = (\n  pos: PaddingPosition,\n  _spacing: GridSpacing | undefined,\n  themeSpacing: Spacing\n): number | undefined => {\n  if (_spacing) {\n    if (typeof _spacing === 'string')\n      return extractNumbersFromString(themeSpacing[_spacing]);\n    else if (typeof _spacing === 'object' && _spacing[pos]) {\n      return extractNumbersFromString(themeSpacing[_spacing[pos] ?? '0']);\n    } else return undefined;\n  } else return undefined;\n};\n\n/**\n * Calc the basis width percentage for a given item\n * @param columns - number of grid columns\n * @param span - number of columns to merge\n * @returns {number} - value in %\n */\nexport const getGridItemColumSpan = (columns: number, span: number): number =>\n  100 / (columns / span);\n"],"names":["extractNumbersFromString"],"mappings":";;;;;;;;;;;;AAGO,MAAM,kBAAqB,GAAA,CAChC,GACA,EAAA,QAAA,EACA,YACuB,KAAA;AACvB,EAAA,IAAI,QAAU,EAAA;AACZ,IAAA,IAAI,OAAO,QAAa,KAAA,QAAA;AACtB,MAAO,OAAAA,iDAAA,CAAyB,YAAa,CAAA,QAAQ,CAAC,CAAA,CAAA;AAAA,SAAA,IAC/C,OAAO,QAAA,KAAa,QAAY,IAAA,QAAA,CAAS,GAAG,CAAG,EAAA;AACtD,MAAA,OAAOA,kDAAyB,YAAa,CAAA,QAAA,CAAS,GAAG,CAAA,IAAK,GAAG,CAAC,CAAA,CAAA;AAAA,KACpE;AAAO,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GAChB;AAAO,IAAO,OAAA,KAAA,CAAA,CAAA;AAChB,EAAA;AAQO,MAAM,oBAAuB,GAAA,CAAC,OAAiB,EAAA,IAAA,KACpD,OAAO,OAAU,GAAA,IAAA;;;;;"}

package/dist/cjs/components/molecules/Grid/index.d.ts

@@ -11,12 +11,12 @@ export interface IGrid {
         left?: SpacingType;
     };
 }
-export declare type FlexPositioning = 'flex-start' | 'flex-end' | 'center';
-export declare type FlexAlignBase = FlexPositioning | 'stretch';
-export declare type FlexAlignType = FlexAlignBase | 'baseline';
-export declare type FlexSpacing = 'space-between' | 'space-around';
-export declare type PaddingPosition = 'top' | 'right' | 'bottom' | 'left';
-export declare type GridSpacing = SpacingType | {
+export type FlexPositioning = 'flex-start' | 'flex-end' | 'center';
+export type FlexAlignBase = FlexPositioning | 'stretch';
+export type FlexAlignType = FlexAlignBase | 'baseline';
+export type FlexSpacing = 'space-between' | 'space-around';
+export type PaddingPosition = 'top' | 'right' | 'bottom' | 'left';
+export type GridSpacing = SpacingType | {
     top?: SpacingType;
     right?: SpacingType;
     bottom?: SpacingType;

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

@@ -10,8 +10,7 @@ require('../../atoms/Input/InputElement/InputElement.js');
 require('../../atoms/Input/InputMaskElement/InputMaskElement.js');
 var PressableInputContainer = require('../../atoms/Input/PressableInputContainer/PressableInputContainer.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) {
@@ -24,11 +23,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 HintInputContainer = ({
   viewStyle,
@@ -43,22 +42,20 @@ const HintInputContainer = ({
   hintComponent,
   ...rest
 }) => {
-  const _hint = hintComponent || /* @__PURE__ */ React__namespace.createElement(Hint, {
-    TextComponent: LabelComponent,
-    text: hint,
-    variant
-  });
-  return /* @__PURE__ */ React__namespace.createElement(reactNative.View, {
-    style: viewStyle
-  }, /* @__PURE__ */ React__namespace.createElement(PressableInputContainer, {
-    onPress,
-    focused,
-    disabled,
-    LabelComponent,
-    variant,
-    rightComponent,
-    ...rest
-  }, children), hint && _hint);
+  const _hint = hintComponent || /* @__PURE__ */ React__namespace.createElement(Hint, { TextComponent: LabelComponent, text: hint, variant });
+  return /* @__PURE__ */ React__namespace.createElement(reactNative.View, { style: viewStyle }, /* @__PURE__ */ React__namespace.createElement(
+    PressableInputContainer,
+    {
+      onPress,
+      focused,
+      disabled,
+      LabelComponent,
+      variant,
+      rightComponent,
+      ...rest
+    },
+    children
+  ), hint && _hint);
 };
 
 module.exports = HintInputContainer;

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

@@ -1 +1 @@
-{"version":3,"file":"HintInputContainer.js","sources":["../../../../../src/components/molecules/HintInputContainer/HintInputContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\nimport {\n  Hint,\n  InputVariantType,\n  PressableInputContainer,\n  PressableInputContainerProps,\n} from '../../atoms/Input';\nimport { TextProps } from '../../atoms/Text';\n\nexport interface HintInputContainerProps extends PressableInputContainerProps {\n  viewStyle?: StyleProp<ViewStyle>;\n  focused: boolean;\n  LabelComponent?: React.FC<TextProps>;\n  onPress?: () => void | never;\n  disabled?: boolean;\n  hint?: string;\n  hintComponent?: JSX.Element;\n  variant?: InputVariantType;\n  rightComponent?: JSX.Element;\n}\n\nconst HintInputContainer: React.FC<HintInputContainerProps> = ({\n  viewStyle,\n  onPress,\n  focused,\n  disabled,\n  LabelComponent,\n  variant = 'default',\n  rightComponent,\n  children,\n  hint,\n  hintComponent,\n  ...rest\n}) => {\n  const _hint = hintComponent || (\n    <Hint TextComponent={LabelComponent} text={hint} variant={variant} />\n  );\n\n  return (\n    <View style={viewStyle}>\n      <PressableInputContainer\n        onPress={onPress}\n        focused={focused}\n        disabled={disabled}\n        LabelComponent={LabelComponent}\n        variant={variant}\n        rightComponent={rightComponent}\n        {...rest}\n      >\n        {children}\n      </PressableInputContainer>\n      {hint && _hint}\n    </View>\n  );\n};\n\nexport default HintInputContainer;\n"],"names":["React","View"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,qBAAwD,CAAC;AAAA,EAC7D,SAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,cAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,KAAA,GAAQ,iCACXA,gBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,aAAe,EAAA,cAAA;AAAA,IAAgB,IAAM,EAAA,IAAA;AAAA,IAAM,OAAA;AAAA,GAAkB,CAAA,CAAA;AAGrE,EAAA,uBACGA,gBAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA;AAAA,IAAK,KAAO,EAAA,SAAA;AAAA,GAAA,kBACVD,gBAAA,CAAA,aAAA,CAAA,uBAAA,EAAA;AAAA,IACC,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAA;AAAA,IACA,cAAA;AAAA,IACC,GAAG,IAAA;AAAA,GAEH,EAAA,QACH,CACC,EAAA,IAAA,IAAQ,KACX,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"HintInputContainer.js","sources":["../../../../../src/components/molecules/HintInputContainer/HintInputContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\nimport {\n  Hint,\n  InputVariantType,\n  PressableInputContainer,\n  PressableInputContainerProps,\n} from '../../atoms/Input';\nimport { TextProps } from '../../atoms/Text';\n\nexport interface HintInputContainerProps extends PressableInputContainerProps {\n  viewStyle?: StyleProp<ViewStyle>;\n  focused: boolean;\n  LabelComponent?: React.FC<TextProps>;\n  onPress?: () => void | never;\n  disabled?: boolean;\n  hint?: string;\n  hintComponent?: JSX.Element;\n  variant?: InputVariantType;\n  rightComponent?: JSX.Element;\n}\n\nconst HintInputContainer: React.FC<HintInputContainerProps> = ({\n  viewStyle,\n  onPress,\n  focused,\n  disabled,\n  LabelComponent,\n  variant = 'default',\n  rightComponent,\n  children,\n  hint,\n  hintComponent,\n  ...rest\n}) => {\n  const _hint = hintComponent || (\n    <Hint TextComponent={LabelComponent} text={hint} variant={variant} />\n  );\n\n  return (\n    <View style={viewStyle}>\n      <PressableInputContainer\n        onPress={onPress}\n        focused={focused}\n        disabled={disabled}\n        LabelComponent={LabelComponent}\n        variant={variant}\n        rightComponent={rightComponent}\n        {...rest}\n      >\n        {children}\n      </PressableInputContainer>\n      {hint && _hint}\n    </View>\n  );\n};\n\nexport default HintInputContainer;\n"],"names":["React","View"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,qBAAwD,CAAC;AAAA,EAC7D,SAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,cAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,KAAA,GAAQ,iCACXA,gBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,eAAe,cAAgB,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AAGrE,EACE,uBAAAA,gBAAA,CAAA,aAAA,CAACC,gBAAK,EAAA,EAAA,KAAA,EAAO,SACX,EAAA,kBAAAD,gBAAA,CAAA,aAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,cAAA;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,QAAA;AAAA,GACH,EACC,QAAQ,KACX,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/molecules/IconTextButton/IconComponent.js

@@ -3,22 +3,21 @@
 var React = require('react');
 var Icon = require('../../atoms/Icon/Icon.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const IconComponent = ({
   iconProps,
   size = "default",
   defaultFontColor
 }) => {
-  return iconProps ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    size: iconProps.size ?? size === "small" ? "deca" : "kilo",
-    fontColor: iconProps.fontColor ?? defaultFontColor,
-    ...iconProps
-  }) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null);
+  return iconProps ? /* @__PURE__ */ React.createElement(
+    Icon,
+    {
+      size: iconProps.size ?? size === "small" ? "deca" : "kilo",
+      fontColor: iconProps.fontColor ?? defaultFontColor,
+      ...iconProps
+    }
+  ) : /* @__PURE__ */ React.createElement(React.Fragment, null);
 };
-var IconComponent$1 = React__default["default"].memo(IconComponent);
+var IconComponent$1 = React.memo(IconComponent);
 
 module.exports = IconComponent$1;
 //# sourceMappingURL=IconComponent.js.map

package/dist/cjs/components/molecules/IconTextButton/IconComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconComponent.js","sources":["../../../../../src/components/molecules/IconTextButton/IconComponent.tsx"],"sourcesContent":["import { ButtonSizeType, FontColor, IconProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Icon } from '../../atoms/Icon';\n\ninterface IconComponentProps {\n  iconProps?: IconProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n}\n\nconst IconComponent: FC<IconComponentProps> = ({\n  iconProps,\n  size = 'default',\n  defaultFontColor,\n}) => {\n  return iconProps ? (\n    <Icon\n      size={iconProps.size ?? size === 'small' ? 'deca' : 'kilo'}\n      fontColor={iconProps.fontColor ?? defaultFontColor}\n      {...iconProps}\n    />\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(IconComponent);\n"],"names":["React"],"mappings":";;;;;;;;;AAUA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AACF,CAAM,KAAA;AACJ,EAAA,OAAO,4BACJA,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAM,EAAA,SAAA,CAAU,IAAQ,IAAA,IAAA,KAAS,UAAU,MAAS,GAAA,MAAA;AAAA,IACpD,SAAA,EAAW,UAAU,SAAa,IAAA,gBAAA;AAAA,IACjC,GAAG,SAAA;AAAA,GACN,oBAEEA,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAeA,yBAAA,CAAM,KAAK,aAAa,CAAA;;;;"}
+{"version":3,"file":"IconComponent.js","sources":["../../../../../src/components/molecules/IconTextButton/IconComponent.tsx"],"sourcesContent":["import { ButtonSizeType, FontColor, IconProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Icon } from '../../atoms/Icon';\n\ninterface IconComponentProps {\n  iconProps?: IconProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n}\n\nconst IconComponent: FC<IconComponentProps> = ({\n  iconProps,\n  size = 'default',\n  defaultFontColor,\n}) => {\n  return iconProps ? (\n    <Icon\n      size={iconProps.size ?? size === 'small' ? 'deca' : 'kilo'}\n      fontColor={iconProps.fontColor ?? defaultFontColor}\n      {...iconProps}\n    />\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(IconComponent);\n"],"names":[],"mappings":";;;;;AAUA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AACF,CAAM,KAAA;AACJ,EAAA,OAAO,SACL,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,SAAA,CAAU,IAAQ,IAAA,IAAA,KAAS,UAAU,MAAS,GAAA,MAAA;AAAA,MACpD,SAAA,EAAW,UAAU,SAAa,IAAA,gBAAA;AAAA,MACjC,GAAG,SAAA;AAAA,KAAA;AAAA,sBAGJ,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAe,KAAA,CAAM,KAAK,aAAa,CAAA;;;;"}

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

@@ -1,5 +1,5 @@
 import { ButtonProps, IconProps, TextProps } from '@tecsinapse/react-core';
-export declare type IconPositionOptions = 'left' | 'right';
+export type IconPositionOptions = 'left' | 'right';
 export interface IconTextButtonProps extends ButtonProps {
     iconProps?: IconProps;
     iconPosition?: IconPositionOptions;

package/dist/cjs/components/molecules/InputPassword/InputPasswordIcon.js

@@ -4,26 +4,22 @@ var React = require('react');
 var Icon = require('../../atoms/Icon/Icon.js');
 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 InputPasswordIcon = ({
   revealed,
   onChangeState,
   ...rest
 }) => {
   const icon = revealed ? "eye-outline" : "eye-off-outline";
-  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledPasswordButtonIcon, {
-    ...rest,
-    variant: "text",
-    size: "small",
-    onPress: () => onChangeState(!revealed)
-  }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    name: icon,
-    type: "ionicon",
-    size: "centi"
-  }));
+  return /* @__PURE__ */ React.createElement(
+    styled.StyledPasswordButtonIcon,
+    {
+      ...rest,
+      variant: "text",
+      size: "small",
+      onPress: () => onChangeState(!revealed)
+    },
+    /* @__PURE__ */ React.createElement(Icon, { name: icon, type: "ionicon", size: "centi" })
+  );
 };
 
 module.exports = InputPasswordIcon;

package/dist/cjs/components/molecules/InputPassword/InputPasswordIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPasswordIcon.js","sources":["../../../../../src/components/molecules/InputPassword/InputPasswordIcon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonProps } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { StyledPasswordButtonIcon } from './styled';\n\ninterface InputPasswordIconProps extends ButtonProps {\n  revealed: boolean;\n  onChangeState: (revealed: boolean) => void;\n}\n\nconst InputPasswordIcon: FC<InputPasswordIconProps> = ({\n  revealed,\n  onChangeState,\n  ...rest\n}) => {\n  const icon = revealed ? 'eye-outline' : 'eye-off-outline';\n  return (\n    <StyledPasswordButtonIcon\n      {...rest}\n      variant=\"text\"\n      size=\"small\"\n      onPress={() => onChangeState(!revealed)}\n    >\n      <Icon name={icon} type=\"ionicon\" size=\"centi\" />\n    </StyledPasswordButtonIcon>\n  );\n};\n\nexport default InputPasswordIcon;\n"],"names":["React","StyledPasswordButtonIcon"],"mappings":";;;;;;;;;;AAUA,MAAM,oBAAgD,CAAC;AAAA,EACrD,QAAA;AAAA,EACA,aAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,IAAA,GAAO,WAAW,aAAgB,GAAA,iBAAA,CAAA;AACxC,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAAC,+BAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,OAAQ,EAAA,MAAA;AAAA,IACR,IAAK,EAAA,OAAA;AAAA,IACL,OAAS,EAAA,MAAM,aAAc,CAAA,CAAC,QAAQ,CAAA;AAAA,GAAA,kBAErCD,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,IAAM,EAAA,IAAA;AAAA,IAAM,IAAK,EAAA,SAAA;AAAA,IAAU,IAAK,EAAA,OAAA;AAAA,GAAQ,CAChD,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"InputPasswordIcon.js","sources":["../../../../../src/components/molecules/InputPassword/InputPasswordIcon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonProps } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { StyledPasswordButtonIcon } from './styled';\n\ninterface InputPasswordIconProps extends ButtonProps {\n  revealed: boolean;\n  onChangeState: (revealed: boolean) => void;\n}\n\nconst InputPasswordIcon: FC<InputPasswordIconProps> = ({\n  revealed,\n  onChangeState,\n  ...rest\n}) => {\n  const icon = revealed ? 'eye-outline' : 'eye-off-outline';\n  return (\n    <StyledPasswordButtonIcon\n      {...rest}\n      variant=\"text\"\n      size=\"small\"\n      onPress={() => onChangeState(!revealed)}\n    >\n      <Icon name={icon} type=\"ionicon\" size=\"centi\" />\n    </StyledPasswordButtonIcon>\n  );\n};\n\nexport default InputPasswordIcon;\n"],"names":["StyledPasswordButtonIcon"],"mappings":";;;;;;AAUA,MAAM,oBAAgD,CAAC;AAAA,EACrD,QAAA;AAAA,EACA,aAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,IAAA,GAAO,WAAW,aAAgB,GAAA,iBAAA,CAAA;AACxC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,+BAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,OAAQ,EAAA,MAAA;AAAA,MACR,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,MAAM,aAAc,CAAA,CAAC,QAAQ,CAAA;AAAA,KAAA;AAAA,wCAErC,IAAK,EAAA,EAAA,IAAA,EAAM,MAAM,IAAK,EAAA,SAAA,EAAU,MAAK,OAAQ,EAAA,CAAA;AAAA,GAChD,CAAA;AAEJ;;;;"}

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

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 export declare const StyledPasswordButtonIcon: import("@emotion/native").StyledComponent<import("../../atoms/Button").ButtonProps & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var styled = require('@emotion/native');
 var Button = require('../../atoms/Button/Button.js');
 require('react');
@@ -23,11 +21,7 @@ require('react-native-vector-icons/dist/Zocial');
 require('../../atoms/Text/styled.js');
 require('../../atoms/Button/States/styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledPasswordButtonIcon = styled__default["default"](Button)`
+const StyledPasswordButtonIcon = styled(Button)`
   padding: ${({ theme }) => theme.spacing.centi};
 `;
 

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":["styled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIa,MAAA,wBAAA,GAA2BA,2BAAO,MAAM,CAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIa,MAAA,wBAAA,GAA2B,OAAO,MAAM,CAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;;;;"}

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

@@ -1,6 +1,6 @@
 import { SwitchProps } from '../../atoms/Switch';
-export declare type LabelPositionOptions = 'left' | 'right';
-export declare type LabeledSwitchProps = {
+export type LabelPositionOptions = 'left' | 'right';
+export type LabeledSwitchProps = {
     pressableLabel?: boolean;
     leftLabel?: string;
     rightLabel?: string;