@vibe/core 3.86.0 → 3.87.0

package/dist/src/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { type FC, createContext, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { type DateRange, DayPicker as ReactDatePicker, InternalModifier as DayModifier } from \"react-day-picker\";\nimport styles from \"./DatePicker.module.scss\";\nimport DatePickerHeader, { type DatePickerHeaderProps } from \"./DatePickerHeader\";\nimport { type DatePickerProps, type DatePickerRange } from \"./DatePicker.types\";\nimport {\n  AddToRangeEnd,\n  AddToRangeMiddle,\n  AddToRangeStart,\n  HalfRangeSelected,\n  HoveredDayExists,\n  RemoveFromRange,\n  addToRange,\n  addToRangeModifiers\n} from \"./utils\";\nimport { RangeDayContent } from \"./RangeDayContent\";\nimport { SingleDayContent } from \"./SingleDayContent\";\nimport { DayContentHoverContext, DayContentHoverProvider } from \"./DateContentHoverContext\";\n\nexport const DEFAULT_TIME = { hours: 9, minutes: 0 };\n\nconst MODIFIERS_CLASS_NAMES = {\n  [DayModifier.Outside]: styles.datePickerDayOutside,\n  [DayModifier.Selected]: styles.datePickerDaySelected,\n  [DayModifier.Today]: styles.datePickerDayToday,\n  [DayModifier.Disabled]: styles.datePickerDayDisabled,\n  [DayModifier.RangeStart]: styles.datePickerDayRangeStart,\n  [DayModifier.RangeEnd]: styles.datePickerDayRangeEnd,\n  [DayModifier.RangeMiddle]: styles.datePickerDayRangeMiddle,\n  [AddToRangeMiddle]: styles.datePickerAddToRangeMiddle,\n  [AddToRangeStart]: styles.datePickerAddToRangeStart,\n  [AddToRangeEnd]: styles.datePickerAddToRangeEnd,\n  [RemoveFromRange]: styles.datePickerRemoveFromRange,\n  [HoveredDayExists]: styles.datePickerHoveredDayExists,\n  [HalfRangeSelected]: styles.datePickerHalfRangeSelected\n};\n\nconst DatePickerHeaderContext = createContext<DatePickerHeaderProps>({} as DatePickerHeaderProps);\n\nconst Caption = () => (\n  <DatePickerHeaderContext.Consumer>{props => <DatePickerHeader {...props} />}</DatePickerHeaderContext.Consumer>\n);\n\nconst DatePicker: FC<DatePickerProps> = ({\n  className,\n  dayClassName,\n  selectedDayClassName,\n  id,\n  \"data-testid\": dataTestId,\n  mode = \"single\",\n  date,\n  endDate,\n  onDateChange,\n  firstDayOfWeek = 0,\n  showWeekNumber,\n  isDateDisabled,\n  locale,\n  nextButtonAriaLabel = \"Next\",\n  prevButtonAriaLabel = \"Previous\",\n  monthSelectionAriaLabel = \"Month\",\n  yearSelectionAriaLabel = \"Year\",\n  dropdownsClassName,\n  intent = \"to\",\n  dialogContainerSelector\n}) => {\n  const selected = useMemo(() => (mode === \"single\" ? date : { from: date, to: endDate }), [date, endDate, mode]);\n  const [displayMonth, setDisplayMonth] = useState(date || new Date());\n\n  const prevDateRef = useRef<Date | undefined>();\n  const prevEndDateRef = useRef<Date | undefined>();\n  const lastChangeByInnerSelection = useRef(false);\n  useEffect(() => {\n    const dateChanged = +prevDateRef.current !== +date;\n    const endDateChanged = +prevEndDateRef.current !== +endDate;\n    const shouldSetDisplayMonth = !lastChangeByInnerSelection.current;\n\n    if (dateChanged) {\n      shouldSetDisplayMonth && date && setDisplayMonth(date);\n    } else if (endDateChanged) {\n      shouldSetDisplayMonth && endDate && setDisplayMonth(endDate);\n    }\n\n    prevDateRef.current = date;\n    prevEndDateRef.current = endDate;\n    lastChangeByInnerSelection.current = false;\n  }, [date, endDate]);\n\n  const onPickerDateChange = useCallback(\n    (newValue: Date | DateRange, selectedDay: Date) => {\n      lastChangeByInnerSelection.current = true;\n\n      if (mode === \"range\") {\n        const newRange = addToRange(selectedDay, selected as DateRange, intent);\n        (onDateChange as (range: DatePickerRange) => void)({ date: newRange?.from, endDate: newRange?.to });\n      } else {\n        const newDate = newValue as Date;\n        const { hours, minutes } = date ? { hours: date.getHours(), minutes: date.getMinutes() } : DEFAULT_TIME;\n        newDate.setHours(hours, minutes);\n        (onDateChange as (date: Date | undefined) => void)(newDate);\n      }\n    },\n    [date, intent, mode, onDateChange, selected]\n  );\n\n  const DatePickerHeaderContextValue = useMemo<DatePickerHeaderProps>(\n    () => ({\n      setDisplayMonth,\n      locale,\n      nextButtonAriaLabel,\n      prevButtonAriaLabel,\n      monthSelectionAriaLabel,\n      yearSelectionAriaLabel,\n      dropdownsClassName,\n      dialogContainerSelector\n    }),\n    [\n      locale,\n      monthSelectionAriaLabel,\n      nextButtonAriaLabel,\n      setDisplayMonth,\n      prevButtonAriaLabel,\n      yearSelectionAriaLabel,\n      dropdownsClassName,\n      dialogContainerSelector\n    ]\n  );\n\n  const modifiersClassNames = useMemo(\n    () => ({\n      ...MODIFIERS_CLASS_NAMES,\n      [DayModifier.Selected]: cx(MODIFIERS_CLASS_NAMES[DayModifier.Selected], selectedDayClassName)\n    }),\n    [selectedDayClassName]\n  );\n\n  const classNames = useMemo(\n    () => ({\n      months: styles.datePickerMonths,\n      head: styles.datePickerHead,\n      table: styles.datePickerTable,\n      tbody: styles.datePickerBody,\n      day: cx(styles.datePickerDay, dayClassName)\n    }),\n    [dayClassName]\n  );\n\n  return (\n    <div\n      id={id}\n      className={cx(styles.datePicker, { [styles.withWeekNumber]: showWeekNumber }, className)}\n      data-testid={dataTestId}\n      data-vibe=\"DatePicker\"\n    >\n      <DayContentHoverProvider>\n        <DatePickerHeaderContext.Provider value={DatePickerHeaderContextValue}>\n          <DayContentHoverContext.Consumer>\n            {({ hover }) => {\n              const modifiers = addToRangeModifiers(hover, selected as DateRange, intent);\n              return (\n                <ReactDatePicker\n                  fixedWeeks\n                  showOutsideDays\n                  showWeekNumber={showWeekNumber}\n                  mode={mode as \"single\"} // cast to avoid type errors from ReactDatePicker\n                  required\n                  weekStartsOn={firstDayOfWeek}\n                  disabled={isDateDisabled}\n                  selected={selected as Date} // cast to avoid type errors from ReactDatePicker\n                  onSelect={onPickerDateChange}\n                  month={displayMonth}\n                  onMonthChange={setDisplayMonth}\n                  components={{ Caption, DayContent: mode === \"single\" ? SingleDayContent : RangeDayContent }}\n                  classNames={classNames}\n                  modifiers={modifiers}\n                  modifiersClassNames={modifiersClassNames}\n                  locale={locale}\n                />\n              );\n            }}\n          </DayContentHoverContext.Consumer>\n        </DatePickerHeaderContext.Provider>\n      </DayContentHoverProvider>\n    </div>\n  );\n};\n\nexport default DatePicker;\n"],"names":["DEFAULT_TIME","hours","minutes","MODIFIERS_CLASS_NAMES","_defineProperty","_MODIFIERS_CLASS_NAME","DayModifier","Outside","styles","datePickerDayOutside","Selected","datePickerDaySelected","Today","datePickerDayToday","Disabled","datePickerDayDisabled","RangeStart","datePickerDayRangeStart","RangeEnd","datePickerDayRangeEnd","RangeMiddle","datePickerDayRangeMiddle","AddToRangeMiddle","datePickerAddToRangeMiddle","AddToRangeStart","datePickerAddToRangeStart","AddToRangeEnd","datePickerAddToRangeEnd","RemoveFromRange","datePickerRemoveFromRange","HoveredDayExists","datePickerHoveredDayExists","HalfRangeSelected","datePickerHalfRangeSelected","DatePickerHeaderContext","createContext","Caption","React","createElement","Consumer","props","DatePickerHeader","DatePicker","_ref","className","dayClassName","selectedDayClassName","id","dataTestId","_ref$mode","mode","date","endDate","onDateChange","_ref$firstDayOfWeek","firstDayOfWeek","showWeekNumber","isDateDisabled","locale","_ref$nextButtonAriaLa","nextButtonAriaLabel","_ref$prevButtonAriaLa","prevButtonAriaLabel","_ref$monthSelectionAr","monthSelectionAriaLabel","_ref$yearSelectionAri","yearSelectionAriaLabel","dropdownsClassName","_ref$intent","intent","dialogContainerSelector","selected","useMemo","from","to","_useState","useState","Date","_useState2","_slicedToArray","displayMonth","setDisplayMonth","prevDateRef","useRef","prevEndDateRef","lastChangeByInnerSelection","useEffect","endDateChanged","current","shouldSetDisplayMonth","onPickerDateChange","useCallback","newValue","selectedDay","newRange","addToRange","newDate","_ref2","getHours","getMinutes","setHours","DatePickerHeaderContextValue","modifiersClassNames","Object","assign","cx","classNames","months","datePickerMonths","head","datePickerHead","table","datePickerTable","tbody","datePickerBody","day","datePickerDay","datePicker","withWeekNumber","DayContentHoverProvider","Provider","value","DayContentHoverContext","_ref3","modifiers","addToRangeModifiers","hover","ReactDatePicker","fixedWeeks","showOutsideDays","required","weekStartsOn","disabled","onSelect","month","onMonthChange","components","DayContent","SingleDayContent","RangeDayContent"],"mappings":"0xBAoBaA,EAAe,CAAEC,MAAO,EAAGC,QAAS,GAE3CC,GAAqBC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAC,EAAA,GACxBC,EAAYC,QAAUC,EAAOC,sBAC7BH,EAAYI,SAAWF,EAAOG,uBAC9BL,EAAYM,MAAQJ,EAAOK,oBAC3BP,EAAYQ,SAAWN,EAAOO,uBAC9BT,EAAYU,WAAaR,EAAOS,yBAChCX,EAAYY,SAAWV,EAAOW,uBAC9Bb,EAAYc,YAAcZ,EAAOa,0BACjCC,EAAmBd,EAAOe,4BAC1BC,EAAkBhB,EAAOiB,2BACzBC,EAAgBlB,EAAOmB,yBAAuBvB,EAAAA,EAAAA,EAAAC,EAC9CuB,EAAkBpB,EAAOqB,2BACzBC,EAAmBtB,EAAOuB,4BAC1BC,EAAoBxB,EAAOyB,8BAGxBC,EAA0BC,EAAqC,CAAA,GAE/DC,EAAU,WAAH,OACXC,EAAAC,cAACJ,EAAwBK,SAAQ,MAAE,SAAAC,GAAK,OAAIH,EAACC,cAAAG,mBAAqBD,MAA6C,EAG3GE,EAAkC,SAAxBC,GAqBX,IApBHC,EAASD,EAATC,UACAC,EAAYF,EAAZE,aACAC,EAAoBH,EAApBG,qBACAC,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAaM,EAAAN,EACbO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIR,EAAJQ,KACAC,EAAOT,EAAPS,QACAC,EAAYV,EAAZU,aAAYC,EAAAX,EACZY,eAAAA,OAAiB,IAAHD,EAAG,EAACA,EAClBE,EAAcb,EAAda,eACAC,EAAcd,EAAdc,eACAC,EAAMf,EAANe,OAAMC,EAAAhB,EACNiB,oBAAAA,OAAsB,IAAHD,EAAG,OAAMA,EAAAE,EAAAlB,EAC5BmB,oBAAAA,OAAsB,IAAHD,EAAG,WAAUA,EAAAE,EAAApB,EAChCqB,wBAAAA,OAA0B,IAAHD,EAAG,QAAOA,EAAAE,EAAAtB,EACjCuB,uBAAAA,OAAyB,IAAHD,EAAG,OAAMA,EAC/BE,EAAkBxB,EAAlBwB,mBAAkBC,EAAAzB,EAClB0B,OAAAA,OAAS,IAAHD,EAAG,KAAIA,EACbE,EAAuB3B,EAAvB2B,wBAEMC,EAAWC,GAAQ,WAAA,MAAgB,WAATtB,EAAoBC,EAAO,CAAEsB,KAAMtB,EAAMuB,GAAItB,EAAU,GAAE,CAACD,EAAMC,EAASF,IACzGyB,EAAwCC,EAASzB,GAAQ,IAAI0B,MAAOC,EAAAC,EAAAJ,EAAA,GAA7DK,EAAYF,EAAA,GAAEG,GAAeH,EAAA,GAE9BI,GAAcC,IACdC,GAAiBD,IACjBE,GAA6BF,GAAO,GAC1CG,GAAU,WACR,IACMC,GAAkBH,GAAeI,UAAapC,EAC9CqC,GAAyBJ,GAA2BG,SAFrCN,GAAYM,UAAarC,EAK5CsC,GAAyBtC,GAAQ8B,GAAgB9B,GACxCoC,GACTE,GAAyBrC,GAAW6B,GAAgB7B,GAGtD8B,GAAYM,QAAUrC,EACtBiC,GAAeI,QAAUpC,EACzBiC,GAA2BG,SAAU,CACvC,GAAG,CAACrC,EAAMC,IAEV,IAAMsC,GAAqBC,GACzB,SAACC,EAA4BC,GAG3B,GAFAR,GAA2BG,SAAU,EAExB,UAATtC,EAAkB,CACpB,IAAM4C,EAAWC,EAAWF,EAAatB,EAAuBF,GAC/DhB,EAAkD,CAAEF,KAAM2C,aAAA,EAAAA,EAAUrB,KAAMrB,QAAS0C,aAAQ,EAARA,EAAUpB,IAC/F,KAAM,CACL,IAAMsB,EAAUJ,EAChBK,EAA2B9C,EAAO,CAAElD,MAAOkD,EAAK+C,WAAYhG,QAASiD,EAAKgD,cAAiBnG,EAC3FgG,EAAQI,SADKH,EAALhG,MAAcgG,EAAP/F,SAEdmD,EAAkD2C,EACpD,CACH,GACA,CAAC7C,EAAMkB,EAAQnB,EAAMG,EAAckB,IAG/B8B,GAA+B7B,GACnC,WAAA,MAAO,CACLS,gBAAAA,GACAvB,OAAAA,EACAE,oBAAAA,EACAE,oBAAAA,EACAE,wBAAAA,EACAE,uBAAAA,EACAC,mBAAAA,EACAG,wBAAAA,EACD,GACD,CACEZ,EACAM,EACAJ,EACAqB,GACAnB,EACAI,EACAC,EACAG,IAIEgC,GAAsB9B,GAC1B,WAAA,OACK+B,OAAAC,OAAAD,OAAAC,OAAA,GAAArG,GACHC,EAAA,CAAA,EAACE,EAAYI,SAAW+F,EAAGtG,EAAsBG,EAAYI,UAAWoC,OAE1E,CAACA,IAGG4D,GAAalC,GACjB,WAAA,MAAO,CACLmC,OAAQnG,EAAOoG,iBACfC,KAAMrG,EAAOsG,eACbC,MAAOvG,EAAOwG,gBACdC,MAAOzG,EAAO0G,eACdC,IAAKV,EAAGjG,EAAO4G,cAAevE,GAC/B,GACD,CAACA,IAGH,OACER,EAAAC,cAAA,MAAA,CACES,GAAIA,EACJH,UAAW6D,EAAGjG,EAAO6G,WAAUjH,EAAKI,GAAAA,EAAO8G,eAAiB9D,GAAkBZ,GACjE,cAAAI,cACH,cAEVX,EAAAC,cAACiF,EAAuB,KACtBlF,EAAAC,cAACJ,EAAwBsF,SAAS,CAAAC,MAAOpB,IACvChE,EAACC,cAAAoF,EAAuBnF,SAAQ,MAC7B,SAAAoF,GAAc,IACPC,EAAYC,EADXF,EAALG,MAC2CvD,EAAuBF,GACpE,OACEhC,EAACC,cAAAyF,EACC,CAAAC,cACAC,iBAAe,EACfzE,eAAgBA,EAChBN,KAAMA,EACNgF,UAAQ,EACRC,aAAc5E,EACd6E,SAAU3E,EACVc,SAAUA,EACV8D,SAAU3C,GACV4C,MAAOtD,EACPuD,cAAetD,GACfuD,WAAY,CAAEpG,QAAAA,EAASqG,WAAqB,WAATvF,EAAoBwF,EAAmBC,GAC1EjC,WAAYA,GACZkB,UAAWA,EACXtB,oBAAqBA,GACrB5C,OAAQA,SAS1B"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useState } from \"react\";\nimport cx from \"classnames\";\nimport moment from \"moment\";\nimport \"react-dates/initialize.js\";\nimport {\n  type DayOfWeekShape,\n  DayPickerRangeController,\n  DayPickerSingleDateController,\n  type DayPickerPhrases\n} from \"react-dates\";\n/** @ts-expect-error this is exported, but not typed */\nimport { DayPickerPhrases as defaultPhrases } from \"react-dates/lib/defaultPhrases.js\";\nimport DatePickerHeaderComponent from \"./DatePickerHeader/DatePickerHeader\";\nimport DateNavigationItem from \"./DateNavigationItem/DateNavigationItem\";\nimport YearPicker from \"./YearPicker/YearPicker\";\nimport { DAY_SIZE, WEEK_FIRST_DAY } from \"./constants\";\nimport { Direction, FocusInput, type Moment, type RangeDate } from \"./types\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { useWarnDeprecated } from \"../../utils/warn-deprecated\";\nimport styles from \"./DatePicker.module.scss\";\n// Make sure to update when upgrading react-dates\nimport \"./external_datepicker.scss\";\n\nexport interface DatePickerProps extends VibeComponentProps {\n  /**\n   * The first day of the week to display.\n   */\n  firstDayOfWeek?: DayOfWeekShape;\n  /**\n   * The currently selected date.\n   */\n  date?: Moment;\n  /**\n   * The end date for range selection mode.\n   */\n  endDate?: Moment;\n  /**\n   * Callback fired when a date is selected.\n   */\n  onPickDate?: (date: Moment | RangeDate) => void;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  hideNavigationKeys?: boolean;\n  /**\n   * If true, allows selecting days outside the current month.\n   */\n  enableOutsideDays?: boolean;\n  /**\n   * If true, displays a column with week numbers.\n   */\n  showWeekNumber?: boolean;\n  /**\n   * The size of a single day cell.\n   */\n  daySize?: number;\n  /**\n   * Function to determine if a specific day should be disabled.\n   */\n  shouldBlockDay?: (date: Moment) => boolean;\n  /**\n   * If true, enables date range selection mode.\n   */\n  range?: boolean;\n  /**\n   * Custom phrases for accessibility and aria-labels.\n   */\n  phrases?: DayPickerPhrases;\n  /**\n   * The number of months displayed in the calendar.\n   */\n  numberOfMonths?: number;\n  /**\n   * Function to determine if a specific year should be disabled.\n   */\n  shouldBlockYear?: (year: number) => boolean;\n  /**\n   * Function to determine if a specific date range should be disabled.\n   */\n  shouldBlockRange?: (date: Moment) => boolean;\n}\n\nconst DatePicker = forwardRef(\n  (\n    {\n      id,\n      className,\n      firstDayOfWeek = WEEK_FIRST_DAY,\n      daySize = DAY_SIZE,\n      range = false,\n      shouldBlockDay,\n      shouldBlockYear,\n      numberOfMonths = 1,\n      hideNavigationKeys = false,\n      date,\n      endDate,\n      onPickDate = NOOP,\n      enableOutsideDays = false,\n      showWeekNumber = false,\n      shouldBlockRange,\n      \"data-testid\": dataTestId,\n      phrases\n    }: DatePickerProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    useWarnDeprecated({\n      component: \"DatePicker\",\n      message:\n        \"This component is deprecated and will be removed in the next major version. Please use DatePicker from @vibe/core/next instead.\"\n    });\n\n    const [focusedInput, setFocusedInput] = useState(FocusInput.startDate);\n    const [isMonthYearSelection, setIsMonthYearSelection] = useState(false); //show Month/Year selection dropdown\n    const [overrideDateForView, setOverrideDateForView] = useState<Moment | null>(null);\n    const [yearFunc, setYearFunc] = useState(null);\n\n    const renderMonth = useCallback(\n      ({\n        month,\n        onYearSelect\n      }: {\n        month: moment.Moment;\n        onYearSelect: (currentMonth: moment.Moment, newMonthVal: string) => void;\n      }) => {\n        if (!yearFunc && onYearSelect) {\n          setYearFunc(() => onYearSelect);\n        }\n        return (\n          <DatePickerHeaderComponent\n            data-testid={dataTestId || getTestId(ComponentDefaultTestId.DATEPICKER_HEADER, id)}\n            currentDate={month || moment()}\n            isMonthYearSelection={isMonthYearSelection}\n            onToggleMonthYearPicker={() => setIsMonthYearSelection(val => !val)}\n            hideNavigationKeys={hideNavigationKeys}\n          />\n        );\n      },\n      [isMonthYearSelection, dataTestId, id, hideNavigationKeys, yearFunc]\n    );\n\n    const renderDay = useCallback(\n      (day: Moment) => {\n        const weekNumber = firstDayOfWeek === 0 ? day.clone().add(1, \"d\").isoWeek() : day.isoWeek();\n        return (\n          <>\n            <span className={styles.calendarDayWeekNumber}>{weekNumber}</span> {day.format(\"D\")}\n          </>\n        );\n      },\n      [firstDayOfWeek]\n    );\n\n    const changeCurrentDateFromMonthYearView = useCallback(\n      (newDate: Moment | null) => {\n        const oldDate = overrideDateForView || date;\n        setOverrideDateForView(newDate);\n        setIsMonthYearSelection(false);\n        yearFunc(oldDate, moment(newDate).year());\n      },\n      [overrideDateForView, date, yearFunc]\n    );\n\n    const renderMonthYearSelection = useCallback(() => {\n      return (\n        <YearPicker\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.DATEPICKER_YEAR_SELECTION, id)}\n          selectedDate={date}\n          isYearBlocked={shouldBlockYear}\n          changeCurrentDate={changeCurrentDateFromMonthYearView}\n        />\n      );\n    }, [dataTestId, id, overrideDateForView, date, shouldBlockYear, changeCurrentDateFromMonthYearView]);\n\n    const onDateRangeChange = useCallback(\n      (date: RangeDate) => {\n        if (!onPickDate) return;\n        if (focusedInput === FocusInput.startDate) {\n          onPickDate({ ...date, endDate: null });\n        } else {\n          onPickDate(date);\n        }\n      },\n      [focusedInput, onPickDate]\n    );\n\n    const onFocusChange = useCallback((focusedInput: FocusInput) => {\n      setFocusedInput(focusedInput || FocusInput.startDate);\n    }, []);\n\n    const mergedPhrases = { ...defaultPhrases, ...phrases };\n\n    const shouldShowNav = !hideNavigationKeys && !isMonthYearSelection;\n    return (\n      <div\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.DATEPICKER, id)}\n        ref={ref}\n        id={id}\n        className={cx(styles.datepickerContainer, className, {\n          [styles.withWeekNumber]: showWeekNumber,\n          [styles.rangePickerMode]: range,\n          [styles.monthYearSelection]: isMonthYearSelection\n        })}\n        data-vibe={ComponentVibeId.DATE_PICKER}\n      >\n        {range ? (\n          <DayPickerRangeController\n            phrases={mergedPhrases}\n            renderDayContents={showWeekNumber ? renderDay : undefined}\n            firstDayOfWeek={firstDayOfWeek}\n            hideKeyboardShortcutsPanel\n            startDate={date}\n            endDate={endDate}\n            onDatesChange={onDateRangeChange}\n            focusedInput={focusedInput}\n            minimumNights={0}\n            onFocusChange={onFocusChange}\n            navPrev={shouldShowNav ? <DateNavigationItem kind={Direction.prev} /> : <div />}\n            navNext={shouldShowNav ? <DateNavigationItem kind={Direction.next} /> : <div />}\n            daySize={daySize}\n            isOutsideRange={shouldBlockRange}\n            isDayBlocked={shouldBlockDay}\n            renderMonthElement={renderMonth}\n            enableOutsideDays={enableOutsideDays || showWeekNumber}\n            numberOfMonths={numberOfMonths}\n            initialVisibleMonth={() => overrideDateForView || date || moment()}\n          />\n        ) : (\n          <DayPickerSingleDateController\n            phrases={mergedPhrases}\n            renderDayContents={showWeekNumber ? renderDay : undefined}\n            firstDayOfWeek={firstDayOfWeek}\n            hideKeyboardShortcutsPanel\n            onFocusChange={NOOP}\n            numberOfMonths={numberOfMonths}\n            date={date}\n            onDateChange={(date: Moment) => onPickDate(date)}\n            navPrev={shouldShowNav ? <DateNavigationItem kind={Direction.prev} /> : <div />}\n            navNext={shouldShowNav ? <DateNavigationItem kind={Direction.next} /> : <div />}\n            focused={true}\n            renderMonthElement={renderMonth}\n            enableOutsideDays={enableOutsideDays || showWeekNumber}\n            daySize={daySize}\n            isDayBlocked={shouldBlockDay}\n            initialVisibleMonth={() => overrideDateForView || date || moment()}\n          />\n        )}\n        {isMonthYearSelection && renderMonthYearSelection()}\n      </div>\n    );\n  }\n);\n\nexport default DatePicker;\n"],"names":["DatePicker","forwardRef","_ref","ref","id","className","_ref$firstDayOfWeek","firstDayOfWeek","WEEK_FIRST_DAY","_ref$daySize","daySize","DAY_SIZE","_ref$range","range","shouldBlockDay","shouldBlockYear","_ref$numberOfMonths","numberOfMonths","_ref$hideNavigationKe","hideNavigationKeys","date","endDate","_ref$onPickDate","onPickDate","NOOP","_ref$enableOutsideDay","enableOutsideDays","_ref$showWeekNumber","showWeekNumber","shouldBlockRange","dataTestId","phrases","useWarnDeprecated","component","message","_useState","useState","FocusInput","startDate","_useState2","_slicedToArray","focusedInput","setFocusedInput","_useState3","_useState4","isMonthYearSelection","setIsMonthYearSelection","_useState5","_useState6","overrideDateForView","setOverrideDateForView","_useState7","_useState8","yearFunc","setYearFunc","renderMonth","useCallback","_ref2","month","onYearSelect","React","DatePickerHeaderComponent","getTestId","ComponentDefaultTestId","DATEPICKER_HEADER","currentDate","moment","onToggleMonthYearPicker","val","renderDay","day","weekNumber","clone","add","isoWeek","createElement","Fragment","styles","calendarDayWeekNumber","format","changeCurrentDateFromMonthYearView","newDate","oldDate","year","renderMonthYearSelection","YearPicker","DATEPICKER_YEAR_SELECTION","selectedDate","isYearBlocked","changeCurrentDate","onDateRangeChange","onFocusChange","mergedPhrases","Object","assign","defaultPhrases","shouldShowNav","DATEPICKER","cx","datepickerContainer","_defineProperty","withWeekNumber","rangePickerMode","monthYearSelection","ComponentVibeId","DATE_PICKER","DayPickerRangeController","renderDayContents","undefined","hideKeyboardShortcutsPanel","onDatesChange","minimumNights","navPrev","DateNavigationItem","kind","Direction","prev","navNext","next","isOutsideRange","isDayBlocked","renderMonthElement","initialVisibleMonth","DayPickerSingleDateController","onDateChange","focused"],"mappings":"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"}

