npm - @razorpay/blade - Versions diffs - 12.38.0 → 12.40.0 - Mend

@razorpay/blade 12.38.0 → 12.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (167) hide show

package/build/lib/web/development/components/DatePicker/Calendar.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Calendar.web.js","sources":["../../../../../../src/components/DatePicker/Calendar.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\n/ eslint-disable @typescript-eslint/explicit-function-return-type /\nimport dayjs from 'dayjs';\nimport React from 'react';\nimport type { CalendarLevel, DatesRangeValue } from '@mantine/dates';\nimport { useDatesContext, DatePicker } from '@mantine/dates';\nimport type { CalendarProps, DateSelectionType, PickerType, DateValue } from './types';\nimport { CalendarHeader } from './CalendarHeader';\nimport { CalendarGradientStyles, CalendarStyles } from './CalendarStyles';\nimport { useUncontrolledDates } from './useControlledDates';\nimport { levelToPicker, pickerToLevel, classes } from './constants';\nimport { shiftTimezone } from './shiftTimezone';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { throwBladeError } from '~utils/logger';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst Calendar = <Type extends DateSelectionType>({\n firstDayOfWeek = 0,\n selectionType,\n allowSingleDateInRange,\n defaultPicker = 'day',\n picker,\n onPickerChange,\n date,\n defaultDate,\n onDateChange,\n onNext,\n onPrevious,\n presets,\n showLevelChangeLink,\n selectedValue,\n ...props\n}: CalendarProps<Type> & {\n date?: Date;\n defaultDate?: Date;\n onDateChange?: (date: DateValue) => void;\n showLevelChangeLink?: boolean;\n selectedValue: DatesRangeValue \| null;\n}): React.ReactElement => {\n const isRange = selectionType === 'range';\n\n const [level, setLevel] = useControllableState<CalendarLevel>({\n defaultValue: pickerToLevel[defaultPicker],\n value: pickerToLevel[picker!],\n onChange: (level) => {\n onPickerChange?.(levelToPicker[level]);\n },\n });\n\n if (__DEV__) {\n if (isRange && level !== 'month') {\n throwBladeError({\n message: `Cannot use range DatePicker with pickerType: ${levelToPicker[level]}, Only \"day\" is supported`,\n moduleName: 'DatePicker',\n });\n }\n }\n\n const [_date, setDate] = useUncontrolledDates({\n type: 'default',\n value: date,\n defaultValue: defaultDate,\n onChange: onDateChange,\n });\n\n const dateContext = useDatesContext();\n const isMobile = useIsMobile();\n const currentDate = React.useMemo(() => {\n if (_date) {\n return _date;\n }\n const isRangeSelection = Array.isArray(selectedValue);\n if (isRangeSelection && selectedValue[0]) {\n return selectedValue[0];\n }\n if (!isRangeSelection && selectedValue) {\n return selectedValue;\n }\n return shiftTimezone('add', new Date());\n }, [_date, selectedValue]);\n const numberOfColumns = isMobile \|\| !isRange ? 1 : 2;\n const columnsToScroll = numberOfColumns;\n\n const handleNextMonth = () => {\n const nextDate = dayjs(currentDate).add(columnsToScroll, 'month').toDate();\n onNext?.({ date: nextDate, type: 'month' });\n setDate(nextDate);\n };\n\n const handlePreviousMonth = () => {\n const nextDate = dayjs(currentDate).subtract(columnsToScroll, 'month').toDate();\n onPrevious?.({ date: nextDate, type: 'month' });\n setDate(nextDate);\n };\n\n const handleNextYear = () => {\n const nextDate = dayjs(currentDate).add(columnsToScroll, 'year').toDate();\n onNext?.({ date: nextDate, type: 'year' });\n setDate(nextDate);\n };\n\n const handlePreviousYear = () => {\n const nextDate = dayjs(currentDate).subtract(columnsToScroll, 'year').toDate();\n onPrevious?.({ date: nextDate, type: 'year' });\n setDate(nextDate);\n };\n\n const handleNextDecade = () => {\n const nextDate = dayjs(currentDate)\n .add(10 columnsToScroll, 'year')\n .toDate();\n onNext?.({ date: nextDate, type: 'decade' });\n setDate(nextDate);\n };\n\n const handlePreviousDecade = () => {\n const nextDate = dayjs(currentDate)\n .subtract(10 * columnsToScroll, 'year')\n .toDate();\n onPrevious?.({ date: nextDate, type: 'decade' });\n setDate(nextDate);\n };\n\n return (\n <CalendarStyles\n display=\"flex\"\n flexDirection=\"column\"\n gap=\"spacing.7\"\n pickerType={levelToPicker[level]}\n {...metaAttribute({ name: MetaConstants.Calendar })}\n >\n <CalendarHeader\n isRange={isRange}\n date={currentDate}\n onLevelChange={(level) => setLevel(() => level)}\n pickerType={levelToPicker[level] as PickerType}\n onNextMonth={handleNextMonth}\n onPreviousMonth={handlePreviousMonth}\n onNextDecade={handleNextDecade}\n onPreviousDecade={handlePreviousDecade}\n onNextYear={handleNextYear}\n onPreviousYear={handlePreviousYear}\n showLevelChangeLink={showLevelChangeLink}\n />\n <CalendarGradientStyles isRange={isRange} date={currentDate}>\n <DatePicker\n withCellSpacing={false}\n type={isRange ? 'range' : 'default'}\n date={currentDate}\n locale={dateContext.locale}\n level={level}\n onDateChange={setDate}\n onLevelChange={(level) => setLevel(() => level)}\n numberOfColumns={numberOfColumns}\n weekdayFormat=\"ddd\"\n firstDayOfWeek={firstDayOfWeek}\n // @ts-expect-error unable to narrow props based on `type`\n allowSingleDateInRange={allowSingleDateInRange}\n classNames={{\n monthLevelGroup: classes.levelsGroup,\n yearLevelGroup: classes.levelsGroup,\n decadeLevelGroup: classes.levelsGroup,\n day: classes.dayCell,\n monthsListCell: classes.yearsListControl,\n yearsListCell: classes.monthsListControl,\n monthCell: classes.dayCell,\n calendarHeader: classes.calendarHeader,\n monthRow: classes.row,\n yearsListRow: classes.row,\n monthsListRow: classes.row,\n weekdaysRow: classes.row,\n weekday: classes.weekday,\n }}\n {...props}\n />\n </CalendarGradientStyles>\n </CalendarStyles>\n );\n};\n\nexport { Calendar };\n"],"names":["Calendar","_ref","_ref$firstDayOfWeek","firstDayOfWeek","selectionType","allowSingleDateInRange","_ref$defaultPicker","defaultPicker","picker","onPickerChange","date","defaultDate","onDateChange","onNext","onPrevious","presets","showLevelChangeLink","selectedValue","props","_objectWithoutProperties","_excluded","isRange","_useControllableState","useControllableState","defaultValue","pickerToLevel","value","onChange","level","levelToPicker","_useControllableState2","_slicedToArray","setLevel","throwBladeError","message","concat","moduleName","_useUncontrolledDates","useUncontrolledDates","type","_useUncontrolledDates2","_date","setDate","dateContext","useDatesContext","isMobile","useIsMobile","currentDate","React","useMemo","isRangeSelection","Array","isArray","shiftTimezone","Date","numberOfColumns","columnsToScroll","handleNextMonth","nextDate","dayjs","add","toDate","handlePreviousMonth","subtract","handleNextYear","handlePreviousYear","handleNextDecade","handlePreviousDecade","_jsxs","CalendarStyles","_objectSpread","display","flexDirection","gap","pickerType","metaAttribute","name","MetaConstants","children","_jsx","CalendarHeader","onLevelChange","onNextMonth","onPreviousMonth","onNextDecade","onPreviousDecade","onNextYear","onPreviousYear","CalendarGradientStyles","DatePicker","withCellSpacing","locale","weekdayFormat","classNames","monthLevelGroup","classes","levelsGroup","yearLevelGroup","decadeLevelGroup","day","dayCell","monthsListCell","yearsListControl","yearsListCell","monthsListControl","monthCell","calendarHeader","monthRow","row","yearsListRow","monthsListRow","weekdaysRow","weekday"],"mappings":"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"}
1	+ {"version":3,"file":"Calendar.web.js","sources":["../../../../../../src/components/DatePicker/Calendar.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\n/ eslint-disable @typescript-eslint/explicit-function-return-type /\nimport dayjs from 'dayjs';\nimport React from 'react';\nimport type { CalendarLevel, DatesRangeValue } from '@mantine/dates';\nimport { useDatesContext, DatePicker } from '@mantine/dates';\nimport type { CalendarProps, DateSelectionType, PickerType, DateValue } from './types';\nimport { CalendarHeader } from './CalendarHeader';\nimport { CalendarGradientStyles, CalendarStyles } from './CalendarStyles';\nimport { useUncontrolledDates } from './useControlledDates';\nimport { levelToPicker, pickerToLevel, classes } from './constants';\nimport { shiftTimezone } from './shiftTimezone';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { throwBladeError } from '~utils/logger';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst Calendar = <Type extends DateSelectionType>({\n firstDayOfWeek = 0,\n selectionType,\n allowSingleDateInRange,\n defaultPicker = 'day',\n picker,\n onPickerChange,\n date,\n defaultDate,\n onDateChange,\n onNext,\n onPrevious,\n presets,\n showLevelChangeLink,\n selectedValue,\n ...props\n}: CalendarProps<Type> & {\n date?: Date;\n defaultDate?: Date;\n onDateChange?: (date: DateValue) => void;\n showLevelChangeLink?: boolean;\n selectedValue: DatesRangeValue \| null;\n}): React.ReactElement => {\n const isRange = selectionType === 'range';\n\n const [level, setLevel] = useControllableState<CalendarLevel>({\n defaultValue: pickerToLevel[defaultPicker],\n value: pickerToLevel[picker!],\n onChange: (level) => {\n onPickerChange?.(levelToPicker[level]);\n },\n });\n\n if (__DEV__) {\n if (isRange && level !== 'month') {\n throwBladeError({\n message: `Cannot use range DatePicker with pickerType: ${levelToPicker[level]}, Only \"day\" is supported`,\n moduleName: 'DatePicker',\n });\n }\n }\n\n const [_date, setDate] = useUncontrolledDates({\n type: 'default',\n value: date,\n defaultValue: defaultDate,\n onChange: onDateChange,\n });\n\n const dateContext = useDatesContext();\n const isMobile = useIsMobile();\n const currentDate = React.useMemo(() => {\n if (_date) {\n return _date;\n }\n const isRangeSelection = Array.isArray(selectedValue);\n if (isRangeSelection && selectedValue[0]) {\n return selectedValue[0];\n }\n if (!isRangeSelection && selectedValue) {\n return selectedValue;\n }\n return shiftTimezone('add', new Date());\n }, [_date, selectedValue]);\n const numberOfColumns = isMobile \|\| !isRange ? 1 : 2;\n const columnsToScroll = numberOfColumns;\n\n const handleNextMonth = () => {\n const nextDate = dayjs(currentDate).add(columnsToScroll, 'month').toDate();\n onNext?.({ date: nextDate, type: 'month' });\n setDate(nextDate);\n };\n\n const handlePreviousMonth = () => {\n const nextDate = dayjs(currentDate).subtract(columnsToScroll, 'month').toDate();\n onPrevious?.({ date: nextDate, type: 'month' });\n setDate(nextDate);\n };\n\n const handleNextYear = () => {\n const nextDate = dayjs(currentDate).add(columnsToScroll, 'year').toDate();\n onNext?.({ date: nextDate, type: 'year' });\n setDate(nextDate);\n };\n\n const handlePreviousYear = () => {\n const nextDate = dayjs(currentDate).subtract(columnsToScroll, 'year').toDate();\n onPrevious?.({ date: nextDate, type: 'year' });\n setDate(nextDate);\n };\n\n const handleNextDecade = () => {\n const nextDate = dayjs(currentDate)\n .add(10 columnsToScroll, 'year')\n .toDate();\n onNext?.({ date: nextDate, type: 'decade' });\n setDate(nextDate);\n };\n\n const handlePreviousDecade = () => {\n const nextDate = dayjs(currentDate)\n .subtract(10 * columnsToScroll, 'year')\n .toDate();\n onPrevious?.({ date: nextDate, type: 'decade' });\n setDate(nextDate);\n };\n\n return (\n <CalendarStyles\n display=\"flex\"\n flexDirection=\"column\"\n gap=\"spacing.7\"\n pickerType={levelToPicker[level]}\n {...metaAttribute({ name: MetaConstants.Calendar })}\n {...makeAnalyticsAttribute(props)}\n >\n <CalendarHeader\n isRange={isRange}\n date={currentDate}\n onLevelChange={(level) => setLevel(() => level)}\n pickerType={levelToPicker[level] as PickerType}\n onNextMonth={handleNextMonth}\n onPreviousMonth={handlePreviousMonth}\n onNextDecade={handleNextDecade}\n onPreviousDecade={handlePreviousDecade}\n onNextYear={handleNextYear}\n onPreviousYear={handlePreviousYear}\n showLevelChangeLink={showLevelChangeLink}\n />\n <CalendarGradientStyles isRange={isRange} date={currentDate}>\n <DatePicker\n withCellSpacing={false}\n type={isRange ? 'range' : 'default'}\n date={currentDate}\n locale={dateContext.locale}\n level={level}\n onDateChange={setDate}\n onLevelChange={(level) => setLevel(() => level)}\n numberOfColumns={numberOfColumns}\n weekdayFormat=\"ddd\"\n firstDayOfWeek={firstDayOfWeek}\n // @ts-expect-error unable to narrow props based on `type`\n allowSingleDateInRange={allowSingleDateInRange}\n classNames={{\n monthLevelGroup: classes.levelsGroup,\n yearLevelGroup: classes.levelsGroup,\n decadeLevelGroup: classes.levelsGroup,\n day: classes.dayCell,\n monthsListCell: classes.yearsListControl,\n yearsListCell: classes.monthsListControl,\n monthCell: classes.dayCell,\n calendarHeader: classes.calendarHeader,\n monthRow: classes.row,\n yearsListRow: classes.row,\n monthsListRow: classes.row,\n weekdaysRow: classes.row,\n weekday: classes.weekday,\n }}\n {...props}\n />\n </CalendarGradientStyles>\n </CalendarStyles>\n );\n};\n\nexport { Calendar };\n"],"names":["Calendar","_ref","_ref$firstDayOfWeek","firstDayOfWeek","selectionType","allowSingleDateInRange","_ref$defaultPicker","defaultPicker","picker","onPickerChange","date","defaultDate","onDateChange","onNext","onPrevious","presets","showLevelChangeLink","selectedValue","props","_objectWithoutProperties","_excluded","isRange","_useControllableState","useControllableState","defaultValue","pickerToLevel","value","onChange","level","levelToPicker","_useControllableState2","_slicedToArray","setLevel","throwBladeError","message","concat","moduleName","_useUncontrolledDates","useUncontrolledDates","type","_useUncontrolledDates2","_date","setDate","dateContext","useDatesContext","isMobile","useIsMobile","currentDate","React","useMemo","isRangeSelection","Array","isArray","shiftTimezone","Date","numberOfColumns","columnsToScroll","handleNextMonth","nextDate","dayjs","add","toDate","handlePreviousMonth","subtract","handleNextYear","handlePreviousYear","handleNextDecade","handlePreviousDecade","_jsxs","CalendarStyles","_objectSpread","display","flexDirection","gap","pickerType","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","children","_jsx","CalendarHeader","onLevelChange","onNextMonth","onPreviousMonth","onNextDecade","onPreviousDecade","onNextYear","onPreviousYear","CalendarGradientStyles","DatePicker","withCellSpacing","locale","weekdayFormat","classNames","monthLevelGroup","classes","levelsGroup","yearLevelGroup","decadeLevelGroup","day","dayCell","monthsListCell","yearsListControl","yearsListCell","monthsListControl","monthCell","calendarHeader","monthRow","row","yearsListRow","monthsListRow","weekdaysRow","weekday"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAsBY;AAAA,EAAA,IAAAC,mBAAA,GAAAD,IAAA,CArBxBE,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,mBAAA;IAClBE,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,sBAAsB,GAAAJ,IAAA,CAAtBI,sBAAsB;IAAAC,kBAAA,GAAAL,IAAA,CACtBM,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IACrBE,MAAM,GAAAP,IAAA,CAANO,MAAM;IACNC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,IAAI,GAAAT,IAAA,CAAJS,IAAI;IACJC,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,YAAY,GAAAX,IAAA,CAAZW,YAAY;IACZC,MAAM,GAAAZ,IAAA,CAANY,MAAM;IACNC,UAAU,GAAAb,IAAA,CAAVa,UAAU;IACVC,OAAO,GAAAd,IAAA,CAAPc,OAAO;IACPC,mBAAmB,GAAAf,IAAA,CAAnBe,mBAAmB;IACnBC,aAAa,GAAAhB,IAAA,CAAbgB,aAAa;AACVC,IAAAA,KAAK,GAAAC,wBAAA,CAAAlB,IAAA,EAAAmB,SAAA,CAAA,CAAA;AAQR,EAAA,IAAMC,OAAO,GAAGjB,aAAa,KAAK,OAAO,CAAA;EAEzC,IAAAkB,qBAAA,GAA0BC,oBAAoB,CAAgB;AAC5DC,MAAAA,YAAY,EAAEC,aAAa,CAAClB,aAAa,CAAC;AAC1CmB,MAAAA,KAAK,EAAED,aAAa,CAACjB,MAAM,CAAE;AAC7BmB,MAAAA,QAAQ,EAAE,SAAAA,QAACC,CAAAA,KAAK,EAAK;QACnBnB,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAdA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAc,CAAGoB,aAAa,CAACD,KAAK,CAAC,CAAC,CAAA;AACxC,OAAA;AACF,KAAC,CAAC;IAAAE,sBAAA,GAAAC,cAAA,CAAAT,qBAAA,EAAA,CAAA,CAAA;AANKM,IAAAA,KAAK,GAAAE,sBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,QAAQ,GAAAF,sBAAA,CAAA,CAAA,CAAA,CAAA;AAQtB,EAAA,IAAI,IAAO,EAAE;AACX,IAAA,IAAIT,OAAO,IAAIO,KAAK,KAAK,OAAO,EAAE;AAChCK,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,kDAAAC,MAAA,CAAkDN,aAAa,CAACD,KAAK,CAAC,EAA2B,6BAAA,CAAA;AACxGQ,QAAAA,UAAU,EAAE,YAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;EAEA,IAAAC,qBAAA,GAAyBC,oBAAoB,CAAC;AAC5CC,MAAAA,IAAI,EAAE,SAAS;AACfb,MAAAA,KAAK,EAAEhB,IAAI;AACXc,MAAAA,YAAY,EAAEb,WAAW;AACzBgB,MAAAA,QAAQ,EAAEf,YAAAA;AACZ,KAAC,CAAC;IAAA4B,sBAAA,GAAAT,cAAA,CAAAM,qBAAA,EAAA,CAAA,CAAA;AALKI,IAAAA,KAAK,GAAAD,sBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,OAAO,GAAAF,sBAAA,CAAA,CAAA,CAAA,CAAA;AAOrB,EAAA,IAAMG,WAAW,GAAGC,eAAe,EAAE,CAAA;AACrC,EAAA,IAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B,EAAA,IAAMC,WAAW,GAAGC,cAAK,CAACC,OAAO,CAAC,YAAM;AACtC,IAAA,IAAIR,KAAK,EAAE;AACT,MAAA,OAAOA,KAAK,CAAA;AACd,KAAA;AACA,IAAA,IAAMS,gBAAgB,GAAGC,KAAK,CAACC,OAAO,CAACnC,aAAa,CAAC,CAAA;AACrD,IAAA,IAAIiC,gBAAgB,IAAIjC,aAAa,CAAC,CAAC,CAAC,EAAE;MACxC,OAAOA,aAAa,CAAC,CAAC,CAAC,CAAA;AACzB,KAAA;AACA,IAAA,IAAI,CAACiC,gBAAgB,IAAIjC,aAAa,EAAE;AACtC,MAAA,OAAOA,aAAa,CAAA;AACtB,KAAA;IACA,OAAOoC,aAAa,CAAC,KAAK,EAAE,IAAIC,IAAI,EAAE,CAAC,CAAA;AACzC,GAAC,EAAE,CAACb,KAAK,EAAExB,aAAa,CAAC,CAAC,CAAA;EAC1B,IAAMsC,eAAe,GAAGV,QAAQ,IAAI,CAACxB,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;EACpD,IAAMmC,eAAe,GAAGD,eAAe,CAAA;AAEvC,EAAA,IAAME,eAAe,GAAG,SAAlBA,eAAeA,GAAS;AAC5B,IAAA,IAAMC,QAAQ,GAAGC,KAAK,CAACZ,WAAW,CAAC,CAACa,GAAG,CAACJ,eAAe,EAAE,OAAO,CAAC,CAACK,MAAM,EAAE,CAAA;AAC1EhD,IAAAA,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAG;AAAEH,MAAAA,IAAI,EAAEgD,QAAQ;AAAEnB,MAAAA,IAAI,EAAE,OAAA;AAAQ,KAAC,CAAC,CAAA;IAC3CG,OAAO,CAACgB,QAAQ,CAAC,CAAA;GAClB,CAAA;AAED,EAAA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAAS;AAChC,IAAA,IAAMJ,QAAQ,GAAGC,KAAK,CAACZ,WAAW,CAAC,CAACgB,QAAQ,CAACP,eAAe,EAAE,OAAO,CAAC,CAACK,MAAM,EAAE,CAAA;AAC/E/C,IAAAA,UAAU,KAAVA,IAAAA,IAAAA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAG;AAAEJ,MAAAA,IAAI,EAAEgD,QAAQ;AAAEnB,MAAAA,IAAI,EAAE,OAAA;AAAQ,KAAC,CAAC,CAAA;IAC/CG,OAAO,CAACgB,QAAQ,CAAC,CAAA;GAClB,CAAA;AAED,EAAA,IAAMM,cAAc,GAAG,SAAjBA,cAAcA,GAAS;AAC3B,IAAA,IAAMN,QAAQ,GAAGC,KAAK,CAACZ,WAAW,CAAC,CAACa,GAAG,CAACJ,eAAe,EAAE,MAAM,CAAC,CAACK,MAAM,EAAE,CAAA;AACzEhD,IAAAA,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAG;AAAEH,MAAAA,IAAI,EAAEgD,QAAQ;AAAEnB,MAAAA,IAAI,EAAE,MAAA;AAAO,KAAC,CAAC,CAAA;IAC1CG,OAAO,CAACgB,QAAQ,CAAC,CAAA;GAClB,CAAA;AAED,EAAA,IAAMO,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAS;AAC/B,IAAA,IAAMP,QAAQ,GAAGC,KAAK,CAACZ,WAAW,CAAC,CAACgB,QAAQ,CAACP,eAAe,EAAE,MAAM,CAAC,CAACK,MAAM,EAAE,CAAA;AAC9E/C,IAAAA,UAAU,KAAVA,IAAAA,IAAAA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAG;AAAEJ,MAAAA,IAAI,EAAEgD,QAAQ;AAAEnB,MAAAA,IAAI,EAAE,MAAA;AAAO,KAAC,CAAC,CAAA;IAC9CG,OAAO,CAACgB,QAAQ,CAAC,CAAA;GAClB,CAAA;AAED,EAAA,IAAMQ,gBAAgB,GAAG,SAAnBA,gBAAgBA,GAAS;AAC7B,IAAA,IAAMR,QAAQ,GAAGC,KAAK,CAACZ,WAAW,CAAC,CAChCa,GAAG,CAAC,EAAE,GAAGJ,eAAe,EAAE,MAAM,CAAC,CACjCK,MAAM,EAAE,CAAA;AACXhD,IAAAA,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAG;AAAEH,MAAAA,IAAI,EAAEgD,QAAQ;AAAEnB,MAAAA,IAAI,EAAE,QAAA;AAAS,KAAC,CAAC,CAAA;IAC5CG,OAAO,CAACgB,QAAQ,CAAC,CAAA;GAClB,CAAA;AAED,EAAA,IAAMS,oBAAoB,GAAG,SAAvBA,oBAAoBA,GAAS;AACjC,IAAA,IAAMT,QAAQ,GAAGC,KAAK,CAACZ,WAAW,CAAC,CAChCgB,QAAQ,CAAC,EAAE,GAAGP,eAAe,EAAE,MAAM,CAAC,CACtCK,MAAM,EAAE,CAAA;AACX/C,IAAAA,UAAU,KAAVA,IAAAA,IAAAA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAG;AAAEJ,MAAAA,IAAI,EAAEgD,QAAQ;AAAEnB,MAAAA,IAAI,EAAE,QAAA;AAAS,KAAC,CAAC,CAAA;IAChDG,OAAO,CAACgB,QAAQ,CAAC,CAAA;GAClB,CAAA;EAED,oBACEU,IAAA,CAACC,cAAc,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACbC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,GAAG,EAAC,WAAW;IACfC,UAAU,EAAE7C,aAAa,CAACD,KAAK,CAAA;AAAE,GAAA,EAC7B+C,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAAC7E,QAAAA;AAAS,GAAC,CAAC,CAAA,EAC/C8E,sBAAsB,CAAC5D,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;IAAA6D,QAAA,EAAA,cAEjCC,GAAA,CAACC,cAAc,EAAA;AACb5D,MAAAA,OAAO,EAAEA,OAAQ;AACjBX,MAAAA,IAAI,EAAEqC,WAAY;MAClBmC,aAAa,EAAE,SAAAA,aAAAA,CAACtD,KAAK,EAAA;AAAA,QAAA,OAAKI,QAAQ,CAAC,YAAA;AAAA,UAAA,OAAMJ,KAAK,CAAA;SAAC,CAAA,CAAA;OAAC;AAChD8C,MAAAA,UAAU,EAAE7C,aAAa,CAACD,KAAK,CAAgB;AAC/CuD,MAAAA,WAAW,EAAE1B,eAAgB;AAC7B2B,MAAAA,eAAe,EAAEtB,mBAAoB;AACrCuB,MAAAA,YAAY,EAAEnB,gBAAiB;AAC/BoB,MAAAA,gBAAgB,EAAEnB,oBAAqB;AACvCoB,MAAAA,UAAU,EAAEvB,cAAe;AAC3BwB,MAAAA,cAAc,EAAEvB,kBAAmB;AACnCjD,MAAAA,mBAAmB,EAAEA,mBAAAA;AAAoB,KAC1C,CAAC,eACFgE,GAAA,CAACS,sBAAsB,EAAA;AAACpE,MAAAA,OAAO,EAAEA,OAAQ;AAACX,MAAAA,IAAI,EAAEqC,WAAY;AAAAgC,MAAAA,QAAA,eAC1DC,GAAA,CAACU,UAAU,EAAApB,aAAA,CAAA;AACTqB,QAAAA,eAAe,EAAE,KAAM;AACvBpD,QAAAA,IAAI,EAAElB,OAAO,GAAG,OAAO,GAAG,SAAU;AACpCX,QAAAA,IAAI,EAAEqC,WAAY;QAClB6C,MAAM,EAAEjD,WAAW,CAACiD,MAAO;AAC3BhE,QAAAA,KAAK,EAAEA,KAAM;AACbhB,QAAAA,YAAY,EAAE8B,OAAQ;QACtBwC,aAAa,EAAE,SAAAA,aAAAA,CAACtD,KAAK,EAAA;AAAA,UAAA,OAAKI,QAAQ,CAAC,YAAA;AAAA,YAAA,OAAMJ,KAAK,CAAA;WAAC,CAAA,CAAA;SAAC;AAChD2B,QAAAA,eAAe,EAAEA,eAAgB;AACjCsC,QAAAA,aAAa,EAAC,KAAK;AACnB1F,QAAAA,cAAc,EAAEA,cAAAA;AAChB;AAAA;AACAE,QAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CyF,QAAAA,UAAU,EAAE;UACVC,eAAe,EAAEC,OAAO,CAACC,WAAW;UACpCC,cAAc,EAAEF,OAAO,CAACC,WAAW;UACnCE,gBAAgB,EAAEH,OAAO,CAACC,WAAW;UACrCG,GAAG,EAAEJ,OAAO,CAACK,OAAO;UACpBC,cAAc,EAAEN,OAAO,CAACO,gBAAgB;UACxCC,aAAa,EAAER,OAAO,CAACS,iBAAiB;UACxCC,SAAS,EAAEV,OAAO,CAACK,OAAO;UAC1BM,cAAc,EAAEX,OAAO,CAACW,cAAc;UACtCC,QAAQ,EAAEZ,OAAO,CAACa,GAAG;UACrBC,YAAY,EAAEd,OAAO,CAACa,GAAG;UACzBE,aAAa,EAAEf,OAAO,CAACa,GAAG;UAC1BG,WAAW,EAAEhB,OAAO,CAACa,GAAG;UACxBI,OAAO,EAAEjB,OAAO,CAACiB,OAAAA;AACnB,SAAA;AAAE,OAAA,EACE/F,KAAK,CACV,CAAA;AAAC,KACoB,CAAC,CAAA;AAAA,GAAA,CACX,CAAC,CAAA;AAErB;;;;"}

package/build/lib/web/development/components/DatePicker/CalendarFooter.web.js CHANGED Viewed

@@ -2,11 +2,13 @@ import 'react';
 import '../Box/BaseBox/index.js';
 import '../Button/index.js';
 import '../Divider/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { useIsMobile } from '../../utils/useIsMobile.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { Divider } from '../Divider/Divider.js';
 import Button from '../Button/Button/Button.js';
+import { MAKE_ANALYTICS_CONSTANTS } from '../../utils/makeAnalyticsAttribute/makeAnalyticsConstants.js';
 var CalendarFooter = function CalendarFooter(_ref) {
   var onApply = _ref.onApply,
@@ -31,6 +33,7 @@ var CalendarFooter = function CalendarFooter(_ref) {
         variant: "tertiary",
         size: "medium",
         onClick: onCancel,
+        "data-analytics-name": MAKE_ANALYTICS_CONSTANTS.DATE_PICKER.CANCEL_BUTTON,
         children: "Cancel"
       }), /*#__PURE__*/jsx(Button, {
         isDisabled: isButtonDisabled,
@@ -38,6 +41,7 @@ var CalendarFooter = function CalendarFooter(_ref) {
         variant: "primary",
         size: "medium",
         onClick: onApply,
+        "data-analytics-name": MAKE_ANALYTICS_CONSTANTS.DATE_PICKER.APPLY_BUTTON,
         children: "Apply"
       })]
     })]

