@tecsinapse/react-core 1.17.4 → 1.20.0

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

@@ -1,18 +1,25 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.getStyledDateTimeSelector = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));
 
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 const getStyledDateTimeSelector = component => {
-  return (0, _native.default)(component)`
-    padding: ${({
-    theme
-  }) => theme.spacing.deca};
-  `;
+  return (0, _native.default)(component)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: ", ";\n  "])), _ref => {
+    let {
+      theme
+    } = _ref;
+    return theme.spacing.deca;
+  });
 };
 
 exports.getStyledDateTimeSelector = getStyledDateTimeSelector;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DateTimePicker/styled.ts"],"names":["getStyledDateTimeSelector","component","theme","spacing","deca"],"mappings":";;;;;AAAA;;;;AAKO,MAAMA,yBAAyB,GACpCC,SADuC,IAEpC;AACH,SAAO,qBAAOA,SAAP,CAAuC;AAChD,eAAe,CAAC;AAAEC,IAAAA;AAAF,GAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACjD,GAFE;AAGD,CANM","sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { DateTimeSelectorProps } from '../DateTimeSelector';\n\nexport const getStyledDateTimeSelector = (\n  component: FC<DateTimeSelectorProps>\n) => {\n  return styled(component)<Partial<StyleProps>>`\n    padding: ${({ theme }) => theme.spacing.deca};\n  `;\n};\n"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["getStyledDateTimeSelector","component","styled","theme","spacing","deca"],"sources":["../../../../src/components/molecules/DateTimePicker/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { DateTimeSelectorProps } from '../DateTimeSelector';\n\nexport const getStyledDateTimeSelector = (\n  component: FC<DateTimeSelectorProps>\n) => {\n  return styled(component)<Partial<StyleProps>>`\n    padding: ${({ theme }) => theme.spacing.deca};\n  `;\n};\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAKO,MAAMA,yBAAyB,GACpCC,SADuC,IAEpC;EACH,OAAO,IAAAC,eAAA,EAAOD,SAAP,CAAP,8FACa;IAAA,IAAC;MAAEE;IAAF,CAAD;IAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;EAAA,CADb;AAGD,CANM"}

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

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _dateFns = require("date-fns");
@@ -39,29 +41,30 @@ function getThresholdUnit(mode, threshold) {
   }
 }
 
