@tecsinapse/react-core 1.20.0 → 1.21.0

package/esm/components/molecules/DatePicker/DatePicker.js

@@ -1,120 +1,156 @@
-var _excluded = ["month", "year", "onChange", "value", "type", "format", "placeholder", "onFocus", "onBlur", "disabled", "controlComponent", "hintComponent", "hint", "variant", "TextComponent", "CalendarComponent", "rightComponent", "style", "locale", "closeOnPick", "renderCalendar", "requestShowCalendar", "requestCloseCalendar"];
-
-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 { useEffect } from 'react';
-import { useInputFocus } from '../../atoms/Input';
-import { Text } from '../../atoms/Text';
-import { HintInputContainer } from '../HintInputContainer';
-import { CalendarIcon, getStyledTextComponent } from './styled';
-
-function DatePicker(_ref) {
-  var month = _ref.month,
-      year = _ref.year,
-      onChange = _ref.onChange,
-      value = _ref.value,
-      type = _ref.type,
-      _ref$format = _ref.format,
-      format = _ref$format === void 0 ? 'yyyy-MM-dd' : _ref$format,
-      placeholder = _ref.placeholder,
-      onFocus = _ref.onFocus,
-      onBlur = _ref.onBlur,
-      disabled = _ref.disabled,
-      controlComponent = _ref.controlComponent,
-      hintComponent = _ref.hintComponent,
-      hint = _ref.hint,
-      variant = _ref.variant,
-      _ref$TextComponent = _ref.TextComponent,
-      TextComponent = _ref$TextComponent === void 0 ? Text : _ref$TextComponent,
-      CalendarComponent = _ref.CalendarComponent,
-      rightComponent = _ref.rightComponent,
-      style = _ref.style,
-      locale = _ref.locale,
-      _ref$closeOnPick = _ref.closeOnPick,
-      closeOnPick = _ref$closeOnPick === void 0 ? false : _ref$closeOnPick,
-      renderCalendar = _ref.renderCalendar,
-      requestShowCalendar = _ref.requestShowCalendar,
-      requestCloseCalendar = _ref.requestCloseCalendar,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _useInputFocus = useInputFocus(onFocus, onBlur, !disabled),
-      focused = _useInputFocus.focused,
-      handleBlur = _useInputFocus.handleBlur,
-      handleFocus = _useInputFocus.handleFocus;
+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 HintInputContainer from '../HintInputContainer/HintInputContainer.js';
+import { getStyledTextComponent, CalendarIcon } from './styled.js';
 
-  var handleShowCalendar = React.useCallback(function () {
+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;
+};
+function DatePicker(_a) {
+  var _b = _a, {
+    month,
+    year,
+    onChange,
+    value,
+    type,
+    format: format$1 = "yyyy-MM-dd",
+    placeholder,
+    onFocus,
+    onBlur,
+    disabled,
+    controlComponent,
+    hintComponent,
+    hint,
+    variant,
+    TextComponent = Text,
+    CalendarComponent,
+    rightComponent,
+    style,
+    locale,
+    closeOnPick = false,
+    renderCalendar,
+    requestShowCalendar,
+    requestCloseCalendar
+  } = _b, rest = __objRest(_b, [
+    "month",
+    "year",
+    "onChange",
+    "value",
+    "type",
+    "format",
+    "placeholder",
+    "onFocus",
+    "onBlur",
+    "disabled",
+    "controlComponent",
+    "hintComponent",
+    "hint",
+    "variant",
+    "TextComponent",
+    "CalendarComponent",
+    "rightComponent",
+    "style",
+    "locale",
+    "closeOnPick",
+    "renderCalendar",
+    "requestShowCalendar",
+    "requestCloseCalendar"
+  ]);
+  const { focused, handleBlur, handleFocus } = useInputFocus(
+    onFocus,
+    onBlur,
+    !disabled
+  );
+  const handleShowCalendar = React.useCallback(() => {
     requestShowCalendar();
     handleFocus();
   }, [handleFocus, requestShowCalendar]);
-
-  var getDisplayValue = function getDisplayValue() {
-    if (!value) return placeholder;
-
-    if (type === 'day') {
-      return formatDate(value, format, {
-        locale: locale
-      });
+  const getDisplayValue = () => {
+    if (!value)
+      return placeholder;
+    if (type === "day") {
+      return format(value, format$1, { locale });
     } else {
-      var _ref2 = value,
-          lowest = _ref2.lowest,
-          highest = _ref2.highest;
-      if (highest) return "".concat(formatDate(lowest, format, {
-        locale: locale
-      }), " - ").concat(formatDate(highest, format, {
-        locale: locale
-      }));else return formatDate(lowest, format, {
-        locale: locale
-      });
+      const { lowest, highest } = value;
+      if (highest)
+        return `${format(lowest, format$1, {
+          locale
+        })} - ${format(highest, format$1, { locale })}`;
+      else
+        return format(lowest, format$1, { locale });
     }
   };
-
-  var StyledText = getStyledTextComponent(TextComponent);
-  useEffect(function () {
-    if (closeOnPick && value && type === 'day') {
+  const StyledText = getStyledTextComponent(TextComponent);
+  useEffect(() => {
+    if (closeOnPick && value && type === "day") {
       setTimeout(requestCloseCalendar, 200);
     }
-
-    if (closeOnPick && value && type === 'range') {
-      var _ref3 = value,
-          lowest = _ref3.lowest,
-          highest = _ref3.highest;
+    if (closeOnPick && value && type === "range") {
+      const { lowest, highest } = value;
       lowest && highest && setTimeout(requestCloseCalendar, 200);
     }
   }, [value, closeOnPick, type, requestCloseCalendar]);
-  var calendar = React.createElement(CalendarComponent, {
-    pointerEvents: 'box-none',
-    type: type,
-    value: value,
-    month: month,
-    year: year,
-    onChange: onChange,
-    locale: locale
+  const calendar = /* @__PURE__ */ React.createElement(CalendarComponent, {
+    pointerEvents: "box-none",
+    type,
+    value,
+    month,
+    year,
+    onChange,
+    locale
   });
-  return React.createElement(React.Fragment, null, controlComponent ? controlComponent(handleShowCalendar, getDisplayValue()) : React.createElement(HintInputContainer, _extends({
-    focused: focused,
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, controlComponent ? controlComponent(handleShowCalendar, getDisplayValue()) : /* @__PURE__ */ React.createElement(HintInputContainer, __spreadValues({
+    focused,
     viewStyle: style,
     onPress: handleShowCalendar,
-    disabled: disabled,
-    hintComponent: hintComponent,
+    disabled,
+    hintComponent,
     LabelComponent: TextComponent,
-    variant: variant,
-    hint: hint,
-    rightComponent: React.createElement(React.Fragment, null, React.createElement(CalendarIcon, {
+    variant,
+    hint,
+    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
-  }, getDisplayValue() || ' ')), renderCalendar(calendar, handleBlur));
+    disabled
+  }, getDisplayValue() || " ")), renderCalendar(calendar, handleBlur));
 }
 
-export default DatePicker;
-//# sourceMappingURL=DatePicker.js.map
+export { DatePicker as default };
+//# sourceMappingURL=DatePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["format","formatDate","React","useEffect","useInputFocus","Text","HintInputContainer","CalendarIcon","getStyledTextComponent","DatePicker","month","year","onChange","value","type","placeholder","onFocus","onBlur","disabled","controlComponent","hintComponent","hint","variant","TextComponent","CalendarComponent","rightComponent","style","locale","closeOnPick","renderCalendar","requestShowCalendar","requestCloseCalendar","rest","focused","handleBlur","handleFocus","handleShowCalendar","useCallback","getDisplayValue","lowest","highest","StyledText","setTimeout","calendar"],"sources":["../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import { format as formatDate } from 'date-fns';\nimport * as React from 'react';\nimport { useEffect } from 'react';\nimport { InputContainerProps, useInputFocus } from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { CalendarProps, DateRange, SelectionType } from '../Calendar';\nimport { HintInputContainer } from '../HintInputContainer';\nimport { CalendarIcon, getStyledTextComponent } from './styled';\n\nexport interface DatePickerProps<T extends SelectionType>\n  extends InputContainerProps,\n    Omit<CalendarProps<T>, 'style'> {\n  controlComponent?: (\n    onPress: () => void,\n    displayValue?: string\n  ) => JSX.Element;\n  TextComponent?: React.FC<TextProps>;\n  CalendarComponent: React.FC<CalendarProps<T>>;\n  placeholder?: string;\n  onFocus?: () => void | never;\n  onBlur?: () => void | never;\n  format?: string;\n  closeOnPick?: boolean;\n  renderCalendar: (\n    calendar: React.ReactElement,\n    blur?: () => void\n  ) => JSX.Element | null;\n  requestShowCalendar: () => void;\n  requestCloseCalendar: () => void;\n}\n\nfunction DatePicker<T extends SelectionType>({\n  /** DatePicker props */\n  month,\n  year,\n  onChange,\n  value,\n  type,\n  format = 'yyyy-MM-dd',\n  placeholder,\n  onFocus,\n  onBlur,\n  disabled,\n  controlComponent,\n  hintComponent,\n  hint,\n  variant,\n  TextComponent = Text,\n  CalendarComponent,\n  rightComponent,\n  style,\n  locale,\n  closeOnPick = false,\n  renderCalendar,\n  requestShowCalendar,\n  requestCloseCalendar,\n  ...rest\n}: DatePickerProps<T>): JSX.Element {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  const handleShowCalendar = React.useCallback(() => {\n    requestShowCalendar();\n    handleFocus();\n  }, [handleFocus, requestShowCalendar]);\n\n  const getDisplayValue = () => {\n    if (!value) return placeholder;\n    if (type === 'day') {\n      return formatDate(value as Date, format, { locale: locale });\n    } else {\n      const { lowest, highest } = value as DateRange;\n      if (highest)\n        return `${formatDate(lowest, format, {\n          locale: locale,\n        })} - ${formatDate(highest, format, { locale: locale })}`;\n      else return formatDate(lowest, format, { locale: locale });\n    }\n  };\n\n  const StyledText = getStyledTextComponent(TextComponent);\n\n  useEffect(() => {\n    if (closeOnPick && value && type === 'day') {\n      setTimeout(requestCloseCalendar, 200);\n    }\n    if (closeOnPick && value && type === 'range') {\n      const { lowest, highest } = value as DateRange;\n      lowest && highest && setTimeout(requestCloseCalendar, 200);\n    }\n  }, [value, closeOnPick, type, requestCloseCalendar]);\n\n  const calendar = (\n    <CalendarComponent\n      pointerEvents={'box-none'}\n      type={type}\n      value={value}\n      month={month}\n      year={year}\n      onChange={onChange}\n      locale={locale}\n    />\n  );\n\n  return (\n    <>\n      {controlComponent ? (\n        controlComponent(handleShowCalendar, getDisplayValue())\n      ) : (\n        <HintInputContainer\n          focused={focused}\n          viewStyle={style}\n          onPress={handleShowCalendar}\n          disabled={disabled}\n          hintComponent={hintComponent}\n          LabelComponent={TextComponent}\n          variant={variant}\n          hint={hint}\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            {getDisplayValue() || ' '}\n          </StyledText>\n        </HintInputContainer>\n      )}\n      {renderCalendar(calendar, handleBlur)}\n    </>\n  );\n}\n\nexport default DatePicker;\n"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import { format as formatDate } from 'date-fns';\nimport * as React from 'react';\nimport { useEffect } from 'react';\nimport { InputContainerProps, useInputFocus } from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { CalendarProps, DateRange, SelectionType } from '../Calendar';\nimport { HintInputContainer } from '../HintInputContainer';\nimport { CalendarIcon, getStyledTextComponent } from './styled';\n\nexport interface DatePickerProps<T extends SelectionType>\n  extends InputContainerProps,\n    Omit<CalendarProps<T>, 'style'> {\n  controlComponent?: (\n    onPress: () => void,\n    displayValue?: string\n  ) => JSX.Element;\n  TextComponent?: React.FC<TextProps>;\n  CalendarComponent: React.FC<CalendarProps<T>>;\n  placeholder?: string;\n  onFocus?: () => void | never;\n  onBlur?: () => void | never;\n  format?: string;\n  closeOnPick?: boolean;\n  renderCalendar: (\n    calendar: React.ReactElement,\n    blur?: () => void\n  ) => JSX.Element | null;\n  requestShowCalendar: () => void;\n  requestCloseCalendar: () => void;\n}\n\nfunction DatePicker<T extends SelectionType>({\n  /** DatePicker props */\n  month,\n  year,\n  onChange,\n  value,\n  type,\n  format = 'yyyy-MM-dd',\n  placeholder,\n  onFocus,\n  onBlur,\n  disabled,\n  controlComponent,\n  hintComponent,\n  hint,\n  variant,\n  TextComponent = Text,\n  CalendarComponent,\n  rightComponent,\n  style,\n  locale,\n  closeOnPick = false,\n  renderCalendar,\n  requestShowCalendar,\n  requestCloseCalendar,\n  ...rest\n}: DatePickerProps<T>): JSX.Element {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  const handleShowCalendar = React.useCallback(() => {\n    requestShowCalendar();\n    handleFocus();\n  }, [handleFocus, requestShowCalendar]);\n\n  const getDisplayValue = () => {\n    if (!value) return placeholder;\n    if (type === 'day') {\n      return formatDate(value as Date, format, { locale: locale });\n    } else {\n      const { lowest, highest } = value as DateRange;\n      if (highest)\n        return `${formatDate(lowest, format, {\n          locale: locale,\n        })} - ${formatDate(highest, format, { locale: locale })}`;\n      else return formatDate(lowest, format, { locale: locale });\n    }\n  };\n\n  const StyledText = getStyledTextComponent(TextComponent);\n\n  useEffect(() => {\n    if (closeOnPick && value && type === 'day') {\n      setTimeout(requestCloseCalendar, 200);\n    }\n    if (closeOnPick && value && type === 'range') {\n      const { lowest, highest } = value as DateRange;\n      lowest && highest && setTimeout(requestCloseCalendar, 200);\n    }\n  }, [value, closeOnPick, type, requestCloseCalendar]);\n\n  const calendar = (\n    <CalendarComponent\n      pointerEvents={'box-none'}\n      type={type}\n      value={value}\n      month={month}\n      year={year}\n      onChange={onChange}\n      locale={locale}\n    />\n  );\n\n  return (\n    <>\n      {controlComponent ? (\n        controlComponent(handleShowCalendar, getDisplayValue())\n      ) : (\n        <HintInputContainer\n          focused={focused}\n          viewStyle={style}\n          onPress={handleShowCalendar}\n          disabled={disabled}\n          hintComponent={hintComponent}\n          LabelComponent={TextComponent}\n          variant={variant}\n          hint={hint}\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            {getDisplayValue() || ' '}\n          </StyledText>\n        </HintInputContainer>\n      )}\n      {renderCalendar(calendar, handleBlur)}\n    </>\n  );\n}\n\nexport default DatePicker;\n"],"names":["format","formatDate"],"mappings":"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"}

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

@@ -1,22 +1,28 @@
-var _templateObject, _templateObject2;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import styled, { css } from '@emotion/native';
-import { Icon } from '../../atoms/Icon';
-import { disabledInputStyles } from '../../atoms/Input';
-export var getStyledTextComponent = function getStyledTextComponent(component) {
-  return styled(component)(function (props) {
-    var _props$theme;
+import Icon from '../../atoms/Icon/Icon.js';
+import 'react';
+import '../../atoms/Text/styled.js';
+import { disabledInputStyles } from '../../atoms/Input/styled.js';
+import 'currency.js';
+import '../../atoms/Input/InputElement/InputElement.js';
+import '../../atoms/Input/InputMaskElement/InputMaskElement.js';
+import '../../atoms/Input/PressableInputContainer/styled.js';
 
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      line-height: ", ";\n      ", "\n    "])), (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.typography.h5.lineHeight, disabledInputStyles(props));
-  });
+const getStyledTextComponent = (component) => {
+  return styled(component)(
+    (props) => {
+      var _a;
+      return css`
+      line-height: ${(_a = props.theme) == null ? void 0 : _a.typography.h5.lineHeight};
+      ${disabledInputStyles(props)}
+    `;
+    }
+  );
 };
-export var CalendarIcon = styled(Icon)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: ", ";\n  color: ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.spacing.centi;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.color.secondary.medium;
-});
-//# sourceMappingURL=styled.js.map
+const CalendarIcon = styled(Icon)`
+  padding: ${({ theme }) => theme.spacing.centi};
+  color: ${({ theme }) => theme.color.secondary.medium};
+`;
+
+export { CalendarIcon, getStyledTextComponent };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","css","Icon","disabledInputStyles","getStyledTextComponent","component","props","theme","typography","h5","lineHeight","CalendarIcon","spacing","centi","color","secondary","medium"],"sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { Icon } from '../../atoms/Icon';\nimport { disabledInputStyles, InputContainerProps } from '../../atoms/Input';\nimport { TextProps } from '../../atoms/Text';\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n  return styled(component)(\n    (props: Partial<InputContainerProps> & Partial<StyleProps>) => css`\n      line-height: ${props.theme?.typography.h5.lineHeight};\n      ${disabledInputStyles(props)}\n    `\n  );\n};\n\nexport const CalendarIcon = styled(Icon)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n  color: ${({ theme }) => theme.color.secondary.medium};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AAGA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,mBAAT,QAAyD,mBAAzD;AAGA,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,SAAD,EAA8B;EAClE,OAAOL,MAAM,CAACK,SAAD,CAAN,CACL,UAACC,KAAD;IAAA;;IAAA,OAA+DL,GAA/D,kIACiBK,KAAK,CAACC,KADvB,iDACiB,aAAaC,UAAb,CAAwBC,EAAxB,CAA2BC,UAD5C,EAEIP,mBAAmB,CAACG,KAAD,CAFvB;EAAA,CADK,CAAP;AAMD,CAPM;AASP,OAAO,IAAMK,YAAY,GAAGX,MAAM,CAACE,IAAD,CAAT,4GACZ;EAAA,IAAGK,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACK,OAAN,CAAcC,KAA7B;AAAA,CADY,EAEd;EAAA,IAAGN,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACO,KAAN,CAAYC,SAAZ,CAAsBC,MAArC;AAAA,CAFc,CAAlB"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { Icon } from '../../atoms/Icon';\nimport { disabledInputStyles, InputContainerProps } from '../../atoms/Input';\nimport { TextProps } from '../../atoms/Text';\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n  return styled(component)(\n    (props: Partial<InputContainerProps> & Partial<StyleProps>) => css`\n      line-height: ${props.theme?.typography.h5.lineHeight};\n      ${disabledInputStyles(props)}\n    `\n  );\n};\n\nexport const CalendarIcon = styled(Icon)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n  color: ${({ theme }) => theme.color.secondary.medium};\n`;\n"],"names":[],"mappings":";;;;;;;;;;AAOa,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA;AAAA,IACrB,CAAC,KAA2D,KAAA;AAThE,MAAA,IAAA,EAAA,CAAA;AASmE,MAAA,OAAA,GAAA,CAAA;AAAA,mBAAA,EAAA,CAC9C,EAAM,GAAA,KAAA,CAAA,KAAA,KAAN,IAAa,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAA,CAAW,EAAG,CAAA,UAAA,CAAA;AAAA,MAAA,EACxC,oBAAoB,KAAK,CAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAE/B,CAAA;AACF,EAAA;AAEa,MAAA,YAAA,GAAe,OAAO,IAAI,CAAA,CAAA;AAAA,WAAA,EAC1B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,SAAA,EAC/B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA;;;;"}