package/build/lib/web/development/components/DatePicker/CalendarFooter.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarFooter.web.js","sources":["../../../../../../src/components/DatePicker/CalendarFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Button } from '~components/Button';\nimport { Divider } from '~components/Divider';\nimport { useIsMobile } from '~utils/useIsMobile';\n\ntype CalendarFooterProps = {\n onApply: () => void;\n onCancel: () => void;\n isButtonDisabled?: boolean;\n};\nconst CalendarFooter = ({\n onApply,\n onCancel,\n isButtonDisabled,\n}: CalendarFooterProps): React.ReactElement => {\n const isMobile = useIsMobile();\n\n return (\n <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.5\">\n {isMobile ? null : <Divider />}\n <BaseBox\n width={{ base: '100%', m: 'auto' }}\n marginLeft=\"auto\"\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.4\"\n >\n <Button isFullWidth={isMobile} variant=\"tertiary\" size=\"medium\" onClick={onCancel}>\n Cancel\n </Button>\n <Button\n isDisabled={isButtonDisabled}\n isFullWidth={isMobile}\n variant=\"primary\"\n size=\"medium\"\n onClick={onApply}\n >\n Apply\n </Button>\n </BaseBox>\n </BaseBox>\n );\n};\n\nexport { CalendarFooter };\n"],"names":["CalendarFooter","_ref","onApply","onCancel","isButtonDisabled","isMobile","useIsMobile","_jsxs","BaseBox","display","flexDirection","gap","children","_jsx","Divider","width","base","m","marginLeft","Button","isFullWidth","variant","size","onClick","isDisabled"],"mappings":"~~;;;;;;;;;;AAWA~~,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAI2B;AAAA,EAAA,IAH7CC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB,CAAA;AAEhB,EAAA,IAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;EAE9B,oBACEC,IAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,aAAa,EAAC,QAAQ;AAACC,IAAAA,GAAG,EAAC,WAAW;AAAAC,IAAAA,QAAA,EAC3DP,CAAAA,QAAQ,GAAG,IAAI,gBAAGQ,GAAA,CAACC,OAAO,EAAE,EAAA,CAAC,eAC9BP,IAAA,CAACC,OAAO,EAAA;AACNO,MAAAA,KAAK,EAAE;AAAEC,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,CAAC,EAAE,MAAA;OAAS;AACnCC,MAAAA,UAAU,EAAC,MAAM;AACjBT,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,aAAa,EAAC,KAAK;AACnBC,MAAAA,GAAG,EAAC,WAAW;MAAAC,QAAA,EAAA,cAEfC,GAAA,CAACM,MAAM,EAAA;~~AAACC~~,QAAAA,WAAW,EAAEf,QAAS;~~AAACgB~~,QAAAA,OAAO,EAAC,UAAU;~~AAACC~~,QAAAA,IAAI,EAAC,QAAQ;~~AAACC~~,QAAAA,OAAO,EAAEpB,QAAS;~~AAAAS~~,QAAAA,QAAA,~~EAAC~~,QAAA;~~AAEnF~~,OAAQ,CAAC,eACTC,GAAA,CAACM,MAAM,EAAA;~~AACLK~~,QAAAA,UAAU,~~EAAEpB~~,gBAAiB;AAC7BgB,QAAAA,WAAW,EAAEf,QAAS;AACtBgB,QAAAA,OAAO,EAAC,SAAS;AACjBC,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,OAAO,EAAErB,OAAQ;~~AAAAU~~,QAAAA,QAAA,~~EAClB~~,OAAA;AAED,OAAQ,CAAC,CAAA;AAAA,KACF,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEd;;;;"}
1	+ {"version":3,"file":"CalendarFooter.web.js","sources":["../../../../../../src/components/DatePicker/CalendarFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Button } from '~components/Button';\nimport { Divider } from '~components/Divider';\nimport { MAKE_ANALYTICS_CONSTANTS } from '~utils/makeAnalyticsAttribute';\nimport { useIsMobile } from '~utils/useIsMobile';\n\ntype CalendarFooterProps = {\n onApply: () => void;\n onCancel: () => void;\n isButtonDisabled?: boolean;\n};\nconst CalendarFooter = ({\n onApply,\n onCancel,\n isButtonDisabled,\n}: CalendarFooterProps): React.ReactElement => {\n const isMobile = useIsMobile();\n\n return (\n <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.5\">\n {isMobile ? null : <Divider />}\n <BaseBox\n width={{ base: '100%', m: 'auto' }}\n marginLeft=\"auto\"\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.4\"\n >\n <Button\n isFullWidth={isMobile}\n variant=\"tertiary\"\n size=\"medium\"\n onClick={onCancel}\n data-analytics-name={MAKE_ANALYTICS_CONSTANTS.DATE_PICKER.CANCEL_BUTTON}\n >\n Cancel\n </Button>\n <Button\n isDisabled={isButtonDisabled}\n isFullWidth={isMobile}\n variant=\"primary\"\n size=\"medium\"\n onClick={onApply}\n data-analytics-name={MAKE_ANALYTICS_CONSTANTS.DATE_PICKER.APPLY_BUTTON}\n >\n Apply\n </Button>\n </BaseBox>\n </BaseBox>\n );\n};\n\nexport { CalendarFooter };\n"],"names":["CalendarFooter","_ref","onApply","onCancel","isButtonDisabled","isMobile","useIsMobile","_jsxs","BaseBox","display","flexDirection","gap","children","_jsx","Divider","width","base","m","marginLeft","Button","isFullWidth","variant","size","onClick","MAKE_ANALYTICS_CONSTANTS","DATE_PICKER","CANCEL_BUTTON","isDisabled","APPLY_BUTTON"],"mappings":";;;;;;;;;;;;AAYA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAI2B;AAAA,EAAA,IAH7CC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB,CAAA;AAEhB,EAAA,IAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;EAE9B,oBACEC,IAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,aAAa,EAAC,QAAQ;AAACC,IAAAA,GAAG,EAAC,WAAW;AAAAC,IAAAA,QAAA,EAC3DP,CAAAA,QAAQ,GAAG,IAAI,gBAAGQ,GAAA,CAACC,OAAO,EAAE,EAAA,CAAC,eAC9BP,IAAA,CAACC,OAAO,EAAA;AACNO,MAAAA,KAAK,EAAE;AAAEC,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,CAAC,EAAE,MAAA;OAAS;AACnCC,MAAAA,UAAU,EAAC,MAAM;AACjBT,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,aAAa,EAAC,KAAK;AACnBC,MAAAA,GAAG,EAAC,WAAW;MAAAC,QAAA,EAAA,cAEfC,GAAA,CAACM,MAAM,EAAA;AACLC,QAAAA,WAAW,EAAEf,QAAS;AACtBgB,QAAAA,OAAO,EAAC,UAAU;AAClBC,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,OAAO,EAAEpB,QAAS;AAClB,QAAA,qBAAA,EAAqBqB,wBAAwB,CAACC,WAAW,CAACC,aAAc;AAAAd,QAAAA,QAAA,EACzE,QAAA;AAED,OAAQ,CAAC,eACTC,GAAA,CAACM,MAAM,EAAA;AACLQ,QAAAA,UAAU,EAAEvB,gBAAiB;AAC7BgB,QAAAA,WAAW,EAAEf,QAAS;AACtBgB,QAAAA,OAAO,EAAC,SAAS;AACjBC,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,OAAO,EAAErB,OAAQ;AACjB,QAAA,qBAAA,EAAqBsB,wBAAwB,CAACC,WAAW,CAACG,YAAa;AAAAhB,QAAAA,QAAA,EACxE,OAAA;AAED,OAAQ,CAAC,CAAA;AAAA,KACF,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/development/components/DatePicker/DateInput.web.js CHANGED Viewed

@@ -21,7 +21,7 @@ import ArrowRightIcon from '../Icons/ArrowRightIcon/ArrowRightIcon.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 var _excluded = ["value", "name", "isRequired", "isDisabled"],
-  _excluded2 = ["selectionType", "referenceProps", "inputRef", "date", "label", "labelPosition", "autoFocus", "name", "size", "necessityIndicator", "successText", "errorText", "helpText", "format", "placeholder"];
+  _excluded2 = ["selectionType", "referenceProps", "inputRef", "date", "label", "labelPosition", "labelSuffix", "labelTrailing", "autoFocus", "name", "size", "necessityIndicator", "successText", "errorText", "helpText", "format", "placeholder"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _DateInput = function _DateInput(props, ref) {
@@ -77,6 +77,8 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
     date = _ref3.date,
     label = _ref3.label,
     labelPosition = _ref3.labelPosition,
+    labelSuffix = _ref3.labelSuffix,
+    labelTrailing = _ref3.labelTrailing,
     autoFocus = _ref3.autoFocus,
     name = _ref3.name,
     _ref3$size = _ref3.size,
@@ -126,7 +128,9 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
         necessityIndicator: necessityIndicator,
         successText: successText,
         errorText: errorText,
-        helpText: helpText
+        helpText: helpText,
+        labelSuffix: labelSuffix,
+        labelTrailing: labelTrailing
       }, props), referenceProps))]
     });
   }