package/dist/src/components/DatePicker/DatePicker.module.scss.js

@@ -1,2 +1,2 @@
-var e={datePicker:"datePicker_69c8c627bc",datePickerMonths:"datePickerMonths_204630ebed",withWeekNumber:"withWeekNumber_7715deb857",datePickerHead:"datePickerHead_addca9df63",datePickerBody:"datePickerBody_addca9df63",datePickerTable:"datePickerTable_8033ba1c9f",datePickerDay:"datePickerDay_5e13390f95",datePickerDayContent:"datePickerDayContent_26fcdff838",datePickerDayDisabled:"datePickerDayDisabled_75102c2872",datePickerAddToRangeStart:"datePickerAddToRangeStart_04c68b2e90",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_181a9cb79d",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_c4738c9def",datePickerDayRangeStart:"datePickerDayRangeStart_2a96e116f7",datePickerDayRangeEnd:"datePickerDayRangeEnd_b70c36bb6c",datePickerDayOutside:"datePickerDayOutside_5e10ab53ec",datePickerDaySelected:"datePickerDaySelected_b70c36bb6c",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_bcef07fab4",datePickerRemoveFromRange:"datePickerRemoveFromRange_234d7ac765",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_b924a48370"};!function(e){const a="s_id-18acaee8f787_3_85_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const c=document.createElement("style");c.id=a,d.firstChild?d.insertBefore(c,d.firstChild):d.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_69c8c627bc {\n  --day-picker-header-height: 34px;\n  --day-picker-content-height: 234px;\n  --day-picker-day-width: 30px;\n  --day-picker-day-height: 30px;\n  --day-picker-days-horizontal-gap: 4px;\n  --day-picker-days-vertical-gap: 2px;\n  --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker_69c8c627bc .datePickerMonths_204630ebed {\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-medium);\n  align-items: flex-start;\n}\n.datePicker_69c8c627bc.withWeekNumber_7715deb857 {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_69c8c627bc.withWeekNumber_7715deb857 .datePickerHead_addca9df63 td:first-child {\n  width: var(--day-picker-day-width);\n  border-top-left-radius: var(--border-radius-medium);\n  border-top-right-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_69c8c627bc.withWeekNumber_7715deb857 .datePickerHead_addca9df63 td:first-child::after {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  display: flex;\n  justify-content: center;\n  content: "No.";\n}\n.datePicker_69c8c627bc.withWeekNumber_7715deb857 .datePickerBody_addca9df63 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_69c8c627bc.withWeekNumber_7715deb857 .datePickerBody_addca9df63 tr:last-child td:first-child {\n  border-bottom-left-radius: var(--border-radius-medium);\n  border-bottom-right-radius: var(--border-radius-medium);\n}\n.datePicker_69c8c627bc .datePickerTable_8033ba1c9f {\n  margin-top: var(--spacing-small);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_69c8c627bc .datePickerHead_addca9df63 th {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  padding-block: var(--space-2);\n  text-align: center;\n  height: var(--day-picker-day-height);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95 {\n  color: var(--primary-text-color);\n  font: var(--font-text2-normal);\n  width: var(--day-picker-day-width);\n  height: var(--day-picker-day-height);\n  background: none;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n  padding: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95 .datePickerDayContent_26fcdff838 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--border-radius-small);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95:focus-visible {\n  outline: none;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95:focus-visible .datePickerDayContent_26fcdff838 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayDisabled_75102c2872 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95:not(.datePickerDayDisabled_75102c2872):not(.datePickerAddToRangeStart_04c68b2e90):not(.datePickerAddToRangeEnd_181a9cb79d):not(.datePickerAddToRangeMiddle_c4738c9def):not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c) .datePickerDayContent_26fcdff838:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayOutside_5e10ab53ec {\n  color: var(--disabled-text-color);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDaySelected_b70c36bb6c:not(.datePickerDayRangeMiddle_bcef07fab4):not(.datePickerRemoveFromRange_234d7ac765) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeStart_2a96e116f7:not(.datePickerDayRangeEnd_b70c36bb6c):not(.datePickerRemoveFromRange_234d7ac765), .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeEnd_b70c36bb6c:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerRemoveFromRange_234d7ac765) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeStart_2a96e116f7.datePickerRemoveFromRange_234d7ac765, .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeEnd_b70c36bb6c.datePickerRemoveFromRange_234d7ac765 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeStart_2a96e116f7.datePickerRemoveFromRange_234d7ac765:not(.datePickerDayRangeEnd_b70c36bb6c), .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeEnd_b70c36bb6c.datePickerRemoveFromRange_234d7ac765:not(.datePickerDayRangeStart_2a96e116f7) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90, .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeStart_2a96e116f7:not(.datePickerDayRangeEnd_b70c36bb6c) {\n  margin-right: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d, .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeEnd_b70c36bb6c:not(.datePickerDayRangeStart_2a96e116f7) {\n  margin-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90, .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d, .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c), .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c), .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def, .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeMiddle_bcef07fab4:not(.datePickerAddToRangeStart_04c68b2e90):not(.datePickerAddToRangeEnd_181a9cb79d) {\n  background-color: var(--primary-selected-color);\n  border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n  border-top: none;\n  border-bottom: none;\n  width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def, .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeMiddle_bcef07fab4:not(.datePickerAddToRangeStart_04c68b2e90):not(.datePickerAddToRangeEnd_181a9cb79d) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerRemoveFromRange_234d7ac765:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c), .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90:not(.datePickerDayRangeMiddle_bcef07fab4):not(.datePickerDayRangeEnd_b70c36bb6c), .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d:not(.datePickerDayRangeMiddle_bcef07fab4):not(.datePickerDayRangeStart_2a96e116f7), .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerDayRangeMiddle_bcef07fab4, .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c), .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def, .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-left: var(--day-picker-days-horizontal-gap);\n  border-right: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-top-left-radius: var(--border-radius-small);\n  border-bottom-left-radius: var(--border-radius-small);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerRemoveFromRange_234d7ac765 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d, .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerDayRangeEnd_b70c36bb6c:not(.datePickerDayRangeStart_2a96e116f7) {\n  margin-right: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerDayRangeMiddle_bcef07fab4, .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c), .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def, .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-right: var(--day-picker-days-horizontal-gap);\n  border-left: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-top-right-radius: var(--border-radius-small);\n  border-bottom-right-radius: var(--border-radius-small);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerRemoveFromRange_234d7ac765 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90, .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerDayRangeStart_2a96e116f7:not(.datePickerDayRangeEnd_b70c36bb6c) {\n  margin-left: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90:not(.datePickerDayRangeMiddle_bcef07fab4), .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def, .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d:not(.datePickerDayRangeMiddle_bcef07fab4),\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90:not(.datePickerDayRangeMiddle_bcef07fab4),\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def,\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d:not(.datePickerDayRangeMiddle_bcef07fab4) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerDaySelected_b70c36bb6c.datePickerDayRangeEnd_b70c36bb6c.datePickerAddToRangeStart_04c68b2e90,\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerDaySelected_b70c36bb6c.datePickerDayRangeEnd_b70c36bb6c.datePickerAddToRangeStart_04c68b2e90 {\n  border-left-width: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerDaySelected_b70c36bb6c.datePickerDayRangeStart_2a96e116f7.datePickerAddToRangeEnd_181a9cb79d,\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerDaySelected_b70c36bb6c.datePickerDayRangeStart_2a96e116f7.datePickerAddToRangeEnd_181a9cb79d {\n  border-right-width: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDaySelected_b70c36bb6c.datePickerDayRangeEnd_b70c36bb6c.datePickerAddToRangeStart_04c68b2e90 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDaySelected_b70c36bb6c.datePickerDayRangeEnd_b70c36bb6c.datePickerAddToRangeStart_04c68b2e90:not(.datePickerHalfRangeSelected_b924a48370) {\n  margin-left: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDaySelected_b70c36bb6c.datePickerDayRangeStart_2a96e116f7.datePickerAddToRangeEnd_181a9cb79d {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDaySelected_b70c36bb6c.datePickerDayRangeStart_2a96e116f7.datePickerAddToRangeEnd_181a9cb79d:not(.datePickerHalfRangeSelected_b924a48370) {\n  margin-right: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_b68ffa0489",monthYearSelection:"monthYearSelection_7a980ecabe",rangePickerMode:"rangePickerMode_3da9d04450",withWeekNumber:"withWeekNumber_5e80bd73d5",calendarDayWeekNumber:"calendarDayWeekNumber_20710b87d3"};!function(e){const n="s_id-5bf64d458e6b_3_86_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable selector-class-pattern, no-duplicate-selectors */\n.datepickerContainer_b68ffa0489 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_b68ffa0489 table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer_b68ffa0489 td {\n  border: none;\n}\n.datepickerContainer_b68ffa0489.monthYearSelection_7a980ecabe table tbody {\n  opacity: 0;\n}\n.datepickerContainer_b68ffa0489.monthYearSelection_7a980ecabe .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_b68ffa0489 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_b68ffa0489 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_b68ffa0489 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__blocked_calendar, .datepickerContainer_b68ffa0489 .CalendarDay__blocked_calendar:active, .datepickerContainer_b68ffa0489 .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer_b68ffa0489 .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_b68ffa0489 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_b68ffa0489 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_b68ffa0489 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_b68ffa0489 .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__hovered_span, .datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__hovered_span:hover::before, .datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .CalendarDay .calendarDayWeekNumber_20710b87d3 {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_20710b87d3 {\n  display: flex;\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_20710b87d3 {\n  display: none;\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.js

@@ -0,0 +1,2 @@
+import e from"react";import t from"moment";import o from"./DatePickerHeader.module.scss.js";import r from"../../../../components/icon/dist/Icon/Icon.js";import a from"../../../../icons/dist/react/DropdownChevronUp.js";import n from"../../../../icons/dist/react/DropdownChevronDown.js";var i=function(i){var c=i.isMonthYearSelection,m=i.onToggleMonthYearPicker,s=i.hideNavigationKeys,l=i["data-testid"],d=i.ariaLabel,p=void 0===d?"Toggle select year":d,f=t(i.currentDate.valueOf()),u=f.format("MMMM"),v=f.format("YYYY");return e.createElement("div",{className:o.datePickerHeader},e.createElement("div",null,u+" "+v),!s&&e.createElement("button",{"data-testid":"".concat(l,"-year-toggle"),type:"button",className:o.button,"aria-label":p,onClick:m},e.createElement("div",{className:o.buttonContent},e.createElement(r,{iconType:"svg",icon:c?a:n,iconSize:24}))))};export{i as default};
+//# sourceMappingURL=DatePickerHeader.js.map

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerHeader.js","sources":["../../../../../src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownChevronUp, DropdownChevronDown } from \"@vibe/icons\";\nimport moment from \"moment\";\nimport { type Moment } from \"../types\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport { Icon } from \"@vibe/icon\";\n\nexport interface DatePickerHeaderProps {\n  /**\n   * The currently shown date.\n   */\n  currentDate: Moment;\n  /**\n   * If true, the month and year selection view is active.\n   */\n  isMonthYearSelection: boolean;\n  /**\n   * Callback fired when toggling the month and year picker.\n   */\n  onToggleMonthYearPicker: () => void;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  hideNavigationKeys: boolean;\n  /**\n   * Test ID for testing purposes.\n   */\n  \"data-testid\"?: string;\n  /**\n   * The ARIA label for the toggle button.\n   */\n  ariaLabel?: string;\n}\n\nconst DatePickerHeader = (props: DatePickerHeaderProps) => {\n  const {\n    currentDate,\n    isMonthYearSelection,\n    onToggleMonthYearPicker,\n    hideNavigationKeys,\n    \"data-testid\": dateTestId,\n    ariaLabel = \"Toggle select year\"\n  } = props;\n\n  const localedDated = moment(currentDate.valueOf());\n  const month = localedDated.format(\"MMMM\");\n  const year = localedDated.format(\"YYYY\");\n  const string = month + \" \" + year;\n  return (\n    <div className={styles.datePickerHeader}>\n      <div>{string}</div>\n      {!hideNavigationKeys && (\n        <button\n          data-testid={`${dateTestId}-year-toggle`}\n          type=\"button\"\n          className={styles.button}\n          aria-label={ariaLabel}\n          onClick={onToggleMonthYearPicker}\n        >\n          <div className={styles.buttonContent}>\n            <Icon iconType=\"svg\" icon={isMonthYearSelection ? DropdownChevronUp : DropdownChevronDown} iconSize={24} />\n          </div>\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport default DatePickerHeader;\n"],"names":["DatePickerHeader","props","isMonthYearSelection","onToggleMonthYearPicker","hideNavigationKeys","dateTestId","_props$ariaLabel","ariaLabel","localedDated","moment","currentDate","valueOf","month","format","year","React","createElement","className","styles","datePickerHeader","concat","type","button","onClick","buttonContent","Icon","iconType","icon","DropdownChevronUp","DropdownChevronDown","iconSize"],"mappings":"6RAkCA,IAAMA,EAAmB,SAACC,GACxB,IAEEC,EAKED,EALFC,qBACAC,EAIEF,EAJFE,wBACAC,EAGEH,EAHFG,mBACeC,EAEbJ,EAFF,eAAaK,EAEXL,EADFM,UAAAA,OAAY,IAAHD,EAAG,qBAAoBA,EAG5BE,EAAeC,EAFjBR,EANFS,YAQsCC,WAClCC,EAAQJ,EAAaK,OAAO,QAC5BC,EAAON,EAAaK,OAAO,QAEjC,OACEE,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,kBACrBJ,EAAAC,cAAA,MAAA,KAHWJ,EAAQ,IAAME,IAIvBV,GACAW,EAAAC,cAAA,SAAA,CAAA,cAAAI,GAAAA,OACkBf,EAAwB,gBACxCgB,KAAK,SACLJ,UAAWC,EAAOI,oBACNf,EACZgB,QAASpB,GAETY,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOM,eACrBT,EAACC,cAAAS,EAAK,CAAAC,SAAS,MAAMC,KAAMzB,EAAuB0B,EAAoBC,EAAqBC,SAAU,OAMjH"}

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js

