@activecollab/components 1.0.7 → 1.0.8

package/dist/cjs/components/SelectDate/SelectDate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SelectDate/SelectDate.tsx"],"names":["getUtcTimestampFromDate","date","moment","utc","getFullYear","getMonth","getDate","unix","isDayInRange","day","data","repeating","from","Date","to","SelectDate","changeMode","mode","trigger","labelType","saveButtonText","cancelButtonText","clearButtonText","modalHeaderText","modalDiscardMessage","modalDiscardBtnText","modalCancelBtnText","onDayClick","onSave","onCancel","onToggleDatePicker","required","dateRequired","defaultTimezoneAware","longDateFormat","defaultShowDatePicker","firstDayOfWeek","selectedDays","selectionMode","menuClassName","targetClassName","icon","defaultLabelText","targetTextClassName","targetIconClassName","backgroundElementClass","dateFormat","defaultMonth","daysToModify","weekends","weekendLabel","weekendIsSelectable","tooltipText","popperTooltipClassName","popperClassName","popperTooltipStyle","position","disableDaysBefore","timezoneAware","setTimezoneAware","labelText","endDate","local","startDate","currentYear","year","formattedEndDate","format","replace","trim","formattedStartDate","modifiedDates","toDate","offsetFrom","utcOffset","offsetTo","handleModifiedSave","selectedDates","Object","prototype","hasOwnProperty","call","undefined","getDefaultMonth","month","setMonth","handleMonthChange","newDates","setNewDates","showDiscardModal","setShowDiscardModal","showDatePicker","setShowDatePicker","disabledSaveButton","handleSave","handleChange","dates","handleBeforeCloseMenu","result","selectedDaysFrom","selectedDaysTo","newDatesFrom","newDatesTo","handleClose","handleCancel","event","preventDefault","handleShowDatePicker","handleCloseDiscardModal","handleClear","handleSaveDiscardModal","modifiers","userAvailabilities","filter","type","globalDaysOff","selectableGlobalDaysOff","customClassNames","userAvailability","currentDay","some","weekend","value","getDay","nonWorkingDay","nonWorkingDays","disabled","toJSON","slice","renderDay","titles","push","forEach","title","child","length","map","index","renderDatePickerForm","displayName"],"mappings":"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","sourcesContent":["import React, {\n  ElementType,\n  FC,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  ReactNode,\n  CSSProperties,\n} from \"react\";\nimport moment from \"moment\";\nimport classnames from \"classnames\";\nimport { DayModifiers } from \"react-day-picker\";\nimport { Placement } from \"@popperjs/core\";\nimport { Menu } from \"../Menu/Menu\";\nimport { DatePickerForm } from \"./DatePickerForm\";\nimport { customClassNames } from \"../DatePicker/ClassNames\";\nimport { DaysToModify } from \"./types\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { SelectDateTarget } from \"./SelectDateTarget\";\nimport {\n  StyledConfirmDialog,\n  StyledSelectDate,\n  StyledSelectDateButton,\n} from \"./Styles\";\n\nconst getUtcTimestampFromDate = (date: Date): number => {\n  return moment\n    .utc([date.getFullYear(), date.getMonth(), date.getDate()])\n    .unix();\n};\n\nconst isDayInRange = (day: Date, data: DaysToModify): boolean => {\n  if (data.repeating) {\n    const from = new Date(\n      day.getFullYear(),\n      data.from.getMonth(),\n      data.from.getDate()\n    );\n    const to = new Date(\n      day.getFullYear(),\n      data.to.getMonth(),\n      data.to.getDate()\n    );\n    return day >= from && day <= to;\n  }\n\n  return day >= data.from && day <= data.to;\n};\n\ninterface ISelectDate {\n  /** Change mode - can be atomic and instant */\n  changeMode?: \"atomic\" | \"instant\";\n  /** Trigger - can be text, icon, or inline */\n  trigger?: \"text\" | \"icon\" | \"inline\";\n  /** Save button text */\n  saveButtonText?: string;\n  /** Cancel button text */\n  cancelButtonText?: string;\n  /** Clear button text */\n  clearButtonText?: string;\n  /** Modal header text */\n  modalHeaderText?: string;\n  /** Modal cancel button text */\n  modalCancelBtnText?: string;\n  /** Modal discard button text */\n  modalDiscardBtnText?: string;\n  /** Modal discard message text */\n  modalDiscardMessage?: string;\n  /** Tooltip text */\n  tooltipText?: string;\n  /** Called when day is clicked */\n  onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n  /** Save changes in atomic mode */\n  onSave?: (dates?: { from: number; to: number }) => void;\n  /** On cancel closes datepicker or opens disard modal in atomic mode */\n  onCancel?: () => void;\n  /** Clear dates when they are not required */\n  onClear?: () => void;\n  /** Use this callback to get is picker visible */\n  onToggleDatePicker?: (value: boolean) => void;\n  /** Set selected day or days */\n  selectedDays?: { from: number; to: number };\n  /** Set month */\n  defaultMonth?: Date;\n  /** Set selection range */\n  selectionMode?: string;\n  /** Set is date required */\n  required?: boolean;\n  /** Set default show on date picker (only for text and icon mode) */\n  defaultShowDatePicker?: boolean;\n  /** Long date format (Always show year) */\n  longDateFormat?: boolean;\n  /** Set is date required */\n  defaultTimezoneAware?: boolean;\n  /** Set first day of week */\n  firstDayOfWeek?: number;\n  /** One of icon types */\n  icon?: ElementType;\n  /** Default Label text */\n  defaultLabelText?: string;\n  /** Date format */\n  dateFormat?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Target element classes */\n  targetClassName?: string;\n  /** Target element text classes */\n  targetTextClassName?: string;\n  /** Target element icon classes */\n  targetIconClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Days to modify */\n  daysToModify?: DaysToModify[];\n  /** Array of weekend days */\n  weekends?: number[];\n  /** Weekend label */\n  weekendLabel?: string;\n  /** Allows weekends to be selected */\n  weekendIsSelectable?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Position of selectDate menu */\n  position?: Placement;\n  /** Disable days before specified date */\n  disableDaysBefore?: Date;\n}\n\nexport const SelectDate: FC<ISelectDate> = ({\n  changeMode: mode = \"instant\",\n  trigger: labelType = \"text\",\n  saveButtonText = \"Save\",\n  cancelButtonText = \"Cancel\",\n  clearButtonText = \"Clear\",\n  modalHeaderText = \"Discard changes?\",\n  modalDiscardMessage = \"All unsaved changes will be lost.\",\n  modalDiscardBtnText = \"OK\",\n  modalCancelBtnText = \"Cancel\",\n  onDayClick,\n  onSave,\n  onCancel,\n  onToggleDatePicker,\n  required: dateRequired = false,\n  defaultTimezoneAware = false,\n  longDateFormat = false,\n  defaultShowDatePicker = false,\n  firstDayOfWeek = 0,\n  selectedDays,\n  selectionMode = \"custom\",\n  menuClassName,\n  targetClassName,\n  icon,\n  defaultLabelText = \"Set...\",\n  targetTextClassName,\n  targetIconClassName,\n  backgroundElementClass,\n  dateFormat = \"DD MM. YYYY\",\n  defaultMonth,\n  daysToModify = [],\n  weekends = [],\n  weekendLabel = \"Weekend\",\n  weekendIsSelectable = false,\n  tooltipText,\n  popperTooltipClassName,\n  popperClassName,\n  popperTooltipStyle,\n  position,\n  disableDaysBefore,\n}) => {\n  const [timezoneAware, setTimezoneAware] = useState(defaultTimezoneAware);\n\n  const labelText = useMemo(() => {\n    if (!selectedDays) {\n      return defaultLabelText;\n    } else {\n      const endDate = timezoneAware\n        ? moment.unix(selectedDays.to).local()\n        : moment.unix(selectedDays.to).utc();\n\n      const startDate = timezoneAware\n        ? moment.unix(selectedDays.from).local()\n        : moment.unix(selectedDays.from).utc();\n\n      const currentYear = moment.utc().year();\n\n      const formattedEndDate =\n        !longDateFormat && endDate.year() === currentYear\n          ? endDate.format(dateFormat.replace(/Y|,$/gi, ``).trim())\n          : endDate.format(dateFormat);\n      const formattedStartDate =\n        !longDateFormat && startDate.year() === currentYear\n          ? startDate.format(dateFormat.replace(/Y|,$/gi, ``).trim())\n          : startDate.format(dateFormat);\n\n      if (selectedDays.from === selectedDays.to) {\n        return formattedEndDate;\n      }\n\n      return `${formattedStartDate} - ${formattedEndDate}`;\n    }\n  }, [\n    selectedDays,\n    dateFormat,\n    timezoneAware,\n    defaultLabelText,\n    longDateFormat,\n  ]);\n\n  const modifiedDates = useMemo(() => {\n    if (\n      typeof selectedDays === \"object\" &&\n      !!selectedDays.from &&\n      !!selectedDays.to\n    ) {\n      if (timezoneAware) {\n        return {\n          from: moment.unix(selectedDays.from).toDate(),\n          to: moment.unix(selectedDays.to).toDate(),\n        };\n      }\n      const offsetFrom = moment.unix(selectedDays.from).utcOffset() * 60;\n      const offsetTo = moment.unix(selectedDays.to).utcOffset() * 60;\n      return {\n        from: new Date((selectedDays.from - offsetFrom) * 1000),\n        to: new Date((selectedDays.to - offsetTo) * 1000),\n      };\n    }\n  }, [selectedDays, timezoneAware]);\n\n  const handleModifiedSave = useCallback(\n    (selectedDates) => {\n      setTimezoneAware(false);\n      if (typeof onSave === \"function\") {\n        if (\n          typeof selectedDates === \"object\" &&\n          Object.prototype.hasOwnProperty.call(selectedDates, \"from\") &&\n          Object.prototype.hasOwnProperty.call(selectedDates, \"to\")\n        ) {\n          onSave({\n            from: getUtcTimestampFromDate(selectedDates.from),\n            to: getUtcTimestampFromDate(selectedDates.to),\n          });\n        } else {\n          onSave(undefined);\n        }\n      }\n    },\n    [onSave]\n  );\n\n  const getDefaultMonth = useCallback(() => {\n    let date = new Date();\n\n    if (typeof selectedDays === \"object\" && !!selectedDays.from) {\n      date = timezoneAware\n        ? new Date(selectedDays.from * 1000)\n        : new Date(\n            (selectedDays.from -\n              moment.unix(selectedDays.from).utcOffset() * 60) *\n              1000\n          );\n    } else if (defaultMonth) {\n      date = defaultMonth;\n    }\n\n    // forcing second day in month\n    return new Date(date.getFullYear(), date.getMonth(), 2);\n  }, [defaultMonth, selectedDays, timezoneAware]);\n\n  const [month, setMonth] = useState(getDefaultMonth);\n\n  const handleMonthChange = useCallback(\n    (month) => {\n      setMonth(month);\n    },\n    [setMonth]\n  );\n\n  const [newDates, setNewDates] = useState(modifiedDates);\n  const [showDiscardModal, setShowDiscardModal] = useState(false);\n  const [showDatePicker, setShowDatePicker] = useState(defaultShowDatePicker);\n\n  const disabledSaveButton = useMemo(() => {\n    return (\n      modifiedDates?.from === newDates?.from &&\n      modifiedDates?.to === newDates?.to\n    );\n  }, [modifiedDates, newDates]);\n\n  useEffect(() => {\n    setShowDatePicker(defaultShowDatePicker);\n  }, [defaultShowDatePicker]);\n\n  useEffect(() => {\n    modifiedDates && setNewDates(modifiedDates);\n  }, [modifiedDates]);\n\n  useEffect(() => {\n    typeof onToggleDatePicker === \"function\" &&\n      onToggleDatePicker(showDatePicker);\n  }, [showDatePicker, onToggleDatePicker]);\n\n  useEffect(() => {\n    if (!showDatePicker) {\n      setMonth(getDefaultMonth());\n    }\n  }, [showDatePicker, getDefaultMonth]);\n\n  const handleSave = useCallback(() => {\n    handleModifiedSave(newDates);\n    setShowDatePicker(false);\n  }, [newDates, handleModifiedSave]);\n\n  const handleChange = useCallback(\n    (dates) => {\n      if (mode !== \"atomic\") {\n        handleModifiedSave(dates);\n      }\n      setNewDates(dates);\n    },\n    [mode, handleModifiedSave]\n  );\n\n  const handleBeforeCloseMenu = useCallback(() => {\n    let result = true;\n\n    if ((modifiedDates && !newDates) || (!modifiedDates && newDates)) {\n      result = false;\n    }\n\n    const selectedDaysFrom = modifiedDates?.from;\n    const selectedDaysTo = modifiedDates?.to;\n    const newDatesFrom = newDates?.from;\n    const newDatesTo = newDates?.to;\n\n    if (\n      selectedDaysFrom &&\n      newDatesFrom &&\n      selectedDaysTo &&\n      newDatesTo &&\n      (moment(selectedDaysFrom).format(\"DD-MM-YYYY\") !==\n        moment(newDatesFrom).format(\"DD-MM-YYYY\") ||\n        moment(selectedDaysTo).format(\"DD-MM-YYYY\") !==\n          moment(newDatesTo).format(\"DD-MM-YYYY\"))\n    ) {\n      result = false;\n    }\n\n    if (!result) {\n      setShowDiscardModal(true);\n    }\n\n    return result;\n  }, [modifiedDates, newDates]);\n\n  const handleClose = useCallback(() => {\n    if (mode !== \"atomic\" || handleBeforeCloseMenu()) {\n      typeof onCancel === \"function\" && onCancel();\n      setShowDatePicker(false);\n    }\n  }, [mode, onCancel, handleBeforeCloseMenu]);\n\n  const handleCancel = useCallback(\n    (event) => {\n      event && event.preventDefault();\n      return handleClose();\n    },\n    [handleClose]\n  );\n\n  const handleShowDatePicker = useCallback(() => {\n    setShowDatePicker(!showDatePicker);\n  }, [showDatePicker]);\n\n  const handleCloseDiscardModal = useCallback(() => {\n    setShowDiscardModal(false);\n  }, []);\n\n  const handleClear = useCallback(() => {\n    if (!dateRequired) {\n      setNewDates(undefined);\n      if (mode === \"instant\") {\n        handleModifiedSave(undefined);\n      }\n    }\n  }, [mode, dateRequired, handleModifiedSave]);\n\n  const handleSaveDiscardModal = useCallback(() => {\n    setNewDates(modifiedDates);\n    setShowDiscardModal(false);\n    setShowDatePicker(false);\n  }, [modifiedDates]);\n\n  const modifiers = useMemo(() => {\n    const userAvailabilities = daysToModify.filter(\n      (data) => data.type === \"user_day_off\"\n    );\n    const globalDaysOff = daysToModify.filter(\n      (data) => data.type === \"global_day_off\"\n    );\n    const selectableGlobalDaysOff = daysToModify.filter(\n      (data) => data.type === \"selectable_global_day_off\"\n    );\n\n    return {\n      [customClassNames.userAvailability]: (day: Date): boolean => {\n        // construct new date because react-day-picker returns date with hours set\n        const currentDay = new Date(\n          day.getFullYear(),\n          day.getMonth(),\n          day.getDate()\n        );\n        return userAvailabilities.some((data) =>\n          isDayInRange(currentDay, data)\n        );\n      },\n      [customClassNames.weekend]: (day: Date): boolean => {\n        return weekends.some((value) => day.getDay() === value);\n      },\n      [customClassNames.nonWorkingDay]: (day: Date): boolean => {\n        // return true if day is weekend day\n        if (weekends.some((value) => value === day.getDay())) {\n          return true;\n        }\n        const nonWorkingDays = [...selectableGlobalDaysOff, ...globalDaysOff];\n        const currentDay = new Date(\n          day.getFullYear(),\n          day.getMonth(),\n          day.getDate()\n        );\n        return nonWorkingDays.some((data) => isDayInRange(currentDay, data));\n      },\n      [customClassNames.disabled]: (day: Date): boolean => {\n        if (disableDaysBefore) {\n          if (\n            day.toJSON().slice(0, 10) < disableDaysBefore.toJSON().slice(0, 10)\n          ) {\n            return true;\n          }\n        }\n        // return true if day is weekend day\n        if (\n          !weekendIsSelectable &&\n          weekends.some((value) => value === day.getDay())\n        ) {\n          return true;\n        }\n        // construct new date because react-day-picker returns date with hours set\n        const currentDay = new Date(\n          day.getFullYear(),\n          day.getMonth(),\n          day.getDate()\n        );\n        return globalDaysOff.some((data) => isDayInRange(currentDay, data));\n      },\n    };\n  }, [daysToModify, weekends, disableDaysBefore, weekendIsSelectable]);\n\n  const renderDay = useCallback(\n    (day: Date): ReactNode => {\n      const titles: string[] = [];\n\n      if (weekends.some((value) => day.getDay() === value)) {\n        titles.push(weekendLabel);\n      }\n\n      // construct new date because react-day-picker returns date with hours set\n      const currentDay = new Date(\n        day.getFullYear(),\n        day.getMonth(),\n        day.getDate()\n      );\n\n      daysToModify.forEach((data) => {\n        if (isDayInRange(currentDay, data)) {\n          titles.push(data.title);\n        }\n      });\n\n      const child = (\n        <div className=\"c-DayPicker-Day-Number\">{day.getDate()}</div>\n      );\n\n      if (titles.length) {\n        const title = (\n          <div key={`title-wrapper-${day.getDate()}`}>\n            {titles.map((title: string, index: number) => (\n              <div key={`title-text-${index}`}>{title}</div>\n            ))}\n          </div>\n        );\n\n        return (\n          <Tooltip\n            title={title}\n            popperTooltipClassName={popperTooltipClassName}\n            popperTooltipStyle={popperTooltipStyle}\n          >\n            {child}\n          </Tooltip>\n        );\n      }\n\n      return child;\n    },\n    [\n      weekendLabel,\n      weekends,\n      daysToModify,\n      popperTooltipClassName,\n      popperTooltipStyle,\n    ]\n  );\n\n  const renderDatePickerForm = useCallback((): JSX.Element => {\n    return (\n      <DatePickerForm\n        onMonthChange={handleMonthChange}\n        month={month}\n        mode={mode}\n        selectionMode={selectionMode}\n        dateRequired={dateRequired}\n        selectedDays={newDates}\n        firstDayOfWeek={firstDayOfWeek}\n        saveButtonText={saveButtonText}\n        cancelButtonText={cancelButtonText}\n        clearButtonText={clearButtonText}\n        onDayClick={onDayClick}\n        onSave={handleSave}\n        onChange={handleChange}\n        onCancel={handleCancel}\n        onClear={handleClear}\n        disabledSaveButton={disabledSaveButton}\n        modifiers={modifiers}\n        renderDay={renderDay}\n      />\n    );\n  }, [\n    handleMonthChange,\n    month,\n    mode,\n    selectionMode,\n    dateRequired,\n    newDates,\n    firstDayOfWeek,\n    saveButtonText,\n    cancelButtonText,\n    clearButtonText,\n    onDayClick,\n    handleSave,\n    handleChange,\n    handleCancel,\n    handleClear,\n    disabledSaveButton,\n    modifiers,\n    renderDay,\n  ]);\n\n  return (\n    <StyledSelectDate className=\"select-date\">\n      {labelType !== \"inline\" ? (\n        <Menu\n          target={\n            labelType === \"icon\" && icon ? (\n              <SelectDateTarget\n                icon={icon}\n                title={tooltipText}\n                targetIconClassName={targetIconClassName}\n                forceHideTooltip={showDatePicker}\n                popperTooltipClassName={popperTooltipClassName}\n                popperTooltipStyle={popperTooltipStyle}\n                active={showDatePicker}\n              />\n            ) : (\n              <StyledSelectDateButton\n                type=\"button\"\n                className={classnames(\n                  \"c-simple-menu__trigger date-picker-target\",\n                  targetClassName\n                )}\n              >\n                <span className={targetTextClassName}>{labelText}</span>\n              </StyledSelectDateButton>\n            )\n          }\n          open={showDatePicker}\n          onOpen={handleShowDatePicker}\n          onBeforeClose={handleBeforeCloseMenu}\n          onClose={handleClose}\n          position={position}\n          menuClassName={menuClassName}\n          popperClassName={popperClassName}\n          backgroundElementClass={backgroundElementClass}\n        >\n          {renderDatePickerForm()}\n        </Menu>\n      ) : (\n        renderDatePickerForm()\n      )}\n      {mode === \"atomic\" ? (\n        <StyledConfirmDialog\n          className=\"modal-select-date\"\n          open={showDiscardModal}\n          onCancel={handleCloseDiscardModal}\n          onConfirm={handleSaveDiscardModal}\n          dialogTitle={modalHeaderText}\n          dialogContent={modalDiscardMessage}\n          cancelBtnText={modalCancelBtnText}\n          confirmBtnText={modalDiscardBtnText}\n        />\n      ) : null}\n    </StyledSelectDate>\n  );\n};\n\nSelectDate.displayName = \"SelectDate\";\n"],"file":"SelectDate.js"}