@@ -191,7 +195,8 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
           necessityIndicator: necessityIndicator,
           successText: successText === null || successText === void 0 ? void 0 : successText.start,
           errorText: errorText === null || errorText === void 0 ? void 0 : errorText.start,
-          helpText: helpText === null || helpText === void 0 ? void 0 : helpText.start
+          helpText: helpText === null || helpText === void 0 ? void 0 : helpText.start,
+          labelSuffix: labelSuffix
         }, props), referenceProps))]
       }), /*#__PURE__*/jsx(BaseBox, {
         flexShrink: 0,
@@ -222,7 +227,8 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
           componentName: "DatePickerInputEnd",
           successText: successText === null || successText === void 0 ? void 0 : successText.end,
           errorText: errorText === null || errorText === void 0 ? void 0 : errorText.end,
-          helpText: helpText === null || helpText === void 0 ? void 0 : helpText.end
+          helpText: helpText === null || helpText === void 0 ? void 0 : helpText.end,
+          labelTrailing: labelTrailing
         }, props), referenceProps))]
       })]
     });

package/build/lib/web/development/components/DatePicker/DateInput.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus /\n/ eslint-disable @typescript-eslint/no-unnecessary-type-assertion /\n/ eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport { getFormattedDate } from './utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef, DataAnalyticsAttribute } from '~utils/types';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _DateInput = (\n props: BaseInputProps,\n ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n return (\n <BaseInput\n {...props}\n ref={ref}\n as=\"button\"\n textAlign=\"left\"\n hideLabelText={props.label?.length === 0}\n autoCompleteSuggestionType=\"none\"\n hasPopup=\"dialog\"\n onClick={(e) => {\n if (props.isDisabled) {\n return;\n }\n props.onClick?.(e);\n }}\n onKeyDown={({ event }) => {\n // @ts-expect-error\n props.onKeyDown?.(event);\n }}\n />\n );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({\n value,\n name,\n isRequired,\n isDisabled,\n ...rest\n}: {\n value: string;\n name?: string;\n isRequired?: boolean;\n isDisabled?: boolean;\n} & DataAnalyticsAttribute): React.ReactElement => {\n if (isReactNative()) return <></>;\n\n return (\n <input\n hidden={true}\n name={name}\n value={value}\n required={isRequired}\n disabled={isDisabled}\n readOnly\n {...makeAnalyticsAttribute(rest)}\n />\n );\n};\n\nconst iconVerticalMargin = {\n medium: sizeTokens[14],\n large: sizeTokens[24],\n} as const;\nconst LEFT_LABEL_WIDTH = 132;\n\nconst _DatePickerInput = (\n {\n selectionType,\n referenceProps,\n inputRef,\n date,\n label,\n labelPosition,\n autoFocus,\n name,\n size = 'medium',\n necessityIndicator,\n successText,\n errorText,\n helpText,\n format,\n placeholder,\n ...props\n }: DatePickerInputProps,\n ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n const isMobile = useIsMobile();\n const isLarge = size === 'large';\n const hasLabel = typeof label === 'string' ? Boolean(label) : Boolean(label?.start \|\| label?.end);\n const isLabelPositionLeft = labelPosition === 'left';\n const isLabelPositionTop = labelPosition === 'top';\n const isLabelPositionVisuallyTop = hasLabel && (isLabelPositionTop \|\| isMobile);\n\n const { locale } = useDatesContext();\n\n if (selectionType == 'single') {\n const dateValue = getFormattedDate({\n date,\n format,\n labelSeparator: '-',\n locale,\n type: 'default',\n });\n return (\n <BaseBox width=\"100%\">\n <HiddenInput\n value={dateValue}\n name={name}\n isRequired={props.isRequired}\n isDisabled={props.isDisabled}\n />\n <DateInput\n ref={ref as never}\n id=\"start-date\"\n labelPosition={labelPosition}\n label={label}\n placeholder={placeholder \|\| format}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n autoFocus={autoFocus}\n value={dateValue}\n componentName=\"DatePickerInput\"\n necessityIndicator={necessityIndicator}\n successText={successText}\n errorText={errorText}\n helpText={helpText}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n );\n }\n\n if (selectionType == 'range') {\n const shouldRenderEndLabel = (): string \| undefined => {\n let finalLabel: string \| undefined = '';\n\n const labelEnd = isLabelPositionLeft ? undefined : label?.end;\n if (isLabelPositionVisuallyTop && labelEnd === undefined) {\n // Empty space, nbsp;\n finalLabel = '\\u00A0';\n } else if (isLabelPositionLeft) {\n finalLabel = undefined;\n } else {\n finalLabel = label?.end;\n }\n return finalLabel;\n };\n\n const startValue = getFormattedDate({\n type: 'default',\n date: date[0],\n format,\n labelSeparator: '-',\n locale,\n });\n const endValue = getFormattedDate({\n type: 'default',\n date: date[1],\n format,\n labelSeparator: '-',\n locale,\n });\n return (\n <BaseBox\n width=\"100%\"\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.4\"\n alignItems=\"flex-start\"\n ref={ref as never}\n >\n <BaseBox flex={1} flexBasis={isLabelPositionLeft ? LEFT_LABEL_WIDTH : '0px'}>\n <HiddenInput\n value={startValue}\n name={name?.start}\n isRequired={props.isRequired}\n isDisabled={props.isDisabled}\n />\n <DateInput\n setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n id=\"start-date\"\n leadingIcon={CalendarIcon}\n label={label?.start}\n labelPosition={labelPosition}\n placeholder={placeholder}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n autoFocus={autoFocus}\n value={startValue}\n componentName=\"DatePickerInputStart\"\n necessityIndicator={necessityIndicator}\n successText={successText?.start}\n errorText={errorText?.start}\n helpText={helpText?.start}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n <BaseBox flexShrink={0} alignSelf=\"start\">\n <ArrowRightIcon\n size=\"medium\"\n marginTop={\n // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n hasLabel && (!isLabelPositionLeft \|\| isMobile)\n ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n isLarge ? sizeTokens[20] : sizeTokens[15],\n )})`\n : makeSize(iconVerticalMargin[size])\n }\n />\n </BaseBox>\n <BaseBox flex={1}>\n <HiddenInput\n value={endValue}\n name={name?.end}\n isRequired={props.isRequired}\n isDisabled={props.isDisabled}\n {...makeAnalyticsAttribute(props)}\n />\n <DateInput\n id=\"end-date\"\n placeholder={placeholder}\n leadingIcon={CalendarIcon}\n label={shouldRenderEndLabel()}\n labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n value={endValue}\n componentName=\"DatePickerInputEnd\"\n successText={successText?.end}\n errorText={errorText?.end}\n helpText={helpText?.end}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n </BaseBox>\n );\n }\n\n return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isRequired","rest","_objectWithoutProperties","_excluded","isReactNative","_Fragment","hidden","required","disabled","readOnly","makeAnalyticsAttribute","iconVerticalMargin","medium","sizeTokens","large","LEFT_LABEL_WIDTH","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","autoFocus","_ref3$size","size","necessityIndicator","successText","errorText","helpText","format","placeholder","_excluded2","isMobile","useIsMobile","isLarge","hasLabel","Boolean","start","end","isLabelPositionLeft","isLabelPositionTop","isLabelPositionVisuallyTop","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","popupId","isPopupExpanded","componentName","shouldRenderEndLabel","finalLabel","labelEnd","undefined","startValue","endValue","display","flexDirection","gap","alignItems","flex","flexBasis","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","DatePickerInput"],"mappings":"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"}
1	+ {"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus /\n/ eslint-disable @typescript-eslint/no-unnecessary-type-assertion /\n/ eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport { getFormattedDate } from './utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef, DataAnalyticsAttribute } from '~utils/types';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _DateInput = (\n props: BaseInputProps,\n ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n return (\n <BaseInput\n {...props}\n ref={ref}\n as=\"button\"\n textAlign=\"left\"\n hideLabelText={props.label?.length === 0}\n autoCompleteSuggestionType=\"none\"\n hasPopup=\"dialog\"\n onClick={(e) => {\n if (props.isDisabled) {\n return;\n }\n props.onClick?.(e);\n }}\n onKeyDown={({ event }) => {\n // @ts-expect-error\n props.onKeyDown?.(event);\n }}\n />\n );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({\n value,\n name,\n isRequired,\n isDisabled,\n ...rest\n}: {\n value: string;\n name?: string;\n isRequired?: boolean;\n isDisabled?: boolean;\n} & DataAnalyticsAttribute): React.ReactElement => {\n if (isReactNative()) return <></>;\n\n return (\n <input\n hidden={true}\n name={name}\n value={value}\n required={isRequired}\n disabled={isDisabled}\n readOnly\n {...makeAnalyticsAttribute(rest)}\n />\n );\n};\n\nconst iconVerticalMargin = {\n medium: sizeTokens[14],\n large: sizeTokens[24],\n} as const;\nconst LEFT_LABEL_WIDTH = 132;\n\nconst _DatePickerInput = (\n {\n selectionType,\n referenceProps,\n inputRef,\n date,\n label,\n labelPosition,\n labelSuffix,\n labelTrailing,\n autoFocus,\n name,\n size = 'medium',\n necessityIndicator,\n successText,\n errorText,\n helpText,\n format,\n placeholder,\n ...props\n }: DatePickerInputProps,\n ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n const isMobile = useIsMobile();\n const isLarge = size === 'large';\n const hasLabel = typeof label === 'string' ? Boolean(label) : Boolean(label?.start \|\| label?.end);\n const isLabelPositionLeft = labelPosition === 'left';\n const isLabelPositionTop = labelPosition === 'top';\n const isLabelPositionVisuallyTop = hasLabel && (isLabelPositionTop \|\| isMobile);\n\n const { locale } = useDatesContext();\n\n if (selectionType == 'single') {\n const dateValue = getFormattedDate({\n date,\n format,\n labelSeparator: '-',\n locale,\n type: 'default',\n });\n return (\n <BaseBox width=\"100%\">\n <HiddenInput\n value={dateValue}\n name={name}\n isRequired={props.isRequired}\n isDisabled={props.isDisabled}\n />\n <DateInput\n ref={ref as never}\n id=\"start-date\"\n labelPosition={labelPosition}\n label={label}\n placeholder={placeholder \|\| format}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n autoFocus={autoFocus}\n value={dateValue}\n componentName=\"DatePickerInput\"\n necessityIndicator={necessityIndicator}\n successText={successText}\n errorText={errorText}\n helpText={helpText}\n labelSuffix={labelSuffix}\n labelTrailing={labelTrailing}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n );\n }\n\n if (selectionType == 'range') {\n const shouldRenderEndLabel = (): string \| undefined => {\n let finalLabel: string \| undefined = '';\n\n const labelEnd = isLabelPositionLeft ? undefined : label?.end;\n if (isLabelPositionVisuallyTop && labelEnd === undefined) {\n // Empty space, nbsp;\n finalLabel = '\\u00A0';\n } else if (isLabelPositionLeft) {\n finalLabel = undefined;\n } else {\n finalLabel = label?.end;\n }\n return finalLabel;\n };\n\n const startValue = getFormattedDate({\n type: 'default',\n date: date[0],\n format,\n labelSeparator: '-',\n locale,\n });\n const endValue = getFormattedDate({\n type: 'default',\n date: date[1],\n format,\n labelSeparator: '-',\n locale,\n });\n return (\n <BaseBox\n width=\"100%\"\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.4\"\n alignItems=\"flex-start\"\n ref={ref as never}\n >\n <BaseBox flex={1} flexBasis={isLabelPositionLeft ? LEFT_LABEL_WIDTH : '0px'}>\n <HiddenInput\n value={startValue}\n name={name?.start}\n isRequired={props.isRequired}\n isDisabled={props.isDisabled}\n />\n <DateInput\n setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n id=\"start-date\"\n leadingIcon={CalendarIcon}\n label={label?.start}\n labelPosition={labelPosition}\n placeholder={placeholder}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n autoFocus={autoFocus}\n value={startValue}\n componentName=\"DatePickerInputStart\"\n necessityIndicator={necessityIndicator}\n successText={successText?.start}\n errorText={errorText?.start}\n helpText={helpText?.start}\n labelSuffix={labelSuffix}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n <BaseBox flexShrink={0} alignSelf=\"start\">\n <ArrowRightIcon\n size=\"medium\"\n marginTop={\n // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n hasLabel && (!isLabelPositionLeft \|\| isMobile)\n ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n isLarge ? sizeTokens[20] : sizeTokens[15],\n )})`\n : makeSize(iconVerticalMargin[size])\n }\n />\n </BaseBox>\n <BaseBox flex={1}>\n <HiddenInput\n value={endValue}\n name={name?.end}\n isRequired={props.isRequired}\n isDisabled={props.isDisabled}\n {...makeAnalyticsAttribute(props)}\n />\n <DateInput\n id=\"end-date\"\n placeholder={placeholder}\n leadingIcon={CalendarIcon}\n label={shouldRenderEndLabel()}\n labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n value={endValue}\n componentName=\"DatePickerInputEnd\"\n successText={successText?.end}\n errorText={errorText?.end}\n helpText={helpText?.end}\n labelTrailing={labelTrailing}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n </BaseBox>\n );\n }\n\n return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isRequired","rest","_objectWithoutProperties","_excluded","isReactNative","_Fragment","hidden","required","disabled","readOnly","makeAnalyticsAttribute","iconVerticalMargin","medium","sizeTokens","large","LEFT_LABEL_WIDTH","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","labelSuffix","labelTrailing","autoFocus","_ref3$size","size","necessityIndicator","successText","errorText","helpText","format","placeholder","_excluded2","isMobile","useIsMobile","isLarge","hasLabel","Boolean","start","end","isLabelPositionLeft","isLabelPositionTop","isLabelPositionVisuallyTop","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","popupId","isPopupExpanded","componentName","shouldRenderEndLabel","finalLabel","labelEnd","undefined","startValue","endValue","display","flexDirection","gap","alignItems","flex","flexBasis","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","DatePickerInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CACdC,KAAqB,EACrBC,GAAwC,EACjB;AAAA,EAAA,IAAAC,YAAA,CAAA;EACvB,oBACEC,GAAA,CAACC,SAAS,EAAAC,aAAA,CAAAA,aAAA,KACJL,KAAK,CAAA,EAAA,EAAA,EAAA;AACTC,IAAAA,GAAG,EAAEA,GAAI;AACTK,IAAAA,EAAE,EAAC,QAAQ;AACXC,IAAAA,SAAS,EAAC,MAAM;AAChBC,IAAAA,aAAa,EAAE,CAAA,CAAAN,YAAA,GAAAF,KAAK,CAACS,KAAK,MAAAP,IAAAA,IAAAA,YAAA,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAA,CAAaQ,MAAM,MAAK,CAAE;AACzCC,IAAAA,0BAA0B,EAAC,MAAM;AACjCC,IAAAA,QAAQ,EAAC,QAAQ;AACjBC,IAAAA,OAAO,EAAE,SAAAA,OAACC,CAAAA,CAAC,EAAK;AAAA,MAAA,IAAAC,cAAA,CAAA;MACd,IAAIf,KAAK,CAACgB,UAAU,EAAE;AACpB,QAAA,OAAA;AACF,OAAA;AACA,MAAA,CAAAD,cAAA,GAAAf,KAAK,CAACa,OAAO,MAAAE,IAAAA,IAAAA,cAAA,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAA,CAAAE,IAAA,CAAAjB,KAAK,EAAWc,CAAC,CAAC,CAAA;KAClB;AACFI,IAAAA,SAAS,EAAE,SAAAA,SAAAC,CAAAA,IAAA,EAAe;AAAA,MAAA,IAAAC,gBAAA,CAAA;AAAA,MAAA,IAAZC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;AACjB;AACA,MAAA,CAAAD,gBAAA,GAAApB,KAAK,CAACkB,SAAS,MAAAE,IAAAA,IAAAA,gBAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAAH,IAAA,CAAAjB,KAAK,EAAaqB,KAAK,CAAC,CAAA;AAC1B,KAAA;AAAE,GAAA,CACH,CAAC,CAAA;AAEN,CAAC,CAAA;AAED,IAAMC,SAAS,gBAAGC,cAAK,CAACC,UAAU,CAACzB,UAAU,CAAC,CAAA;AAE9C,IAAM0B,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAWkC;AAAA,EAAA,IAVjDC,KAAK,GAAAD,KAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,KAAA,CAAJE,IAAI;IACJC,UAAU,GAAAH,KAAA,CAAVG,UAAU;IACVb,UAAU,GAAAU,KAAA,CAAVV,UAAU;AACPc,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,KAAA,EAAAM,SAAA,CAAA,CAAA;EAOP,IAAIC,aAAa,EAAE,EAAE,oBAAO9B,GAAA,CAAA+B,QAAA,EAAA,EAAI,CAAC,CAAA;EAEjC,oBACE/B,GAAA,UAAAE,aAAA,CAAA;AACE8B,IAAAA,MAAM,EAAE,IAAK;AACbP,IAAAA,IAAI,EAAEA,IAAK;AACXD,IAAAA,KAAK,EAAEA,KAAM;AACbS,IAAAA,QAAQ,EAAEP,UAAW;AACrBQ,IAAAA,QAAQ,EAAErB,UAAW;IACrBsB,QAAQ,EAAA,IAAA;AAAA,GAAA,EACJC,sBAAsB,CAACT,IAAI,CAAC,CACjC,CAAC,CAAA;AAEN,CAAC,CAAA;AAED,IAAMU,kBAAkB,GAAG;AACzBC,EAAAA,MAAM,EAAEC,IAAU,CAAC,EAAE,CAAC;EACtBC,KAAK,EAAED,IAAU,CAAC,EAAE,CAAA;AACtB,CAAU,CAAA;AACV,IAAME,gBAAgB,GAAG,GAAG,CAAA;AAE5B,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,EAqBpB7C,GAA4B,EACL;AAAA,EAAA,IApBrB8C,aAAa,GAAAD,KAAA,CAAbC,aAAa;IACbC,cAAc,GAAAF,KAAA,CAAdE,cAAc;IACdC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IACRC,IAAI,GAAAJ,KAAA,CAAJI,IAAI;IACJzC,KAAK,GAAAqC,KAAA,CAALrC,KAAK;IACL0C,aAAa,GAAAL,KAAA,CAAbK,aAAa;IACbC,WAAW,GAAAN,KAAA,CAAXM,WAAW;IACXC,aAAa,GAAAP,KAAA,CAAbO,aAAa;IACbC,SAAS,GAAAR,KAAA,CAATQ,SAAS;IACT1B,IAAI,GAAAkB,KAAA,CAAJlB,IAAI;IAAA2B,UAAA,GAAAT,KAAA,CACJU,IAAI;AAAJA,IAAAA,MAAI,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,UAAA;IACfE,kBAAkB,GAAAX,KAAA,CAAlBW,kBAAkB;IAClBC,WAAW,GAAAZ,KAAA,CAAXY,WAAW;IACXC,SAAS,GAAAb,KAAA,CAATa,SAAS;IACTC,QAAQ,GAAAd,KAAA,CAARc,QAAQ;IACRC,MAAM,GAAAf,KAAA,CAANe,MAAM;IACNC,WAAW,GAAAhB,KAAA,CAAXgB,WAAW;AACR9D,IAAAA,KAAK,GAAA+B,wBAAA,CAAAe,KAAA,EAAAiB,UAAA,CAAA,CAAA;AAIV,EAAA,IAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B,EAAA,IAAMC,OAAO,GAAGV,MAAI,KAAK,OAAO,CAAA;AAChC,EAAA,IAAMW,QAAQ,GAAG,OAAO1D,KAAK,KAAK,QAAQ,GAAG2D,OAAO,CAAC3D,KAAK,CAAC,GAAG2D,OAAO,CAAC,CAAA3D,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAE4D,KAAK,MAAI5D,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAE6D,GAAG,CAAC,CAAA,CAAA;AACjG,EAAA,IAAMC,mBAAmB,GAAGpB,aAAa,KAAK,MAAM,CAAA;AACpD,EAAA,IAAMqB,kBAAkB,GAAGrB,aAAa,KAAK,KAAK,CAAA;AAClD,EAAA,IAAMsB,0BAA0B,GAAGN,QAAQ,KAAKK,kBAAkB,IAAIR,QAAQ,CAAC,CAAA;AAE/E,EAAA,IAAAU,gBAAA,GAAmBC,eAAe,EAAE;IAA5BC,MAAM,GAAAF,gBAAA,CAANE,MAAM,CAAA;EAEd,IAAI7B,aAAa,IAAI,QAAQ,EAAE;IAC7B,IAAM8B,SAAS,GAAGC,gBAAgB,CAAC;AACjC5B,MAAAA,IAAI,EAAJA,IAAI;AACJW,MAAAA,MAAM,EAANA,MAAM;AACNkB,MAAAA,cAAc,EAAE,GAAG;AACnBH,MAAAA,MAAM,EAANA,MAAM;AACNI,MAAAA,IAAI,EAAE,SAAA;AACR,KAAC,CAAC,CAAA;IACF,oBACEC,IAAA,CAACC,OAAO,EAAA;AAACC,MAAAA,KAAK,EAAC,MAAM;MAAAC,QAAA,EAAA,cACnBjF,GAAA,CAACsB,WAAW,EAAA;AACVE,QAAAA,KAAK,EAAEkD,SAAU;AACjBjD,QAAAA,IAAI,EAAEA,IAAK;QACXC,UAAU,EAAE7B,KAAK,CAAC6B,UAAW;QAC7Bb,UAAU,EAAEhB,KAAK,CAACgB,UAAAA;OACnB,CAAC,eACFb,GAAA,CAACmB,SAAS,EAAAjB,aAAA,CAAAA,aAAA,CAAA;AACRJ,QAAAA,GAAG,EAAEA,GAAa;AAClBoF,QAAAA,EAAE,EAAC,YAAY;AACflC,QAAAA,aAAa,EAAEA,aAAc;AAC7B1C,QAAAA,KAAK,EAAEA,KAAM;QACbqD,WAAW,EAAEA,WAAW,IAAID,MAAO;AACnCyB,QAAAA,OAAO,EAAEtC,cAAc,CAAC,eAAe,CAAE;AACzCuC,QAAAA,eAAe,EAAEvC,cAAc,CAAC,eAAe,CAAE;AACjDQ,QAAAA,IAAI,EAAEA,MAAK;AACXF,QAAAA,SAAS,EAAEA,SAAU;AACrB3B,QAAAA,KAAK,EAAEkD,SAAU;AACjBW,QAAAA,aAAa,EAAC,iBAAiB;AAC/B/B,QAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,QAAAA,WAAW,EAAEA,WAAY;AACzBC,QAAAA,SAAS,EAAEA,SAAU;AACrBC,QAAAA,QAAQ,EAAEA,QAAS;AACnBR,QAAAA,WAAW,EAAEA,WAAY;AACzBC,QAAAA,aAAa,EAAEA,aAAAA;AAAc,OAAA,EACzBrD,KAAK,CAAA,EACLgD,cAAc,CACnB,CAAC,CAAA;AAAA,KACK,CAAC,CAAA;AAEd,GAAA;EAEA,IAAID,aAAa,IAAI,OAAO,EAAE;AAC5B,IAAA,IAAM0C,oBAAoB,GAAG,SAAvBA,oBAAoBA,GAA6B;MACrD,IAAIC,UAA8B,GAAG,EAAE,CAAA;AAEvC,MAAA,IAAMC,QAAQ,GAAGpB,mBAAmB,GAAGqB,SAAS,GAAGnF,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAE6D,GAAG,CAAA;AAC7D,MAAA,IAAIG,0BAA0B,IAAIkB,QAAQ,KAAKC,SAAS,EAAE;AACxD;AACAF,QAAAA,UAAU,GAAG,MAAQ,CAAA;OACtB,MAAM,IAAInB,mBAAmB,EAAE;AAC9BmB,QAAAA,UAAU,GAAGE,SAAS,CAAA;AACxB,OAAC,MAAM;AACLF,QAAAA,UAAU,GAAGjF,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAE6D,GAAG,CAAA;AACzB,OAAA;AACA,MAAA,OAAOoB,UAAU,CAAA;KAClB,CAAA;IAED,IAAMG,UAAU,GAAGf,gBAAgB,CAAC;AAClCE,MAAAA,IAAI,EAAE,SAAS;AACf9B,MAAAA,IAAI,EAAEA,IAAI,CAAC,CAAC,CAAC;AACbW,MAAAA,MAAM,EAANA,MAAM;AACNkB,MAAAA,cAAc,EAAE,GAAG;AACnBH,MAAAA,MAAM,EAANA,MAAAA;AACF,KAAC,CAAC,CAAA;IACF,IAAMkB,QAAQ,GAAGhB,gBAAgB,CAAC;AAChCE,MAAAA,IAAI,EAAE,SAAS;AACf9B,MAAAA,IAAI,EAAEA,IAAI,CAAC,CAAC,CAAC;AACbW,MAAAA,MAAM,EAANA,MAAM;AACNkB,MAAAA,cAAc,EAAE,GAAG;AACnBH,MAAAA,MAAM,EAANA,MAAAA;AACF,KAAC,CAAC,CAAA;IACF,oBACEK,IAAA,CAACC,OAAO,EAAA;AACNC,MAAAA,KAAK,EAAC,MAAM;AACZY,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,aAAa,EAAC,KAAK;AACnBC,MAAAA,GAAG,EAAC,WAAW;AACfC,MAAAA,UAAU,EAAC,YAAY;AACvBjG,MAAAA,GAAG,EAAEA,GAAa;MAAAmF,QAAA,EAAA,cAElBH,IAAA,CAACC,OAAO,EAAA;AAACiB,QAAAA,IAAI,EAAE,CAAE;AAACC,QAAAA,SAAS,EAAE7B,mBAAmB,GAAG3B,gBAAgB,GAAG,KAAM;QAAAwC,QAAA,EAAA,cAC1EjF,GAAA,CAACsB,WAAW,EAAA;AACVE,UAAAA,KAAK,EAAEkE,UAAW;AAClBjE,UAAAA,IAAI,EAAEA,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAAEyC,KAAM;UAClBxC,UAAU,EAAE7B,KAAK,CAAC6B,UAAW;UAC7Bb,UAAU,EAAEhB,KAAK,CAACgB,UAAAA;SACnB,CAAC,eACFb,GAAA,CAACmB,SAAS,EAAAjB,aAAA,CAAAA,aAAA,CAAA;UACRgG,kBAAkB,EAAE,SAAAA,kBAAAA,CAACC,IAAI,EAAA;AAAA,YAAA,OAAOrD,QAAQ,CAAUsD,OAAO,GAAGD,IAAI,CAAA;WAAE;AAClEjB,UAAAA,EAAE,EAAC,YAAY;AACfmB,UAAAA,WAAW,EAAEC,YAAa;AAC1BhG,UAAAA,KAAK,EAAEA,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAE4D,KAAM;AACpBlB,UAAAA,aAAa,EAAEA,aAAc;AAC7BW,UAAAA,WAAW,EAAEA,WAAY;AACzBwB,UAAAA,OAAO,EAAEtC,cAAc,CAAC,eAAe,CAAE;AACzCuC,UAAAA,eAAe,EAAEvC,cAAc,CAAC,eAAe,CAAE;AACjDQ,UAAAA,IAAI,EAAEA,MAAK;AACXF,UAAAA,SAAS,EAAEA,SAAU;AACrB3B,UAAAA,KAAK,EAAEkE,UAAW;AAClBL,UAAAA,aAAa,EAAC,sBAAsB;AACpC/B,UAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,UAAAA,WAAW,EAAEA,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,CAAEW,KAAM;AAChCV,UAAAA,SAAS,EAAEA,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEU,KAAM;AAC5BT,UAAAA,QAAQ,EAAEA,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAES,KAAM;AAC1BjB,UAAAA,WAAW,EAAEA,WAAAA;AAAY,SAAA,EACrBpD,KAAK,CAAA,EACLgD,cAAc,CACnB,CAAC,CAAA;AAAA,OACK,CAAC,eACV7C,GAAA,CAAC+E,OAAO,EAAA;AAACwB,QAAAA,UAAU,EAAE,CAAE;AAACC,QAAAA,SAAS,EAAC,OAAO;QAAAvB,QAAA,eACvCjF,GAAA,CAACyG,cAAc,EAAA;AACbpD,UAAAA,IAAI,EAAC,QAAQ;UACbqD,SAAS;AACP;AACA1C,UAAAA,QAAQ,KAAK,CAACI,mBAAmB,IAAIP,QAAQ,CAAC,GAAA8C,OAAAA,CAAAA,MAAA,CAClCC,QAAQ,CAACvE,kBAAkB,CAACgB,MAAI,CAAC,CAAC,SAAAsD,MAAA,CAAMC,QAAQ,CACtD7C,OAAO,GAAGxB,IAAU,CAAC,EAAE,CAAC,GAAGA,IAAU,CAAC,EAAE,CAC1C,CAAC,EACDqE,GAAAA,CAAAA,GAAAA,QAAQ,CAACvE,kBAAkB,CAACgB,MAAI,CAAC,CAAA;SAExC,CAAA;AAAC,OACK,CAAC,eACVyB,IAAA,CAACC,OAAO,EAAA;AAACiB,QAAAA,IAAI,EAAE,CAAE;AAAAf,QAAAA,QAAA,EACfjF,cAAAA,GAAA,CAACsB,WAAW,EAAApB,aAAA,CAAA;AACVsB,UAAAA,KAAK,EAAEmE,QAAS;AAChBlE,UAAAA,IAAI,EAAEA,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAAE0C,GAAI;UAChBzC,UAAU,EAAE7B,KAAK,CAAC6B,UAAW;UAC7Bb,UAAU,EAAEhB,KAAK,CAACgB,UAAAA;AAAW,SAAA,EACzBuB,sBAAsB,CAACvC,KAAK,CAAC,CAClC,CAAC,eACFG,GAAA,CAACmB,SAAS,EAAAjB,aAAA,CAAAA,aAAA,CAAA;AACRgF,UAAAA,EAAE,EAAC,UAAU;AACbvB,UAAAA,WAAW,EAAEA,WAAY;AACzB0C,UAAAA,WAAW,EAAEC,YAAa;UAC1BhG,KAAK,EAAEgF,oBAAoB,EAAG;AAC9BtC,UAAAA,aAAa,EAAEoB,mBAAmB,GAAGqB,SAAS,GAAGzC,aAAc;AAC/DmC,UAAAA,OAAO,EAAEtC,cAAc,CAAC,eAAe,CAAE;AACzCuC,UAAAA,eAAe,EAAEvC,cAAc,CAAC,eAAe,CAAE;AACjDQ,UAAAA,IAAI,EAAEA,MAAK;AACX7B,UAAAA,KAAK,EAAEmE,QAAS;AAChBN,UAAAA,aAAa,EAAC,oBAAoB;AAClC9B,UAAAA,WAAW,EAAEA,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,CAAEY,GAAI;AAC9BX,UAAAA,SAAS,EAAEA,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEW,GAAI;AAC1BV,UAAAA,QAAQ,EAAEA,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAEU,GAAI;AACxBjB,UAAAA,aAAa,EAAEA,aAAAA;AAAc,SAAA,EACzBrD,KAAK,CAAA,EACLgD,cAAc,CACnB,CAAC,CAAA;AAAA,OACK,CAAC,CAAA;AAAA,KACH,CAAC,CAAA;AAEd,GAAA;AAEA,EAAA,oBAAO7C,GAAA,CAAA+B,QAAA,EAAA,EAAI,CAAC,CAAA;AACd,CAAC,CAAA;AAED,IAAM8E,eAAe,gBAAGzF,cAAK,CAACC,UAAU,CAACqB,gBAAgB;;;;"}