-const DateTimeSelector = ({
-  TextComponent = _Text.Text,
-  value,
-  onChange,
-  mode = 'date',
-  format,
-  locale,
-  upperDateThreshold: _upperDateThreshold,
-  lowerDateThreshold: _lowerDateThreshold,
-  offsetThreshold,
-  upperOffsetThreshold,
-  lowerOffsetThreshold,
-  dateModalTitle,
-  timeModalTitle,
-  dateConfirmButtonText,
-  timeConfirmButtonText,
-  dayLabel,
-  monthLabel,
-  yearLabel,
-  hourLabel,
-  minuteLabel,
-  ...rest
-}) => {
+const DateTimeSelector = _ref => {
+  let {
+    TextComponent = _Text.Text,
+    value,
+    onChange,
+    mode = 'date',
+    locale,
+    upperDateThreshold: _upperDateThreshold,
+    lowerDateThreshold: _lowerDateThreshold,
+    offsetThreshold,
+    upperOffsetThreshold,
+    lowerOffsetThreshold,
+    dateModalTitle,
+    timeModalTitle,
+    dateConfirmButtonText,
+    timeConfirmButtonText,
+    dayLabel,
+    monthLabel,
+    yearLabel,
+    hourLabel,
+    minuteLabel,
+    ...rest
+  } = _ref;
+
   const lowerDateThreshold = _lowerDateThreshold || (offsetThreshold || lowerOffsetThreshold) && (0, _dateFns.sub)(new Date(), getThresholdUnit(mode, offsetThreshold || lowerOffsetThreshold));
 
   const upperDateThreshold = _upperDateThreshold || (offsetThreshold || upperOffsetThreshold) && (0, _dateFns.add)(new Date(), getThresholdUnit(mode, offsetThreshold || upperOffsetThreshold));
@@ -120,7 +123,7 @@ const DateTimeSelector = ({
     if (mode === 'datetime' && currentMode === 0) {
       setCurrentMode(1);
     } else {
-      onChange == null ? void 0 : onChange(date);
+      onChange === null || onChange === void 0 ? void 0 : onChange(date);
     }
   };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"names":["getThresholdUnit","mode","threshold","months","includes","days","hours","DateTimeSelector","TextComponent","Text","value","onChange","format","locale","upperDateThreshold","_upperDateThreshold","lowerDateThreshold","_lowerDateThreshold","offsetThreshold","upperOffsetThreshold","lowerOffsetThreshold","dateModalTitle","timeModalTitle","dateConfirmButtonText","timeConfirmButtonText","dayLabel","monthLabel","yearLabel","hourLabel","minuteLabel","rest","Date","date","setDate","React","useState","currentMode","setCurrentMode","isDate","modalTitle","confirmButtonText","handleChange","granularity","newValue","newState","newDate","daysInMonth","getMonth","month","getDate","getDisplayedValue","slice","toString","padStart","handlePressConfirm","handlePressBack","getFullYear","getHours","getMinutes"],"mappings":"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","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  format,\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"],"file":"DateTimeSelector.js"}
+{"version":3,"file":"DateTimeSelector.js","names":["getThresholdUnit","mode","threshold","months","includes","days","hours","DateTimeSelector","TextComponent","Text","value","onChange","locale","upperDateThreshold","_upperDateThreshold","lowerDateThreshold","_lowerDateThreshold","offsetThreshold","upperOffsetThreshold","lowerOffsetThreshold","dateModalTitle","timeModalTitle","dateConfirmButtonText","timeConfirmButtonText","dayLabel","monthLabel","yearLabel","hourLabel","minuteLabel","rest","sub","Date","add","date","setDate","React","useState","currentMode","setCurrentMode","isDate","modalTitle","confirmButtonText","handleChange","granularity","newValue","newState","newDate","set","daysInMonth","getDaysInMonth","getMonth","month","getDate","compareAsc","getDisplayedValue","formatDate","slice","toString","padStart","handlePressConfirm","handlePressBack","isSameDay","isSameMonth","getFullYear","isSameYear","getHours","getMinutes"],"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"],"mappings":"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"}

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

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.Selector = void 0;
 
 var _dateFns = require("date-fns");