package/dist/cjs/components/SelectDate/SelectDateTarget.js

@@ -0,0 +1,57 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectDateTarget = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Tooltip = require("../Tooltip");
+
+var _Pressed = require("../Pressed");
+
+var _Styles = require("./Styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+var SelectDateTarget = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var IconComponent = _ref.icon,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "" : _ref$title,
+      onClick = _ref.onClick,
+      _ref$forceHideTooltip = _ref.forceHideTooltip,
+      forceHideTooltip = _ref$forceHideTooltip === void 0 ? false : _ref$forceHideTooltip,
+      targetIconClassName = _ref.targetIconClassName,
+      popperTooltipStyle = _ref.popperTooltipStyle,
+      popperTooltipClassName = _ref.popperTooltipClassName,
+      _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active;
+  return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: title,
+    popperTooltipStyle: popperTooltipStyle,
+    popperTooltipClassName: popperTooltipClassName,
+    disable: forceHideTooltip || title === ""
+  }, /*#__PURE__*/_react.default.createElement(_Pressed.Pressed, {
+    variant: "text gray",
+    size: "small",
+    active: active,
+    ref: ref,
+    onClick: onClick,
+    type: "button"
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledIconComponent, {
+    as: IconComponent,
+    className: (0, _classnames.default)("date-picker-target", targetIconClassName)
+  })));
+});
+exports.SelectDateTarget = SelectDateTarget;
+SelectDateTarget.displayName = "SelectDateTarget";
+//# sourceMappingURL=SelectDateTarget.js.map