package/build/lib/web/development/components/DatePicker/QuickSelection/PresetSideBar.web.js CHANGED Viewed

@@ -49,6 +49,7 @@ var PresetSideBar = function PresetSideBar(_ref) {
         children: presets.map(function (preset, index) {
           return /*#__PURE__*/jsx(Chip, {
             value: preset.label,
+            "data-analytics-name": preset.label,
             children: preset.label
           }, index);
         })

package/build/lib/web/development/components/DatePicker/QuickSelection/PresetSideBar.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PresetSideBar.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/PresetSideBar.web.tsx"],"sourcesContent":["import type { CalendarProps, DatesRangeValue } from '../types';\nimport { QuickSelectionItem } from './QuickSelectionItem.web';\nimport { Box } from '~components/Box';\nimport { makeSpace } from '~utils';\nimport { Chip, ChipGroup } from '~components/Chip';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { size } from '~tokens/global';\n\nconst isSamePreset = (value1: DatesRangeValue \| null, value2: DatesRangeValue \| null): boolean => {\n if (!value1?.[0] \|\| !value1?.[1]) return false;\n if (!value2?.[0] \|\| !value2?.[1]) return false;\n\n return (\n value1[0].toDateString() === value2[0].toDateString() &&\n value1[1].toDateString() === value2[1].toDateString()\n );\n};\n\ntype PresetSideBarProps = {\n isMobile?: boolean;\n date: Date;\n presets: CalendarProps<'single'>['presets'];\n onSelection: (value: (date: Date) => DatesRangeValue) => void;\n selectedPreset: DatesRangeValue \| null;\n};\n\nconst PresetSideBar = ({\n date,\n presets,\n selectedPreset,\n onSelection,\n isMobile,\n}: PresetSideBarProps): React.ReactElement => {\n if (!presets) return <></>;\n\n if (isMobile) {\n return (\n <Box>\n <Divider marginTop=\"spacing.4\" />\n <ChipGroup\n marginTop=\"spacing.7\"\n size=\"small\"\n selectionType=\"single\"\n accessibilityLabel=\"Select Presets\"\n onChange={({ values }) => {\n onSelection(presets.find((preset) => preset.label === values[0])!.value);\n }}\n >\n {presets.map((preset, index) => {\n return (\n <Chip value={preset.label} key={index}>\n {preset.label}\n </Chip>\n );\n })}\n </ChipGroup>\n </Box>\n );\n }\n\n return (\n <BaseBox\n padding=\"spacing.5\"\n display=\"flex\"\n flexDirection=\"column\"\n gap=\"spacing.2\"\n backgroundColor=\"surface.background.gray.moderate\"\n minWidth={makeSpace(size[160])}\n borderRightColor=\"surface.border.gray.muted\"\n borderRightStyle=\"solid\"\n borderRightWidth=\"thin\"\n {...makeAccessible({ role: 'listbox', label: 'Select Presets' })}\n >\n {presets.map((preset, index) => {\n const isSelected = isSamePreset(selectedPreset, preset.value(date));\n return (\n <QuickSelectionItem\n key={index}\n isSelected={isSelected}\n onClick={() => onSelection(preset.value)}\n >\n {preset.label}\n </QuickSelectionItem>\n );\n })}\n </BaseBox>\n );\n};\n\nexport { PresetSideBar };\n"],"names":["isSamePreset","value1","value2","toDateString","PresetSideBar","_ref","date","presets","selectedPreset","onSelection","isMobile","_jsx","_Fragment","_jsxs","Box","children","Divider","marginTop","ChipGroup","size","selectionType","accessibilityLabel","onChange","_ref2","values","find","preset","label","value","map","index","Chip","BaseBox","_objectSpread","padding","display","flexDirection","gap","backgroundColor","minWidth","makeSpace","borderRightColor","borderRightStyle","borderRightWidth","makeAccessible","role","isSelected","QuickSelectionItem","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAA8B,EAAEC,MAA8B,EAAc;EAChG,IAAI,EAACD,MAAM,KAANA,IAAAA,IAAAA,MAAM,eAANA,MAAM,CAAG,CAAC,CAAC,CAAA,IAAI,EAACA,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,IAAAA,MAAM,CAAG,CAAC,CAAC,CAAE,EAAA,OAAO,KAAK,CAAA;EAC9C,IAAI,EAACC,MAAM,KAANA,IAAAA,IAAAA,MAAM,eAANA,MAAM,CAAG,CAAC,CAAC,CAAA,IAAI,EAACA,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,IAAAA,MAAM,CAAG,CAAC,CAAC,CAAE,EAAA,OAAO,KAAK,CAAA;AAE9C,EAAA,OACED,MAAM,CAAC,CAAC,CAAC,CAACE,YAAY,EAAE,KAAKD,MAAM,CAAC,CAAC,CAAC,CAACC,YAAY,EAAE,IACrDF,MAAM,CAAC,CAAC,CAAC,CAACE,YAAY,EAAE,KAAKD,MAAM,CAAC,CAAC,CAAC,CAACC,YAAY,EAAE,CAAA;AAEzD,CAAC,CAAA;AAUD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAM2B;AAAA,EAAA,IAL5CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;EAER,IAAI,CAACH,OAAO,EAAE,oBAAOI,GAAA,CAAAC,QAAA,IAAI,CAAC,CAAA;AAE1B,EAAA,IAAIF,QAAQ,EAAE;IACZ,oBACEG,IAAA,CAACC,GAAG,EAAA;MAAAC,QAAA,EAAA,cACFJ,GAAA,CAACK,OAAO,EAAA;AAACC,QAAAA,SAAS,EAAC,WAAA;AAAW,OAAE,CAAC,eACjCN,GAAA,CAACO,SAAS,EAAA;AACRD,QAAAA,SAAS,EAAC,WAAW;AACrBE,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,aAAa,EAAC,QAAQ;AACtBC,QAAAA,kBAAkB,EAAC,gBAAgB;AACnCC,QAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,KAAA,EAAgB;AAAA,UAAA,IAAbC,MAAM,GAAAD,KAAA,CAANC,MAAM,CAAA;AACjBf,UAAAA,WAAW,CAACF,OAAO,CAACkB,IAAI,CAAC,UAACC,MAAM,EAAA;AAAA,YAAA,OAAKA,MAAM,CAACC,KAAK,KAAKH,MAAM,CAAC,CAAC,CAAC,CAAA;WAAC,CAAA,CAAEI,KAAK,CAAC,CAAA;SACxE;QAAAb,QAAA,EAEDR,OAAO,CAACsB,GAAG,CAAC,UAACH,MAAM,EAAEI,KAAK,EAAK;UAC9B,oBACEnB,GAAA,CAACoB,IAAI,EAAA;YAACH,KAAK,EAAEF,MAAM,CAACC,KAAM;YAAAZ,QAAA,~~EACvBW~~,MAAM,CAACC,KAAAA;AAAK,WAAA,EADiBG,KAE1B,CAAC,CAAA;SAEV,CAAA;AAAC,OACO,CAAC,CAAA;AAAA,KACT,CAAC,CAAA;AAEV,GAAA;AAEA,EAAA,oBACEnB,GAAA,CAACqB,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,GAAG,EAAC,WAAW;AACfC,IAAAA,eAAe,EAAC,kCAAkC;AAClDC,IAAAA,QAAQ,EAAEC,SAAS,CAACrB,IAAI,CAAC,GAAG,CAAC,CAAE;AAC/BsB,IAAAA,gBAAgB,EAAC,2BAA2B;AAC5CC,IAAAA,gBAAgB,EAAC,OAAO;AACxBC,IAAAA,gBAAgB,EAAC,MAAA;AAAM,GAAA,EACnBC,cAAc,CAAC;AAAEC,IAAAA,IAAI,EAAE,SAAS;AAAElB,IAAAA,KAAK,EAAE,gBAAA;AAAiB,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAZ,QAAA,EAE/DR,OAAO,CAACsB,GAAG,CAAC,UAACH,MAAM,EAAEI,KAAK,EAAK;AAC9B,MAAA,IAAMgB,UAAU,GAAG9C,YAAY,CAACQ,cAAc,EAAEkB,MAAM,CAACE,KAAK,CAACtB,IAAI,CAAC,CAAC,CAAA;MACnE,oBACEK,GAAA,CAACoC,kBAAkB,EAAA;AAEjBD,QAAAA,UAAU,EAAEA,UAAW;QACvBE,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,UAAA,OAAMvC,WAAW,CAACiB,MAAM,CAACE,KAAK,CAAC,CAAA;SAAC;QAAAb,QAAA,EAExCW,MAAM,CAACC,KAAAA;AAAK,OAAA,EAJRG,KAKa,CAAC,CAAA;KAExB,CAAA;AAAC,GAAA,CACK,CAAC,CAAA;AAEd;;;;"}
1	+ {"version":3,"file":"PresetSideBar.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/PresetSideBar.web.tsx"],"sourcesContent":["import type { CalendarProps, DatesRangeValue } from '../types';\nimport { QuickSelectionItem } from './QuickSelectionItem.web';\nimport { Box } from '~components/Box';\nimport { makeSpace } from '~utils';\nimport { Chip, ChipGroup } from '~components/Chip';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { size } from '~tokens/global';\n\nconst isSamePreset = (value1: DatesRangeValue \| null, value2: DatesRangeValue \| null): boolean => {\n if (!value1?.[0] \|\| !value1?.[1]) return false;\n if (!value2?.[0] \|\| !value2?.[1]) return false;\n\n return (\n value1[0].toDateString() === value2[0].toDateString() &&\n value1[1].toDateString() === value2[1].toDateString()\n );\n};\n\ntype PresetSideBarProps = {\n isMobile?: boolean;\n date: Date;\n presets: CalendarProps<'single'>['presets'];\n onSelection: (value: (date: Date) => DatesRangeValue) => void;\n selectedPreset: DatesRangeValue \| null;\n};\n\nconst PresetSideBar = ({\n date,\n presets,\n selectedPreset,\n onSelection,\n isMobile,\n}: PresetSideBarProps): React.ReactElement => {\n if (!presets) return <></>;\n\n if (isMobile) {\n return (\n <Box>\n <Divider marginTop=\"spacing.4\" />\n <ChipGroup\n marginTop=\"spacing.7\"\n size=\"small\"\n selectionType=\"single\"\n accessibilityLabel=\"Select Presets\"\n onChange={({ values }) => {\n onSelection(presets.find((preset) => preset.label === values[0])!.value);\n }}\n >\n {presets.map((preset, index) => {\n return (\n <Chip value={preset.label} key={index} data-analytics-name={preset.label}>\n {preset.label}\n </Chip>\n );\n })}\n </ChipGroup>\n </Box>\n );\n }\n\n return (\n <BaseBox\n padding=\"spacing.5\"\n display=\"flex\"\n flexDirection=\"column\"\n gap=\"spacing.2\"\n backgroundColor=\"surface.background.gray.moderate\"\n minWidth={makeSpace(size[160])}\n borderRightColor=\"surface.border.gray.muted\"\n borderRightStyle=\"solid\"\n borderRightWidth=\"thin\"\n {...makeAccessible({ role: 'listbox', label: 'Select Presets' })}\n >\n {presets.map((preset, index) => {\n const isSelected = isSamePreset(selectedPreset, preset.value(date));\n return (\n <QuickSelectionItem\n key={index}\n isSelected={isSelected}\n onClick={() => onSelection(preset.value)}\n >\n {preset.label}\n </QuickSelectionItem>\n );\n })}\n </BaseBox>\n );\n};\n\nexport { PresetSideBar };\n"],"names":["isSamePreset","value1","value2","toDateString","PresetSideBar","_ref","date","presets","selectedPreset","onSelection","isMobile","_jsx","_Fragment","_jsxs","Box","children","Divider","marginTop","ChipGroup","size","selectionType","accessibilityLabel","onChange","_ref2","values","find","preset","label","value","map","index","Chip","BaseBox","_objectSpread","padding","display","flexDirection","gap","backgroundColor","minWidth","makeSpace","borderRightColor","borderRightStyle","borderRightWidth","makeAccessible","role","isSelected","QuickSelectionItem","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAA8B,EAAEC,MAA8B,EAAc;EAChG,IAAI,EAACD,MAAM,KAANA,IAAAA,IAAAA,MAAM,eAANA,MAAM,CAAG,CAAC,CAAC,CAAA,IAAI,EAACA,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,IAAAA,MAAM,CAAG,CAAC,CAAC,CAAE,EAAA,OAAO,KAAK,CAAA;EAC9C,IAAI,EAACC,MAAM,KAANA,IAAAA,IAAAA,MAAM,eAANA,MAAM,CAAG,CAAC,CAAC,CAAA,IAAI,EAACA,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,IAAAA,MAAM,CAAG,CAAC,CAAC,CAAE,EAAA,OAAO,KAAK,CAAA;AAE9C,EAAA,OACED,MAAM,CAAC,CAAC,CAAC,CAACE,YAAY,EAAE,KAAKD,MAAM,CAAC,CAAC,CAAC,CAACC,YAAY,EAAE,IACrDF,MAAM,CAAC,CAAC,CAAC,CAACE,YAAY,EAAE,KAAKD,MAAM,CAAC,CAAC,CAAC,CAACC,YAAY,EAAE,CAAA;AAEzD,CAAC,CAAA;AAUD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAM2B;AAAA,EAAA,IAL5CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;EAER,IAAI,CAACH,OAAO,EAAE,oBAAOI,GAAA,CAAAC,QAAA,IAAI,CAAC,CAAA;AAE1B,EAAA,IAAIF,QAAQ,EAAE;IACZ,oBACEG,IAAA,CAACC,GAAG,EAAA;MAAAC,QAAA,EAAA,cACFJ,GAAA,CAACK,OAAO,EAAA;AAACC,QAAAA,SAAS,EAAC,WAAA;AAAW,OAAE,CAAC,eACjCN,GAAA,CAACO,SAAS,EAAA;AACRD,QAAAA,SAAS,EAAC,WAAW;AACrBE,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,aAAa,EAAC,QAAQ;AACtBC,QAAAA,kBAAkB,EAAC,gBAAgB;AACnCC,QAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,KAAA,EAAgB;AAAA,UAAA,IAAbC,MAAM,GAAAD,KAAA,CAANC,MAAM,CAAA;AACjBf,UAAAA,WAAW,CAACF,OAAO,CAACkB,IAAI,CAAC,UAACC,MAAM,EAAA;AAAA,YAAA,OAAKA,MAAM,CAACC,KAAK,KAAKH,MAAM,CAAC,CAAC,CAAC,CAAA;WAAC,CAAA,CAAEI,KAAK,CAAC,CAAA;SACxE;QAAAb,QAAA,EAEDR,OAAO,CAACsB,GAAG,CAAC,UAACH,MAAM,EAAEI,KAAK,EAAK;UAC9B,oBACEnB,GAAA,CAACoB,IAAI,EAAA;YAACH,KAAK,EAAEF,MAAM,CAACC,KAAM;YAAa,qBAAqBD,EAAAA,MAAM,CAACC,KAAM;YAAAZ,QAAA,EACtEW,MAAM,CAACC,KAAAA;AAAK,WAAA,EADiBG,KAE1B,CAAC,CAAA;SAEV,CAAA;AAAC,OACO,CAAC,CAAA;AAAA,KACT,CAAC,CAAA;AAEV,GAAA;AAEA,EAAA,oBACEnB,GAAA,CAACqB,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,GAAG,EAAC,WAAW;AACfC,IAAAA,eAAe,EAAC,kCAAkC;AAClDC,IAAAA,QAAQ,EAAEC,SAAS,CAACrB,IAAI,CAAC,GAAG,CAAC,CAAE;AAC/BsB,IAAAA,gBAAgB,EAAC,2BAA2B;AAC5CC,IAAAA,gBAAgB,EAAC,OAAO;AACxBC,IAAAA,gBAAgB,EAAC,MAAA;AAAM,GAAA,EACnBC,cAAc,CAAC;AAAEC,IAAAA,IAAI,EAAE,SAAS;AAAElB,IAAAA,KAAK,EAAE,gBAAA;AAAiB,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAZ,QAAA,EAE/DR,OAAO,CAACsB,GAAG,CAAC,UAACH,MAAM,EAAEI,KAAK,EAAK;AAC9B,MAAA,IAAMgB,UAAU,GAAG9C,YAAY,CAACQ,cAAc,EAAEkB,MAAM,CAACE,KAAK,CAACtB,IAAI,CAAC,CAAC,CAAA;MACnE,oBACEK,GAAA,CAACoC,kBAAkB,EAAA;AAEjBD,QAAAA,UAAU,EAAEA,UAAW;QACvBE,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,UAAA,OAAMvC,WAAW,CAACiB,MAAM,CAACE,KAAK,CAAC,CAAA;SAAC;QAAAb,QAAA,EAExCW,MAAM,CAACC,KAAAA;AAAK,OAAA,EAJRG,KAKa,CAAC,CAAA;KAExB,CAAA;AAAC,GAAA,CACK,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/development/components/DatePicker/QuickSelection/QuickSelectionItem.web.js CHANGED Viewed

@@ -14,7 +14,8 @@ var QuickSelectionItem = function QuickSelectionItem(_ref) {
     isSelected: isSelected,
     onClick: onClick,
     title: children,
-    role: "option"
+    role: "option",
+    "data-analytics-name": children
   });
 };

package/build/lib/web/development/components/DatePicker/QuickSelection/QuickSelectionItem.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QuickSelectionItem.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/QuickSelectionItem.web.tsx"],"sourcesContent":["import { BaseMenuItem } from '~components/BaseMenu';\nimport { isReactNative } from '~utils';\n\ntype QuickSelectionItemProps = {\n children: string;\n isSelected: boolean;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\nconst QuickSelectionItem = ({\n children,\n onClick,\n isSelected,\n}: QuickSelectionItemProps): React.ReactElement => {\n return (\n <BaseMenuItem\n as={!isReactNative() ? 'button' : undefined}\n selectionType=\"single\"\n isSelected={isSelected}\n onClick={onClick}\n title={children}\n role=\"option\"\n />\n );\n};\n\nexport { QuickSelectionItem };\n"],"names":["QuickSelectionItem","_ref","children","onClick","isSelected","_jsx","BaseMenuItem","as","isReactNative","undefined","selectionType","title","role"],"mappings":";;;;;;AAQA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAI2B;AAAA,EAAA,IAHjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,UAAU,GAAAH,IAAA,CAAVG,UAAU,CAAA;EAEV,oBACEC,GAAA,CAACC,YAAY,EAAA;IACXC,EAAE,EAAE,CAACC,aAAa,EAAE,GAAG,QAAQ,GAAGC,SAAU;AAC5CC,IAAAA,aAAa,EAAC,QAAQ;AACtBN,IAAAA,UAAU,EAAEA,UAAW;AACvBD,IAAAA,OAAO,EAAEA,OAAQ;AACjBQ,IAAAA,KAAK,EAAET,QAAS;AAChBU,IAAAA,IAAI,EAAC,~~QAAA~~;~~AAAQ~~,~~GACd~~,CAAC,CAAA;AAEN;;;;"}
1	+ {"version":3,"file":"QuickSelectionItem.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/QuickSelectionItem.web.tsx"],"sourcesContent":["import { BaseMenuItem } from '~components/BaseMenu';\nimport { isReactNative } from '~utils';\n\ntype QuickSelectionItemProps = {\n children: string;\n isSelected: boolean;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\nconst QuickSelectionItem = ({\n children,\n onClick,\n isSelected,\n}: QuickSelectionItemProps): React.ReactElement => {\n return (\n <BaseMenuItem\n as={!isReactNative() ? 'button' : undefined}\n selectionType=\"single\"\n isSelected={isSelected}\n onClick={onClick}\n title={children}\n role=\"option\"\n data-analytics-name={children}\n />\n );\n};\n\nexport { QuickSelectionItem };\n"],"names":["QuickSelectionItem","_ref","children","onClick","isSelected","_jsx","BaseMenuItem","as","isReactNative","undefined","selectionType","title","role"],"mappings":";;;;;;AAQA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAI2B;AAAA,EAAA,IAHjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,UAAU,GAAAH,IAAA,CAAVG,UAAU,CAAA;EAEV,oBACEC,GAAA,CAACC,YAAY,EAAA;IACXC,EAAE,EAAE,CAACC,aAAa,EAAE,GAAG,QAAQ,GAAGC,SAAU;AAC5CC,IAAAA,aAAa,EAAC,QAAQ;AACtBN,IAAAA,UAAU,EAAEA,UAAW;AACvBD,IAAAA,OAAO,EAAEA,OAAQ;AACjBQ,IAAAA,KAAK,EAAET,QAAS;AAChBU,IAAAA,IAAI,EAAC,QAAQ;IACb,qBAAqBV,EAAAA,QAAAA;AAAS,GAC/B,CAAC,CAAA;AAEN;;;;"}

package/build/lib/web/development/components/FileUpload/FileUploadItem.js CHANGED Viewed

@@ -9,6 +9,7 @@ import '../Button/IconButton/index.js';
 import '../ProgressBar/index.js';
 import isUndefined from '../../utils/lodashButBetter/isUndefined.js';
 import '../Link/BaseLink/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { Text } from '../Typography/Text/Text.js';
@@ -17,6 +18,7 @@ import { IconButton } from '../Button/IconButton/IconButton.js';
 import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 import BaseLink from '../Link/BaseLink/BaseLink.js';
 import RefreshIcon from '../Icons/RefreshIcon/RefreshIcon.js';
+import { MAKE_ANALYTICS_CONSTANTS } from '../../utils/makeAnalyticsAttribute/makeAnalyticsConstants.js';
 import EyeIcon from '../Icons/EyeIcon/EyeIcon.js';
 import { Divider } from '../Divider/Divider.js';
 import TrashIcon from '../Icons/TrashIcon/TrashIcon.js';
@@ -112,6 +114,7 @@ var FileUploadItem = /*#__PURE__*/memo(function (_ref) {
                 file: file
               });
             },
+            "data-analytics-name": MAKE_ANALYTICS_CONSTANTS.FILE_UPLOAD.REUPLOAD_BUTTON,
             children: "Re-upload"
           })
         }) : /*#__PURE__*/jsx(BaseBox, {

package/build/lib/web/development/components/FileUpload/FileUploadItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploadItem.js","sources":["../../../../../../src/components/FileUpload/FileUploadItem.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper';\nimport type { FileUploadItemProps } from './types';\nimport { FileUploadItemIcon } from './FileUploadItemIcon';\nimport { TrashIcon, EyeIcon, CloseIcon, CheckCircleIcon, RefreshIcon } from '~components/Icons';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { Divider } from '~components/Divider';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ProgressBar } from '~components/ProgressBar';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { BaseLink } from '~components/Link/BaseLink';\n\nconst FileUploadItem = memo(\n ({\n file,\n onPreview,\n onRemove,\n onReupload,\n onDismiss,\n size: containerSize,\n }: FileUploadItemProps): React.ReactElement => {\n const { name, size, uploadPercent, errorText, status } = file;\n const isUploading = status === 'uploading';\n const sizeInKB = size / 1024;\n const sizeInMB = sizeInKB / 1024;\n const showSizeInKB = sizeInKB < 1024;\n\n return (\n <StyledFileUploadItemWrapper\n size={containerSize ?? 'medium'}\n status={status ?? 'success'}\n borderRadius=\"medium\"\n borderWidth=\"thin\"\n >\n <BaseBox width=\"100%\" display=\"flex\" flexDirection=\"column\">\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n margin={containerSize === 'large' ? 'spacing.4' : 'spacing.3'}\n >\n <BaseBox marginRight=\"spacing.3\">\n <FileUploadItemIcon fileName={name} uploadStatus={status} />\n </BaseBox>\n <BaseBox flexGrow={1}>\n <BaseBox alignItems=\"center\" display=\"flex\">\n <BaseBox alignItems=\"center\" maxWidth=\"70%\" display=\"flex\" marginRight=\"spacing.3\">\n <Text\n size=\"medium\"\n weight=\"medium\"\n color=\"surface.text.gray.subtle\"\n truncateAfterLines={1}\n >\n {name}\n </Text>\n </BaseBox>\n {status === 'success' && (\n <CheckCircleIcon\n size=\"medium\"\n marginRight=\"spacing.2\"\n color=\"interactive.icon.positive.normal\"\n />\n )}\n </BaseBox>\n <Text\n size=\"small\"\n weight=\"regular\"\n color={\n status === 'error' ? 'feedback.text.negative.intense' : 'surface.text.gray.muted'\n }\n >\n {errorText ??\n `${(showSizeInKB ? sizeInKB : sizeInMB).toFixed(2)} ${\n showSizeInKB ? 'KB' : 'MB'\n } ${isUploading && uploadPercent ? `(${uploadPercent}%)` : ''}`}\n </Text>\n </BaseBox>\n {status === 'uploading' ? (\n <BaseBox display=\"flex\" alignItems=\"center\">\n <IconButton\n accessibilityLabel=\"Remove File\"\n icon={CloseIcon}\n onClick={() => onDismiss?.({ file })}\n />\n </BaseBox>\n ) : status === 'error' ? (\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n <BaseLink\n marginX=\"spacing.1\"\n variant=\"button\"\n icon={RefreshIcon}\n color=\"negative\"\n size=\"small\"\n onClick={() => {\n onReupload?.({ file });\n }}\n >\n Re-upload\n </BaseLink>\n </BaseBox>\n ) : (\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n {onPreview ? (\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n alignItems=\"center\"\n padding=\"spacing.0\"\n gap=\"spacing.3\"\n >\n <IconButton\n accessibilityLabel=\"Preview File\"\n icon={EyeIcon}\n onClick={() => onPreview?.({ file })}\n />\n <Divider orientation=\"vertical\" thickness=\"thinner\" variant=\"normal\" />\n <IconButton\n accessibilityLabel=\"Remove File\"\n icon={TrashIcon}\n onClick={() => onRemove?.({ file })}\n />\n </BaseBox>\n ) : (\n <IconButton\n accessibilityLabel=\"Remove File\"\n icon={TrashIcon}\n onClick={() => onRemove?.({ file })}\n />\n )}\n </BaseBox>\n )}\n </BaseBox>\n {isUploading && (\n <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n <ProgressBar\n left=\"spacing.0\"\n showPercentage={false}\n value={uploadPercent ?? 0}\n isIndeterminate={isUndefined(uploadPercent)}\n />\n </BaseBox>\n )}\n </BaseBox>\n </StyledFileUploadItemWrapper>\n );\n },\n);\n\nexport { FileUploadItem };\n"],"names":["FileUploadItem","memo","_ref","file","onPreview","onRemove","onReupload","onDismiss","containerSize","size","name","uploadPercent","errorText","status","isUploading","sizeInKB","sizeInMB","showSizeInKB","_jsx","StyledFileUploadItemWrapper","borderRadius","borderWidth","children","_jsxs","BaseBox","width","display","flexDirection","margin","marginRight","FileUploadItemIcon","fileName","uploadStatus","flexGrow","alignItems","maxWidth","Text","weight","color","truncateAfterLines","CheckCircleIcon","concat","toFixed","IconButton","accessibilityLabel","icon","CloseIcon","onClick","BaseLink","marginX","variant","RefreshIcon","padding","gap","EyeIcon","Divider","orientation","thickness","TrashIcon","position","bottom","ProgressBar","left","showPercentage","value","isIndeterminate","isUndefined"],"mappings":"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"}
1	+ {"version":3,"file":"FileUploadItem.js","sources":["../../../../../../src/components/FileUpload/FileUploadItem.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper';\nimport type { FileUploadItemProps } from './types';\nimport { FileUploadItemIcon } from './FileUploadItemIcon';\nimport { TrashIcon, EyeIcon, CloseIcon, CheckCircleIcon, RefreshIcon } from '~components/Icons';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { Divider } from '~components/Divider';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ProgressBar } from '~components/ProgressBar';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { MAKE_ANALYTICS_CONSTANTS } from '~utils/makeAnalyticsAttribute';\n\nconst FileUploadItem = memo(\n ({\n file,\n onPreview,\n onRemove,\n onReupload,\n onDismiss,\n size: containerSize,\n }: FileUploadItemProps): React.ReactElement => {\n const { name, size, uploadPercent, errorText, status } = file;\n const isUploading = status === 'uploading';\n const sizeInKB = size / 1024;\n const sizeInMB = sizeInKB / 1024;\n const showSizeInKB = sizeInKB < 1024;\n\n return (\n <StyledFileUploadItemWrapper\n size={containerSize ?? 'medium'}\n status={status ?? 'success'}\n borderRadius=\"medium\"\n borderWidth=\"thin\"\n >\n <BaseBox width=\"100%\" display=\"flex\" flexDirection=\"column\">\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n margin={containerSize === 'large' ? 'spacing.4' : 'spacing.3'}\n >\n <BaseBox marginRight=\"spacing.3\">\n <FileUploadItemIcon fileName={name} uploadStatus={status} />\n </BaseBox>\n <BaseBox flexGrow={1}>\n <BaseBox alignItems=\"center\" display=\"flex\">\n <BaseBox alignItems=\"center\" maxWidth=\"70%\" display=\"flex\" marginRight=\"spacing.3\">\n <Text\n size=\"medium\"\n weight=\"medium\"\n color=\"surface.text.gray.subtle\"\n truncateAfterLines={1}\n >\n {name}\n </Text>\n </BaseBox>\n {status === 'success' && (\n <CheckCircleIcon\n size=\"medium\"\n marginRight=\"spacing.2\"\n color=\"interactive.icon.positive.normal\"\n />\n )}\n </BaseBox>\n <Text\n size=\"small\"\n weight=\"regular\"\n color={\n status === 'error' ? 'feedback.text.negative.intense' : 'surface.text.gray.muted'\n }\n >\n {errorText ??\n `${(showSizeInKB ? sizeInKB : sizeInMB).toFixed(2)} ${\n showSizeInKB ? 'KB' : 'MB'\n } ${isUploading && uploadPercent ? `(${uploadPercent}%)` : ''}`}\n </Text>\n </BaseBox>\n {status === 'uploading' ? (\n <BaseBox display=\"flex\" alignItems=\"center\">\n <IconButton\n accessibilityLabel=\"Remove File\"\n icon={CloseIcon}\n onClick={() => onDismiss?.({ file })}\n />\n </BaseBox>\n ) : status === 'error' ? (\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n <BaseLink\n marginX=\"spacing.1\"\n variant=\"button\"\n icon={RefreshIcon}\n color=\"negative\"\n size=\"small\"\n onClick={() => {\n onReupload?.({ file });\n }}\n data-analytics-name={MAKE_ANALYTICS_CONSTANTS.FILE_UPLOAD.REUPLOAD_BUTTON}\n >\n Re-upload\n </BaseLink>\n </BaseBox>\n ) : (\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n {onPreview ? (\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n alignItems=\"center\"\n padding=\"spacing.0\"\n gap=\"spacing.3\"\n >\n <IconButton\n accessibilityLabel=\"Preview File\"\n icon={EyeIcon}\n onClick={() => onPreview?.({ file })}\n />\n <Divider orientation=\"vertical\" thickness=\"thinner\" variant=\"normal\" />\n <IconButton\n accessibilityLabel=\"Remove File\"\n icon={TrashIcon}\n onClick={() => onRemove?.({ file })}\n />\n </BaseBox>\n ) : (\n <IconButton\n accessibilityLabel=\"Remove File\"\n icon={TrashIcon}\n onClick={() => onRemove?.({ file })}\n />\n )}\n </BaseBox>\n )}\n </BaseBox>\n {isUploading && (\n <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n <ProgressBar\n left=\"spacing.0\"\n showPercentage={false}\n value={uploadPercent ?? 0}\n isIndeterminate={isUndefined(uploadPercent)}\n />\n </BaseBox>\n )}\n </BaseBox>\n </StyledFileUploadItemWrapper>\n );\n },\n);\n\nexport { FileUploadItem };\n"],"names":["FileUploadItem","memo","_ref","file","onPreview","onRemove","onReupload","onDismiss","containerSize","size","name","uploadPercent","errorText","status","isUploading","sizeInKB","sizeInMB","showSizeInKB","_jsx","StyledFileUploadItemWrapper","borderRadius","borderWidth","children","_jsxs","BaseBox","width","display","flexDirection","margin","marginRight","FileUploadItemIcon","fileName","uploadStatus","flexGrow","alignItems","maxWidth","Text","weight","color","truncateAfterLines","CheckCircleIcon","concat","toFixed","IconButton","accessibilityLabel","icon","CloseIcon","onClick","BaseLink","marginX","variant","RefreshIcon","MAKE_ANALYTICS_CONSTANTS","FILE_UPLOAD","REUPLOAD_BUTTON","padding","gap","EyeIcon","Divider","orientation","thickness","TrashIcon","position","bottom","ProgressBar","left","showPercentage","value","isIndeterminate","isUndefined"],"mappings":"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"}

package/build/lib/web/development/components/Form/FormLabel.js CHANGED Viewed

@@ -37,7 +37,9 @@ var FormLabel = function FormLabel(_ref) {
     id = _ref.id,
     htmlFor = _ref.htmlFor,
     _ref$size = _ref.size,
-    size$1 = _ref$size === void 0 ? 'medium' : _ref$size;
+    size$1 = _ref$size === void 0 ? 'medium' : _ref$size,
+    labelSuffix = _ref.labelSuffix,
+    labelTrailing = _ref.labelTrailing;
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var _useBreakpoint = useBreakpoint({
@@ -101,7 +103,7 @@ var FormLabel = function FormLabel(_ref) {
   }
   var Component = as;
   // only set 120px label when device is desktop
-  var width = isLabelLeftPositioned && isDesktop ? makeSize(labelWidth[size$1]) : 'auto';
+  var width = isLabelLeftPositioned && isDesktop ? makeSize(labelWidth[size$1]) : '100%';
   return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({
     htmlFor: htmlFor,
     style: {
@@ -113,9 +115,27 @@ var FormLabel = function FormLabel(_ref) {
   }, metaAttribute({
     name: MetaConstants.FormLabel
   })), {}, {
-    children: /*#__PURE__*/jsx(BaseBox, {
+    children: /*#__PURE__*/jsxs(BaseBox, {
+      width: "100%",
+      display: "flex",
+      flexDirection: isLabelLeftPositioned ? 'column' : 'row',
+      alignItems: isLabelLeftPositioned ? 'flex-start' : 'center',
       marginBottom: isLabelLeftPositioned ? 'spacing.0' : labelMarginBottom[size$1],
-      children: textNode
+      children: [/*#__PURE__*/jsxs(BaseBox, {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        gap: "spacing.2",
+        children: [/*#__PURE__*/jsx(BaseBox, {
+          children: textNode
+        }), labelSuffix ? /*#__PURE__*/jsx(BaseBox, {
+          display: "flex",
+          children: labelSuffix
+        }) : null]
+      }), labelTrailing ? /*#__PURE__*/jsx(BaseBox, {
+        marginLeft: isLabelLeftPositioned ? 'spacing.0' : 'auto',
+        children: labelTrailing
+      }) : null]
     })
   }));
 };

package/build/lib/web/development/components/Form/FormLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormLabel.js","sources":["../../../../../../src/components/Form/FormLabel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n labelLeftMarginRight,\n labelMarginBottom,\n labelOptionalIndicatorTextSize,\n labelTextSize,\n labelWidth,\n} from './formTokens';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport { getPlatformType, makeSize, useBreakpoint } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { size as sizeToken } from '~tokens/global';\nimport getIn from '~utils/lodashButBetter/get';\n\ntype CommonProps = {\n as: 'span' \| 'label';\n position?: 'top' \| 'left';\n necessityIndicator?: 'required' \| 'optional' \| 'none';\n accessibilityText?: string;\n children: string \| undefined;\n id?: string;\n /*\n Sets the size of the label\n * @default medium\n /\n size?: 'small' \| 'medium' \| 'large';\n};\n\ntype LabelProps = CommonProps & {\n htmlFor: string;\n as: 'label';\n};\n\ntype SpanProps = CommonProps & {\n as: 'span';\n htmlFor?: undefined;\n};\n\ntype FormLabelProps = LabelProps \| SpanProps;\n\nexport type FormInputLabelProps = {\n /\n Label to be shown for the input field\n /\n label?: string;\n /\n Desktop only prop. Default value on mobile will be `top`\n /\n labelPosition?: 'left' \| 'top';\n /\n Displays `(optional)` when `optional` is passed or `` when `required` is passed\n /\n necessityIndicator?: 'required' \| 'optional' \| 'none';\n};\n\nconst FormLabel = ({\n as = 'span',\n position = 'top',\n necessityIndicator = 'none',\n accessibilityText,\n children,\n id,\n htmlFor,\n size = 'medium',\n}: FormLabelProps): React.ReactElement => {\n const { theme } = useTheme();\n const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n const isDesktop = matchedDeviceType === 'desktop';\n const isReactNative = getPlatformType() === 'react-native';\n\n let necessityLabel: React.ReactNode = null;\n\n const isLabelLeftPositioned = position === 'left' && isDesktop;\n\n if (necessityIndicator === 'optional') {\n necessityLabel = (\n <Text\n variant=\"caption\"\n size={labelOptionalIndicatorTextSize[size]}\n color=\"surface.text.gray.muted\"\n >\n (optional)\n </Text>\n );\n }\n if (necessityIndicator === 'required') {\n necessityLabel = (\n <Text\n variant=\"body\"\n size={isLabelLeftPositioned ? 'medium' : 'small'}\n color=\"feedback.text.negative.intense\"\n alignSelf=\"flex-start\"\n >\n \n </Text>\n );\n }\n\n const computedAccessibilityNode = (\n <VisuallyHidden>\n {necessityIndicator !== 'none' && <Text>{necessityIndicator}</Text>}\n <Text>{accessibilityText}</Text>\n </VisuallyHidden>\n );\n\n const textNode = (\n <BaseBox\n gap={necessityIndicator === 'optional' ? 'spacing.2' : 'spacing.0'}\n display=\"flex\"\n flexDirection=\"row\"\n alignItems=\"center\"\n // flexWrap=\"wrap\"\n maxHeight={makeSpace(sizeToken[36])}\n >\n <Text\n variant=\"body\"\n size={labelTextSize[isLabelLeftPositioned ? 'left' : 'top'][size]}\n color={isLabelLeftPositioned ? 'surface.text.gray.subtle' : 'surface.text.gray.muted'}\n truncateAfterLines={2}\n weight=\"semibold\"\n wordBreak={isLabelLeftPositioned ? 'break-word' : undefined}\n >\n {children}\n </Text>\n {computedAccessibilityNode}\n {/ TODO: Hide from screen readers to prevent double announcement */}\n {necessityLabel}\n </BaseBox>\n );\n\n // What harm can it do?\n if (isReactNative) {\n return (\n <BaseBox marginRight=\"spacing.5\" marginBottom=\"spacing.2\">\n {textNode}\n </BaseBox>\n );\n }\n\n const Component = as;\n // only set 120px label when device is desktop\n const width = isLabelLeftPositioned && isDesktop ? makeSize(labelWidth[size]) : 'auto';\n\n return (\n <Component\n htmlFor={htmlFor}\n style={{\n width,\n flexShrink: 0,\n marginRight: isLabelLeftPositioned\n ? makeSpace(getIn(theme, labelLeftMarginRight[size]))\n : makeSpace(getIn(theme, 'spacing.0')),\n }}\n id={id}\n {...metaAttribute({ name: MetaConstants.FormLabel })}\n >\n <BaseBox marginBottom={isLabelLeftPositioned ? 'spacing.0' : labelMarginBottom[size]}>\n {textNode}\n </BaseBox>\n </Component>\n );\n};\n\nexport { FormLabel };\n"],"names":["FormLabel","_ref","_ref$as","as","_ref$position","position","_ref$necessityIndicat","necessityIndicator","accessibilityText","children","id","htmlFor","_ref$size","size","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isDesktop","isReactNative","getPlatformType","necessityLabel","isLabelLeftPositioned","_jsx","Text","variant","labelOptionalIndicatorTextSize","color","alignSelf","computedAccessibilityNode","_jsxs","VisuallyHidden","textNode","BaseBox","gap","display","flexDirection","alignItems","maxHeight","makeSpace","sizeToken","labelTextSize","truncateAfterLines","weight","wordBreak","undefined","marginRight","marginBottom","Component","width","makeSize","labelWidth","_objectSpread","style","flexShrink","getIn","labelLeftMarginRight","metaAttribute","name","MetaConstants","labelMarginBottom"],"mappings":"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"}
1	+ {"version":3,"file":"FormLabel.js","sources":["../../../../../../src/components/Form/FormLabel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n labelLeftMarginRight,\n labelMarginBottom,\n labelOptionalIndicatorTextSize,\n labelTextSize,\n labelWidth,\n} from './formTokens';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport { getPlatformType, makeSize, useBreakpoint } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { size as sizeToken } from '~tokens/global';\nimport getIn from '~utils/lodashButBetter/get';\n\ntype CommonProps = {\n as: 'span' \| 'label';\n position?: 'top' \| 'left';\n necessityIndicator?: 'required' \| 'optional' \| 'none';\n accessibilityText?: string;\n children: string \| undefined;\n id?: string;\n /*\n Sets the size of the label\n * @default medium\n /\n size?: 'small' \| 'medium' \| 'large';\n labelSuffix?: React.ReactNode;\n labelTrailing?: React.ReactNode;\n};\n\ntype LabelProps = CommonProps & {\n htmlFor: string;\n as: 'label';\n};\n\ntype SpanProps = CommonProps & {\n as: 'span';\n htmlFor?: undefined;\n};\n\ntype FormLabelProps = LabelProps \| SpanProps;\n\nexport type FormInputLabelProps = {\n /\n Label to be shown for the input field\n /\n label?: string;\n /\n Desktop only prop. Default value on mobile will be `top`\n /\n labelPosition?: 'left' \| 'top';\n /\n Displays `(optional)` when `optional` is passed or `` when `required` is passed\n /\n necessityIndicator?: 'required' \| 'optional' \| 'none';\n\n /*\n Suffix element to be shown for the input field\n \n @example\n * ```jsx\n * labelSuffix={\n * <Tooltip content=\"This is a tooltip\" placement=\"right\">\n * <TooltipInteractiveWrapper>\n * <InfoIcon size=\"small\" color=\"surface.icon.gray.subtle\" />\n * </TooltipInteractiveWrapper>\n * </Tooltip>\n * }\n * ```\n /\n labelSuffix?: React.ReactNode;\n\n /\n Trailing element to be shown for the input field\n /\n labelTrailing?: React.ReactNode;\n};\n\nconst FormLabel = ({\n as = 'span',\n position = 'top',\n necessityIndicator = 'none',\n accessibilityText,\n children,\n id,\n htmlFor,\n size = 'medium',\n labelSuffix,\n labelTrailing,\n}: FormLabelProps): React.ReactElement => {\n const { theme } = useTheme();\n const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n const isDesktop = matchedDeviceType === 'desktop';\n const isReactNative = getPlatformType() === 'react-native';\n\n let necessityLabel: React.ReactNode = null;\n\n const isLabelLeftPositioned = position === 'left' && isDesktop;\n\n if (necessityIndicator === 'optional') {\n necessityLabel = (\n <Text\n variant=\"caption\"\n size={labelOptionalIndicatorTextSize[size]}\n color=\"surface.text.gray.muted\"\n >\n (optional)\n </Text>\n );\n }\n if (necessityIndicator === 'required') {\n necessityLabel = (\n <Text\n variant=\"body\"\n size={isLabelLeftPositioned ? 'medium' : 'small'}\n color=\"feedback.text.negative.intense\"\n alignSelf=\"flex-start\"\n >\n \n </Text>\n );\n }\n\n const computedAccessibilityNode = (\n <VisuallyHidden>\n {necessityIndicator !== 'none' && <Text>{necessityIndicator}</Text>}\n <Text>{accessibilityText}</Text>\n </VisuallyHidden>\n );\n\n const textNode = (\n <BaseBox\n gap={necessityIndicator === 'optional' ? 'spacing.2' : 'spacing.0'}\n display=\"flex\"\n flexDirection=\"row\"\n alignItems=\"center\"\n // flexWrap=\"wrap\"\n maxHeight={makeSpace(sizeToken[36])}\n >\n <Text\n variant=\"body\"\n size={labelTextSize[isLabelLeftPositioned ? 'left' : 'top'][size]}\n color={isLabelLeftPositioned ? 'surface.text.gray.subtle' : 'surface.text.gray.muted'}\n truncateAfterLines={2}\n weight=\"semibold\"\n wordBreak={isLabelLeftPositioned ? 'break-word' : undefined}\n >\n {children}\n </Text>\n {computedAccessibilityNode}\n {/* TODO: Hide from screen readers to prevent double announcement */}\n {necessityLabel}\n </BaseBox>\n );\n\n // What harm can it do?\n if (isReactNative) {\n return (\n <BaseBox marginRight=\"spacing.5\" marginBottom=\"spacing.2\">\n {textNode}\n </BaseBox>\n );\n }\n\n const Component = as;\n // only set 120px label when device is desktop\n const width = isLabelLeftPositioned && isDesktop ? makeSize(labelWidth[size]) : '100%';\n\n return (\n <Component\n htmlFor={htmlFor}\n style={{\n width,\n flexShrink: 0,\n marginRight: isLabelLeftPositioned\n ? makeSpace(getIn(theme, labelLeftMarginRight[size]))\n : makeSpace(getIn(theme, 'spacing.0')),\n }}\n id={id}\n {...metaAttribute({ name: MetaConstants.FormLabel })}\n >\n <BaseBox\n width=\"100%\"\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'column' : 'row'}\n alignItems={isLabelLeftPositioned ? 'flex-start' : 'center'}\n marginBottom={isLabelLeftPositioned ? 'spacing.0' : labelMarginBottom[size]}\n >\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" gap=\"spacing.2\">\n <BaseBox>{textNode}</BaseBox>\n {labelSuffix ? <BaseBox display=\"flex\">{labelSuffix}</BaseBox> : null}\n </BaseBox>\n {labelTrailing ? (\n <BaseBox marginLeft={isLabelLeftPositioned ? 'spacing.0' : 'auto'}>\n {labelTrailing}\n </BaseBox>\n ) : null}\n </BaseBox>\n </Component>\n );\n};\n\nexport { FormLabel };\n"],"names":["FormLabel","_ref","_ref$as","as","_ref$position","position","_ref$necessityIndicat","necessityIndicator","accessibilityText","children","id","htmlFor","_ref$size","size","labelSuffix","labelTrailing","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isDesktop","isReactNative","getPlatformType","necessityLabel","isLabelLeftPositioned","_jsx","Text","variant","labelOptionalIndicatorTextSize","color","alignSelf","computedAccessibilityNode","_jsxs","VisuallyHidden","textNode","BaseBox","gap","display","flexDirection","alignItems","maxHeight","makeSpace","sizeToken","labelTextSize","truncateAfterLines","weight","wordBreak","undefined","marginRight","marginBottom","Component","width","makeSize","labelWidth","_objectSpread","style","flexShrink","getIn","labelLeftMarginRight","metaAttribute","name","MetaConstants","labelMarginBottom","marginLeft"],"mappings":"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"}

package/build/lib/web/development/components/Icons/CompanyRegistrationIcon/CompanyRegistrationIcon.js CHANGED Viewed

@@ -27,9 +27,7 @@ var CompanyRegistrationIcon = function CompanyRegistrationIcon(_ref) {
     viewBox: "0 0 24 24",
     fill: "none",
     children: /*#__PURE__*/jsx(Path, {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M16.4064 16.3022L17.4102 7.13452C17.4788 6.50752 17.4411 5.87322 17.2987 5.25913C15.982 -0.419711 8.01726 -0.419712 6.70057 5.25913C6.55819 5.87322 6.52051 6.50752 6.58916 7.13452L7.59292 16.3022H2.1C1.49249 16.3022 1 16.802 1 17.4185C1 18.035 1.49249 18.5348 2.1 18.5348H4.3V20.7674C4.3 22.0004 5.28497 23 6.5 23H17.5C18.715 23 19.7 22.0004 19.7 20.7674V18.5348H21.9C22.5075 18.5348 23 18.035 23 17.4185C23 16.802 22.5075 16.3022 21.9 16.3022H16.4064ZM15.1572 5.77049C14.3726 2.38663 9.62667 2.38663 8.84209 5.77049C8.75725 6.1364 8.73479 6.51436 8.7757 6.88797L9.79293 16.1786C9.79747 16.2202 9.79971 16.2614 9.79975 16.3022H14.1996C14.1996 16.2614 14.2018 16.2202 14.2064 16.1786L15.2236 6.88797C15.2645 6.51436 15.2421 6.1364 15.1572 5.77049ZM17.5 18.5348H6.5V20.7674H17.5V18.5348Z",
+      d: "M10.9854 1.28303C12.3188 0.492859 14.0053 1.45378 14.0049 3.00372L14.0039 6.99979H19C20.1044 6.99985 20.9997 7.89548 21 8.99978V9.84157C20.9998 10.3937 20.5522 10.8416 20 10.8416C19.4478 10.8416 19.0002 10.3937 19 9.84157V8.99978H14.0029L14 20.9997H22L22.1025 21.0046C22.6066 21.0559 22.9999 21.4821 23 21.9997C23 22.5174 22.6067 22.9435 22.1025 22.9948L22 22.9997H12.0186C12.0124 22.9998 12.0062 23.0007 12 23.0007H4C3.99381 23.0007 3.98762 22.9998 3.98145 22.9997H2C1.44772 22.9997 1 22.552 1 21.9997C1.00011 21.4475 1.44778 20.9997 2 20.9997V7.74686C2.00002 7.04054 2.37287 6.38632 2.98047 6.02616L10.9854 1.28303ZM4 7.74686V20.9997H12L12.0029 8.07303C12.0012 8.0489 12 8.02436 12 7.99979C12 7.97482 12.0011 7.95008 12.0029 7.92557L12.0049 3.00274L4 7.74686ZM9 16.9997C9.55222 16.9997 9.99989 17.4475 10 17.9997C10 18.552 9.55228 18.9997 9 18.9997H7L6.89746 18.9948C6.39334 18.9435 6 18.5174 6 17.9997C6.0001 17.4821 6.3934 17.0559 6.89746 17.0046L7 16.9997H9ZM21.2637 12.5544C21.6375 12.1481 22.2703 12.1221 22.6768 12.4959C23.0831 12.8697 23.1101 13.5025 22.7363 13.9089L18.6943 18.3015L18.6221 18.3728C18.4453 18.5295 18.2178 18.6198 17.9795 18.6247C17.7072 18.6304 17.4446 18.5243 17.252 18.3318L15.4355 16.5163C15.045 16.1258 15.045 15.4918 15.4355 15.1013C15.8259 14.711 16.4591 14.7112 16.8496 15.1013L17.9287 16.1804L21.2637 12.5544ZM9 12.9998C9.55222 12.9998 9.99989 13.4476 10 13.9998C10 14.552 9.55228 14.9997 9 14.9997H7L6.89746 14.9949C6.39334 14.9435 6 14.5174 6 13.9998C6.0001 13.4822 6.3934 13.056 6.89746 13.0046L7 12.9998H9ZM9 8.99978C9.55222 8.99978 9.99989 9.44758 10 9.99978C10 10.5521 9.55228 10.9998 9 10.9998H7L6.89746 10.9949C6.39334 10.9435 6 10.5174 6 9.99978C6.0001 9.48219 6.3934 9.05599 6.89746 9.00466L7 8.99978H9Z",
       fill: iconColor
     })
   }));

package/build/lib/web/development/components/Icons/CompanyRegistrationIcon/CompanyRegistrationIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CompanyRegistrationIcon.js","sources":["../../../../../../../src/components/Icons/CompanyRegistrationIcon/CompanyRegistrationIcon.tsx"],"sourcesContent":["import { Svg, Path } from '../_Svg';\nimport type { IconComponent } from '..';\nimport useIconProps from '../useIconProps';\n\nconst CompanyRegistrationIcon: IconComponent = ({ size, color, ...styledProps }) => {\n const { height, width, iconColor } = useIconProps({ size, color });\n\n return (\n <Svg {...styledProps} width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\">\n <Path\n ~~fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n~~ d=\"~~M16~~.~~4064~~ 16.~~3022L17~~.~~4102~~ 7.~~13452C17~~.~~4788~~ 6.~~50752~~ 17.~~4411~~ 5.~~87322~~ 17.~~2987~~ 5.~~25913C15~~.~~982~~ -0.~~419711~~ 8.~~01726~~ -0.~~419712~~ 6.~~70057~~ 5.~~25913C6~~.~~55819~~ 5.~~87322~~ 6.~~52051~~ 6.~~50752~~ 6.~~58916~~ 7.~~13452L7~~.~~59292~~ 16.~~3022H2~~.~~1C1~~.~~49249~~ 16.~~3022~~ 1 16.~~802~~ 1 17.~~4185C1~~ 18.~~035~~ 1.~~49249~~ 18.~~5348~~ 2.1 18.~~5348H4~~.~~3V20~~.~~7674C4~~.3 22.~~0004~~ 5.~~28497~~ 23 6.5 ~~23H17~~.~~5C18~~.~~715~~ 23 19.7 22.~~0004~~ 19.7 20.~~7674V18~~.~~5348H21~~.~~9C22~~.~~5075~~ 18.~~5348~~ 23 18.~~035~~ 23 17.~~4185C23~~ 16.~~802~~ 22.~~5075~~ 16.~~3022~~ 21.9 16.~~3022H16~~.~~4064ZM15~~.~~1572~~ 5.~~77049C14~~.~~3726~~ 2.~~38663~~ 9.~~62667~~ 2.~~38663~~ 8.~~84209~~ 5.~~77049C8~~.~~75725~~ 6.~~1364~~ 8.~~73479~~ 6.~~51436~~ 8.~~7757~~ 6.~~88797L9~~.~~79293~~ 16.~~1786C9~~.~~79747~~ 16.~~2202~~ 9.~~79971~~ 16.~~2614~~ 9.~~79975~~ 16.~~3022H14~~.~~1996C14~~.~~1996~~ 16.~~2614~~ 14.~~2018~~ 16.~~2202~~ 14.~~2064~~ 16.~~1786L15~~.~~2236~~ 6.~~88797C15~~.~~2645~~ 6.~~51436~~ 15.~~2421~~ 6.~~1364~~ 15.~~1572~~ 5.~~77049ZM17~~.5 18.~~5348H6~~.~~5V20~~.~~7674H17~~.~~5V18~~.~~5348Z~~\"\n fill={iconColor}\n />\n </Svg>\n );\n};\n\nexport default CompanyRegistrationIcon;\n"],"names":["CompanyRegistrationIcon","_ref","size","color","styledProps","_objectWithoutProperties","_excluded","_useIconProps","useIconProps","height","width","iconColor","_jsx","Svg","_objectSpread","viewBox","fill","children","Path","~~fillRule","clipRule","~~d"],"mappings":";;;;;;;;;;;;AAIA,IAAMA,uBAAsC,GAAG,SAAzCA,uBAAsCA,CAAAC,IAAA,EAAwC;AAAA,EAAA,IAAlCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;AAAKC,IAAAA,WAAW,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAC3E,IAAAC,aAAA,GAAqCC,YAAY,CAAC;AAAEN,MAAAA,IAAI,EAAJA,IAAI;AAAEC,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC;IAA1DM,MAAM,GAAAF,aAAA,CAANE,MAAM;IAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,aAAA,CAATI,SAAS,CAAA;EAEhC,oBACEC,GAAA,CAACC,GAAG,EAAAC,aAAA,CAAAA,aAAA,KAAKV,WAAW,CAAA,EAAA,EAAA,EAAA;AAAEM,IAAAA,KAAK,EAAEA,KAAM;AAACD,IAAAA,MAAM,EAAEA,MAAO;AAACM,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;IAAAC,QAAA,eACjFL,GAAA,CAACM,IAAI,EAAA;AACHC,MAAAA,~~QAAQ,EAAC,SAAS;AAClBC,MAAAA,QAAQ,EAAC,SAAS;AAClBC,MAAAA,~~CAAC,EAAC,~~mxBAAmxB~~;~~AACrxBL~~,MAAAA,IAAI,EAAEL,SAAAA;KACP,CAAA;AAAC,GAAA,CACC,CAAC,CAAA;AAEV;;;;"}
1	+ {"version":3,"file":"CompanyRegistrationIcon.js","sources":["../../../../../../../src/components/Icons/CompanyRegistrationIcon/CompanyRegistrationIcon.tsx"],"sourcesContent":["import { Svg, Path } from '../_Svg';\nimport type { IconComponent } from '..';\nimport useIconProps from '../useIconProps';\n\nconst CompanyRegistrationIcon: IconComponent = ({ size, color, ...styledProps }) => {\n const { height, width, iconColor } = useIconProps({ size, color });\n\n return (\n <Svg {...styledProps} width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\">\n <Path\n d=\"M10.9854 1.28303C12.3188 0.492859 14.0053 1.45378 14.0049 3.00372L14.0039 6.99979H19C20.1044 6.99985 20.9997 7.89548 21 8.99978V9.84157C20.9998 10.3937 20.5522 10.8416 20 10.8416C19.4478 10.8416 19.0002 10.3937 19 9.84157V8.99978H14.0029L14 20.9997H22L22.1025 21.0046C22.6066 21.0559 22.9999 21.4821 23 21.9997C23 22.5174 22.6067 22.9435 22.1025 22.9948L22 22.9997H12.0186C12.0124 22.9998 12.0062 23.0007 12 23.0007H4C3.99381 23.0007 3.98762 22.9998 3.98145 22.9997H2C1.44772 22.9997 1 22.552 1 21.9997C1.00011 21.4475 1.44778 20.9997 2 20.9997V7.74686C2.00002 7.04054 2.37287 6.38632 2.98047 6.02616L10.9854 1.28303ZM4 7.74686V20.9997H12L12.0029 8.07303C12.0012 8.0489 12 8.02436 12 7.99979C12 7.97482 12.0011 7.95008 12.0029 7.92557L12.0049 3.00274L4 7.74686ZM9 16.9997C9.55222 16.9997 9.99989 17.4475 10 17.9997C10 18.552 9.55228 18.9997 9 18.9997H7L6.89746 18.9948C6.39334 18.9435 6 18.5174 6 17.9997C6.0001 17.4821 6.3934 17.0559 6.89746 17.0046L7 16.9997H9ZM21.2637 12.5544C21.6375 12.1481 22.2703 12.1221 22.6768 12.4959C23.0831 12.8697 23.1101 13.5025 22.7363 13.9089L18.6943 18.3015L18.6221 18.3728C18.4453 18.5295 18.2178 18.6198 17.9795 18.6247C17.7072 18.6304 17.4446 18.5243 17.252 18.3318L15.4355 16.5163C15.045 16.1258 15.045 15.4918 15.4355 15.1013C15.8259 14.711 16.4591 14.7112 16.8496 15.1013L17.9287 16.1804L21.2637 12.5544ZM9 12.9998C9.55222 12.9998 9.99989 13.4476 10 13.9998C10 14.552 9.55228 14.9997 9 14.9997H7L6.89746 14.9949C6.39334 14.9435 6 14.5174 6 13.9998C6.0001 13.4822 6.3934 13.056 6.89746 13.0046L7 12.9998H9ZM9 8.99978C9.55222 8.99978 9.99989 9.44758 10 9.99978C10 10.5521 9.55228 10.9998 9 10.9998H7L6.89746 10.9949C6.39334 10.9435 6 10.5174 6 9.99978C6.0001 9.48219 6.3934 9.05599 6.89746 9.00466L7 8.99978H9Z\"\n fill={iconColor}\n />\n </Svg>\n );\n};\n\nexport default CompanyRegistrationIcon;\n"],"names":["CompanyRegistrationIcon","_ref","size","color","styledProps","_objectWithoutProperties","_excluded","_useIconProps","useIconProps","height","width","iconColor","_jsx","Svg","_objectSpread","viewBox","fill","children","Path","d"],"mappings":";;;;;;;;;;;;AAIA,IAAMA,uBAAsC,GAAG,SAAzCA,uBAAsCA,CAAAC,IAAA,EAAwC;AAAA,EAAA,IAAlCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;AAAKC,IAAAA,WAAW,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAC3E,IAAAC,aAAA,GAAqCC,YAAY,CAAC;AAAEN,MAAAA,IAAI,EAAJA,IAAI;AAAEC,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC;IAA1DM,MAAM,GAAAF,aAAA,CAANE,MAAM;IAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,aAAA,CAATI,SAAS,CAAA;EAEhC,oBACEC,GAAA,CAACC,GAAG,EAAAC,aAAA,CAAAA,aAAA,KAAKV,WAAW,CAAA,EAAA,EAAA,EAAA;AAAEM,IAAAA,KAAK,EAAEA,KAAM;AAACD,IAAAA,MAAM,EAAEA,MAAO;AAACM,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;IAAAC,QAAA,eACjFL,GAAA,CAACM,IAAI,EAAA;AACHC,MAAAA,CAAC,EAAC,stDAAstD;AACxtDH,MAAAA,IAAI,EAAEL,SAAAA;KACP,CAAA;AAAC,GAAA,CACC,CAAC,CAAA;AAEV;;;;"}