@@ -0,0 +1,2 @@
+var e={datePickerHeader:"datePickerHeader_ba9e456584",button:"button_ed68df719d",buttonContent:"buttonContent_a3e181cb46"};!function(e){const n="s_id-89778422f1e0_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".datePickerHeader_ba9e456584 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_ba9e456584 .button_ed68df719d {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_ba9e456584 .button_ed68df719d .buttonContent_a3e181cb46 {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader_ba9e456584 .button_ed68df719d .buttonContent_a3e181cb46:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+//# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js.map

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

package/dist/src/components/DatePicker/YearPicker/YearPicker.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{useState as r}from"react";import a from"moment";import{CSSTransition as i}from"react-transition-group";import n from"classnames";import{YEAR_FORMAT as o}from"../constants.js";import s from"../DateNavigationItem/DateNavigationItem.js";import{Direction as m}from"../types.js";import c from"./YearPicker.module.scss.js";import{calcNewYearsPage as l}from"../date-picker-utils.js";import p from"./YearsList.js";var d={classNames:"slide-down",timeout:{enter:400,exit:400}},f=function(f){var u=f.selectedDate,v=f.isYearBlocked,g=f.changeCurrentDate,k=f["data-testid"],j=u?u.format(o):a().format(o),E=r(l(parseInt(j)-4,18)),N=e(E,2),Y=N[0],x=N[1],y=function(e){var t=Y[0],r=[];e===m.prev?r=l(t-18,18):e===m.next&&(r=l(t+18,18)),x(r)};return t.createElement("div",{"data-testid":"".concat(k,"-year-picker"),className:c.monthYearPicker},t.createElement("div",{className:n(c.navigationWrapper,c.navigationLeft)},t.createElement(s,{kind:m.prev,onClick:function(){return y(m.prev)}})),t.createElement("div",{className:n(c.navigationWrapper,c.navigationRight)},t.createElement(s,{kind:m.next,onClick:function(){return y(m.next)}})),t.createElement(i,Object.assign({},d,{in:!0,appear:!0}),t.createElement("div",{className:c.pickerOptions},t.createElement(p,{selectedYear:j,onSelect:function(e){g(a().year(e))},yearsItems:Y,isYearBlocked:v}))))};export{f as default};
+//# sourceMappingURL=YearPicker.js.map

package/dist/src/components/DatePicker/YearPicker/YearPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearPicker.js","sources":["../../../../../src/components/DatePicker/YearPicker/YearPicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport moment from \"moment\";\nimport { CSSTransition } from \"react-transition-group\";\nimport classnames from \"classnames\";\nimport { YEAR_FORMAT } from \"../constants\";\nimport DateNavigationItemComponent from \"../DateNavigationItem/DateNavigationItem\";\nimport { type Moment, Direction } from \"../types\";\nimport styles from \"./YearPicker.module.scss\";\nimport { calcNewYearsPage } from \"../date-picker-utils\";\nimport YearsList from \"./YearsList\";\n\nconst transitionOptions = {\n  classNames: \"slide-down\",\n  timeout: { enter: 400, exit: 400 }\n};\n\nconst PAGE_SIZE = 18;\nconst BUFFER_FROM_CURRENT_YEAR = 4;\nexport interface YearPickerProps {\n  /**\n   * The currently selected date.\n   */\n  selectedDate?: Moment;\n  /**\n   * Function to determine if a year should be blocked.\n   */\n  isYearBlocked?: (year: number) => boolean;\n  /**\n   * Callback fired when changing the selected year.\n   */\n  changeCurrentDate: (date: Moment) => void;\n  /**\n   * Test ID for testing purposes.\n   */\n  \"data-testid\"?: string;\n}\n\nconst YearPicker = ({ selectedDate, isYearBlocked, changeCurrentDate, \"data-testid\": dateTestId }: YearPickerProps) => {\n  const selectedYear = selectedDate ? selectedDate.format(YEAR_FORMAT) : moment().format(YEAR_FORMAT);\n\n  const [yearsToDisplay, setYearsToDisplay] = useState(\n    calcNewYearsPage(parseInt(selectedYear) - BUFFER_FROM_CURRENT_YEAR, PAGE_SIZE)\n  );\n\n  const onYearNavigationClick = (direction: Direction) => {\n    const firstYearInPage = yearsToDisplay[0];\n    let newYearsArray: number[] = [];\n    if (direction === Direction.prev) {\n      newYearsArray = calcNewYearsPage(firstYearInPage - PAGE_SIZE, PAGE_SIZE);\n    } else if (direction === Direction.next) {\n      newYearsArray = calcNewYearsPage(firstYearInPage + PAGE_SIZE, PAGE_SIZE);\n    }\n    setYearsToDisplay(newYearsArray);\n  };\n\n  const onYearSelect = (year: number) => {\n    changeCurrentDate(moment().year(year));\n  };\n\n  return (\n    <div data-testid={`${dateTestId}-year-picker`} className={styles.monthYearPicker}>\n      <div className={classnames(styles.navigationWrapper, styles.navigationLeft)}>\n        <DateNavigationItemComponent kind={Direction.prev} onClick={() => onYearNavigationClick(Direction.prev)} />\n      </div>\n      <div className={classnames(styles.navigationWrapper, styles.navigationRight)}>\n        <DateNavigationItemComponent kind={Direction.next} onClick={() => onYearNavigationClick(Direction.next)} />\n      </div>\n      <CSSTransition {...transitionOptions} in appear>\n        <div className={styles.pickerOptions}>\n          <YearsList\n            selectedYear={selectedYear}\n            onSelect={onYearSelect}\n            yearsItems={yearsToDisplay}\n            isYearBlocked={isYearBlocked}\n          />\n        </div>\n      </CSSTransition>\n    </div>\n  );\n};\n\nexport default YearPicker;\n"],"names":["transitionOptions","classNames","timeout","enter","exit","YearPicker","_ref","selectedDate","isYearBlocked","changeCurrentDate","dateTestId","selectedYear","format","YEAR_FORMAT","moment","_useState","useState","calcNewYearsPage","parseInt","_useState2","_slicedToArray","yearsToDisplay","setYearsToDisplay","onYearNavigationClick","direction","firstYearInPage","newYearsArray","Direction","prev","next","React","createElement","concat","className","styles","monthYearPicker","classnames","navigationWrapper","navigationLeft","DateNavigationItemComponent","kind","onClick","navigationRight","CSSTransition","Object","assign","in","appear","pickerOptions","YearsList","onSelect","year","yearsItems"],"mappings":"kfAWA,IAAMA,EAAoB,CACxBC,WAAY,aACZC,QAAS,CAAEC,MAAO,IAAKC,KAAM,MAwBzBC,EAAa,SAAHC,GAAsG,IAAhGC,EAAYD,EAAZC,aAAcC,EAAaF,EAAbE,cAAeC,EAAiBH,EAAjBG,kBAAkCC,EAAUJ,EAAzB,eAC9DK,EAAeJ,EAAeA,EAAaK,OAAOC,GAAeC,IAASF,OAAOC,GAEvFE,EAA4CC,EAC1CC,EAAiBC,SAASP,GAxBG,EADf,KA0BfQ,EAAAC,EAAAL,EAAA,GAFMM,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAIlCI,EAAwB,SAACC,GAC7B,IAAMC,EAAkBJ,EAAe,GACnCK,EAA0B,GAC1BF,IAAcG,EAAUC,KAC1BF,EAAgBT,EAAiBQ,EAhCrB,OAiCHD,IAAcG,EAAUE,OACjCH,EAAgBT,EAAiBQ,EAlCrB,QAoCdH,EAAkBI,IAOpB,OACEI,EAAkBC,cAAA,MAAA,CAAA,cAAAC,GAAAA,OAAGtB,EAAwB,gBAAEuB,UAAWC,EAAOC,iBAC/DL,EAAKC,cAAA,MAAA,CAAAE,UAAWG,EAAWF,EAAOG,kBAAmBH,EAAOI,iBAC1DR,EAACC,cAAAQ,GAA4BC,KAAMb,EAAUC,KAAMa,QAAS,WAAA,OAAMlB,EAAsBI,EAAUC,KAAK,KAEzGE,EAAKC,cAAA,MAAA,CAAAE,UAAWG,EAAWF,EAAOG,kBAAmBH,EAAOQ,kBAC1DZ,EAACC,cAAAQ,GAA4BC,KAAMb,EAAUE,KAAMY,QAAS,WAAA,OAAMlB,EAAsBI,EAAUE,KAAK,KAEzGC,EAAAC,cAACY,EAAkBC,OAAAC,OAAA,CAAA,EAAA7C,EAAmB,CAAA8C,MAAGC,QAAM,IAC7CjB,EAAAC,cAAA,MAAA,CAAKE,UAAWC,EAAOc,eACrBlB,EAACC,cAAAkB,GACCtC,aAAcA,EACduC,SAhBW,SAACC,GACpB1C,EAAkBK,IAASqC,KAAKA,KAgBxBC,WAAY/B,EACZb,cAAeA,MAM3B"}

package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js

@@ -0,0 +1,2 @@
+var e={monthYearPicker:"monthYearPicker_e239506340",navigationWrapper:"navigationWrapper_4e6a7997ce",navigationLeft:"navigationLeft_26d484bbdd",navigationRight:"navigationRight_0ea5e5a864",pickerOptions:"pickerOptions_7ba776a28b",pickerOption:"pickerOption_ac3f931764"};!function(e){const n="s_id-dcd379d5f457_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".monthYearPicker_e239506340 {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_e239506340 .slide-down-appear { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n}\n.monthYearPicker_e239506340 .slide-down-appear-active { /* stylelint-disable-line selector-class-pattern */\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_e239506340 .navigationWrapper_4e6a7997ce {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_e239506340 .navigationWrapper_4e6a7997ce.navigationLeft_26d484bbdd {\n  left: 21px;\n}\n.monthYearPicker_e239506340 .navigationWrapper_4e6a7997ce.navigationRight_0ea5e5a864 {\n  right: 21px;\n}\n.monthYearPicker_e239506340 .pickerOptions_7ba776a28b {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_e239506340 .pickerOptions_7ba776a28b .pickerOption_ac3f931764 {\n  min-width: 66px;\n}\n.monthYearPicker_e239506340 .CalendarYear--blocked { /* stylelint-disable-line selector-class-pattern */\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
+//# sourceMappingURL=YearPicker.module.scss.js.map

package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js.map

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

package/dist/src/components/DatePicker/YearPicker/YearsList.js

@@ -0,0 +1,2 @@
+import e from"react";import n from"./YearPicker.module.scss.js";import t from"../../../../components/button/dist/Button/Button.js";var r=function(){},o=function(o){var i=o.isYearBlocked,a=o.onSelect,l=o.selectedYear;return e.createElement(e.Fragment,null,o.yearsItems.map((function(o){var s,u,c=i&&i(o),d=c?r:function(){return a(o)},m=parseInt(l,10)===o?null===(s=null==t?void 0:t.kinds)||void 0===s?void 0:s.PRIMARY:null===(u=null==t?void 0:t.kinds)||void 0===u?void 0:u.TERTIARY;return e.createElement(t,{className:n.pickerOption,key:o,kind:m,onClick:d,disabled:c,marginLeft:!0,marginRight:!0},""+o)})))};export{o as default};
+//# sourceMappingURL=YearsList.js.map

package/dist/src/components/DatePicker/YearPicker/YearsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearsList.js","sources":["../../../../../src/components/DatePicker/YearPicker/YearsList.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@vibe/button\";\nimport styles from \"./YearPicker.module.scss\";\n\nconst NOOP = () => {};\n\nexport interface YearsListProps {\n  /**\n   * The list of years to display.\n   */\n  yearsItems: number[];\n  /**\n   * Function to determine if a year should be blocked.\n   */\n  isYearBlocked?: (year: number) => boolean;\n  /**\n   * Callback fired when a year is selected.\n   */\n  onSelect: (year: number) => void;\n  /**\n   * The currently selected year.\n   */\n  selectedYear: string;\n}\n\nconst YearsList = ({ yearsItems, isYearBlocked, onSelect, selectedYear }: YearsListProps) => {\n  return (\n    <>\n      {yearsItems.map(currYear => {\n        const shouldBlockYear = isYearBlocked && isYearBlocked(currYear);\n        const onClick = !shouldBlockYear ? () => onSelect(currYear) : NOOP;\n        const kind = parseInt(selectedYear, 10) === currYear ? Button?.kinds?.PRIMARY : Button?.kinds?.TERTIARY;\n\n        return (\n          <Button\n            className={styles.pickerOption}\n            key={currYear}\n            kind={kind}\n            onClick={onClick}\n            disabled={shouldBlockYear}\n            marginLeft\n            marginRight\n          >\n            {currYear.toString()}\n          </Button>\n        );\n      })}\n    </>\n  );\n};\n\nexport default YearsList;\n"],"names":["NOOP","YearsList","_ref","isYearBlocked","onSelect","selectedYear","React","yearsItems","map","currYear","shouldBlockYear","onClick","kind","parseInt","_a","Button","kinds","PRIMARY","_b","TERTIARY","createElement","className","styles","pickerOption","key","disabled","marginLeft","marginRight"],"mappings":"mIAIA,IAAMA,EAAO,aAqBPC,EAAY,SAAHC,GAA6E,IAA3DC,EAAaD,EAAbC,cAAeC,EAAQF,EAARE,SAAUC,EAAYH,EAAZG,aACxD,OACEC,gCAF2BJ,EAAVK,WAGHC,KAAI,SAAAC,WACRC,EAAkBP,GAAiBA,EAAcM,GACjDE,EAAWD,EAA6CV,EAA3B,WAAA,OAAMI,EAASK,EAAS,EACrDG,EAAOC,SAASR,EAAc,MAAQI,EAA0B,QAAfK,EAAAC,aAAM,EAANA,EAAQC,aAAO,IAAAF,OAAA,EAAAA,EAAAG,QAAuB,QAAbC,EAAAH,eAAAA,EAAQC,aAAK,IAAAE,OAAA,EAAAA,EAAEC,SAE/F,OACEb,EAACc,cAAAL,EACC,CAAAM,UAAWC,EAAOC,aAClBC,IAAKf,EACLG,KAAMA,EACND,QAASA,EACTc,SAAUf,EACVgB,YAAU,EACVC,aAAW,GAEVlB,KAGN,IAGP"}

package/dist/src/components/DatePicker/constants.js

@@ -0,0 +1,2 @@
+var Y="YYYY",r=40,a=1;export{r as DAY_SIZE,a as WEEK_FIRST_DAY,Y as YEAR_FORMAT};
+//# sourceMappingURL=constants.js.map

package/dist/src/components/DatePicker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/DatePicker/constants.ts"],"sourcesContent":["export const YEAR_FORMAT = \"YYYY\";\nexport const MONTH_FORMAT = \"MMMM\";\nexport const DAY_SIZE = 40;\nexport const WEEK_FIRST_DAY = 1;\n"],"names":["YEAR_FORMAT","DAY_SIZE","WEEK_FIRST_DAY"],"mappings":"AAAO,IAAMA,EAAc,OAEdC,EAAW,GACXC,EAAiB"}

package/dist/src/components/DatePicker/date-picker-utils.js

@@ -0,0 +1,2 @@
+import{toConsumableArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";var a=function(a,o){return(t=o,t>0?r(Array(Math.floor(t)).keys()):[]).map((function(r){return a+r}));var t};export{a as calcNewYearsPage};
+//# sourceMappingURL=date-picker-utils.js.map

package/dist/src/components/DatePicker/date-picker-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-utils.js","sources":["../../../../src/components/DatePicker/date-picker-utils.ts"],"sourcesContent":["const times = (n: number) => {\n  if (n <= 0) return [];\n  return [...Array(Math.floor(n)).keys()];\n};\n\nexport const calcNewYearsPage = (firstYearInPage: number, pageSize: number) => {\n  return times(pageSize).map(n => firstYearInPage + n);\n};\n"],"names":["calcNewYearsPage","firstYearInPage","pageSize","n","_toConsumableArray","Array","Math","floor","keys","map"],"mappings":"mFAAA,IAKaA,EAAmB,SAACC,EAAyBC,GACxD,OANaC,EAMAD,EALTC,EAAK,EACTC,EAAWC,MAAMC,KAAKC,MAAMJ,IAAIK,QADb,IAKIC,KAAI,SAAAN,GAAC,OAAIF,EAAkBE,KANtC,IAACA,CAOf"}

package/dist/src/components/DatePicker/external_datepicker.scss.js

@@ -0,0 +1,2 @@
+var n='/*  stylelint-disable scss/no-global-function-names, selector-class-pattern */\n.PresetDateRangePicker_panel {\n  padding: 0 22px 11px;\n}\n.PresetDateRangePicker_button {\n  position: relative;\n  height: 100%;\n  text-align: center;\n  background: 0 0;\n  border: 2px solid #00a699;\n  color: #00a699;\n  padding: 4px 12px;\n  margin-right: 8px;\n  font: inherit;\n  font-weight: 700;\n  line-height: normal;\n  overflow: visible;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n.PresetDateRangePicker_button:active {\n  outline: 0;\n}\n.PresetDateRangePicker_button__selected {\n  color: #fff;\n  background: #00a699;\n}\n.SingleDatePickerInput {\n  display: inline-block;\n  background-color: #fff;\n}\n.SingleDatePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.SingleDatePickerInput__rtl {\n  direction: rtl;\n}\n.SingleDatePickerInput__disabled {\n  background-color: #f2f2f2;\n}\n.SingleDatePickerInput__block {\n  display: block;\n}\n.SingleDatePickerInput__showClearDate {\n  padding-right: 30px;\n}\n.SingleDatePickerInput_clearDate {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.SingleDatePickerInput_clearDate__default:focus,\n.SingleDatePickerInput_clearDate__default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.SingleDatePickerInput_clearDate__small {\n  padding: 6px;\n}\n.SingleDatePickerInput_clearDate__hide {\n  visibility: hidden;\n}\n.SingleDatePickerInput_clearDate_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.SingleDatePickerInput_clearDate_svg__small {\n  height: 9px;\n}\n.SingleDatePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.SingleDatePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.SingleDatePicker {\n  position: relative;\n  display: inline-block;\n}\n.SingleDatePicker__block {\n  display: block;\n}\n.SingleDatePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.SingleDatePicker_picker__rtl {\n  direction: rtl;\n}\n.SingleDatePicker_picker__directionLeft {\n  left: 0;\n}\n.SingleDatePicker_picker__directionRight {\n  right: 0;\n}\n.SingleDatePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.SingleDatePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.SingleDatePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.SingleDatePicker_closeButton:focus,\n.SingleDatePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.SingleDatePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_buttonReset {\n  background: 0 0;\n  border: 0;\n  border-radius: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  padding: 0;\n  cursor: pointer;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_buttonReset:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_show {\n  width: 33px;\n  height: 26px;\n  position: absolute;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_show::before {\n  content: "";\n  display: block;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight {\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight::before {\n  border-top: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topRight {\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight::before {\n  border-bottom: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topLeft {\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft::before {\n  border-bottom: 26px solid transparent;\n  border-left: 33px solid #00a699;\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n  border-left: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_showSpan {\n  color: #fff;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_showSpan__bottomRight {\n  bottom: 0;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topRight {\n  top: 1px;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topLeft {\n  top: 1px;\n  left: 5px;\n}\n.DayPickerKeyboardShortcuts_panel {\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #dbdbdb;\n  border-radius: 2px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  padding: 22px;\n  margin: 33px;\n  text-align: left;\n}\n.DayPickerKeyboardShortcuts_title {\n  font-size: 16px;\n  font-weight: 700;\n  margin: 0;\n}\n.DayPickerKeyboardShortcuts_list {\n  list-style: none;\n  padding: 0;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_close {\n  position: absolute;\n  right: 22px;\n  top: 22px;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_close:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_closeSvg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_closeSvg:focus,\n.DayPickerKeyboardShortcuts_closeSvg:hover {\n  fill: #82888a;\n}\n.CalendarDay {\n  box-sizing: border-box;\n  cursor: pointer;\n  font-size: 14px;\n  text-align: center;\n}\n.CalendarDay:active {\n  outline: 0;\n}\n.CalendarDay__defaultCursor {\n  cursor: default;\n}\n.CalendarDay__default {\n  border: 1px solid #e4e7e7;\n  color: #484848;\n  background: #fff;\n}\n.CalendarDay__default:hover {\n  background: #e4e7e7;\n  border: 1px solid #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__hovered_offset {\n  background: #f4f5f5;\n  border: 1px double #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__outside {\n  border: 0;\n  background: #fff;\n  color: #484848;\n}\n.CalendarDay__outside:hover {\n  border: 0;\n}\n.CalendarDay__blocked_minimum_nights {\n  background: #fff;\n  border: 1px solid #eceeee;\n  color: #cacccd;\n}\n.CalendarDay__blocked_minimum_nights:active,\n.CalendarDay__blocked_minimum_nights:hover {\n  background: #fff;\n  color: #cacccd;\n}\n.CalendarDay__highlighted_calendar {\n  background: #ffe8bc;\n  color: #484848;\n}\n.CalendarDay__highlighted_calendar:active,\n.CalendarDay__highlighted_calendar:hover {\n  background: #ffce71;\n  color: #484848;\n}\n.CalendarDay__selected_span {\n  background: #66e2da;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected_span:active,\n.CalendarDay__selected_span:hover {\n  background: #33dacd;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected,\n.CalendarDay__selected:active,\n.CalendarDay__selected:hover {\n  background: #00a699;\n  border: 1px double #00a699;\n  color: #fff;\n}\n.CalendarDay__hovered_span,\n.CalendarDay__hovered_span:hover {\n  background: #b2f1ec;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__hovered_span:active {\n  background: #80e8e0;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__blocked_calendar,\n.CalendarDay__blocked_calendar:active,\n.CalendarDay__blocked_calendar:hover {\n  background: #cacccd;\n  border: 1px solid #cacccd;\n  color: #82888a;\n}\n.CalendarDay__blocked_out_of_range,\n.CalendarDay__blocked_out_of_range:active,\n.CalendarDay__blocked_out_of_range:hover {\n  background: #fff;\n  border: 1px solid #e4e7e7;\n  color: #cacccd;\n}\n.CalendarDay__hovered_start_first_possible_end {\n  background: #eceeee;\n  border: 1px double #eceeee;\n}\n.CalendarDay__hovered_start_blocked_min_nights {\n  background: #eceeee;\n  border: 1px double #e4e7e7;\n}\n.CalendarMonth {\n  background: #fff;\n  text-align: center;\n  vertical-align: top;\n  user-select: none;\n}\n.CalendarMonth_table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.CalendarMonth_verticalSpacing {\n  border-collapse: separate;\n}\n.CalendarMonth_caption {\n  color: #484848;\n  font-size: 18px;\n  text-align: center;\n  padding-top: 22px;\n  padding-bottom: 37px;\n  caption-side: initial;\n}\n.CalendarMonth_caption__verticalScrollable {\n  padding-top: 12px;\n  padding-bottom: 7px;\n}\n.CalendarMonthGrid {\n  background: #fff;\n  text-align: left;\n  z-index: 0;\n}\n.CalendarMonthGrid__animating {\n  z-index: 1;\n}\n.CalendarMonthGrid__horizontal {\n  position: absolute;\n  left: 9px;\n}\n.CalendarMonthGrid__vertical,\n.CalendarMonthGrid__vertical_scrollable {\n  margin: 0 auto;\n}\n.CalendarMonthGrid_month__horizontal {\n  display: inline-block;\n  vertical-align: top;\n  min-height: 100%;\n}\n.CalendarMonthGrid_month__hideForAnimation {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n.CalendarMonthGrid_month__hidden {\n  visibility: hidden;\n}\n.DayPickerNavigation {\n  position: relative;\n  z-index: 2;\n}\n.DayPickerNavigation__horizontal {\n  height: 0;\n}\n.DayPickerNavigation__verticalScrollable_prevNav {\n  z-index: 1;\n}\n.DayPickerNavigation__verticalDefault {\n  position: absolute;\n  width: 100%;\n  height: 52px;\n  bottom: 0;\n  left: 0;\n}\n.DayPickerNavigation__verticalScrollableDefault {\n  position: relative;\n}\n.DayPickerNavigation__bottom {\n  height: auto;\n}\n.DayPickerNavigation__bottomDefault {\n  -webkit-box-pack: justify;\n  -ms-flex-pack: justify;\n  display: flex;\n  justify-content: space-between;\n}\n.DayPickerNavigation_button {\n  cursor: pointer;\n  user-select: none;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n.DayPickerNavigation_button__default {\n  border: 1px solid #e4e7e7;\n  background-color: #fff;\n  color: #757575;\n}\n.DayPickerNavigation_button__default:focus,\n.DayPickerNavigation_button__default:hover {\n  border: 1px solid #c4c4c4;\n}\n.DayPickerNavigation_button__default:active {\n  background: #f2f2f2;\n}\n.DayPickerNavigation_button__disabled {\n  cursor: default;\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:focus,\n.DayPickerNavigation_button__disabled:hover {\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:active {\n  background: 0 0;\n}\n.DayPickerNavigation_button__horizontalDefault {\n  position: absolute;\n  top: 18px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.DayPickerNavigation_bottomButton__horizontalDefault {\n  position: static;\n  margin: -10px 22px 30px;\n}\n.DayPickerNavigation_leftButton__horizontalDefault {\n  left: 22px;\n}\n.DayPickerNavigation_rightButton__horizontalDefault {\n  right: 22px;\n}\n.DayPickerNavigation_button__verticalDefault {\n  padding: 5px;\n  background: #fff;\n  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  height: 100%;\n  width: 50%;\n}\n.DayPickerNavigation_nextButton__verticalDefault {\n  border-left: 0;\n}\n.DayPickerNavigation_nextButton__verticalScrollableDefault,\n.DayPickerNavigation_prevButton__verticalScrollableDefault {\n  width: 100%;\n}\n.DayPickerNavigation_svg__horizontal {\n  height: 19px;\n  width: 19px;\n  fill: #82888a;\n  display: block;\n}\n.DayPickerNavigation_svg__vertical {\n  height: 42px;\n  width: 42px;\n  fill: #484848;\n}\n.DayPickerNavigation_svg__disabled {\n  fill: #f2f2f2;\n}\n.DayPicker {\n  background: #fff;\n  position: relative;\n  text-align: left;\n}\n.DayPicker__horizontal {\n  background: #fff;\n}\n.DayPicker__verticalScrollable {\n  height: 100%;\n}\n.DayPicker__hidden {\n  visibility: hidden;\n}\n.DayPicker__withBorder {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n  border-radius: 3px;\n}\n.DayPicker_portal__horizontal {\n  box-shadow: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n}\n.DayPicker_portal__vertical {\n  position: initial;\n}\n.DayPicker_focusRegion {\n  outline: 0;\n}\n.DayPicker_calendarInfo__horizontal,\n.DayPicker_wrapper__horizontal {\n  display: inline-block;\n  vertical-align: top;\n}\n.DayPicker_weekHeaders {\n  position: relative;\n}\n.DayPicker_weekHeaders__horizontal {\n  margin-left: 9px;\n}\n.DayPicker_weekHeader {\n  color: #757575;\n  position: absolute;\n  top: 62px;\n  z-index: 2;\n  text-align: left;\n}\n.DayPicker_weekHeader__vertical {\n  left: 50%;\n}\n.DayPicker_weekHeader__verticalScrollable {\n  top: 0;\n  display: table-row;\n  border-bottom: 1px solid #dbdbdb;\n  background: #fff;\n  margin-left: 0;\n  left: 0;\n  width: 100%;\n  text-align: center;\n}\n.DayPicker_weekHeader_ul {\n  list-style: none;\n  margin: 1px 0;\n  padding-left: 0;\n  padding-right: 0;\n  font-size: 14px;\n}\n.DayPicker_weekHeader_li {\n  display: inline-block;\n  text-align: center;\n}\n.DayPicker_transitionContainer {\n  position: relative;\n  overflow: hidden;\n  border-radius: 3px;\n}\n.DayPicker_transitionContainer__horizontal {\n  transition: height 0.2s ease-in-out;\n}\n.DayPicker_transitionContainer__vertical {\n  width: 100%;\n}\n.DayPicker_transitionContainer__verticalScrollable {\n  padding-top: 20px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  overflow-y: scroll;\n}\n.DateInput {\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  position: relative;\n  display: inline-block;\n  width: 130px;\n  vertical-align: middle;\n}\n.DateInput__small {\n  width: 97px;\n}\n.DateInput__block {\n  width: 100%;\n}\n.DateInput__disabled {\n  background: #f2f2f2;\n  color: #dbdbdb;\n}\n.DateInput_input {\n  font-weight: 200;\n  font-size: 19px;\n  line-height: 24px;\n  color: #484848;\n  background-color: #fff;\n  width: 100%;\n  padding: 11px 11px 9px;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid transparent;\n  border-left: 0;\n  border-radius: 0;\n}\n.DateInput_input__small {\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: 0.2px;\n  padding: 7px 7px 5px;\n}\n.DateInput_input__regular {\n  font-weight: auto;\n}\n.DateInput_input__readOnly {\n  user-select: none;\n}\n.DateInput_input__focused {\n  outline: 0;\n  background: #fff;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid #008489;\n  border-left: 0;\n}\n.DateInput_input__disabled {\n  background: #f2f2f2;\n  font-style: italic;\n}\n.DateInput_screenReaderMessage {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n.DateInput_fang {\n  position: absolute;\n  width: 20px;\n  height: 10px;\n  left: 22px;\n  z-index: 2;\n}\n.DateInput_fangShape {\n  fill: #fff;\n}\n.DateInput_fangStroke {\n  stroke: #dbdbdb;\n  fill: transparent;\n}\n.DateRangePickerInput {\n  background-color: #fff;\n  display: inline-block;\n}\n.DateRangePickerInput__disabled {\n  background: #f2f2f2;\n}\n.DateRangePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.DateRangePickerInput__rtl {\n  direction: rtl;\n}\n.DateRangePickerInput__block {\n  display: block;\n}\n.DateRangePickerInput__showClearDates {\n  padding-right: 30px;\n}\n.DateRangePickerInput_arrow {\n  display: inline-block;\n  vertical-align: middle;\n  color: #484848;\n}\n.DateRangePickerInput_arrow_svg {\n  vertical-align: middle;\n  fill: #484848;\n  height: 24px;\n  width: 24px;\n}\n.DateRangePickerInput_clearDates {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.DateRangePickerInput_clearDates__small {\n  padding: 6px;\n}\n.DateRangePickerInput_clearDates_default:focus,\n.DateRangePickerInput_clearDates_default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.DateRangePickerInput_clearDates__hide {\n  visibility: hidden;\n}\n.DateRangePickerInput_clearDates_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.DateRangePickerInput_clearDates_svg__small {\n  height: 9px;\n}\n.DateRangePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.DateRangePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.DateRangePicker {\n  position: relative;\n  display: inline-block;\n}\n.DateRangePicker__block {\n  display: block;\n}\n.DateRangePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.DateRangePicker_picker__rtl {\n  direction: rtl;\n}\n.DateRangePicker_picker__directionLeft {\n  left: 0;\n}\n.DateRangePicker_picker__directionRight {\n  right: 0;\n}\n.DateRangePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.DateRangePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.DateRangePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.DateRangePicker_closeButton:focus,\n.DateRangePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.DateRangePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}';!function(n){const e="s_id-b47853b64474_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(n);export{n as default};
+//# sourceMappingURL=external_datepicker.scss.js.map

package/dist/src/components/DatePicker/external_datepicker.scss.js.map

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

package/dist/src/components/DatePicker/types.js

@@ -0,0 +1,2 @@
+var t,e;!function(t){t.startDate="startDate",t.endDate="endDate"}(t||(t={})),function(t){t.next="next",t.prev="prev"}(e||(e={}));export{e as Direction,t as FocusInput};
+//# sourceMappingURL=types.js.map

package/dist/src/components/DatePicker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/DatePicker/types.ts"],"sourcesContent":["import type moment from \"moment\";\n\nexport type Moment = moment.Moment;\n\nexport enum FocusInput {\n  startDate = \"startDate\",\n  endDate = \"endDate\"\n}\n\nexport enum Direction {\n  next = \"next\",\n  prev = \"prev\"\n}\n\nexport interface RangeDate {\n  /**\n   * The start date of the range.\n   */\n  startDate: Moment | null;\n  /**\n   * The end date of the range.\n   */\n  endDate: Moment | null;\n}\n"],"names":["FocusInput","Direction"],"mappings":"IAIYA,EAKAC,GALZ,SAAYD,GACVA,EAAA,UAAA,YACAA,EAAA,QAAA,SACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAED,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

package/dist/src/components/Divider/Divider.js

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as r,ComponentDefaultTestId as e}from"../../tests/testIds.js";import i from"classnames";import s from"react";import{getStyle as o}from"../../helpers/typesciptCssModulesHelper.js";import a from"./Divider.module.scss.js";import{ComponentVibeId as d}from"../../tests/constants.js";var m=function(m){var l=m.className,p=void 0===l?void 0:l,n=m.withoutMargin,v=void 0!==n&&n,c=m.direction,f=void 0===c?"horizontal":c,u=m.id;return s.createElement("div",{id:u,"data-testid":m["data-testid"]||r(e.DIVIDER,u),"data-vibe":d.DIVIDER,className:i(a.divider,p,o(a,f),t({},a.withoutMargin,v))})};export{m as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import i from"classnames";import o from"react";import{DirectionType as e}from"./DividerConstants.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"./Divider.module.scss.js";import{ComponentVibeId as p}from"../../tests/constants.js";var l=m((function(e){var m=e.className,l=void 0===m?void 0:m,n=e.withoutMargin,c=void 0!==n&&n,v=e.direction,f=void 0===v?"horizontal":v,u=e.id;return o.createElement("div",{id:u,"data-testid":e["data-testid"]||r(s.DIVIDER,u),"data-vibe":p.DIVIDER,className:i(d.divider,l,a(d,f),t({},d.withoutMargin,c))})}),{directions:e});export{l as default};
 //# sourceMappingURL=Divider.js.map

package/dist/src/components/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { type DividerDirection } from \"./Divider.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Divider.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface DividerProps extends VibeComponentProps {\n  /**\n   * The direction of the divider.\n   */\n  direction?: DividerDirection;\n  /**\n   * If true, removes margin from the divider.\n   */\n  withoutMargin?: boolean;\n}\n\nconst Divider = ({\n  className = undefined,\n  withoutMargin = false,\n  direction = \"horizontal\",\n  id,\n  \"data-testid\": dataTestId\n}: DividerProps) => {\n  return (\n    <div\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.DIVIDER, id)}\n      data-vibe={ComponentVibeId.DIVIDER}\n      className={cx(styles.divider, className, getStyle(styles, direction), {\n        [styles.withoutMargin]: withoutMargin\n      })}\n    />\n  );\n};\n\nexport default Divider;\n"],"names":["Divider","_ref","_ref$className","className","undefined","_ref$withoutMargin","withoutMargin","_ref$direction","direction","id","React","createElement","getTestId","ComponentDefaultTestId","DIVIDER","ComponentVibeId","cx","styles","divider","getStyle","_defineProperty"],"mappings":"uXAoBA,IAAMA,EAAU,SAAHC,GAMM,IAAAC,EAAAD,EALjBE,UAAAA,OAAYC,IAAHF,OAAGE,EAASF,EAAAG,EAAAJ,EACrBK,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,EAAG,aAAYA,EACxBE,EAAER,EAAFQ,GAGA,OACEC,EACEC,cAAA,MAAA,CAAAF,GAAIA,gBAJiBR,EAAzB,gBAK+BW,EAAUC,EAAuBC,QAASL,GAC1D,YAAAM,EAAgBD,QAC3BX,UAAWa,EAAGC,EAAOC,QAASf,EAAWgB,EAASF,EAAQT,GAAUY,EAAA,CAAA,EACjEH,EAAOX,cAAgBA,KAIhC"}
+{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { DirectionType as DirectionTypeEnum } from \"./DividerConstants\";\nimport { type DividerDirection } from \"./Divider.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Divider.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface DividerProps extends VibeComponentProps {\n  /**\n   * The direction of the divider.\n   */\n  direction?: DividerDirection;\n  /**\n   * If true, removes margin from the divider.\n   */\n  withoutMargin?: boolean;\n}\n\nconst Divider = ({\n  className = undefined,\n  withoutMargin = false,\n  direction = \"horizontal\",\n  id,\n  \"data-testid\": dataTestId\n}: DividerProps) => {\n  return (\n    <div\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.DIVIDER, id)}\n      data-vibe={ComponentVibeId.DIVIDER}\n      className={cx(styles.divider, className, getStyle(styles, direction), {\n        [styles.withoutMargin]: withoutMargin\n      })}\n    />\n  );\n};\n\ninterface DividerStaticProps {\n  directions: typeof DirectionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<DividerProps, DividerStaticProps>(Divider, {\n  directions: DirectionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$className","className","undefined","_ref$withoutMargin","withoutMargin","_ref$direction","direction","id","React","createElement","getTestId","ComponentDefaultTestId","DIVIDER","ComponentVibeId","cx","styles","divider","getStyle","_defineProperty","directions","DirectionTypeEnum"],"mappings":"siBAqBA,IAuBeA,EAAAA,GAvBC,SAAHC,GAMM,IAAAC,EAAAD,EALjBE,UAAAA,OAAYC,IAAHF,OAAGE,EAASF,EAAAG,EAAAJ,EACrBK,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,EAAG,aAAYA,EACxBE,EAAER,EAAFQ,GAGA,OACEC,EACEC,cAAA,MAAA,CAAAF,GAAIA,gBAJiBR,EAAzB,gBAK+BW,EAAUC,EAAuBC,QAASL,GAC1D,YAAAM,EAAgBD,QAC3BX,UAAWa,EAAGC,EAAOC,QAASf,EAAWgB,EAASF,EAAQT,GAAUY,EAAA,CAAA,EACjEH,EAAOX,cAAgBA,KAIhC,GAM2F,CACzFe,WAAYC"}

package/dist/src/components/Divider/Divider.module.scss.js

@@ -1,2 +1,2 @@
-var e={divider:"divider_ebae45dae5",withoutMargin:"withoutMargin_89b03d6bf4",horizontal:"horizontal_b6d55d8251",vertical:"vertical_0b0aa8c40b"};!function(e){const n="s_id-290500f5721e_3_85_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_ebae45dae5 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_ebae45dae5.withoutMargin_89b03d6bf4 {\n  margin: 0;\n}\n\n.horizontal_b6d55d8251 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_0b0aa8c40b {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_e9e493b0be",withoutMargin:"withoutMargin_9a8f5c6c9c",horizontal:"horizontal_ef0c88b048",vertical:"vertical_bd6ae68f48"};!function(e){const n="s_id-290500f5721e_3_86_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_e9e493b0be {\n  background-color: var(--layout-border-color);\n}\n\n.divider_e9e493b0be.withoutMargin_9a8f5c6c9c {\n  margin: 0;\n}\n\n.horizontal_ef0c88b048 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_bd6ae68f48 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Divider.module.scss.js.map

package/dist/src/components/Divider/DividerConstants.js

@@ -0,0 +1,2 @@
+var o;!function(o){o.VERTICAL="vertical",o.HORIZONTAL="horizontal"}(o||(o={}));export{o as DirectionType};
+//# sourceMappingURL=DividerConstants.js.map

package/dist/src/components/Divider/DividerConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividerConstants.js","sources":["../../../../src/components/Divider/DividerConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum DirectionType {\n  VERTICAL = \"vertical\",\n  HORIZONTAL = \"horizontal\"\n}\n"],"names":["DirectionType"],"mappings":"IAGYA,GAAZ,SAAYA,GACVA,EAAA,SAAA,WACAA,EAAA,WAAA,YACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

package/dist/src/components/Dropdown/Dropdown.js

@@ -1,2 +1,2 @@
-import o,{forwardRef as r,useRef as e}from"react";import t from"../../hooks/useMergeRef.js";import n from"./modes/DropdownComboboxController.js";import l from"./modes/DropdownMultiComboboxController.js";import m from"./modes/DropdownSelectController.js";import s from"./modes/DropdownMultiSelectController.js";var i=r((function(r,i){var u=!!r.searchable,d=e(null),f=t(i,d);return function(o){return o.multi}(r)?o.createElement(u?l:s,Object.assign({},r,{dropdownRef:f})):function(o){return!o.multi}(r)?o.createElement(u?n:m,Object.assign({},r,{dropdownRef:f})):null}));export{i as default};
+import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as c,useContext as u,useMemo as d,useState as p,useEffect as m,useCallback as f}from"react";import v,{createFilter as O,components as b}from"react-select";import g from"react-select/async";import j from"react-select/base";import{noop as C}from"es-toolkit";import y from"./components/menu/menu.js";import M from"./components/DropdownIndicator/DropdownIndicator.js";import h from"./components/option/option.js";import w from"./components/singleValue/singleValue.js";import S from"./components/ClearIndicator/ClearIndicator.js";import D from"./components/MultiValueContainer/MultiValueContainer.js";import{isClient as I}from"../../utils/ssr-utils.js";import{DROPDOWN_CHIP_COLORS as P,DROPDOWN_MENU_PLACEMENT as V,DROPDOWN_MENU_POSITION as R,ADD_AUTO_HEIGHT_COMPONENTS as x,defaultCustomStyles as L,DROPDOWN_ID as E,DROPDOWN_MENU_ID as N,DROPDOWN_MENU_ARIA_LABEL as W,DROPDOWN_INPUT_ARIA_LABEL as A}from"./DropdownConstants.js";import T,{customTheme as z}from"./Dropdown.styles.js";import F from"./components/Control/Control.js";import{useWarnDeprecated as B}from"../../utils/warn-deprecated.js";import k from"./components/menu/menu.module.scss.js";import q from"./Dropdown.module.scss.js";import{withStaticProps as H}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ComponentVibeId as _}from"../../tests/constants.js";import G from"../../../components/layer/dist/LayerProvider/LayerContext.js";import K from"../../../components/typography/dist/Text/Text.js";var J=H(l((function(a,l){var O=a.className,P=a.optionWrapperClassName,V=a.singleValueWrapperClassName,R=a.dropdownMenuWrapperClassName,H=a.placeholder,J=void 0===H?"":H,Q=a.allowPlaceholderEllipsis,U=a.disabled,X=void 0!==U&&U,Y=a.readOnly,Z=void 0!==Y&&Y,$=a.onMenuOpen,ee=void 0===$?C:$,ne=a.onMenuClose,oe=void 0===ne?C:ne,te=a.onFocus,re=void 0===te?C:te,ie=a.onBlur,ae=void 0===ie?C:ie,se=a.onScroll,le=void 0===se?C:se,ce=a.onMenuScrollToBottom,ue=void 0===ce?C:ce,de=a.onChange,pe=void 0===de?C:de,me=a.searchable,fe=void 0===me||me,ve=a.captureMenuScroll,Oe=void 0!==ve&&ve,be=a.options,ge=void 0===be?[]:be,je=a.defaultValue,Ce=a.value,ye=a.noOptionsMessage,Me=a.openMenuOnFocus,he=a.openMenuOnClick,we=a.clearable,Se=void 0===we||we,De=a.OptionRenderer,Ie=a.optionRenderer,Pe=a.ValueRenderer,Ve=a.valueRenderer,Re=a.menuRenderer,xe=a.menuPlacement,Le=void 0===xe?"bottom":xe,Ee=a.rtl,Ne=a.size,We=void 0===Ne?"medium":Ne,Ae=a.asyncOptions,Te=a.cacheOptions,ze=a.defaultOptions,Fe=a.isVirtualized,Be=a.menuPortalTarget,ke=a.extraStyles,qe=void 0===ke?L:ke,He=a.maxMenuHeight,_e=a.menuIsOpen,Ge=a.tabIndex,Ke=void 0===Ge?"0":Ge,Je=a.id,Qe=void 0===Je?E:Je,Ue=a.menuId,Xe=void 0===Ue?N:Ue,Ye=a.menuAriaLabel,Ze=void 0===Ye?W:Ye,$e=a.inputAriaLabel,en=void 0===$e?A:$e,nn=a.autoFocus,on=void 0!==nn&&nn,tn=a.multi,rn=void 0!==tn&&tn,an=a.multiline,sn=void 0!==an&&an,ln=a.onOptionRemove,cn=a.onOptionSelect,un=a.onClear,dn=a.onInputChange,pn=void 0===dn?C:dn,mn=a.closeMenuOnSelect,fn=void 0===mn?!rn:mn,vn=a.closeMenuOnScroll,On=void 0!==vn&&vn,bn=a.withMandatoryDefaultOptions,gn=void 0!==bn&&bn,jn=a.isOptionSelected,Cn=a.insideOverflowContainer,yn=void 0!==Cn&&Cn,Mn=a.insideOverflowWithTransformContainer,hn=void 0!==Mn&&Mn,wn=a.insideLayerContext,Sn=void 0!==wn&&wn,Dn=a.tooltipContent,In=void 0===Dn?"":Dn,Pn=a.onKeyDown,Vn=void 0===Pn?C:Pn,Rn=a.isLoading,xn=void 0!==Rn&&Rn,Ln=a.loadingMessage,En=a.ariaLabel,Nn=a.tabSelectsValue,Wn=void 0===Nn||Nn,An=a.popupsContainerSelector,Tn=a.filterOption,zn=a.menuPosition,Fn=void 0===zn?"absolute":zn,Bn=a["data-testid"],kn=a.withGroupDivider,qn=void 0!==kn&&kn,Hn=a.inputValue,_n=a.blurInputOnSelect,Gn=a.multiValueDialogClassName;B({component:"Dropdown",message:"This component is deprecated and will be removed in the next major version. Please use Dropdown from @vibe/core/next instead."});var Kn=c(),Jn=u(G).layerRef,Qn=Sn&&(null==Jn?void 0:Jn.current)||Be||An&&document.querySelector(An),Un=d((function(){return je?Array.isArray(je)?je.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},je),{isMandatory:!0}):je}),[je]);j.prototype.renderLiveRegion=function(){return null};var Xn=p(null),Yn=e(Xn,2),Zn=Yn[0],$n=Yn[1];m((function(){I()&&(!function(){try{return"function"==typeof require&&"undefined"!=typeof module&&"undefined"!=typeof process&&"test"===process.env.NODE_ENV}catch(e){return!1}}()?import("react-windowed-select").then((function(e){$n((function(){return e.WindowedMenuList}))})):$n((function(){return require("react-windowed-select").WindowedMenuList})))}),[]);var eo=p(Un||[]),no=e(eo,2),oo=no[0],to=no[1],ro=p(""),io=e(ro,2),ao=io[0],so=io[1],lo=Ie||De,co=Ve||Pe,uo=!!Ce,po=null!=Ce?Ce:oo,mo=d((function(){return Array.isArray(po)?po.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[po]),fo=d((function(){return En||"".concat(Z?"Readonly ":""," ").concat(In," ").concat(Array.isArray(po)?"Selected: ".concat(po.map((function(e){return e.label})).join(", ")):"Select")}),[En,Z,po,In]),vo=rn?po:Ce,Oo=d((function(){var o=T({size:We,rtl:Ee,insideOverflowContainer:yn,controlRef:Kn,insideOverflowWithTransformContainer:hn,withGroupDivider:qn,searchable:fe,allowPlaceholderEllipsis:Q}),t=qe(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(rn){sn&&x.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[We,Ee,yn,hn,Q,qe,rn,sn]),bo=f((function(e){return s.createElement(y,Object.assign({},e,{id:Xe,ariaLabel:Ze,Renderer:Re,dropdownMenuWrapperClassName:R,onScroll:le}))}),[R,Re,Xe,Ze,le]),go=f((function(e){return s.createElement(M,Object.assign({},e,{size:We}))}),[We]),jo=f((function(e){return s.createElement(h,Object.assign({setFocusedOptionId:so},e,{Renderer:lo,optionWrapperClassName:P}))}),[lo,P,so]),Co=f((function(e){var n=e.selectProps,o=n.focusedOptionId,t=n.menuIsOpen;return s.createElement(b.Input,Object.assign({},e,{"aria-activedescendant":o&&t?o:"",role:"combobox","aria-expanded":!Z&&t,"aria-label":en,"aria-controls":Xe,readOnly:!fe||void 0}))}),[Xe,Z]),yo=f((function(e){return s.createElement(w,Object.assign({},e,{readOnly:Z,Renderer:co,selectedOption:po[0],singleValueWrapperClassName:V}))}),[co,Z,po,V]),Mo=f((function(e){return s.createElement(S,Object.assign({},e,{size:We}))}),[We]),ho=d((function(){return function(e,n){ln&&ln(mo[e]);var o=Array.isArray(po)?po.filter((function(n){return n.value!==e})):po;pe&&pe(o,n),to(o)}}),[pe,ln,po,mo]),wo=d((function(){return{selectedOptions:po,onSelectedDelete:ho,isMultiline:sn,insideOverflowContainer:yn,insideOverflowWithTransformContainer:hn,controlRef:Kn,tooltipContent:In,popupsContainerSelector:Sn?null==Jn?void 0:Jn.current:An,size:We,dialogClassName:Gn}}),[po,ho,sn,yn,hn,In,Jn,An,Sn,We,Gn]),So=Ae?g:v;So=So.default||So;var Do=Object.assign({},Ae&&Object.assign({loadOptions:Ae,cacheOptions:Te},ze&&{defaultOptions:ze})),Io=Object.assign(Object.assign({},!Ae&&{options:ge}),rn&&{isMulti:!0}),Po=f((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(k.dropdownMenuWrapper))&&(On||yn||hn)}),[yn,hn,On]),Vo=d((function(){return Q?s.createElement(K,{type:"text2",color:"inherit"},J):J}),[Q,J]);return s.createElement(So,Object.assign({className:i(q.dropdown,O),selectProps:wo,components:Object.assign(Object.assign({DropdownIndicator:go,Menu:bo,ClearIndicator:Mo,Input:Co,Option:jo,Control:F,SingleValue:yo},rn&&{MultiValue:C,ValueContainer:D}),Fe&&Zn&&{MenuList:Zn}),closeMenuOnScroll:Po,size:We,noOptionsMessage:ye,placeholder:Vo,isDisabled:X,isClearable:!Z&&Se,isSearchable:!Z,readOnly:Z,"aria-readonly":Z,"aria-label":fo,"aria-details":In,"aria-haspopup":"listbox",defaultValue:je,value:vo,onMenuOpen:ee,onMenuClose:oe,onFocus:re,onBlur:ae,onMenuScrollToBottom:ue,captureMenuScroll:Oe,onChange:function(e,n){switch(pe&&pe(e,n),n.action){case"select-option":var t=rn?n.option:e;cn&&cn(t),uo||to([].concat(o(po),[t]));break;case"clear":un&&un(),uo||to(gn?Un:[])}},onKeyDown:Vn,onInputChange:pn,openMenuOnFocus:Me,openMenuOnClick:he,focusedOptionId:ao,isRtl:Ee,styles:Oo,theme:z,maxMenuHeight:He,menuPortalTarget:Qn,menuPlacement:Le,menuPosition:Fn,menuIsOpen:!Z&&_e,tabIndex:Ke,id:Qe,"data-testid":Bn||t(r.DROPDOWN,Qe),"data-vibe":_.DROPDOWN,autoFocus:on,closeMenuOnSelect:fn,ref:l,withMandatoryDefaultOptions:gn,isOptionSelected:jn,isLoading:xn,loadingMessage:Ln,tabSelectsValue:Wn,filterOption:Tn,inputValue:Hn,blurInputOnSelect:_n},Do,Io))})),{sizes:a,chipColors:P,menuPlacements:V,menuPositions:R,createFilter:O});export{J as default};
 //# sourceMappingURL=Dropdown.js.map

package/dist/src/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef, forwardRef } from \"react\";\nimport {\n  type BaseDropdownProps,\n  type DropdownMultiControllerProps,\n  type DropdownSingleControllerProps\n} from \"./Dropdown.types\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type BaseItemData } from \"../BaseItem\";\nimport DropdownComboboxController from \"./modes/DropdownComboboxController\";\nimport DropdownMultiComboboxController from \"./modes/DropdownMultiComboboxController\";\nimport DropdownSelectController from \"./modes/DropdownSelectController\";\nimport DropdownMultiSelectController from \"./modes/DropdownMultiSelectController\";\n\nconst Dropdown = forwardRef(\n  <Item extends BaseItemData<Record<string, unknown>>>(\n    dropdownProps: BaseDropdownProps<Item>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const isSearchable = Boolean(dropdownProps.searchable);\n\n    const dropdownInternalRef = useRef<HTMLDivElement>(null);\n    const dropdownMergedRef = useMergeRef(ref, dropdownInternalRef);\n\n    if (isMultiType(dropdownProps)) {\n      return isSearchable ? (\n        <DropdownMultiComboboxController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      ) : (\n        <DropdownMultiSelectController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      );\n    }\n\n    if (isSingleType(dropdownProps)) {\n      return isSearchable ? (\n        <DropdownComboboxController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      ) : (\n        <DropdownSelectController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      );\n    }\n\n    return null;\n  }\n);\n\nexport default Dropdown as <Item extends BaseItemData<Record<string, unknown>>>(\n  props: BaseDropdownProps<Item> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement;\n\nfunction isMultiType(dropdownProps: BaseDropdownProps<any>): dropdownProps is DropdownMultiControllerProps<any> {\n  return dropdownProps.multi;\n}\n\nfunction isSingleType(dropdownProps: BaseDropdownProps<any>): dropdownProps is DropdownSingleControllerProps<any> {\n  return !dropdownProps.multi;\n}\n"],"names":["Dropdown","forwardRef","dropdownProps","ref","isSearchable","searchable","dropdownInternalRef","useRef","dropdownMergedRef","useMergeRef","multi","isMultiType","React","createElement","DropdownMultiComboboxController","DropdownMultiSelectController","Object","assign","dropdownRef","isSingleType","DropdownComboboxController","DropdownSelectController"],"mappings":"sTAaMA,IAAAA,EAAWC,GACf,SACEC,EACAC,GAEA,IAAMC,IAAuBF,EAAcG,WAErCC,EAAsBC,EAAuB,MAC7CC,EAAoBC,EAAYN,EAAKG,GAE3C,OAwBJ,SAAqBJ,GACnB,OAAOA,EAAcQ,KACvB,CA1BQC,CAAYT,GAEZU,EAAAC,cADKT,EACJU,EAEAC,EAF+BC,OAAAC,OAAA,CAAA,EAAKf,EAAa,CAAEgB,YAAaV,KA0BzE,SAAsBN,GACpB,OAAQA,EAAcQ,KACxB,CAtBQS,CAAajB,GAEbU,EAAAC,cADKT,EACJgB,EAEAC,EAF0BL,OAAAC,OAAA,CAAA,EAAKf,EAAa,CAAEgB,YAAaV,KAMzD,IACT"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { BaseSizes, type SIZES_VALUES } from \"../../constants\";\nimport React, { forwardRef, useCallback, useMemo, useRef, useState, useEffect, useContext } from \"react\";\nimport Select, { type InputProps, components, createFilter, type ActionMeta } from \"react-select\";\nimport AsyncSelect from \"react-select/async\";\nimport BaseSelect from \"react-select/base\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport MenuComponent from \"./components/menu/menu\";\nimport DropdownIndicatorComponent from \"./components/DropdownIndicator/DropdownIndicator\";\nimport OptionComponent from \"./components/option/option\";\nimport SingleValueComponent from \"./components/singleValue/singleValue\";\nimport ClearIndicatorComponent from \"./components/ClearIndicator/ClearIndicator\";\nimport MultiValueContainer from \"./components/MultiValueContainer/MultiValueContainer\";\nimport { isClient } from \"../../utils/ssr-utils\";\nimport {\n  ADD_AUTO_HEIGHT_COMPONENTS,\n  defaultCustomStyles,\n  DROPDOWN_CHIP_COLORS,\n  DROPDOWN_ID,\n  DROPDOWN_INPUT_ARIA_LABEL,\n  DROPDOWN_MENU_ARIA_LABEL,\n  DROPDOWN_MENU_ID,\n  DROPDOWN_MENU_PLACEMENT,\n  DROPDOWN_MENU_POSITION\n} from \"./DropdownConstants\";\nimport generateBaseStyles, { customTheme } from \"./Dropdown.styles\";\nimport Control from \"./components/Control/Control\";\nimport { Text } from \"@vibe/typography\";\nimport { useWarnDeprecated } from \"../../utils/warn-deprecated\";\nimport menuStyles from \"./components/menu/menu.module.scss\";\nimport styles from \"./Dropdown.module.scss\";\nimport {\n  type DropdownOption,\n  type DropdownState,\n  type CustomMenuProps,\n  type CustomOptionProps,\n  type CustomSingleValueProps,\n  type DropdownComponentProps\n} from \"./Dropdown.types\";\nimport { withStaticProps } from \"../../types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { LayerContext } from \"@vibe/layer\";\n\nconst Dropdown = forwardRef(\n  (\n    {\n      className,\n      optionWrapperClassName,\n      singleValueWrapperClassName,\n      dropdownMenuWrapperClassName,\n      placeholder = \"\",\n      allowPlaceholderEllipsis,\n      disabled = false,\n      readOnly = false,\n      onMenuOpen = NOOP,\n      onMenuClose = NOOP,\n      onFocus = NOOP,\n      onBlur = NOOP,\n      onScroll = NOOP,\n      onMenuScrollToBottom = NOOP,\n      onChange: customOnChange = NOOP,\n      searchable = true,\n      captureMenuScroll = false,\n      options = [],\n      defaultValue,\n      value: customValue,\n      noOptionsMessage,\n      openMenuOnFocus,\n      openMenuOnClick,\n      clearable = true,\n      OptionRenderer,\n      optionRenderer,\n      ValueRenderer,\n      valueRenderer,\n      menuRenderer,\n      menuPlacement = \"bottom\",\n      rtl,\n      size = \"medium\",\n      asyncOptions,\n      cacheOptions,\n      defaultOptions,\n      isVirtualized,\n      menuPortalTarget,\n      extraStyles = defaultCustomStyles,\n      maxMenuHeight,\n      menuIsOpen,\n      tabIndex = \"0\",\n      id = DROPDOWN_ID,\n      menuId = DROPDOWN_MENU_ID,\n      menuAriaLabel = DROPDOWN_MENU_ARIA_LABEL,\n      inputAriaLabel = DROPDOWN_INPUT_ARIA_LABEL,\n      autoFocus = false,\n      multi = false,\n      multiline = false,\n      onOptionRemove: customOnOptionRemove,\n      onOptionSelect,\n      onClear,\n      onInputChange = NOOP,\n      closeMenuOnSelect = !multi,\n      closeMenuOnScroll: customCloseMenuOnScroll = false,\n      withMandatoryDefaultOptions = false,\n      isOptionSelected,\n      insideOverflowContainer = false,\n      insideOverflowWithTransformContainer = false,\n      insideLayerContext = false,\n      tooltipContent = \"\",\n      onKeyDown = NOOP,\n      isLoading = false,\n      loadingMessage,\n      ariaLabel,\n      tabSelectsValue = true,\n      popupsContainerSelector,\n      filterOption,\n      menuPosition = \"absolute\",\n      \"data-testid\": dataTestId,\n      withGroupDivider = false,\n      inputValue,\n      blurInputOnSelect,\n      multiValueDialogClassName\n    }: DropdownComponentProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    useWarnDeprecated({\n      component: \"Dropdown\",\n      message:\n        \"This component is deprecated and will be removed in the next major version. Please use Dropdown from @vibe/core/next instead.\"\n    });\n\n    const controlRef = useRef();\n    const { layerRef } = useContext(LayerContext);\n    const overrideMenuPortalTarget =\n      (insideLayerContext && layerRef?.current) ||\n      menuPortalTarget ||\n      (popupsContainerSelector && document.querySelector(popupsContainerSelector));\n    const overrideDefaultValue = useMemo(() => {\n      if (defaultValue) {\n        return Array.isArray(defaultValue)\n          ? (defaultValue as DropdownOption[]).map(df => ({ ...df, isMandatory: true }))\n          : { ...(defaultValue as DropdownOption), isMandatory: true };\n      }\n\n      return defaultValue;\n    }, [defaultValue]);\n\n    BaseSelect.prototype.renderLiveRegion = (): null => {\n      return null;\n    };\n\n    // SSR support\n    const [WindowedMenuList, setWindowedMenuList] = useState(null);\n    useEffect(() => {\n      if (isClient()) {\n        if (isTestEnv()) {\n          // eslint-disable-next-line @typescript-eslint/no-var-requires\n          setWindowedMenuList(() => require(\"react-windowed-select\").WindowedMenuList);\n        } else {\n          // Dynamically import the specific named export from react-windowed-select for SSR support\n          import(\"react-windowed-select\").then(module => {\n            setWindowedMenuList(() => module.WindowedMenuList);\n          });\n        }\n      }\n    }, []);\n\n    const [selected, setSelected] = useState(overrideDefaultValue || []);\n    const [focusedOptionId, setFocusedOptionId] = useState(\"\");\n    const finalOptionRenderer = optionRenderer || OptionRenderer;\n    const finalValueRenderer = valueRenderer || ValueRenderer;\n    const isControlled = !!customValue;\n    const selectedOptions = customValue ?? selected;\n    const selectedOptionsMap = useMemo(() => {\n      if (Array.isArray(selectedOptions)) {\n        return selectedOptions.reduce((acc, option) => ({ ...acc, [option.value]: option }), {});\n      }\n      return {};\n    }, [selectedOptions]);\n\n    const overrideAriaLabel = useMemo(() => {\n      return (\n        ariaLabel ||\n        `${readOnly ? \"Readonly \" : \"\"} ${tooltipContent} ${\n          Array.isArray(selectedOptions) ? `Selected: ${selectedOptions.map(o => o.label).join(\", \")}` : \"Select\"\n        }`\n      );\n    }, [ariaLabel, readOnly, selectedOptions, tooltipContent]);\n    const value = multi ? selectedOptions : customValue;\n\n    const inlineStyles = useMemo(() => {\n      // We first want to get the default stylized groups (e.g. \"container\", \"menu\").\n      const baseStyles = generateBaseStyles({\n        size,\n        rtl,\n        insideOverflowContainer,\n        controlRef,\n        insideOverflowWithTransformContainer,\n        withGroupDivider,\n        searchable,\n        allowPlaceholderEllipsis\n      });\n\n      type BaseStyles = typeof baseStyles;\n\n      // Then we want to run the consumer's root-level custom styles with our \"base\" override groups.\n      const customStyles = extraStyles(baseStyles);\n\n      // Lastly, we create a style groups object that makes sure we run each custom group with our basic overrides.\n      const mergedStyles: any = Object.entries(customStyles).reduce((accumulator, [stylesGroup, stylesFn]) => {\n        return {\n          ...accumulator,\n          [stylesGroup]: (defaultStyles: BaseStyles, state: DropdownState) => {\n            const providedFn = baseStyles[stylesGroup as keyof BaseStyles];\n            const provided = providedFn ? providedFn(defaultStyles, state) : defaultStyles;\n\n            return stylesFn(provided, state);\n          }\n        };\n      }, {} as BaseStyles);\n\n      if (multi) {\n        if (multiline) {\n          ADD_AUTO_HEIGHT_COMPONENTS.forEach((component: string) => {\n            const original = mergedStyles[component];\n            mergedStyles[component] = (provided: BaseStyles, state: DropdownState) => ({\n              ...original(provided, state),\n              height: \"auto\"\n            });\n          });\n        }\n\n        const originalValueContainer = mergedStyles.valueContainer;\n        mergedStyles.valueContainer = (provided: BaseStyles, state: DropdownState) => ({\n          ...originalValueContainer(provided, state),\n          paddingLeft: 6\n        });\n      }\n\n      return mergedStyles;\n    }, [\n      size,\n      rtl,\n      insideOverflowContainer,\n      insideOverflowWithTransformContainer,\n      allowPlaceholderEllipsis,\n      extraStyles,\n      multi,\n      multiline\n    ]);\n\n    const Menu = useCallback(\n      (props: CustomMenuProps) => (\n        <MenuComponent\n          {...props}\n          id={menuId}\n          ariaLabel={menuAriaLabel}\n          Renderer={menuRenderer}\n          dropdownMenuWrapperClassName={dropdownMenuWrapperClassName}\n          onScroll={onScroll}\n        />\n      ),\n      [dropdownMenuWrapperClassName, menuRenderer, menuId, menuAriaLabel, onScroll]\n    );\n\n    const DropdownIndicator = useCallback(\n      (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n        <DropdownIndicatorComponent {...props} size={size} />\n      ),\n      [size]\n    );\n\n    const Option = useCallback(\n      (props: CustomOptionProps) => (\n        <OptionComponent\n          setFocusedOptionId={setFocusedOptionId}\n          {...props}\n          Renderer={finalOptionRenderer}\n          optionWrapperClassName={optionWrapperClassName}\n        />\n      ),\n      [finalOptionRenderer, optionWrapperClassName, setFocusedOptionId]\n    );\n\n    const Input = useCallback(\n      (props: InputProps | any) => {\n        const { focusedOptionId, menuIsOpen } = props.selectProps;\n        const ariaActiveDescendant = focusedOptionId && menuIsOpen ? focusedOptionId : \"\";\n        return (\n          <components.Input\n            {...props}\n            aria-activedescendant={ariaActiveDescendant}\n            role=\"combobox\"\n            aria-expanded={!readOnly && menuIsOpen}\n            aria-label={inputAriaLabel}\n            aria-controls={menuId}\n            readOnly={!searchable ? true : undefined}\n          />\n        );\n      },\n      [menuId, readOnly]\n    );\n\n    const SingleValue = useCallback(\n      (props: CustomSingleValueProps) => (\n        <SingleValueComponent\n          {...props}\n          readOnly={readOnly}\n          Renderer={finalValueRenderer}\n          selectedOption={selectedOptions[0]}\n          singleValueWrapperClassName={singleValueWrapperClassName}\n        />\n      ),\n      [finalValueRenderer, readOnly, selectedOptions, singleValueWrapperClassName]\n    );\n\n    const ClearIndicator = useCallback(\n      (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n        <ClearIndicatorComponent {...props} size={size} />\n      ),\n      [size]\n    );\n\n    const onOptionRemove = useMemo(() => {\n      return function (optionValue: number, e: React.MouseEvent | React.KeyboardEvent) {\n        if (customOnOptionRemove) {\n          customOnOptionRemove(selectedOptionsMap[optionValue]);\n        }\n        const newSelectedOptions = Array.isArray(selectedOptions)\n          ? selectedOptions.filter(option => option.value !== optionValue)\n          : selectedOptions;\n\n        if (customOnChange) {\n          customOnChange(newSelectedOptions, e);\n        }\n        setSelected(newSelectedOptions);\n      };\n    }, [customOnChange, customOnOptionRemove, selectedOptions, selectedOptionsMap]);\n\n    const customProps = useMemo(\n      () => ({\n        selectedOptions,\n        onSelectedDelete: onOptionRemove,\n        isMultiline: multiline,\n        insideOverflowContainer,\n        insideOverflowWithTransformContainer,\n        controlRef,\n        tooltipContent,\n        popupsContainerSelector: insideLayerContext ? layerRef?.current : popupsContainerSelector,\n        size,\n        dialogClassName: multiValueDialogClassName\n      }),\n      [\n        selectedOptions,\n        onOptionRemove,\n        multiline,\n        insideOverflowContainer,\n        insideOverflowWithTransformContainer,\n        tooltipContent,\n        layerRef,\n        popupsContainerSelector,\n        insideLayerContext,\n        size,\n        multiValueDialogClassName\n      ]\n    );\n    const onChange = (option: DropdownOption | DropdownOption[], meta: ActionMeta<DropdownOption>) => {\n      if (customOnChange) {\n        customOnChange(option, meta);\n      }\n\n      switch (meta.action) {\n        case \"select-option\": {\n          const selectedOption = multi ? meta.option : option;\n\n          if (onOptionSelect) {\n            onOptionSelect(selectedOption);\n          }\n\n          if (!isControlled) {\n            setSelected([...selectedOptions, selectedOption]);\n          }\n          break;\n        }\n\n        case \"clear\":\n          if (onClear) {\n            onClear();\n          }\n\n          if (!isControlled) {\n            if (withMandatoryDefaultOptions) setSelected(overrideDefaultValue);\n            else setSelected([]);\n          }\n          break;\n      }\n    };\n\n    let DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\n\n    // @ts-expect-error - We need to check if the default export is available\n    DropDownComponent = DropDownComponent.default || DropDownComponent;\n\n    const asyncAdditions = {\n      ...(asyncOptions && {\n        loadOptions: asyncOptions,\n        cacheOptions,\n        ...(defaultOptions && { defaultOptions })\n      })\n    };\n\n    const additions = {\n      ...(!asyncOptions && { options }),\n      ...(multi && {\n        isMulti: true\n      })\n    };\n\n    const closeMenuOnScroll = useCallback(\n      (event: React.FocusEvent) => {\n        const scrolledElement = event.target;\n        if (scrolledElement?.parentElement?.classList.contains(menuStyles.dropdownMenuWrapper)) {\n          return false;\n        }\n        return customCloseMenuOnScroll || insideOverflowContainer || insideOverflowWithTransformContainer;\n      },\n      [insideOverflowContainer, insideOverflowWithTransformContainer, customCloseMenuOnScroll]\n    );\n\n    const calculatedPlaceholder = useMemo(\n      () =>\n        allowPlaceholderEllipsis ? (\n          <Text type=\"text2\" color=\"inherit\">\n            {placeholder}\n          </Text>\n        ) : (\n          placeholder\n        ),\n      [allowPlaceholderEllipsis, placeholder]\n    );\n\n    return (\n      <DropDownComponent\n        className={cx(styles.dropdown, className)}\n        selectProps={customProps}\n        components={{\n          DropdownIndicator,\n          Menu,\n          ClearIndicator,\n          Input,\n          Option,\n          Control,\n          SingleValue,\n          ...(multi && {\n            MultiValue: NOOP, // We need it for react-select to behave nice with \"multi\"\n            ValueContainer: MultiValueContainer\n          }),\n          ...(isVirtualized && WindowedMenuList && { MenuList: WindowedMenuList })\n        }}\n        // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling\n        closeMenuOnScroll={closeMenuOnScroll}\n        size={size}\n        noOptionsMessage={noOptionsMessage}\n        placeholder={calculatedPlaceholder}\n        isDisabled={disabled}\n        isClearable={!readOnly && clearable}\n        isSearchable={!readOnly}\n        readOnly={readOnly}\n        aria-readonly={readOnly}\n        aria-label={overrideAriaLabel}\n        aria-details={tooltipContent}\n        aria-haspopup=\"listbox\"\n        defaultValue={defaultValue}\n        value={value}\n        onMenuOpen={onMenuOpen}\n        onMenuClose={onMenuClose}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onMenuScrollToBottom={onMenuScrollToBottom}\n        captureMenuScroll={captureMenuScroll}\n        onChange={onChange}\n        onKeyDown={onKeyDown}\n        onInputChange={onInputChange}\n        openMenuOnFocus={openMenuOnFocus}\n        openMenuOnClick={openMenuOnClick}\n        focusedOptionId={focusedOptionId}\n        isRtl={rtl}\n        styles={inlineStyles}\n        theme={customTheme}\n        maxMenuHeight={maxMenuHeight}\n        menuPortalTarget={overrideMenuPortalTarget}\n        menuPlacement={menuPlacement}\n        menuPosition={menuPosition}\n        menuIsOpen={!readOnly && menuIsOpen}\n        tabIndex={tabIndex}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n        data-vibe={ComponentVibeId.DROPDOWN}\n        autoFocus={autoFocus}\n        closeMenuOnSelect={closeMenuOnSelect}\n        ref={ref as React.Ref<any>}\n        withMandatoryDefaultOptions={withMandatoryDefaultOptions}\n        isOptionSelected={isOptionSelected}\n        isLoading={isLoading}\n        loadingMessage={loadingMessage}\n        tabSelectsValue={tabSelectsValue}\n        filterOption={filterOption}\n        inputValue={inputValue}\n        blurInputOnSelect={blurInputOnSelect}\n        {...asyncAdditions}\n        {...additions}\n      />\n    );\n  }\n);\n\ninterface DropdownStaticProps {\n  sizes: typeof BaseSizes;\n  chipColors: typeof DROPDOWN_CHIP_COLORS;\n  menuPlacements: typeof DROPDOWN_MENU_PLACEMENT;\n  menuPositions: typeof DROPDOWN_MENU_POSITION;\n  createFilter: typeof createFilter;\n}\n\nexport default withStaticProps<DropdownComponentProps, DropdownStaticProps>(Dropdown, {\n  sizes: BaseSizes,\n  chipColors: DROPDOWN_CHIP_COLORS,\n  menuPlacements: DROPDOWN_MENU_PLACEMENT,\n  menuPositions: DROPDOWN_MENU_POSITION,\n  createFilter\n});\n\nfunction isTestEnv() {\n  try {\n    return (\n      typeof require === \"function\" &&\n      typeof module !== \"undefined\" &&\n      typeof process !== \"undefined\" &&\n      process.env.NODE_ENV === \"test\"\n    );\n  } catch (e) {\n    return false;\n  }\n}\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","optionWrapperClassName","singleValueWrapperClassName","dropdownMenuWrapperClassName","_ref$placeholder","placeholder","allowPlaceholderEllipsis","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$onMenuOpen","onMenuOpen","NOOP","_ref$onMenuClose","onMenuClose","_ref$onFocus","onFocus","_ref$onBlur","onBlur","_ref$onScroll","onScroll","_ref$onMenuScrollToBo","onMenuScrollToBottom","_ref$onChange","onChange","customOnChange","_ref$searchable","searchable","_ref$captureMenuScrol","captureMenuScroll","_ref$options","options","defaultValue","customValue","value","noOptionsMessage","openMenuOnFocus","openMenuOnClick","_ref$clearable","clearable","OptionRenderer","optionRenderer","ValueRenderer","valueRenderer","menuRenderer","_ref$menuPlacement","menuPlacement","rtl","_ref$size","size","asyncOptions","cacheOptions","defaultOptions","isVirtualized","menuPortalTarget","_ref$extraStyles","extraStyles","defaultCustomStyles","maxMenuHeight","menuIsOpen","_ref$tabIndex","tabIndex","_ref$id","id","DROPDOWN_ID","_ref$menuId","menuId","DROPDOWN_MENU_ID","_ref$menuAriaLabel","menuAriaLabel","DROPDOWN_MENU_ARIA_LABEL","_ref$inputAriaLabel","inputAriaLabel","DROPDOWN_INPUT_ARIA_LABEL","_ref$autoFocus","autoFocus","_ref$multi","multi","_ref$multiline","multiline","customOnOptionRemove","onOptionRemove","onOptionSelect","onClear","_ref$onInputChange","onInputChange","_ref$closeMenuOnSelec","closeMenuOnSelect","_ref$closeMenuOnScrol","closeMenuOnScroll","customCloseMenuOnScroll","_ref$withMandatoryDef","withMandatoryDefaultOptions","isOptionSelected","_ref$insideOverflowCo","insideOverflowContainer","_ref$insideOverflowWi","insideOverflowWithTransformContainer","_ref$insideLayerConte","insideLayerContext","_ref$tooltipContent","tooltipContent","_ref$onKeyDown","onKeyDown","_ref$isLoading","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","_ref$menuPosition","menuPosition","dataTestId","_ref$withGroupDivider","withGroupDivider","inputValue","blurInputOnSelect","multiValueDialogClassName","useWarnDeprecated","component","message","controlRef","useRef","layerRef","useContext","LayerContext","overrideMenuPortalTarget","current","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","Object","assign","isMandatory","BaseSelect","prototype","renderLiveRegion","_useState","useState","_useState2","_slicedToArray","WindowedMenuList","setWindowedMenuList","useEffect","isClient","require","module","process","env","NODE_ENV","e","isTestEnv","import","then","_useState3","_useState4","selected","setSelected","_useState5","_useState6","focusedOptionId","setFocusedOptionId","finalOptionRenderer","finalValueRenderer","isControlled","selectedOptions","selectedOptionsMap","reduce","acc","option","_defineProperty","overrideAriaLabel","concat","o","label","join","inlineStyles","baseStyles","generateBaseStyles","customStyles","mergedStyles","entries","accumulator","_ref2","_ref3","stylesGroup","stylesFn","defaultStyles","state","providedFn","provided","ADD_AUTO_HEIGHT_COMPONENTS","forEach","original","height","originalValueContainer","valueContainer","paddingLeft","Menu","useCallback","props","React","createElement","MenuComponent","Renderer","DropdownIndicator","DropdownIndicatorComponent","Option","OptionComponent","Input","_props$selectProps","selectProps","components","role","undefined","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","dialogClassName","DropDownComponent","AsyncSelect","Select","default","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","calculatedPlaceholder","Text","type","color","cx","styles","dropdown","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","isDisabled","isClearable","isSearchable","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","ComponentVibeId","sizes","BaseSizes","chipColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","createFilter"],"mappings":"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"}