package/dist/cjs/components/SelectDate/SelectDateTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SelectDate/SelectDateTarget.tsx"],"names":["SelectDateTarget","ref","IconComponent","icon","title","onClick","forceHideTooltip","targetIconClassName","popperTooltipStyle","popperTooltipClassName","active","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AACA;;AACA;;AACA;;;;;;;;AAaO,IAAMA,gBAAgB,gBAAG,uBAC9B,gBAWEC,GAXF,EAYK;AAAA,MAVKC,aAUL,QAVDC,IAUC;AAAA,wBATDC,KASC;AAAA,MATDA,KASC,2BATO,EASP;AAAA,MARDC,OAQC,QARDA,OAQC;AAAA,mCAPDC,gBAOC;AAAA,MAPDA,gBAOC,sCAPkB,KAOlB;AAAA,MANDC,mBAMC,QANDA,mBAMC;AAAA,MALDC,kBAKC,QALDA,kBAKC;AAAA,MAJDC,sBAIC,QAJDA,sBAIC;AAAA,yBAHDC,MAGC;AAAA,MAHDA,MAGC,4BAHQ,KAGR;AACH,sBACE,6BAAC,gBAAD;AACE,IAAA,KAAK,EAAEN,KADT;AAEE,IAAA,kBAAkB,EAAEI,kBAFtB;AAGE,IAAA,sBAAsB,EAAEC,sBAH1B;AAIE,IAAA,OAAO,EAAEH,gBAAgB,IAAIF,KAAK,KAAK;AAJzC,kBAME,6BAAC,gBAAD;AACE,IAAA,OAAO,EAAC,WADV;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,MAAM,EAAEM,MAHV;AAIE,IAAA,GAAG,EAAET,GAJP;AAKE,IAAA,OAAO,EAAEI,OALX;AAME,IAAA,IAAI,EAAC;AANP,kBAQE,6BAAC,2BAAD;AACE,IAAA,EAAE,EAAEH,aADN;AAEE,IAAA,SAAS,EAAE,yBAAW,oBAAX,EAAiCK,mBAAjC;AAFb,IARF,CANF,CADF;AAsBD,CApC6B,CAAzB;;AAuCPP,gBAAgB,CAACW,WAAjB,GAA+B,kBAA/B","sourcesContent":["import React, {\n  ElementType,\n  forwardRef,\n  Ref,\n  MouseEvent,\n  CSSProperties,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Pressed } from \"../Pressed\";\nimport { StyledIconComponent } from \"./Styles\";\n\ninterface ISelectDateTargetProps {\n  icon: ElementType;\n  title?: string;\n  onClick?: (event: MouseEvent<Element>) => void;\n  forceHideTooltip?: boolean;\n  targetIconClassName?: string;\n  popperTooltipStyle?: CSSProperties;\n  popperTooltipClassName?: string;\n  active?: boolean;\n}\n\nexport const SelectDateTarget = forwardRef(\n  (\n    {\n      icon: IconComponent,\n      title = \"\",\n      onClick,\n      forceHideTooltip = false,\n      targetIconClassName,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      active = false,\n    }: ISelectDateTargetProps,\n    ref: Ref<HTMLButtonElement>\n  ) => {\n    return (\n      <Tooltip\n        title={title}\n        popperTooltipStyle={popperTooltipStyle}\n        popperTooltipClassName={popperTooltipClassName}\n        disable={forceHideTooltip || title === \"\"}\n      >\n        <Pressed\n          variant=\"text gray\"\n          size=\"small\"\n          active={active}\n          ref={ref}\n          onClick={onClick}\n          type=\"button\"\n        >\n          <StyledIconComponent\n            as={IconComponent}\n            className={classnames(\"date-picker-target\", targetIconClassName)}\n          />\n        </Pressed>\n      </Tooltip>\n    );\n  }\n);\n\nSelectDateTarget.displayName = \"SelectDateTarget\";\n"],"file":"SelectDateTarget.js"}