@@ -15,7 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function getPrevAndNext(value, granularity, daysInMonth, multiplier = 1) {
+function getPrevAndNext(value, granularity, daysInMonth) {
+  let multiplier = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
   let next = value + multiplier,
       prev = value - multiplier;
 
@@ -36,18 +39,19 @@ function getPrevAndNext(value, granularity, daysInMonth, multiplier = 1) {
   return [prev, next];
 }
 
-const Selector = ({
-  granularity,
-  label,
-  value,
-  onChange,
-  getDisplayValue,
-  referenceDate,
-  preventUpper,
-  preventLower,
-  TextComponent,
-  ...rest
-}) => {
+const Selector = _ref => {
+  let {
+    granularity,
+    label,
+    value,
+    onChange,
+    getDisplayValue,
+    referenceDate,
+    preventUpper,
+    preventLower,
+    TextComponent,
+    ...rest
+  } = _ref;
   const pressInTimeoutRef = React.useRef();
 
   const handlePressInNext = _next => {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DateTimeSelector/Selector.tsx"],"names":["getPrevAndNext","value","granularity","daysInMonth","multiplier","next","prev","Selector","label","onChange","getDisplayValue","referenceDate","preventUpper","preventLower","TextComponent","rest","pressInTimeoutRef","React","useRef","handlePressInNext","_next","clearTimeout","current","setTimeout","handlePressInPrev","_prev","handlePressOut","requestAnimationFrame","opacity"],"mappings":"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","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"],"file":"Selector.js"}
+{"version":3,"file":"Selector.js","names":["getPrevAndNext","value","granularity","daysInMonth","multiplier","next","prev","Selector","label","onChange","getDisplayValue","referenceDate","preventUpper","preventLower","TextComponent","rest","pressInTimeoutRef","React","useRef","handlePressInNext","_next","getDaysInMonth","clearTimeout","current","setTimeout","handlePressInPrev","_prev","handlePressOut","requestAnimationFrame","opacity"],"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"],"mappings":"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"}

package/dist/components/molecules/DateTimeSelector/index.d.ts

@@ -1 +1,2 @@
-export { default as DateTimeSelector, DateTimeSelectorProps, DateTimeSelectorMode, } from './DateTimeSelector';
+export { default as DateTimeSelector } from './DateTimeSelector';
+export type { DateTimeSelectorProps, DateTimeSelectorMode, } from './DateTimeSelector';

package/dist/components/molecules/DateTimeSelector/index.js

@@ -1,15 +1,16 @@
 "use strict";
 
-exports.__esModule = true;
-exports.DateTimeSelectorMode = exports.DateTimeSelectorProps = exports.DateTimeSelector = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DateTimeSelector", {
+  enumerable: true,
+  get: function () {
+    return _DateTimeSelector.default;
+  }
+});
 
-var _DateTimeSelector = _interopRequireWildcard(require("./DateTimeSelector"));
+var _DateTimeSelector = _interopRequireDefault(require("./DateTimeSelector"));
 
-exports.DateTimeSelector = _DateTimeSelector.default;
-exports.DateTimeSelectorProps = _DateTimeSelector.DateTimeSelectorProps;
-exports.DateTimeSelectorMode = _DateTimeSelector.DateTimeSelectorMode;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DateTimeSelector/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export {\n  default as DateTimeSelector,\n  DateTimeSelectorProps,\n  DateTimeSelectorMode,\n} from './DateTimeSelector';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/DateTimeSelector/index.ts"],"sourcesContent":["export { default as DateTimeSelector } from './DateTimeSelector';\nexport type {\n  DateTimeSelectorProps,\n  DateTimeSelectorMode,\n} from './DateTimeSelector';\n"],"mappings":";;;;;;;;;;;;AAAA"}

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

@@ -1,7 +1,9 @@
 "use strict";
 
-exports.__esModule = true;
-exports.BackButton = exports.Header = exports.Control = exports.SelectorContainer = exports.SelectorValue = exports.SelectorRoot = exports.Content = exports.Root = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectorValue = exports.SelectorRoot = exports.SelectorContainer = exports.Root = exports.Header = exports.Control = exports.Content = exports.BackButton = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));
 
