@tecsinapse/react-core 1.20.0 → 1.21.0

package/esm/components/molecules/DateTimePicker/DateTimePicker.js

@@ -1,122 +1,175 @@
-var _excluded = ["onChange", "value", "mode", "format", "locale", "upperDateThreshold", "lowerDateThreshold", "offsetThreshold", "upperOffsetThreshold", "lowerOffsetThreshold", "dateModalTitle", "timeModalTitle", "dateConfirmButtonText", "timeConfirmButtonText", "dayLabel", "monthLabel", "yearLabel", "hourLabel", "minuteLabel", "placeholder", "onFocus", "onBlur", "disabled", "controlComponent", "hintComponent", "hint", "variant", "TextComponent", "DateTimeSelectorComponent", "rightComponent", "style", "renderSelector", "requestShowSelector", "requestCloseSelector"];
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import { format as formatDate } from 'date-fns';
+import { format } from 'date-fns';
 import * as React from 'react';
-import { useInputFocus } from '../../atoms/Input';
-import { Text } from '../../atoms/Text';
-import { CalendarIcon, getStyledTextComponent } from '../DatePicker/styled';
-import { DateTimeSelector } from '../DateTimeSelector';
-import { HintInputContainer } from '../HintInputContainer';
-import { getStyledDateTimeSelector } from './styled';
-
-var DateTimePicker = function DateTimePicker(_ref) {
-  var onChange = _ref.onChange,
-      value = _ref.value,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'date' : _ref$mode,
-      _ref$format = _ref.format,
-      format = _ref$format === void 0 ? 'yyyy-MM-dd hh:mm:ss' : _ref$format,
-      locale = _ref.locale,
-      upperDateThreshold = _ref.upperDateThreshold,
-      lowerDateThreshold = _ref.lowerDateThreshold,
-      offsetThreshold = _ref.offsetThreshold,
-      upperOffsetThreshold = _ref.upperOffsetThreshold,
-      lowerOffsetThreshold = _ref.lowerOffsetThreshold,
-      dateModalTitle = _ref.dateModalTitle,
-      timeModalTitle = _ref.timeModalTitle,
-      dateConfirmButtonText = _ref.dateConfirmButtonText,
-      timeConfirmButtonText = _ref.timeConfirmButtonText,
-      dayLabel = _ref.dayLabel,
-      monthLabel = _ref.monthLabel,
-      yearLabel = _ref.yearLabel,
-      hourLabel = _ref.hourLabel,
-      minuteLabel = _ref.minuteLabel,
-      placeholder = _ref.placeholder,
-      onFocus = _ref.onFocus,
-      onBlur = _ref.onBlur,
-      disabled = _ref.disabled,
-      controlComponent = _ref.controlComponent,
-      hintComponent = _ref.hintComponent,
-      hint = _ref.hint,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'default' : _ref$variant,
-      _ref$TextComponent = _ref.TextComponent,
-      TextComponent = _ref$TextComponent === void 0 ? Text : _ref$TextComponent,
-      _ref$DateTimeSelector = _ref.DateTimeSelectorComponent,
-      DateTimeSelectorComponent = _ref$DateTimeSelector === void 0 ? DateTimeSelector : _ref$DateTimeSelector,
-      rightComponent = _ref.rightComponent,
-      style = _ref.style,
-      renderSelector = _ref.renderSelector,
-      requestShowSelector = _ref.requestShowSelector,
-      requestCloseSelector = _ref.requestCloseSelector,
-      rest = _objectWithoutProperties(_ref, _excluded);
+import Text from '../../atoms/Text/Text.js';
+import '../../atoms/Input/styled.js';
+import { useInputFocus } from '../../atoms/Input/hooks/useInputFocus.js';
+import 'currency.js';
+import '../../atoms/Input/InputElement/InputElement.js';
+import '../../atoms/Input/InputMaskElement/InputMaskElement.js';
+import '../../atoms/Input/PressableInputContainer/styled.js';
+import { getStyledTextComponent, CalendarIcon } from '../DatePicker/styled.js';
+import DateTimeSelector from '../DateTimeSelector/DateTimeSelector.js';
+import HintInputContainer from '../HintInputContainer/HintInputContainer.js';
+import { getStyledDateTimeSelector } from './styled.js';
 
-  var _useInputFocus = useInputFocus(onFocus, onBlur, !disabled),
-      focused = _useInputFocus.focused,
-      handleBlur = _useInputFocus.handleBlur,
-      handleFocus = _useInputFocus.handleFocus;
-
-  var handleShowSelector = function handleShowSelector() {
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const DateTimePicker = (_a) => {
+  var _b = _a, {
+    onChange,
+    value,
+    mode = "date",
+    format: format$1 = "yyyy-MM-dd hh:mm:ss",
+    locale,
+    upperDateThreshold,
+    lowerDateThreshold,
+    offsetThreshold,
+    upperOffsetThreshold,
+    lowerOffsetThreshold,
+    dateModalTitle,
+    timeModalTitle,
+    dateConfirmButtonText,
+    timeConfirmButtonText,
+    dayLabel,
+    monthLabel,
+    yearLabel,
+    hourLabel,
+    minuteLabel,
+    placeholder,
+    onFocus,
+    onBlur,
+    disabled,
+    controlComponent,
+    hintComponent,
+    hint,
+    variant = "default",
+    TextComponent = Text,
+    DateTimeSelectorComponent = DateTimeSelector,
+    rightComponent,
+    style,
+    renderSelector,
+    requestShowSelector,
+    requestCloseSelector
+  } = _b, rest = __objRest(_b, [
+    "onChange",
+    "value",
+    "mode",
+    "format",
+    "locale",
+    "upperDateThreshold",
+    "lowerDateThreshold",
+    "offsetThreshold",
+    "upperOffsetThreshold",
+    "lowerOffsetThreshold",
+    "dateModalTitle",
+    "timeModalTitle",
+    "dateConfirmButtonText",
+    "timeConfirmButtonText",
+    "dayLabel",
+    "monthLabel",
+    "yearLabel",
+    "hourLabel",
+    "minuteLabel",
+    "placeholder",
+    "onFocus",
+    "onBlur",
+    "disabled",
+    "controlComponent",
+    "hintComponent",
+    "hint",
+    "variant",
+    "TextComponent",
+    "DateTimeSelectorComponent",
+    "rightComponent",
+    "style",
+    "renderSelector",
+    "requestShowSelector",
+    "requestCloseSelector"
+  ]);
+  const { focused, handleBlur, handleFocus } = useInputFocus(
+    onFocus,
+    onBlur,
+    !disabled
+  );
+  const handleShowSelector = () => {
     requestShowSelector();
     handleFocus();
   };
-
-  var handleChoosing = function handleChoosing(value) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(value);
+  const handleChoosing = (value2) => {
+    onChange == null ? void 0 : onChange(value2);
     requestCloseSelector();
   };
-
-  var StyledText = getStyledTextComponent(TextComponent);
-  var displayValue = (value ? formatDate(value, format, {
-    locale: locale
-  }) : placeholder) || ' ';
-  var StyledDateTimeSelector = getStyledDateTimeSelector(DateTimeSelectorComponent);
-  var dateTimeSelector = React.createElement(StyledDateTimeSelector, {
-    value: value,
-    mode: mode,
-    format: format,
-    locale: locale,
-    upperDateThreshold: upperDateThreshold,
-    lowerDateThreshold: lowerDateThreshold,
-    offsetThreshold: offsetThreshold,
-    upperOffsetThreshold: upperOffsetThreshold,
-    lowerOffsetThreshold: lowerOffsetThreshold,
-    dateModalTitle: dateModalTitle,
-    timeModalTitle: timeModalTitle,
-    dateConfirmButtonText: dateConfirmButtonText,
-    timeConfirmButtonText: timeConfirmButtonText,
-    dayLabel: dayLabel,
-    monthLabel: monthLabel,
-    yearLabel: yearLabel,
-    hourLabel: hourLabel,
-    minuteLabel: minuteLabel,
+  const StyledText = getStyledTextComponent(TextComponent);
+  const displayValue = (value ? format(value, format$1, { locale }) : placeholder) || " ";
+  const StyledDateTimeSelector = getStyledDateTimeSelector(
+    DateTimeSelectorComponent
+  );
+  const dateTimeSelector = /* @__PURE__ */ React.createElement(StyledDateTimeSelector, {
+    value,
+    mode,
+    format: format$1,
+    locale,
+    upperDateThreshold,
+    lowerDateThreshold,
+    offsetThreshold,
+    upperOffsetThreshold,
+    lowerOffsetThreshold,
+    dateModalTitle,
+    timeModalTitle,
+    dateConfirmButtonText,
+    timeConfirmButtonText,
+    dayLabel,
+    monthLabel,
+    yearLabel,
+    hourLabel,
+    minuteLabel,
     onChange: handleChoosing
   });
-  return React.createElement(React.Fragment, null, controlComponent ? controlComponent(handleShowSelector, displayValue) : React.createElement(HintInputContainer, _extends({
-    focused: focused,
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, controlComponent ? controlComponent(handleShowSelector, displayValue) : /* @__PURE__ */ React.createElement(HintInputContainer, __spreadValues({
+    focused,
     viewStyle: style,
     onPress: handleShowSelector,
-    disabled: disabled,
+    disabled,
     LabelComponent: TextComponent,
-    variant: variant,
-    hint: hint,
-    hintComponent: hintComponent,
-    rightComponent: React.createElement(React.Fragment, null, React.createElement(CalendarIcon, {
+    variant,
+    hint,
+    hintComponent,
+    rightComponent: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CalendarIcon, {
       name: "calendar-sharp",
       type: "ionicon",
       size: "centi"
     }), rightComponent)
-  }, rest), React.createElement(StyledText, {
+  }, rest), /* @__PURE__ */ React.createElement(StyledText, {
     fontWeight: "bold",
-    disabled: disabled
+    disabled
   }, displayValue)), renderSelector(dateTimeSelector, handleBlur));
 };
 
-export default DateTimePicker;
-//# sourceMappingURL=DateTimePicker.js.map
+export { DateTimePicker as default };
+//# sourceMappingURL=DateTimePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","names":["format","formatDate","React","useInputFocus","Text","CalendarIcon","getStyledTextComponent","DateTimeSelector","HintInputContainer","getStyledDateTimeSelector","DateTimePicker","onChange","value","mode","locale","upperDateThreshold","lowerDateThreshold","offsetThreshold","upperOffsetThreshold","lowerOffsetThreshold","dateModalTitle","timeModalTitle","dateConfirmButtonText","timeConfirmButtonText","dayLabel","monthLabel","yearLabel","hourLabel","minuteLabel","placeholder","onFocus","onBlur","disabled","controlComponent","hintComponent","hint","variant","TextComponent","DateTimeSelectorComponent","rightComponent","style","renderSelector","requestShowSelector","requestCloseSelector","rest","focused","handleBlur","handleFocus","handleShowSelector","handleChoosing","StyledText","displayValue","StyledDateTimeSelector","dateTimeSelector"],"sources":["../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { format as formatDate } from 'date-fns';\nimport * as React from 'react';\nimport { InputContainerProps, useInputFocus } from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { CalendarIcon, getStyledTextComponent } from '../DatePicker/styled';\nimport { DateTimeSelector, DateTimeSelectorProps } from '../DateTimeSelector';\nimport { HintInputContainer } from '../HintInputContainer';\nimport { getStyledDateTimeSelector } from './styled';\n\nexport interface DateTimePickerProps\n  extends InputContainerProps,\n    Omit<DateTimeSelectorProps, 'style'> {\n  controlComponent?: (\n    onPress: () => void,\n    displayValue?: string\n  ) => JSX.Element;\n  TextComponent?: React.FC<TextProps>;\n  DateTimeSelectorComponent: React.FC<DateTimeSelectorProps>;\n  placeholder?: string;\n  onFocus?: () => void | never;\n  onBlur?: () => void | never;\n  renderSelector: (\n    selector: React.ReactElement,\n    blur?: () => void\n  ) => JSX.Element | null;\n  requestShowSelector: () => void;\n  requestCloseSelector: () => void;\n}\n\nconst DateTimePicker: React.FC<DateTimePickerProps> = ({\n  onChange,\n  value,\n  mode = 'date',\n  format = 'yyyy-MM-dd hh:mm:ss',\n  locale,\n  upperDateThreshold,\n  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  placeholder,\n  onFocus,\n  onBlur,\n  disabled,\n  controlComponent,\n  hintComponent,\n  hint,\n  variant = 'default',\n  TextComponent = Text,\n  DateTimeSelectorComponent = DateTimeSelector,\n  rightComponent,\n  style,\n  renderSelector,\n  requestShowSelector,\n  requestCloseSelector,\n  ...rest\n}) => {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  const handleShowSelector = () => {\n    requestShowSelector();\n    handleFocus();\n  };\n\n  const handleChoosing = (value: Date) => {\n    onChange?.(value);\n    requestCloseSelector();\n  };\n\n  const StyledText = getStyledTextComponent(TextComponent);\n  const displayValue =\n    (value ? formatDate(value, format, { locale: locale }) : placeholder) ||\n    ' ';\n  const StyledDateTimeSelector = getStyledDateTimeSelector(\n    DateTimeSelectorComponent\n  );\n\n  const dateTimeSelector = (\n    <StyledDateTimeSelector\n      value={value}\n      mode={mode}\n      format={format}\n      locale={locale}\n      upperDateThreshold={upperDateThreshold}\n      lowerDateThreshold={lowerDateThreshold}\n      offsetThreshold={offsetThreshold}\n      upperOffsetThreshold={upperOffsetThreshold}\n      lowerOffsetThreshold={lowerOffsetThreshold}\n      dateModalTitle={dateModalTitle}\n      timeModalTitle={timeModalTitle}\n      dateConfirmButtonText={dateConfirmButtonText}\n      timeConfirmButtonText={timeConfirmButtonText}\n      dayLabel={dayLabel}\n      monthLabel={monthLabel}\n      yearLabel={yearLabel}\n      hourLabel={hourLabel}\n      minuteLabel={minuteLabel}\n      onChange={handleChoosing}\n    />\n  );\n\n  return (\n    <>\n      {controlComponent ? (\n        controlComponent(handleShowSelector, displayValue)\n      ) : (\n        <HintInputContainer\n          focused={focused}\n          viewStyle={style}\n          onPress={handleShowSelector}\n          disabled={disabled}\n          LabelComponent={TextComponent}\n          variant={variant}\n          hint={hint}\n          hintComponent={hintComponent}\n          rightComponent={\n            <>\n              <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n              {rightComponent}\n            </>\n          }\n          {...rest}\n        >\n          <StyledText fontWeight=\"bold\" disabled={disabled}>\n            {displayValue}\n          </StyledText>\n        </HintInputContainer>\n      )}\n      {renderSelector(dateTimeSelector, handleBlur)}\n    </>\n  );\n};\n\nexport default DateTimePicker;\n"],"mappings":"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"}
+{"version":3,"file":"DateTimePicker.js","sources":["../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { format as formatDate } from 'date-fns';\nimport * as React from 'react';\nimport { InputContainerProps, useInputFocus } from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { CalendarIcon, getStyledTextComponent } from '../DatePicker/styled';\nimport { DateTimeSelector, DateTimeSelectorProps } from '../DateTimeSelector';\nimport { HintInputContainer } from '../HintInputContainer';\nimport { getStyledDateTimeSelector } from './styled';\n\nexport interface DateTimePickerProps\n  extends InputContainerProps,\n    Omit<DateTimeSelectorProps, 'style'> {\n  controlComponent?: (\n    onPress: () => void,\n    displayValue?: string\n  ) => JSX.Element;\n  TextComponent?: React.FC<TextProps>;\n  DateTimeSelectorComponent: React.FC<DateTimeSelectorProps>;\n  placeholder?: string;\n  onFocus?: () => void | never;\n  onBlur?: () => void | never;\n  renderSelector: (\n    selector: React.ReactElement,\n    blur?: () => void\n  ) => JSX.Element | null;\n  requestShowSelector: () => void;\n  requestCloseSelector: () => void;\n}\n\nconst DateTimePicker: React.FC<DateTimePickerProps> = ({\n  onChange,\n  value,\n  mode = 'date',\n  format = 'yyyy-MM-dd hh:mm:ss',\n  locale,\n  upperDateThreshold,\n  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  placeholder,\n  onFocus,\n  onBlur,\n  disabled,\n  controlComponent,\n  hintComponent,\n  hint,\n  variant = 'default',\n  TextComponent = Text,\n  DateTimeSelectorComponent = DateTimeSelector,\n  rightComponent,\n  style,\n  renderSelector,\n  requestShowSelector,\n  requestCloseSelector,\n  ...rest\n}) => {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  const handleShowSelector = () => {\n    requestShowSelector();\n    handleFocus();\n  };\n\n  const handleChoosing = (value: Date) => {\n    onChange?.(value);\n    requestCloseSelector();\n  };\n\n  const StyledText = getStyledTextComponent(TextComponent);\n  const displayValue =\n    (value ? formatDate(value, format, { locale: locale }) : placeholder) ||\n    ' ';\n  const StyledDateTimeSelector = getStyledDateTimeSelector(\n    DateTimeSelectorComponent\n  );\n\n  const dateTimeSelector = (\n    <StyledDateTimeSelector\n      value={value}\n      mode={mode}\n      format={format}\n      locale={locale}\n      upperDateThreshold={upperDateThreshold}\n      lowerDateThreshold={lowerDateThreshold}\n      offsetThreshold={offsetThreshold}\n      upperOffsetThreshold={upperOffsetThreshold}\n      lowerOffsetThreshold={lowerOffsetThreshold}\n      dateModalTitle={dateModalTitle}\n      timeModalTitle={timeModalTitle}\n      dateConfirmButtonText={dateConfirmButtonText}\n      timeConfirmButtonText={timeConfirmButtonText}\n      dayLabel={dayLabel}\n      monthLabel={monthLabel}\n      yearLabel={yearLabel}\n      hourLabel={hourLabel}\n      minuteLabel={minuteLabel}\n      onChange={handleChoosing}\n    />\n  );\n\n  return (\n    <>\n      {controlComponent ? (\n        controlComponent(handleShowSelector, displayValue)\n      ) : (\n        <HintInputContainer\n          focused={focused}\n          viewStyle={style}\n          onPress={handleShowSelector}\n          disabled={disabled}\n          LabelComponent={TextComponent}\n          variant={variant}\n          hint={hint}\n          hintComponent={hintComponent}\n          rightComponent={\n            <>\n              <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n              {rightComponent}\n            </>\n          }\n          {...rest}\n        >\n          <StyledText fontWeight=\"bold\" disabled={disabled}>\n            {displayValue}\n          </StyledText>\n        </HintInputContainer>\n      )}\n      {renderSelector(dateTimeSelector, handleBlur)}\n    </>\n  );\n};\n\nexport default DateTimePicker;\n"],"names":["format","value","formatDate"],"mappings":"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"}

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

@@ -1,12 +1,10 @@
-var _templateObject;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import styled from '@emotion/native';
-export var getStyledDateTimeSelector = function getStyledDateTimeSelector(component) {
-  return styled(component)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: ", ";\n  "])), function (_ref) {
-    var theme = _ref.theme;
-    return theme.spacing.deca;
-  });
+
+const getStyledDateTimeSelector = (component) => {
+  return styled(component)`
+    padding: ${({ theme }) => theme.spacing.deca};
+  `;
 };
-//# sourceMappingURL=styled.js.map
+
+export { getStyledDateTimeSelector };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","getStyledDateTimeSelector","component","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,OAAOA,MAAP,MAAmB,iBAAnB;AAKA,OAAO,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CACvCC,SADuC,EAEpC;EACH,OAAOF,MAAM,CAACE,SAAD,CAAb,8FACa;IAAA,IAAGC,KAAH,QAAGA,KAAH;IAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;EAAA,CADb;AAGD,CANM"}
+{"version":3,"file":"styled.js","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"],"names":[],"mappings":";;AAKa,MAAA,yBAAA,GAA4B,CACvC,SACG,KAAA;AACH,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACV,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAE5C;;;;"}