package/dist/cjs/components/SelectDate/Styles.js

@@ -0,0 +1,116 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSelectDateFooter = exports.StyledSelectDateDatePicker = exports.StyledSelectDateButtons = exports.StyledSelectDateButton = exports.StyledSelectDate = exports.StyledIconComponent = exports.StyledConfirmDialog = exports.StyledButtonSave = exports.StyledButtonCloseColored = exports.StyledButtonClose = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _FontStyle = require("../FontStyle");
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+var _ConfirmDialog = require("../ConfirmDialog");
+
+var _DatePicker = require("../DatePicker");
+
+var _Button = require("../Button/Button");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+var StyledSelectDate = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledSelectDate",
+  componentId: "sc-1jkx994-0"
+})(["", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+
+exports.StyledSelectDate = StyledSelectDate;
+StyledSelectDate.displayName = "StyledSelectDate";
+
+var StyledSelectDateButton = _styledComponents.default.button.withConfig({
+  displayName: "Styles__StyledSelectDateButton",
+  componentId: "sc-1jkx994-1"
+})(["margin:0;padding:0;border:none;background:none;width:auto;height:auto;color:var(--color-theme-700);span,svg{cursor:pointer;}span{color:var(--color-secondary);}svg:hover{fill:var(--color-secondary);}"]);
+
+exports.StyledSelectDateButton = StyledSelectDateButton;
+StyledSelectDateButton.displayName = "StyledSelectDateButton";
+var StyledConfirmDialog = (0, _styledComponents.default)(_ConfirmDialog.ConfirmDialog).withConfig({
+  displayName: "Styles__StyledConfirmDialog",
+  componentId: "sc-1jkx994-2"
+})([".modal-header{padding:16px 30px;h1{margin:0;font-size:16px;}}.modal-body{padding:10px 30px;}.modal-divider{border-top:1px solid var(--border-primary);height:1px;}.modal-footer{padding:16px 30px;}"]);
+exports.StyledConfirmDialog = StyledConfirmDialog;
+StyledConfirmDialog.displayName = "StyledConfirmDialog";
+var StyledSelectDateDatePicker = (0, _styledComponents.default)(_DatePicker.DatePicker).withConfig({
+  displayName: "Styles__StyledSelectDateDatePicker",
+  componentId: "sc-1jkx994-3"
+})(["", ""], {
+  "paddingTop": "1rem",
+  "paddingBottom": "0.5rem"
+});
+exports.StyledSelectDateDatePicker = StyledSelectDateDatePicker;
+StyledSelectDateDatePicker.displayName = "StyledSelectDateDatePicker";
+
+var StyledSelectDateFooter = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledSelectDateFooter",
+  componentId: "sc-1jkx994-4"
+})(["", " border-top:1px solid var(--border-primary);", ""], {
+  "paddingLeft": "1rem",
+  "paddingRight": "1rem",
+  "paddingTop": "0.5rem",
+  "paddingBottom": "0.5rem"
+}, function (props) {
+  return props.$mode === "instant" && (0, _styledComponents.css)(["", ""], {
+    "display": "flex"
+  });
+});
+
+exports.StyledSelectDateFooter = StyledSelectDateFooter;
+StyledSelectDateFooter.displayName = "StyledSelectDateFooter";
+
+var StyledSelectDateButtons = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledSelectDateButtons",
+  componentId: "sc-1jkx994-5"
+})(["", ""], {
+  "display": "flex"
+});
+
+exports.StyledSelectDateButtons = StyledSelectDateButtons;
+StyledSelectDateButtons.displayName = "StyledSelectDateButtons";
+var StyledButtonSave = (0, _styledComponents.default)(_Button.Button).withConfig({
+  displayName: "Styles__StyledButtonSave",
+  componentId: "sc-1jkx994-6"
+})(["", ""], {
+  "marginRight": "0.5rem"
+});
+exports.StyledButtonSave = StyledButtonSave;
+StyledButtonSave.displayName = "StyledButtonSave";
+var StyledButtonClose = (0, _styledComponents.default)(_Button.Button).withConfig({
+  displayName: "Styles__StyledButtonClose",
+  componentId: "sc-1jkx994-7"
+})(["", ""], {
+  "marginLeft": "auto"
+});
+exports.StyledButtonClose = StyledButtonClose;
+StyledButtonClose.displayName = "StyledButtonClose";
+var StyledButtonCloseColored = (0, _styledComponents.default)(_Button.Button).withConfig({
+  displayName: "Styles__StyledButtonCloseColored",
+  componentId: "sc-1jkx994-8"
+})(["", ""], {
+  "marginLeft": "auto",
+  "marginRight": "auto"
+});
+exports.StyledButtonCloseColored = StyledButtonCloseColored;
+StyledButtonCloseColored.displayName = "StyledButtonCloseColored";
+
+var StyledIconComponent = _styledComponents.default.svg.withConfig({
+  displayName: "Styles__StyledIconComponent",
+  componentId: "sc-1jkx994-9"
+})(["span,svg{cursor:pointer;}span{color:var(--color-secondary);}svg:hover{fill:var(--color-secondary);}"]);
+
+exports.StyledIconComponent = StyledIconComponent;
+StyledIconComponent.displayName = "StyledIconComponent";
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/SelectDate/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SelectDate/Styles.ts"],"names":["StyledSelectDate","styled","div","FontStyle","BoxSizingStyle","displayName","StyledSelectDateButton","button","StyledConfirmDialog","ConfirmDialog","StyledSelectDateDatePicker","DatePicker","StyledSelectDateFooter","props","$mode","css","StyledSelectDateButtons","StyledButtonSave","Button","StyledButtonClose","StyledButtonCloseColored","StyledIconComponent","svg"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,gBAAgB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,kBACzBC,oBADyB,EAEzBC,8BAFyB,CAAtB;;;AAKPJ,gBAAgB,CAACK,WAAjB,GAA+B,kBAA/B;;AAEO,IAAMC,sBAAsB,GAAGL,0BAAOM,MAAV;AAAA;AAAA;AAAA,8MAA5B;;;AAqBPD,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;AAEO,IAAMG,mBAAmB,GAAG,+BAAOC,4BAAP,CAAH;AAAA;AAAA;AAAA,2MAAzB;;AAoBPD,mBAAmB,CAACH,WAApB,GAAkC,qBAAlC;AAEO,IAAMK,0BAA0B,GAAG,+BAAOC,sBAAP,CAAH;AAAA;AAAA;AAAA,aACjC;AAAA;AAAA;AAAA,CADiC,CAAhC;;AAIPD,0BAA0B,CAACL,WAA3B,GAAyC,4BAAzC;;AAEO,IAAMO,sBAAsB,GAAGX,0BAAOC,GAAV;AAAA;AAAA;AAAA,6DAG7B;AAAA;AAAA;AAAA;AAAA;AAAA,CAH6B,EAM/B,UAACW,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,SAAhB,QACAC,qBADA,YAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAN+B,CAA5B;;;AAaPH,sBAAsB,CAACP,WAAvB,GAAqC,wBAArC;;AAEO,IAAMW,uBAAuB,GAAGf,0BAAOC,GAAV;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA,CAD8B,CAA7B;;;AAIPc,uBAAuB,CAACX,WAAxB,GAAsC,yBAAtC;AAEO,IAAMY,gBAAgB,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,aACvB;AAAA;AAAA,CADuB,CAAtB;;AAIPD,gBAAgB,CAACZ,WAAjB,GAA+B,kBAA/B;AAEO,IAAMc,iBAAiB,GAAG,+BAAOD,cAAP,CAAH;AAAA;AAAA;AAAA,aACxB;AAAA;AAAA,CADwB,CAAvB;;AAIPC,iBAAiB,CAACd,WAAlB,GAAgC,mBAAhC;AAEO,IAAMe,wBAAwB,GAAG,+BAAOF,cAAP,CAAH;AAAA;AAAA;AAAA,aAC/B;AAAA;AAAA;AAAA,CAD+B,CAA9B;;AAIPE,wBAAwB,CAACf,WAAzB,GAAuC,0BAAvC;;AAEO,IAAMgB,mBAAmB,GAAGpB,0BAAOqB,GAAV;AAAA;AAAA;AAAA,2GAAzB;;;AAaPD,mBAAmB,CAAChB,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\nimport { DatePicker } from \"../DatePicker\";\nimport { Button } from \"../Button/Button\";\n\nexport const StyledSelectDate = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledSelectDate.displayName = \"StyledSelectDate\";\n\nexport const StyledSelectDateButton = styled.button`\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: none;\n  width: auto;\n  height: auto;\n  color: var(--color-theme-700);\n\n  span,\n  svg {\n    cursor: pointer;\n  }\n  span {\n    color: var(--color-secondary);\n  }\n  svg:hover {\n    fill: var(--color-secondary);\n  }\n`;\n\nStyledSelectDateButton.displayName = \"StyledSelectDateButton\";\n\nexport const StyledConfirmDialog = styled(ConfirmDialog)`\n  .modal-header {\n    padding: 16px 30px;\n    h1 {\n      margin: 0;\n      font-size: 16px;\n    }\n  }\n  .modal-body {\n    padding: 10px 30px;\n  }\n  .modal-divider {\n    border-top: 1px solid var(--border-primary);\n    height: 1px;\n  }\n  .modal-footer {\n    padding: 16px 30px;\n  }\n`;\n\nStyledConfirmDialog.displayName = \"StyledConfirmDialog\";\n\nexport const StyledSelectDateDatePicker = styled(DatePicker)`\n  ${tw`tw-pt-4 tw-pb-2`}\n`;\n\nStyledSelectDateDatePicker.displayName = \"StyledSelectDateDatePicker\";\n\nexport const StyledSelectDateFooter = styled.div<{\n  $mode?: \"atomic\" | \"instant\";\n}>`\n  ${tw`tw-px-4 tw-py-2`}\n  border-top: 1px solid var(--border-primary);\n\n  ${(props) =>\n    props.$mode === \"instant\" &&\n    css`\n      ${tw`tw-flex`}\n    `}\n`;\n\nStyledSelectDateFooter.displayName = \"StyledSelectDateFooter\";\n\nexport const StyledSelectDateButtons = styled.div`\n  ${tw`tw-flex`}\n`;\n\nStyledSelectDateButtons.displayName = \"StyledSelectDateButtons\";\n\nexport const StyledButtonSave = styled(Button)`\n  ${tw`tw-mr-2`}\n`;\n\nStyledButtonSave.displayName = \"StyledButtonSave\";\n\nexport const StyledButtonClose = styled(Button)`\n  ${tw`tw-ml-auto`}\n`;\n\nStyledButtonClose.displayName = \"StyledButtonClose\";\n\nexport const StyledButtonCloseColored = styled(Button)`\n  ${tw`tw-ml-auto tw-mr-auto`}\n`;\n\nStyledButtonCloseColored.displayName = \"StyledButtonCloseColored\";\n\nexport const StyledIconComponent = styled.svg`\n  span,\n  svg {\n    cursor: pointer;\n  }\n  span {\n    color: var(--color-secondary);\n  }\n  svg:hover {\n    fill: var(--color-secondary);\n  }\n`;\n\nStyledIconComponent.displayName = \"StyledIconComponent\";\n"],"file":"Styles.js"}