package/dist/src/components/Dropdown/Dropdown.module.scss.js

@@ -0,0 +1,2 @@
+var o={dropdown:"dropdown_4f62ad5b9a"};!function(o){const r="s_id-f59bb3861d49_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable selector-class-pattern */\n.dropdown_4f62ad5b9a .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdown_4f62ad5b9a .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_4f62ad5b9a .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_4f62ad5b9a .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n.dropdown_4f62ad5b9a .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n.dropdown_4f62ad5b9a .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n  cursor: pointer;\n}");export{o as default};
+//# sourceMappingURL=Dropdown.module.scss.js.map

package/dist/src/components/Dropdown/Dropdown.module.scss.js.map

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

package/dist/src/components/Dropdown/Dropdown.styles.js

@@ -0,0 +1,2 @@
+import{objectSpread2 as r,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{SIZES as n}from"../../constants/sizes.js";import{getCSSVar as e}from"../../services/themes.js";import{getScrollableParent as t}from"../../utils/dom-utils.js";var i=function(r){switch(r){case n.LARGE:return 48;case n.MEDIUM:return 40;default:return 32}},a=function(r){var o=i(r)-2;return{height:"".concat(o,"px")}},l=function(r){var o=i(r)-8;return{height:"".concat(o,"px"),width:"".concat(o,"px")}},c=function(){return{color:e("primary-text-color"),backgroundColor:e("secondary-background-color")}},d=function(r){return{fontSize:v(r),lineHeight:v(r),fontFamily:e("font-family")}},s=function(r){return r?{backgroundColor:e("disabled-background-color"),color:e("disabled-text-color"),borderColor:"transparent",cursor:"not-allowed",":active, :focus, :hover":{borderColor:"transparent",cursor:"not-allowed"},":active, :focus":{pointerEvents:"none"}}:{}},u=function(r){return r?{border:"hidden"}:{}},p=function(r){return r?{backgroundColor:e("allgrey-background-color")}:{}},f=function(o){var n=o.size;return function(o,t){var a=t.isDisabled,l=t.selectProps.readOnly;return delete o.pointerEvents,r(r(r(r({},o),function(r){var o=i(r);return{height:"".concat(o,"px")}}(n)),{},{minHeight:"30px",border:"1px solid ".concat(e("ui-border-color")),boxShadow:"none",borderRadius:e("border-radius-small"),boxSizing:"border-box",transition:"border 0.1s ".concat(e("expand-animation-timing")),":hover":{borderColor:e("primary-text-color"),borderRadius:e("border-radius-small")},":active, :focus-within":{borderColor:e("primary-color")}},s(a)),u(l))}},b=function(o){var n=o.size;return function(o,t){var i=t.isDisabled;return r(r(r(r(r({},o),d()),c()),{},{borderRadius:e("border-radius-small")},s(i)),a(n))}},g=function(o){var n=o.size;return function(o,t){var i=t.selectProps,a=t.isDisabled,c=i.menuIsOpen,d=i.readOnly;return r(r(r({},o),{},{display:d?"none":"flex",alignItems:"center",justifyContent:"center",padding:"0px"},l(n)),{},{margin:"4px 3px 4px 0px",backgroundColor:"transparent",borderRadius:e("border-radius-small"),svg:{transition:"transform 0.1s ".concat(e("expand-animation-timing")),transform:c?"rotate(180deg)":"rotate(0deg)"},color:e(a?"disabled-text-color":"icon-color"),":hover, :active":{backgroundColor:a?void 0:e("primary-background-hover-color"),color:a?void 0:e("icon-color")}})}},m=function(o){var n=o.size;return function(){return r(r({display:"flex",alignItems:"center",justifyContent:"center",color:e("icon-color"),backgroundColor:"transparent",borderRadius:e("border-radius-small")},l(n)),{},{":hover":{backgroundColor:e("primary-background-hover-color")}})}};function v(r){switch(r){case n.LARGE:case n.MEDIUM:return"16px";default:return"14px"}}var x=function(n){var t=n.size,i=n.rtl;return function(n,l){var u=l.isDisabled,f=l.selectProps.readOnly;return r(r(r(r(r(r(r(r({},n),function(r){return o({display:"flex",alignItems:"center"},"padding".concat(r?"Right":"Left"),"12px")}(i)),d()),c()),a(t)),s(u)),p(f)),{},{borderRadius:e("border-radius-small")})}},h=function(){return function(o,n){return r(r({},d()),function(o,n){var t=n.isDisabled,i=n.isSelected,a=n.isFocused;delete o[":active"],delete o.width;var l={display:"flex",alignContent:"center",borderRadius:e("border-radius-small"),marginRight:e("spacing-small"),marginLeft:e("spacing-small"),paddingLeft:e("spacing-small"),paddingRight:e("spacing-small"),transition:"all 0.1s ".concat(e("expand-animation-timing"))};return t?r(r(r({},o),l),{},{backgroundColor:"transparent",color:e("disabled-text-color"),cursor:"not-allowed"},a&&{backgroundColor:e("primary-background-hover-color")}):i?r(r(r({},o),l),{},{color:e("primary-text-color"),backgroundColor:e("primary-selected-color"),cursor:"pointer"}):r(r(r({},o),l),{},{color:e("primary-text-color"),cursor:"pointer"},a&&{":hover":{color:e("primary-text-color"),backgroundColor:e("primary-background-hover-color")}})}(o,n))}},y=function(r){switch(r){case n.LARGE:case n.MEDIUM:return"20px";default:return"16px"}},w=function(o){return r(r({},o),{},{borderRadius:e("border-radius-small"),colors:r(r({},o.colors),{},{primary25:e("primary-background-hover-color")})})},C=function(o){return{container:f(o),control:(D=o,z=D.size,function(o,n){var t=n.isDisabled,i=n.selectProps.readOnly;return r(r(r(r(r(r({},o),a(z)),c()),{},{minHeight:"30px",border:"0 solid transparent",borderRadius:e("border-radius-small"),":focus-within":{boxShadow:"0 0 0 1px ".concat(e("primary-color"))}},!t&&{":hover":{borderColor:"transparent",borderRadius:e("border-radius-small")}}),{},{cursor:i?"default":"pointer"},s(t)),u(i))}),placeholder:(R=o,I=R.allowPlaceholderEllipsis,function(o,n){var t=n.isDisabled;return r(r(r({},o),d()),{},{color:e(t?"disabled-text-color":"secondary-text-color"),fontWeight:e("font-weight-normal")},I&&{width:"calc(100% - 22px)"})}),indicatorsContainer:b(o),dropdownIndicator:g(o),clearIndicator:m(o),singleValue:function(o,n){var e=n.isDisabled,t=n.selectProps,i=t.readOnly,a=i?r(r(r({},u(i)),p(i)),{},{cursor:"text"}):{};return r(r(r(r(r(r(r({},o),d()),c()),s(e)),function(r){if(r.menuIsOpen)return{opacity:.6}}(t)),a),{},{display:"flex",alignItems:"center",height:"100%"})},input:(C=o,k=C.searchable,function(o){return r(r(r(r({},o),d()),c()),{},{display:"flex",alignItems:"center",textIndent:"-2px"},!k&&{width:"0px"})}),valueContainer:x(o),menu:(l=o,v=l.controlRef,y=l.insideOverflowContainer,w=l.insideOverflowWithTransformContainer,function(o){var n,i=r(r(r({},o),d()),{},{color:e("primary-text-color"),backgroundColor:e("dialog-background-color"),boxShadow:e("box-shadow-small")});if(!y&&!w)return i;var a=null==v||null===(n=v.current)||void 0===n?void 0:n.getBoundingClientRect();if(!a)return i;if(y)return r(r({},i),{},{top:a.bottom,width:a.width});if(w){var l,c="-".concat(null===(l=t(null==v?void 0:v.current))||void 0===l?void 0:l.scrollTop,"px");return r(r({},i),{},{top:"auto",translate:"0 ".concat(c),width:a.width})}return i}),option:h(),indicatorSeparator:function(){return{display:"none"}},group:(n=o,i=n.withGroupDivider,function(){return r({paddingBottom:0,marginTop:"4px"},i&&{":not(:last-child)":{position:"relative",paddingBottom:"8px","::after":{content:'""',position:"absolute",bottom:"0",left:"var(--spacing-small)",width:"calc(100% - (var(--spacing-small) * 2))",height:"1px",backgroundColor:"var(--layout-border-color)"}}})}),groupHeading:function(){return{fontSize:"14px",lineHeight:"32px",display:"flex",alignItems:"center",marginLeft:e("spacing-medium"),color:e("secondary-text-color")}}};var n,i,l,v,y,w,C,k,R,I,D,z};export{w as customTheme,C as default,y as getIndicatorSize};
+//# sourceMappingURL=Dropdown.styles.js.map

package/dist/src/components/Dropdown/Dropdown.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styles.js","sources":["../../../../src/components/Dropdown/Dropdown.styles.js"],"sourcesContent":["import { SIZES } from \"../../constants/sizes\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { getScrollableParent } from \"../../utils/dom-utils\";\n\nconst getSizeInPx = size => {\n  switch (size) {\n    case SIZES.LARGE:\n      return 48;\n    case SIZES.MEDIUM:\n      return 40;\n    case SIZES.SMALL:\n    default:\n      return 32;\n  }\n};\n\nconst getSize = size => {\n  const selectedSize = getSizeInPx(size);\n  return { height: `${selectedSize}px` };\n};\n\nconst getInnerSize = size => {\n  const selectedSize = getSizeInPx(size) - 2;\n  return { height: `${selectedSize}px` };\n};\n\nconst getIndicatorBoxSize = size => {\n  const selectedSize = getSizeInPx(size) - 8;\n  return {\n    height: `${selectedSize}px`,\n    width: `${selectedSize}px`\n  };\n};\n\nconst getColor = () => {\n  const color = getCSSVar(\"primary-text-color\");\n  const backgroundColor = getCSSVar(\"secondary-background-color\");\n  return { color, backgroundColor };\n};\n\nconst getFont = size => ({\n  fontSize: getSingleValueTextSize(size),\n  lineHeight: getSingleValueTextSize(size),\n  fontFamily: getCSSVar(\"font-family\")\n});\n\nconst disabledContainerStyle = isDisabled => {\n  if (!isDisabled) return {};\n  return {\n    backgroundColor: getCSSVar(\"disabled-background-color\"),\n    color: getCSSVar(\"disabled-text-color\"),\n    borderColor: \"transparent\",\n    cursor: \"not-allowed\",\n    \":active, :focus, :hover\": {\n      borderColor: \"transparent\",\n      cursor: \"not-allowed\"\n    },\n    \":active, :focus\": {\n      pointerEvents: \"none\"\n    }\n  };\n};\n\nconst readOnlyContainerStyle = readOnly => {\n  if (!readOnly) return {};\n  return {\n    border: \"hidden\"\n  };\n};\n\nconst readOnlyStyle = isReadOnly => {\n  if (!isReadOnly) {\n    return {};\n  }\n  return {\n    backgroundColor: getCSSVar(\"allgrey-background-color\")\n  };\n};\n\nconst getOptionStyle = (provided, { isDisabled, isSelected, isFocused }) => {\n  delete provided[\":active\"];\n  delete provided.width;\n  const general = {\n    display: \"flex\",\n    alignContent: \"center\",\n    borderRadius: getCSSVar(\"border-radius-small\"),\n    marginRight: getCSSVar(\"spacing-small\"),\n    marginLeft: getCSSVar(\"spacing-small\"),\n    paddingLeft: getCSSVar(\"spacing-small\"),\n    paddingRight: getCSSVar(\"spacing-small\"),\n    transition: `all 0.1s ${getCSSVar(\"expand-animation-timing\")}`\n  };\n  if (isDisabled) {\n    return {\n      ...provided,\n      ...general,\n      backgroundColor: \"transparent\",\n      color: getCSSVar(\"disabled-text-color\"),\n      cursor: \"not-allowed\",\n      ...(isFocused && {\n        backgroundColor: getCSSVar(\"primary-background-hover-color\")\n      })\n    };\n  }\n  if (isSelected) {\n    return {\n      ...provided,\n      ...general,\n      color: getCSSVar(\"primary-text-color\"),\n      backgroundColor: getCSSVar(\"primary-selected-color\"),\n      cursor: \"pointer\"\n    };\n  }\n  return {\n    ...provided,\n    ...general,\n    color: getCSSVar(\"primary-text-color\"),\n    cursor: \"pointer\",\n    ...(isFocused && {\n      \":hover\": {\n        color: getCSSVar(\"primary-text-color\"),\n        backgroundColor: getCSSVar(\"primary-background-hover-color\")\n      }\n    })\n  };\n};\n\nconst container =\n  ({ size }) =>\n  (provided, { isDisabled, selectProps }) => {\n    const { readOnly } = selectProps;\n    delete provided.pointerEvents;\n    return {\n      ...provided,\n      ...getSize(size),\n      minHeight: \"30px\",\n      border: `1px solid ${getCSSVar(\"ui-border-color\")}`,\n      boxShadow: \"none\",\n      borderRadius: getCSSVar(\"border-radius-small\"),\n      boxSizing: \"border-box\",\n      transition: `border 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n      \":hover\": {\n        borderColor: getCSSVar(\"primary-text-color\"),\n        borderRadius: getCSSVar(\"border-radius-small\")\n      },\n      \":active, :focus-within\": {\n        borderColor: getCSSVar(\"primary-color\")\n      },\n      ...disabledContainerStyle(isDisabled),\n      ...readOnlyContainerStyle(readOnly)\n    };\n  };\n\nconst control =\n  ({ size }) =>\n  (provided, { isDisabled, selectProps }) => {\n    const { readOnly } = selectProps;\n    return {\n      ...provided,\n      ...getInnerSize(size),\n      ...getColor(),\n      minHeight: \"30px\",\n      border: \"0 solid transparent\",\n      borderRadius: getCSSVar(\"border-radius-small\"),\n      \":focus-within\": {\n        boxShadow: `0 0 0 1px ${getCSSVar(\"primary-color\")}`\n      },\n      ...(!isDisabled && {\n        \":hover\": {\n          borderColor: \"transparent\",\n          borderRadius: getCSSVar(\"border-radius-small\")\n        }\n      }),\n      cursor: readOnly ? \"default\" : \"pointer\",\n      ...disabledContainerStyle(isDisabled),\n      ...readOnlyContainerStyle(readOnly)\n    };\n  };\n\nconst placeholder =\n  ({ allowPlaceholderEllipsis }) =>\n  (provided, { isDisabled }) => ({\n    ...provided,\n    ...getFont(),\n    color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"secondary-text-color\"),\n    fontWeight: getCSSVar(\"font-weight-normal\"),\n    // 22px because we have the inner arrow of opened/closed\n    ...(allowPlaceholderEllipsis && { width: \"calc(100% - 22px)\" })\n  });\n\nconst indicatorsContainer =\n  ({ size }) =>\n  (provided, { isDisabled }) => ({\n    ...provided,\n    ...getFont(),\n    ...getColor(),\n    borderRadius: getCSSVar(\"border-radius-small\"),\n    ...disabledContainerStyle(isDisabled),\n    ...getInnerSize(size)\n  });\n\nconst dropdownIndicator =\n  ({ size }) =>\n  (provided, { selectProps, isDisabled }) => {\n    const { menuIsOpen, readOnly } = selectProps;\n    return {\n      ...provided,\n      display: readOnly ? \"none\" : \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      padding: \"0px\",\n      ...getIndicatorBoxSize(size),\n      margin: \"4px 3px 4px 0px\",\n      backgroundColor: \"transparent\",\n      borderRadius: getCSSVar(\"border-radius-small\"),\n      svg: {\n        transition: `transform 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n        transform: menuIsOpen ? \"rotate(180deg)\" : \"rotate(0deg)\"\n      },\n      color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"icon-color\"),\n      \":hover, :active\": {\n        backgroundColor: isDisabled ? undefined : getCSSVar(\"primary-background-hover-color\"),\n        color: isDisabled ? undefined : getCSSVar(\"icon-color\")\n      }\n    };\n  };\n\nconst clearIndicator =\n  ({ size }) =>\n  () => ({\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    color: getCSSVar(\"icon-color\"),\n    backgroundColor: \"transparent\",\n    borderRadius: getCSSVar(\"border-radius-small\"),\n    ...getIndicatorBoxSize(size),\n    \":hover\": {\n      backgroundColor: getCSSVar(\"primary-background-hover-color\")\n    }\n  });\n\nconst menuOpenOpacity = ({ menuIsOpen }) => {\n  if (menuIsOpen) {\n    return {\n      opacity: 0.6\n    };\n  }\n};\n\nconst singleValue =\n  () =>\n  (provided, { isDisabled, selectProps }) => {\n    const { readOnly } = selectProps;\n    const readOnlyProps = readOnly\n      ? {\n          ...readOnlyContainerStyle(readOnly),\n          ...readOnlyStyle(readOnly),\n          cursor: \"text\"\n        }\n      : {};\n\n    return {\n      ...provided,\n      ...getFont(),\n      ...getColor(),\n      ...disabledContainerStyle(isDisabled),\n      ...menuOpenOpacity(selectProps),\n      ...readOnlyProps,\n      display: \"flex\",\n      alignItems: \"center\",\n      height: \"100%\"\n    };\n  };\n\nfunction getSingleValueTextSize(size) {\n  switch (size) {\n    case SIZES.LARGE:\n      return \"16px\";\n    case SIZES.MEDIUM:\n      return \"16px\";\n    case SIZES.SMALL:\n    default:\n      return \"14px\";\n  }\n}\n\nconst input =\n  ({ searchable }) =>\n  provided => ({\n    ...provided,\n    ...getFont(),\n    ...getColor(),\n    display: \"flex\",\n    alignItems: \"center\",\n    textIndent: \"-2px\",\n    ...(!searchable && {\n      width: \"0px\"\n    })\n  });\n\n// 12px - because we have inner 4px\nconst getCenterContentStyle = rtl => {\n  return {\n    display: \"flex\",\n    alignItems: \"center\",\n    [`padding${rtl ? \"Right\" : \"Left\"}`]: \"12px\"\n  };\n};\n\nconst valueContainer =\n  ({ size, rtl }) =>\n  (provided, { isDisabled, selectProps: { readOnly } }) => ({\n    ...provided,\n    ...getCenterContentStyle(rtl),\n    ...getFont(),\n    ...getColor(),\n    ...getInnerSize(size),\n    ...disabledContainerStyle(isDisabled),\n    ...readOnlyStyle(readOnly),\n    borderRadius: getCSSVar(\"border-radius-small\")\n  });\n\nconst menu =\n  ({ controlRef, insideOverflowContainer, insideOverflowWithTransformContainer }) =>\n  provided => {\n    const baseStyle = {\n      ...provided,\n      ...getFont(),\n      color: getCSSVar(\"primary-text-color\"),\n      backgroundColor: getCSSVar(\"dialog-background-color\"),\n      boxShadow: getCSSVar(\"box-shadow-small\")\n    };\n\n    if (!insideOverflowContainer && !insideOverflowWithTransformContainer) return baseStyle;\n    const parentPositionData = controlRef?.current?.getBoundingClientRect();\n    // If no location found do not add anything to hard coded style\n    if (!parentPositionData) return baseStyle;\n\n    /** If the dropdown is inside a scroll in a regular container,position: fixed content (like our dropdown menu) will be attached to the start of the viewport.\n     * For this case we will override the top menu position value to be the according the the drop down location for correct dispaly.\n     * When the dropdown container (with overflow:hidden or overflow:scroll) using transform CSS function, we can use a relative positioned inner container, which our menu will be attach to it's\n     * start when the menu position is fixed, and this is why in this case we define top:auto.\n     * we also need in this case to translate the menu y position to fit inside a scrollable parent.\n     */\n\n    if (insideOverflowContainer) {\n      return { ...baseStyle, top: parentPositionData.bottom, width: parentPositionData.width };\n    } else if (insideOverflowWithTransformContainer) {\n      const translateY = `-${getScrollableParent(controlRef?.current)?.scrollTop}px`;\n      return {\n        ...baseStyle,\n        top: \"auto\",\n        translate: `0 ${translateY}`,\n        width: parentPositionData.width\n      };\n    }\n    return baseStyle;\n  };\n\nconst option = () => (provided, state) => ({\n  ...getFont(),\n  ...getOptionStyle(provided, state)\n});\n\nconst indicatorSeparator = () => () => ({\n  display: \"none\"\n});\n\nconst group =\n  ({ withGroupDivider }) =>\n  () => ({\n    paddingBottom: 0,\n    marginTop: \"4px\",\n    ...(withGroupDivider && {\n      \":not(:last-child)\": {\n        position: \"relative\",\n        paddingBottom: \"8px\",\n        \"::after\": {\n          content: '\"\"',\n          position: \"absolute\",\n          bottom: \"0\",\n          left: \"var(--spacing-small)\",\n          width: \"calc(100% - (var(--spacing-small) * 2))\",\n          height: \"1px\",\n          backgroundColor: \"var(--layout-border-color)\"\n        }\n      }\n    })\n  });\n\nconst groupHeading = () => () => ({\n  fontSize: \"14px\",\n  lineHeight: \"32px\",\n  display: \"flex\",\n  alignItems: \"center\",\n  marginLeft: getCSSVar(\"spacing-medium\"),\n  color: getCSSVar(\"secondary-text-color\")\n});\n\nexport const getIndicatorSize = size => {\n  switch (size) {\n    case SIZES.LARGE:\n      return \"20px\";\n    case SIZES.MEDIUM:\n      return \"20px\";\n    case SIZES.SMALL:\n    default:\n      return \"16px\";\n  }\n};\n\nexport const customTheme = theme => ({\n  ...theme,\n  borderRadius: getCSSVar(\"border-radius-small\"),\n  colors: {\n    ...theme.colors,\n    primary25: getCSSVar(\"primary-background-hover-color\")\n  }\n});\n\nexport default data => ({\n  container: container(data),\n  control: control(data),\n  placeholder: placeholder(data),\n  indicatorsContainer: indicatorsContainer(data),\n  dropdownIndicator: dropdownIndicator(data),\n  clearIndicator: clearIndicator(data),\n  singleValue: singleValue(data),\n  input: input(data),\n  valueContainer: valueContainer(data),\n  menu: menu(data),\n  option: option(data),\n  indicatorSeparator: indicatorSeparator(data),\n  group: group(data),\n  groupHeading: groupHeading(data)\n});\n"],"names":["getSizeInPx","size","SIZES","LARGE","MEDIUM","getInnerSize","selectedSize","height","concat","getIndicatorBoxSize","width","getColor","color","getCSSVar","backgroundColor","getFont","fontSize","getSingleValueTextSize","lineHeight","fontFamily","disabledContainerStyle","isDisabled","borderColor","cursor","pointerEvents","readOnlyContainerStyle","readOnly","border","readOnlyStyle","isReadOnly","container","_ref2","provided","_ref3","selectProps","_objectSpread","getSize","minHeight","boxShadow","borderRadius","boxSizing","transition","indicatorsContainer","_ref8","_ref9","dropdownIndicator","_ref10","_ref11","menuIsOpen","display","alignItems","justifyContent","padding","margin","svg","transform","undefined","clearIndicator","_ref12","valueContainer","_ref17","rtl","_ref18","_defineProperty","getCenterContentStyle","option","state","_ref","isSelected","isFocused","general","alignContent","marginRight","marginLeft","paddingLeft","paddingRight","getOptionStyle","getIndicatorSize","customTheme","theme","colors","primary25","generateBaseStyles","data","control","_ref4","_ref5","placeholder","_ref6","allowPlaceholderEllipsis","_ref7","fontWeight","singleValue","_ref14","readOnlyProps","_ref13","opacity","menuOpenOpacity","input","_ref15","searchable","textIndent","menu","_ref19","controlRef","insideOverflowContainer","insideOverflowWithTransformContainer","_controlRef$current","baseStyle","parentPositionData","current","getBoundingClientRect","top","bottom","_getScrollableParent","translateY","getScrollableParent","scrollTop","translate","indicatorSeparator","group","_ref20","withGroupDivider","paddingBottom","marginTop","position","content","left","groupHeading"],"mappings":"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"}