@@ -9,81 +11,99 @@ var _utils = require("../../../utils");
 
 var _PressableSurface = require("../../atoms/PressableSurface");
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Root = _native.default.View`
-  position: relative;
-  background-color: ${({
-  theme
-}) => theme.miscellaneous.surfaceColor};
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const Root = _native.default.View(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  background-color: ", ";\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.miscellaneous.surfaceColor;
+});
+
 exports.Root = Root;
-const Content = _native.default.View`
-  flex-direction: row;
-  justify-content: space-between;
-  margin-vertical: ${({
-  theme
-}) => theme.spacing.deca};
-`;
+
+const Content = _native.default.View(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  justify-content: space-between;\n  margin-vertical: ", ";\n"])), _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.spacing.deca;
+});
+
 exports.Content = Content;
-const SelectorRoot = _native.default.View`
-  border-width: ${(0, _utils.RFValueStr)('1px')};
-  border-color: ${({
-  theme
-}) => theme.color.secondary.xlight};
-  border-radius: ${({
-  theme
-}) => theme.borderRadius.mili};
-`;
+
+const SelectorRoot = _native.default.View(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-width: ", ";\n  border-color: ", ";\n  border-radius: ", ";\n"])), (0, _utils.RFValueStr)('1px'), _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.color.secondary.xlight;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.borderRadius.mili;
+});
+
 exports.SelectorRoot = SelectorRoot;
-const SelectorValue = _native.default.View`
-  align-items: center;
-`;
+
+const SelectorValue = _native.default.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  align-items: center;\n"])));
+
 exports.SelectorValue = SelectorValue;
-const SelectorContainer = _native.default.View`
-  margin-right: ${({
-  theme,
-  isFirst
-}) => isFirst ? theme.spacing.deca : 0};
-  margin-left: ${({
-  theme,
-  isLast
-}) => isLast ? theme.spacing.deca : 0};
-  flex: 1;
-`;
+
+const SelectorContainer = _native.default.View(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n  margin-left: ", ";\n  flex: 1;\n"])), _ref5 => {
+  let {
+    theme,
+    isFirst
+  } = _ref5;
+  return isFirst ? theme.spacing.deca : 0;
+}, _ref6 => {
+  let {
+    theme,
+    isLast
+  } = _ref6;
+  return isLast ? theme.spacing.deca : 0;
+});
+
 exports.SelectorContainer = SelectorContainer;
-const Control = (0, _native.default)(_PressableSurface.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 Control = (0, _native.default)(_PressableSurface.PressableSurface)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: ", ";\n  margin-vertical: ", ";\n  margin-horizontal: ", ";\n"])), _ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return theme.borderRadius.mili;
+}, _ref8 => {
+  let {
+    theme
+  } = _ref8;
+  return theme.spacing.micro;
+}, _ref9 => {
+  let {
+    theme
+  } = _ref9;
+  return theme.spacing.mili;
+}, _ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.spacing.mili;
+});
 exports.Control = Control;
-const Header = _native.default.View`
-  width: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-`;
+
+const Header = _native.default.View(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n"])));
+
 exports.Header = Header;
-const BackButton = (0, _native.default)(_PressableSurface.PressableSurface)`
-  border-radius: ${({
-  theme
-}) => theme.borderRadius.mili};
-  padding: ${({
-  theme
-}) => theme.spacing.micro};
-  position: absolute;
-  aspect-ratio: 1;
-  left: 0;
-`;
+const BackButton = (0, _native.default)(_PressableSurface.PressableSurface)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: ", ";\n  position: absolute;\n  aspect-ratio: 1;\n  left: 0;\n"])), _ref11 => {
+  let {
+    theme
+  } = _ref11;
+  return theme.borderRadius.mili;
+}, _ref12 => {
+  let {
+    theme
+  } = _ref12;
+  return theme.spacing.micro;
+});
 exports.BackButton = BackButton;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DateTimeSelector/styled.ts"],"names":["Root","styled","View","theme","miscellaneous","surfaceColor","Content","spacing","deca","SelectorRoot","color","secondary","xlight","borderRadius","mili","SelectorValue","SelectorContainer","isFirst","isLast","Control","PressableSurface","micro","Header","BackButton"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;AAEO,MAAMA,IAAI,GAAGC,gBAAOC,IAA0B;AACrD;AACA,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE,CAHO;;AAKA,MAAMC,OAAO,GAAGL,gBAAOC,IAA0B;AACxD;AACA;AACA,qBAAqB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcC,IAAK;AACvD,CAJO;;AAMA,MAAMC,YAAY,GAAGR,gBAAOC,IAA0B;AAC7D,kBAAkB,uBAAW,KAAX,CAAkB;AACpC,kBAAkB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACO,KAAN,CAAYC,SAAZ,CAAsBC,MAAO;AAC9D,mBAAmB,CAAC;AAAET,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAK;AAC1D,CAJO;;AAMA,MAAMC,aAAa,GAAGd,gBAAOC,IAAK;AACzC;AACA,CAFO;;AAIA,MAAMc,iBAAiB,GAAGf,gBAAOC,IAEtC;AACF,kBAAkB,CAAC;AAAEC,EAAAA,KAAF;AAASc,EAAAA;AAAT,CAAD,KAAyBA,OAAO,GAAGd,KAAK,CAACI,OAAN,CAAcC,IAAjB,GAAwB,CAAG;AAC7E,iBAAiB,CAAC;AAAEL,EAAAA,KAAF;AAASe,EAAAA;AAAT,CAAD,KAAwBA,MAAM,GAAGf,KAAK,CAACI,OAAN,CAAcC,IAAjB,GAAwB,CAAG;AAC1E;AACA,CANO;;AAQA,MAAMW,OAAO,GAAG,qBAAOC,kCAAP,CAA8C;AACrE,mBAAmB,CAAC;AAAEjB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAK;AAC1D,aAAa,CAAC;AAAEX,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcc,KAAM;AAChD,qBAAqB,CAAC;AAAElB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcO,IAAK;AACvD,uBAAuB,CAAC;AAAEX,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcO,IAAK;AACzD,CALO;;AAOA,MAAMQ,MAAM,GAAGrB,gBAAOC,IAAK;AAClC;AACA;AACA;AACA;AACA,CALO;;AAOA,MAAMqB,UAAU,GAAG,qBAAOH,kCAAP,CAA8C;AACxE,mBAAmB,CAAC;AAAEjB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAK;AAC1D,aAAa,CAAC;AAAEX,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcc,KAAM;AAChD;AACA;AACA;AACA,CANO","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"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["Root","styled","View","theme","miscellaneous","surfaceColor","Content","spacing","deca","SelectorRoot","RFValueStr","color","secondary","xlight","borderRadius","mili","SelectorValue","SelectorContainer","isFirst","isLast","Control","PressableSurface","micro","Header","BackButton"],"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"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;AAEO,MAAMA,IAAI,GAAGC,eAAA,CAAOC,IAAV,0HAEK;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAnC;AAAA,CAFL,CAAV;;;;AAKA,MAAMC,OAAO,GAAGL,eAAA,CAAOC,IAAV,+JAGC;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,OAAN,CAAcC,IAA7B;AAAA,CAHD,CAAb;;;;AAMA,MAAMC,YAAY,GAAGR,eAAA,CAAOC,IAAV,gJACP,IAAAQ,iBAAA,EAAW,KAAX,CADO,EAEP;EAAA,IAAC;IAAEP;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACQ,KAAN,CAAYC,SAAZ,CAAsBC,MAArC;AAAA,CAFO,EAGN;EAAA,IAAC;IAAEV;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACW,YAAN,CAAmBC,IAAlC;AAAA,CAHM,CAAlB;;;;AAMA,MAAMC,aAAa,GAAGf,eAAA,CAAOC,IAAV,iGAAnB;;;;AAIA,MAAMe,iBAAiB,GAAGhB,eAAA,CAAOC,IAAV,mIAGZ;EAAA,IAAC;IAAEC,KAAF;IAASe;EAAT,CAAD;EAAA,OAAyBA,OAAO,GAAGf,KAAK,CAACI,OAAN,CAAcC,IAAjB,GAAwB,CAAxD;AAAA,CAHY,EAIb;EAAA,IAAC;IAAEL,KAAF;IAASgB;EAAT,CAAD;EAAA,OAAwBA,MAAM,GAAGhB,KAAK,CAACI,OAAN,CAAcC,IAAjB,GAAwB,CAAtD;AAAA,CAJa,CAAvB;;;AAQA,MAAMY,OAAO,GAAG,IAAAnB,eAAA,EAAOoB,kCAAP,CAAH,0KACD;EAAA,IAAC;IAAElB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACW,YAAN,CAAmBC,IAAlC;AAAA,CADC,EAEP;EAAA,IAAC;IAAEZ;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,OAAN,CAAce,KAA7B;AAAA,CAFO,EAGC;EAAA,IAAC;IAAEnB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,OAAN,CAAcQ,IAA7B;AAAA,CAHD,EAIG;EAAA,IAAC;IAAEZ;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,OAAN,CAAcQ,IAA7B;AAAA,CAJH,CAAb;;;AAOA,MAAMQ,MAAM,GAAGtB,eAAA,CAAOC,IAAV,qKAAZ;;;AAOA,MAAMsB,UAAU,GAAG,IAAAvB,eAAA,EAAOoB,kCAAP,CAAH,2KACJ;EAAA,IAAC;IAAElB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACW,YAAN,CAAmBC,IAAlC;AAAA,CADI,EAEV;EAAA,IAAC;IAAEZ;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,OAAN,CAAce,KAA7B;AAAA,CAFU,CAAhB"}

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

@@ -0,0 +1,3 @@
+import { GridSpacing } from '@tecsinapse/react-core';
+export declare const getGridItemPadding: (pos: any, _spacing: GridSpacing | undefined, themeSpacing: any) => number | undefined;
+export declare const getGridItemColumSpan: (columns: number, span: number) => number;

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGridItemPadding = exports.getGridItemColumSpan = void 0;
+
+var _reactCore = require("@tecsinapse/react-core");
+
+const getGridItemPadding = (pos, _spacing, themeSpacing) => {
+  if (_spacing) {
+    if (typeof _spacing === 'string') return (0, _reactCore.extractNumbersFromString)(themeSpacing[_spacing]);else if (typeof _spacing === 'object' && _spacing[pos]) {
+      var _spacing$pos;
+
+      return (0, _reactCore.extractNumbersFromString)(themeSpacing[(_spacing$pos = _spacing[pos]) !== null && _spacing$pos !== void 0 ? _spacing$pos : '0']);
+    } else return undefined;
+  } else return undefined;
+};
+
+exports.getGridItemPadding = getGridItemPadding;
+
+const getGridItemColumSpan = (columns, span) => 100 / (columns / span);
+
+exports.getGridItemColumSpan = getGridItemColumSpan;
+//# sourceMappingURL=functions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"functions.js","names":["getGridItemPadding","pos","_spacing","themeSpacing","extractNumbersFromString","undefined","getGridItemColumSpan","columns","span"],"sources":["../../../../src/components/molecules/Grid/functions.ts"],"sourcesContent":["import {\n  extractNumbersFromString,\n  GridSpacing,\n  PaddingPosition,\n  Spacing,\n} from '@tecsinapse/react-core';\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"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,kBAAkB,GAAG,CAChCC,GADgC,EAEhCC,QAFgC,EAGhCC,YAHgC,KAIT;EACvB,IAAID,QAAJ,EAAc;IACZ,IAAI,OAAOA,QAAP,KAAoB,QAAxB,EACE,OAAO,IAAAE,mCAAA,EAAyBD,YAAY,CAACD,QAAD,CAArC,CAAP,CADF,KAEK,IAAI,OAAOA,QAAP,KAAoB,QAApB,IAAgCA,QAAQ,CAACD,GAAD,CAA5C,EAAmD;MAAA;;MACtD,OAAO,IAAAG,mCAAA,EAAyBD,YAAY,iBAACD,QAAQ,CAACD,GAAD,CAAT,uDAAkB,GAAlB,CAArC,CAAP;IACD,CAFI,MAEE,OAAOI,SAAP;EACR,CAND,MAMO,OAAOA,SAAP;AACR,CAZM;;;;AAoBA,MAAMC,oBAAoB,GAAG,CAACC,OAAD,EAAkBC,IAAlB,KAClC,OAAOD,OAAO,GAAGC,IAAjB,CADK"}

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

@@ -1,2 +1,42 @@
-export { GridItem, IGridItem } from './Item';
-export { default as Grid, IGrid } from './Grid';
+import React from 'react';
+import { SpacingType } from '@tecsinapse/react-core';
+export interface IGrid {
+    children: JSX.Element[];
+    layout?: number[][];
+    columns?: number;
+    spacing?: SpacingType | {
+        top?: SpacingType;
+        right?: SpacingType;
+        bottom?: SpacingType;
+        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 | {
+    top?: SpacingType;
+    right?: SpacingType;
+    bottom?: SpacingType;
+    left?: SpacingType;
+};
+export interface IGridItem {
+    children: React.ReactElement;
+    span: number;
+    columns?: number;
+    loading?: boolean;
+    loadingComponent?: React.ReactElement;
+    alignContent?: FlexAlignBase | FlexSpacing;
+    alignItems?: FlexAlignType;
+    alignSelf?: 'auto' | FlexAlignType;
+    flex?: number;
+    flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    flexGrow?: number;
+    flexShrink?: number;
+    justifyContent?: FlexPositioning | FlexSpacing | 'space-evenly';
+    spacing?: GridSpacing;
+    wrapper?: boolean;
+}
+export { getGridItemColumSpan, getGridItemPadding } from './functions';