package/dist/cjs/components/SelectDate/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _SelectDate = require("./SelectDate");
+
+Object.keys(_SelectDate).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SelectDate[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SelectDate[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/SelectDate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SelectDate/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./SelectDate\";\n"],"file":"index.js"}

package/dist/cjs/components/SelectDate/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/dist/cjs/components/SelectDate/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}

package/dist/cjs/components/Sheet/Sheet.js

@@ -0,0 +1,159 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Sheet = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactTransitionGroup = require("react-transition-group");
+
+var _Window = require("../Window");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _extends() { _extends = Object.assign || 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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; }
+
+var Sheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+      onClose = _ref.onClose,
+      _ref$controls = _ref.controls,
+      controls = _ref$controls === void 0 ? [] : _ref$controls,
+      _ref$open = _ref.open,
+      defaultOpen = _ref$open === void 0 ? false : _ref$open,
+      _ref$animation = _ref.animation,
+      animation = _ref$animation === void 0 ? "top" : _ref$animation,
+      _ref$position = _ref.position,
+      position = _ref$position === void 0 ? "center" : _ref$position,
+      _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? "normal" : _ref$mode,
+      _ref$disableFocusLock = _ref.disableFocusLock,
+      disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
+      _ref$disableScrollLoc = _ref.disableScrollLock,
+      disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
+      _ref$disableBackgroun = _ref.disableBackgroundColor,
+      disableBackgroundColor = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
+      bodyStyle = _ref.bodyStyle,
+      bodyClassName = _ref.bodyClassName,
+      _ref$disableBackgroun2 = _ref.disableBackgroundClick,
+      disableBackgroundClick = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(defaultOpen),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      exited = _useState4[0],
+      setExited = _useState4[1];
+
+  var innerRef = (0, _react.useRef)(null);
+  var handleRef = (0, _useForkRef.default)(innerRef, ref);
+  (0, _react.useEffect)(function () {
+    setOpen(defaultOpen);
+  }, [defaultOpen]);
+  var handleEnter = (0, _react.useCallback)(function () {
+    setExited(false);
+  }, []);
+  var handleExited = (0, _react.useCallback)(function () {
+    setExited(true);
+    typeof onClose === "function" && onClose();
+  }, [onClose]);
+  var handleClose = (0, _react.useCallback)(function () {
+    setOpen(false);
+  }, []);
+  var handleBackgroundClick = (0, _react.useCallback)(function (event) {
+    if (!disableBackgroundClick) {
+      event.preventDefault();
+      handleClose();
+    }
+  }, [disableBackgroundClick, handleClose]);
+
+  if (!open && exited) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Window.Window, _extends({}, rest, {
+    ref: handleRef,
+    onClose: handleClose,
+    disableFocusLock: disableFocusLock,
+    disableScrollLock: disableScrollLock
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledSheetOverlay, {
+    onClick: handleBackgroundClick,
+    $hasBgColor: !disableBackgroundColor
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledSheetWrapper, {
+    className: (0, _classnames.default)("c-sheet__wrapper", bodyClassName),
+    style: bodyStyle,
+    $position: position,
+    $mode: mode
+  }, controls.length ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSheetIcons, null, controls.map(function (item, index) {
+    var maxDurationIn = 4; // max duration 4 for 400ms, shorten .4s
+
+    var maxDurationOut = 2; // max duration 2 for 200ms, shorten .2s
+
+    var control = index + 1;
+    var durationOut = controls.length > maxDurationOut ? maxDurationOut : maxDurationOut - control;
+    var durationIn = control >= maxDurationIn ? 1 : control;
+    return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+      appear: true,
+      in: open,
+      timeout: maxDurationIn * 100,
+      key: "c-sheet-control-".concat(index)
+    }, function (state) {
+      return /*#__PURE__*/_react.default.createElement(_Styles.StyledAnimatedSpan, {
+        $state: state,
+        $mode: mode,
+        $maxDurationIn: maxDurationIn / 10,
+        $maxDurationOut: maxDurationOut / 10,
+        $durationOut: durationOut / 10,
+        $durationIn: durationIn / 10
+      }, item);
+    });
+  })) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledCssTransition, {
+    appear: true,
+    in: open,
+    timeout: 400,
+    classNames: "c-sheet__animation",
+    $direction: animation,
+    onEnter: handleEnter,
+    onExited: handleExited
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledSheetWrapperPaper, {
+    className: "c-sheet__wrapper__paper"
+  }, children))));
+});
+exports.Sheet = Sheet;
+Sheet.displayName = "Sheet";
+//# sourceMappingURL=Sheet.js.map