package/dist/src/components/Dropdown/DropdownConstants.js

@@ -0,0 +1,2 @@
+var n,o,t,i=function(n){return n},e=["container","control","valueContainer"],r="dropdown-menu-id",u="dropdown-menu-list-id",d="Dropdown menu",p="Dropdown input";!function(n){n.PRIMARY="primary",n.NEGATIVE="negative",n.POSITIVE="positive"}(n||(n={})),function(n){n.ABSOLUTE="absolute",n.FIXED="fixed"}(o||(o={})),function(n){n.TOP="top",n.BOTTOM="bottom",n.AUTO="auto"}(t||(t={}));export{e as ADD_AUTO_HEIGHT_COMPONENTS,n as DROPDOWN_CHIP_COLORS,r as DROPDOWN_ID,p as DROPDOWN_INPUT_ARIA_LABEL,d as DROPDOWN_MENU_ARIA_LABEL,u as DROPDOWN_MENU_ID,t as DROPDOWN_MENU_PLACEMENT,o as DROPDOWN_MENU_POSITION,i as defaultCustomStyles};
+//# sourceMappingURL=DropdownConstants.js.map

package/dist/src/components/Dropdown/DropdownConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownConstants.js","sources":["../../../../src/components/Dropdown/DropdownConstants.ts"],"sourcesContent":["export const defaultCustomStyles = (baseStyles: string) => baseStyles;\n\nexport const ADD_AUTO_HEIGHT_COMPONENTS = [\"container\", \"control\", \"valueContainer\"];\n\nexport const DROPDOWN_ID = \"dropdown-menu-id\";\nexport const DROPDOWN_MENU_ID = \"dropdown-menu-list-id\";\nexport const DROPDOWN_MENU_ARIA_LABEL = \"Dropdown menu\";\nexport const DROPDOWN_INPUT_ARIA_LABEL = \"Dropdown input\";\n\n/**\n * @deprecated\n */\nexport enum DROPDOWN_CHIP_COLORS {\n  PRIMARY = \"primary\",\n  NEGATIVE = \"negative\",\n  POSITIVE = \"positive\"\n}\n\n/**\n * @deprecated\n */\nexport enum DROPDOWN_MENU_POSITION {\n  ABSOLUTE = \"absolute\",\n  FIXED = \"fixed\"\n}\n\n/**\n * @deprecated\n */\nexport enum DROPDOWN_MENU_PLACEMENT {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n  AUTO = \"auto\"\n}\n"],"names":["DROPDOWN_CHIP_COLORS","DROPDOWN_MENU_POSITION","DROPDOWN_MENU_PLACEMENT","defaultCustomStyles","baseStyles","ADD_AUTO_HEIGHT_COMPONENTS","DROPDOWN_ID","DROPDOWN_MENU_ID","DROPDOWN_MENU_ARIA_LABEL","DROPDOWN_INPUT_ARIA_LABEL"],"mappings":"IAYYA,EASAC,EAQAC,EA7BCC,EAAsB,SAACC,GAAkB,OAAKA,CAAU,EAExDC,EAA6B,CAAC,YAAa,UAAW,kBAEtDC,EAAc,mBACdC,EAAmB,wBACnBC,EAA2B,gBAC3BC,EAA4B,kBAKzC,SAAYT,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,SAAA,WACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,OAAA,SACAA,EAAA,KAAA,MACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}