package/dist/cjs/components/Sheet/Sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Sheet/Sheet.tsx"],"names":["Sheet","ref","children","onClose","controls","open","defaultOpen","animation","position","mode","disableFocusLock","disableScrollLock","disableBackgroundColor","bodyStyle","bodyClassName","disableBackgroundClick","rest","setOpen","exited","setExited","innerRef","handleRef","handleEnter","handleExited","handleClose","handleBackgroundClick","event","preventDefault","length","map","item","index","maxDurationIn","maxDurationOut","control","durationOut","durationIn","state","displayName"],"mappings":"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","sourcesContent":["import React, {\n  useRef,\n  useCallback,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  useState,\n  CSSProperties,\n  ReactElement,\n  MouseEvent,\n} from \"react\";\n\nimport { Transition } from \"react-transition-group\";\nimport { Window } from \"../Window\";\nimport classnames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport {\n  StyledAnimatedSpan,\n  StyledCssTransition,\n  StyledSheetIcons,\n  StyledSheetOverlay,\n  StyledSheetWrapper,\n  StyledSheetWrapperPaper,\n} from \"./Styles\";\n\ninterface ISheet {\n  onClose?: () => void;\n  controls?: JSX.Element[];\n  open?: boolean;\n  animation?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  position?: \"center\" | \"left\" | \"right\";\n  mode?: \"normal\" | \"stretch\";\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableBackgroundColor?: boolean;\n  bodyStyle?: CSSProperties;\n  bodyClassName?: string;\n  disableBackgroundClick?: boolean;\n}\n\nexport const Sheet = forwardRef<\n  HTMLDivElement,\n  ISheet & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      onClose,\n      controls = [],\n      open: defaultOpen = false,\n      animation = \"top\",\n      position = \"center\",\n      mode = \"normal\",\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundColor = false,\n      bodyStyle,\n      bodyClassName,\n      disableBackgroundClick = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n\n    const handleRef = useForkRef(innerRef, ref);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n    }, []);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    if (!open && exited) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n      >\n        <StyledSheetOverlay\n          onClick={handleBackgroundClick}\n          $hasBgColor={!disableBackgroundColor}\n        />\n        <StyledSheetWrapper\n          className={classnames(\"c-sheet__wrapper\", bodyClassName)}\n          style={bodyStyle}\n          $position={position}\n          $mode={mode}\n        >\n          {controls.length ? (\n            <StyledSheetIcons>\n              {controls.map((item, index) => {\n                const maxDurationIn = 4; // max duration 4 for 400ms, shorten .4s\n                const maxDurationOut = 2; // max duration 2 for 200ms, shorten .2s\n                const control = index + 1;\n                const durationOut =\n                  controls.length > maxDurationOut\n                    ? maxDurationOut\n                    : maxDurationOut - control;\n                const durationIn = control >= maxDurationIn ? 1 : control;\n                return (\n                  <Transition\n                    appear\n                    in={open}\n                    timeout={maxDurationIn * 100}\n                    key={`c-sheet-control-${index}`}\n                  >\n                    {(state): ReactElement => (\n                      <StyledAnimatedSpan\n                        $state={state}\n                        $mode={mode}\n                        $maxDurationIn={maxDurationIn / 10}\n                        $maxDurationOut={maxDurationOut / 10}\n                        $durationOut={durationOut / 10}\n                        $durationIn={durationIn / 10}\n                      >\n                        {item}\n                      </StyledAnimatedSpan>\n                    )}\n                  </Transition>\n                );\n              })}\n            </StyledSheetIcons>\n          ) : null}\n          <StyledCssTransition\n            appear\n            in={open}\n            timeout={400}\n            classNames={\"c-sheet__animation\"}\n            $direction={animation}\n            onEnter={handleEnter}\n            onExited={handleExited}\n          >\n            <StyledSheetWrapperPaper className=\"c-sheet__wrapper__paper\">\n              {children}\n            </StyledSheetWrapperPaper>\n          </StyledCssTransition>\n        </StyledSheetWrapper>\n      </Window>\n    );\n  }\n);\n\nSheet.displayName = \"Sheet\";\n"],"file":"Sheet.js"}

package/dist/cjs/components/Sheet/Styles.js

@@ -0,0 +1,116 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSheetWrapperPaper = exports.StyledSheetWrapper = exports.StyledSheetOverlay = exports.StyledSheetIcons = exports.StyledSheetControlsTop = exports.StyledSheetControlsCenterOut = exports.StyledSheetControlsCenterIn = exports.StyledSheetControlsBottom = exports.StyledCssTransition = exports.StyledAnimatedSpan = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _Overlay = require("../Overlay");
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+var _FontStyle = require("../FontStyle");
+
+var _reactTransitionGroup = require("react-transition-group");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+var StyledSheetIcons = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledSheetIcons",
+  componentId: "sc-144eyxd-0"
+})(["display:flex;height:0;position:relative;span{position:relative;background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);cursor:pointer;border-radius:100%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;& > *{height:40px;width:40px;padding:8px;fill:var(--color-theme-600);}}"]);
+
+exports.StyledSheetIcons = StyledSheetIcons;
+StyledSheetIcons.displayName = "StyledSheetIcons";
+var StyledSheetOverlay = (0, _styledComponents.default)(_Overlay.Overlay).withConfig({
+  displayName: "Styles__StyledSheetOverlay",
+  componentId: "sc-144eyxd-1"
+})(["", ""], function (props) {
+  return props.$hasBgColor && (0, _styledComponents.css)(["background:var(--modal-background);"]);
+});
+exports.StyledSheetOverlay = StyledSheetOverlay;
+StyledSheetOverlay.displayName = "StyledSheetOverlay";
+
+var StyledSheetWrapper = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledSheetWrapper",
+  componentId: "sc-144eyxd-2"
+})(["", " ", " position:relative;max-width:95vw;display:flex;flex-direction:row;", " ", " ", " ", " ", " ", ""], _BoxSizingStyle.BoxSizingStyle, _FontStyle.FontStyle, function (props) {
+  return props.$mode === "stretch" ? (0, _styledComponents.css)(["margin-top:8px;height:calc(100vh - 16px);width:calc(100vw - 100px);max-width:1000px;", "{flex-direction:column;width:0;height:calc(100vh - 32px);& > *{margin-bottom:8px;animation-fill-mode:both;}span{top:8px;}}"], StyledSheetIcons) : (0, _styledComponents.css)(["max-height:calc(100vh - 156px);margin-top:126px;margin-bottom:30px;width:540px;flex-direction:column;", "{flex-direction:row-reverse;& > *{margin-left:8px;animation-fill-mode:both;}span{top:-48px;right:8px;}}"], StyledSheetIcons);
+}, function (props) {
+  return props.$position === "center" && (0, _styledComponents.css)(["", ""], {
+    "marginLeft": "auto",
+    "marginRight": "auto"
+  });
+}, function (props) {
+  return props.$position === "left" && (0, _styledComponents.css)(["", ""], {
+    "marginLeft": "0.5rem",
+    "marginRight": "auto"
+  });
+}, function (props) {
+  return props.$position === "right" && (0, _styledComponents.css)(["", ""], {
+    "marginRight": "0.5rem",
+    "marginLeft": "auto"
+  });
+}, function (props) {
+  return props.$mode === "stretch" && props.$position !== "left" && (0, _styledComponents.css)(["", "{span{right:48px;}}"], StyledSheetIcons);
+}, function (props) {
+  return props.$mode === "stretch" && props.$position === "left" && (0, _styledComponents.css)(["flex-direction:row-reverse;", "{span{right:-8px;}}"], StyledSheetIcons);
+});
+
+exports.StyledSheetWrapper = StyledSheetWrapper;
+StyledSheetWrapper.displayName = "StyledSheetWrapper";
+
+var StyledSheetWrapperPaper = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledSheetWrapperPaper",
+  componentId: "sc-144eyxd-3"
+})(["background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:6px;overflow:auto;animation:0.3s linear ease-out;", ""], {
+  "flex": "1 1 auto"
+});
+
+exports.StyledSheetWrapperPaper = StyledSheetWrapperPaper;
+StyledSheetWrapperPaper.displayName = "StyledSheetWrapperPaper";
+var StyledSheetControlsTop = (0, _styledComponents.keyframes)(["0%{opacity:0;transform:translateY(-200px);}100%{opacity:1;transform:translateY(0);}"]);
+exports.StyledSheetControlsTop = StyledSheetControlsTop;
+var StyledSheetControlsBottom = (0, _styledComponents.keyframes)(["0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(-200px);}"]);
+exports.StyledSheetControlsBottom = StyledSheetControlsBottom;
+var StyledSheetControlsCenterIn = (0, _styledComponents.keyframes)(["0%{transform:translateY(-150px);opacity:0;}100%{transform:translateY(0);opacity:1;}"]);
+exports.StyledSheetControlsCenterIn = StyledSheetControlsCenterIn;
+var StyledSheetControlsCenterOut = (0, _styledComponents.keyframes)(["0%{transform:translateY(0);opacity:1;}100%{transform:translateY(-150px);opacity:0;}"]);
+exports.StyledSheetControlsCenterOut = StyledSheetControlsCenterOut;
+
+var StyledAnimatedSpan = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledAnimatedSpan",
+  componentId: "sc-144eyxd-4"
+})(["background:red;", " ", " ", " ", ""], function (props) {
+  return props.$state === "entering" && (0, _styledComponents.css)(["opacity:1;", ""], props.$mode === "stretch" ? (0, _styledComponents.css)(["animation-name:", ";animation-duration:", ";animation-delay:", ";"], StyledSheetControlsTop, "".concat(props.$durationIn, "s"), "".concat(props.$durationIn, "s")) : (0, _styledComponents.css)(["animation-name:", ";animation-duration:", ";animation-delay:0s;"], StyledSheetControlsCenterIn, "".concat(props.$maxDurationIn, "s")));
+}, function (props) {
+  return props.$state === "entered" && (0, _styledComponents.css)(["opacity:1;"]);
+}, function (props) {
+  return props.$state === "exiting" && (0, _styledComponents.css)(["opacity:0;", ""], props.$mode === "stretch" ? (0, _styledComponents.css)(["animation-name:", ";animation-duration:", ";animation-delay:", ";"], StyledSheetControlsBottom, "".concat(props.$durationOut, "s"), "".concat(props.$durationOut, "s")) : (0, _styledComponents.css)(["animation-name:", ";animation-duration:", ";animation-delay:0;"], StyledSheetControlsCenterOut, "".concat(props.$maxDurationOut, "s")));
+}, function (props) {
+  return props.$state === "exited" && (0, _styledComponents.css)(["opacity:0;"]);
+});
+
+exports.StyledAnimatedSpan = StyledAnimatedSpan;
+StyledAnimatedSpan.displayName = "StyledAnimatedSpan";
+var StyledCssTransition = (0, _styledComponents.default)(_reactTransitionGroup.CSSTransition).withConfig({
+  displayName: "Styles__StyledCssTransition",
+  componentId: "sc-144eyxd-5"
+})(["", " ", " ", " ", ""], function (props) {
+  return props.$direction === "top" && (0, _styledComponents.css)(["&.c-sheet__animation-enter{opacity:0;transform:translateY(-100%);}&.c-sheet__animation-enter-active{opacity:1;transform:translateY(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-appear{opacity:0;transform:translateY(-100%);}&.c-sheet__animation-appear-active{opacity:1;transform:translateY(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-exit{opacity:1;}&.c-sheet__animation-exit-active{opacity:0;transform:translateY(-100%);transition:opacity 200ms,transform 200ms;}"]);
+}, function (props) {
+  return props.$direction === "bottom" && (0, _styledComponents.css)(["&.c-sheet__animation-enter{opacity:0;transform:translateY(100%);}&.c-sheet__animation-enter-active{opacity:1;transform:translateY(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-appear{opacity:0;transform:translateY(100%);}&.c-sheet__animation-appear-active{opacity:1;transform:translateY(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-exit{opacity:1;}&.c-sheet__animation-exit-active{opacity:0;transform:translateY(100%);transition:opacity 200ms,transform 200ms;}"]);
+}, function (props) {
+  return props.$direction === "left" && (0, _styledComponents.css)(["&.c-sheet__animation-enter{opacity:0;transform:translateX(-100%);}&.c-sheet__animation-enter-active{opacity:1;transform:translateX(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-appear{opacity:0;transform:translateX(-100%);}&.c-sheet__animation-appear-active{opacity:1;transform:translateX(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-exit{opacity:1;}&.c-sheet__animation-exit-active{opacity:0;transform:translateX(-100%);transition:opacity 200ms,transform 200ms;}"]);
+}, function (props) {
+  return props.$direction === "right" && (0, _styledComponents.css)(["&.c-sheet__animation-enter{opacity:0;transform:translateX(100%);}&.c-sheet__animation-enter-active{opacity:1;transform:translateX(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-appear{opacity:0;transform:translateX(100%);}&.c-sheet__animation-appear-active{opacity:1;transform:translateX(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-exit{opacity:1;}&.c-sheet__animation-exit-active{opacity:0;transform:translateX(100%);transition:opacity 200ms,transform 200ms;}"]);
+});
+exports.StyledCssTransition = StyledCssTransition;
+StyledCssTransition.displayName = "StyledCssTransition";
+//# sourceMappingURL=Styles.js.map