@kaizen/components 0.0.0-canary-remove-tailwind-from-kaio-20240305223928 → 0.0.0-canary-hidden-optintprovider-nav-20240307220309
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.
- package/dist/cjs/DatePicker/DatePicker.cjs +1 -0
- package/dist/cjs/DatePicker/DatePicker.cjs.map +1 -1
- package/dist/cjs/KaizenProvider/KaizenProvider.cjs +7 -7
- package/dist/cjs/KaizenProvider/KaizenProvider.cjs.map +1 -1
- package/dist/cjs/index.css +3 -3
- package/dist/esm/DatePicker/DatePicker.mjs +1 -0
- package/dist/esm/DatePicker/DatePicker.mjs.map +1 -1
- package/dist/esm/KaizenProvider/KaizenProvider.mjs +8 -7
- package/dist/esm/KaizenProvider/KaizenProvider.mjs.map +1 -1
- package/dist/esm/index.css +2 -2
- package/dist/styles.css +1 -1
- package/package.json +4 -4
- package/src/DatePicker/DatePicker.tsx +1 -0
- package/src/KaizenProvider/KaizenProvider.tsx +2 -2
- package/dist/cjs/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.cjs +0 -20
- package/dist/cjs/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.cjs.map +0 -1
- package/dist/esm/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.mjs +0 -18
- package/dist/esm/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.mjs.map +0 -1
|
@@ -185,6 +185,7 @@ const DatePicker = /*#__PURE__*/function () {
|
|
|
185
185
|
var calendarId = "".concat(id, "-calendar-dialog");
|
|
186
186
|
return React.createElement(reactFocusOn.FocusOn, {
|
|
187
187
|
scrollLock: false,
|
|
188
|
+
returnFocus: false,
|
|
188
189
|
onDeactivation: handleReturnFocus,
|
|
189
190
|
onClickOutside: function () {
|
|
190
191
|
return setIsOpen(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.cjs","sources":["../../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useId, useRef, useState } from \"react\"\nimport { DayClickEventHandler } from \"react-day-picker\"\nimport { FocusOn } from \"react-focus-on\"\nimport {\n CalendarSingle,\n CalendarSingleElement,\n CalendarSingleProps,\n DisabledDayMatchers,\n calculateDisabledDays,\n formatDateAsNumeral,\n formatDateAsText,\n isDisabledDate,\n isInvalidDate,\n isSelectingDayInCalendar,\n parseDateAsTextOrNumeral,\n setFocusInCalendar,\n} from \"~components/Calendar\"\nimport { CalendarPopover } from \"~components/Calendar/CalendarPopover\"\nimport {\n DateInputField,\n DateInputFieldProps,\n} from \"./subcomponents/DateInputField\"\nimport { ValidationResponse } from \"./types\"\nimport { DatePickerSupportedLocales, getLocale } from \"./utils/getLocale\"\nimport { validateDate } from \"./utils/validateDate\"\n\ntype OmittedDateInputFieldProps =\n | \"onClick\"\n | \"onFocus\"\n | \"onChange\"\n | \"onBlur\"\n | \"onButtonClick\"\n | \"value\"\n | \"locale\"\n | \"id\"\n\nexport type DatePickerProps = {\n id?: string\n buttonRef?: RefObject<HTMLButtonElement>\n onInputClick?: DateInputFieldProps[\"onClick\"]\n onInputFocus?: DateInputFieldProps[\"onFocus\"]\n onInputChange?: DateInputFieldProps[\"onChange\"]\n onInputBlur?: DateInputFieldProps[\"onBlur\"]\n onButtonClick?: DateInputFieldProps[\"onButtonClick\"]\n locale?: DatePickerSupportedLocales\n /**\n * Accepts a DayOfWeek value to start the week on that day. By default,\n * it's set to Monday.\n */\n weekStartsOn?: CalendarSingleProps[\"weekStartsOn\"]\n /**\n * Accepts a date to display that month on first render.\n */\n defaultMonth?: CalendarSingleProps[\"defaultMonth\"]\n /**\n * The date passed in from the consumer that renders in the input and calendar.\n */\n selectedDay: Date | undefined\n /**\n * Callback when date is updated either by the calendar picker or by typing and bluring.\n * Date will return as undefined if invalid or disabled.\n */\n onDayChange: (date: Date | undefined) => void\n /**\n * Callback when a date is selected. Utilises internal validation if not set.\n */\n onValidate?: (validationResponse: ValidationResponse) => void\n /**\n * Updates the styling of the validation FieldMessage.\n */\n status?: DateInputFieldProps[\"status\"] | undefined\n /**\n * A descriptive message for the 'status' states.\n */\n validationMessage?: DateInputFieldProps[\"validationMessage\"] | undefined\n} & DisabledDayMatchers &\n Omit<DateInputFieldProps, OmittedDateInputFieldProps>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}\n */\nexport const DatePicker = ({\n id: propsId,\n buttonRef: propsButtonRef = useRef<HTMLButtonElement>(null),\n locale: propsLocale = \"en-AU\",\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n weekStartsOn,\n defaultMonth,\n selectedDay,\n status,\n validationMessage,\n onInputClick,\n onInputFocus,\n onInputChange,\n onInputBlur,\n onButtonClick,\n onDayChange,\n onValidate,\n ...restDateInputFieldProps\n}: DatePickerProps): JSX.Element => {\n const reactId = useId()\n const id = propsId ?? reactId\n\n const containerRef = useRef<HTMLInputElement>(null)\n const inputRef = useRef<HTMLInputElement>(null)\n const buttonRef = useRef<HTMLButtonElement>(propsButtonRef?.current || null)\n const dateInputRefs = useRef({\n inputRef,\n buttonRef,\n })\n const [inputValue, setInputValue] = useState<string>(\"\")\n const [isOpen, setIsOpen] = useState(false)\n const [lastTrigger, setLastTrigger] = useState<\n \"inputFocus\" | \"inputKeydown\" | \"calendarButton\"\n >()\n const [inbuiltStatus, setInbuiltStatus] = useState<\n DateInputFieldProps[\"status\"] | undefined\n >()\n const [inbuiltValidationMessage, setInbuiltValidationMessage] = useState<\n string | undefined\n >()\n\n const shouldUseInbuiltValidation = onValidate === undefined\n\n const locale = getLocale(propsLocale)\n\n const disabledDays = calculateDisabledDays({\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n })\n\n const handleValidation = (validationResponse: ValidationResponse): void => {\n if (shouldUseInbuiltValidation) {\n setInbuiltStatus(validationResponse.status)\n setInbuiltValidationMessage(validationResponse.validationMessage)\n } else {\n onValidate(validationResponse)\n }\n }\n\n const handleDayChange = (\n date: Date | undefined,\n newInputValue?: string\n ): void => {\n const { validationResponse, newDate } = validateDate({\n date,\n inputValue: newInputValue,\n disabledDays,\n })\n handleValidation(validationResponse)\n onDayChange(newDate)\n }\n\n const handleCalendarDayChange: DayClickEventHandler = date => {\n if (!isDisabledDate(date, disabledDays)) {\n const newInputValue =\n lastTrigger === \"calendarButton\"\n ? formatDateAsText(date, disabledDays, locale)\n : formatDateAsNumeral(date, locale)\n\n setInputValue(newInputValue)\n handleDayChange(date)\n setIsOpen(false)\n }\n }\n\n const handleInputClick: React.MouseEventHandler<HTMLInputElement> = e => {\n setIsOpen(true)\n onInputClick?.(e)\n }\n\n const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = e => {\n setLastTrigger(\"inputFocus\")\n if (selectedDay) {\n const newInputValue = formatDateAsNumeral(selectedDay, locale)\n setInputValue(newInputValue)\n }\n onInputFocus?.(e)\n }\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n setInputValue(e.target.value)\n onInputChange?.(e)\n }\n\n const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = e => {\n if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n if (inputValue !== \"\") {\n const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n\n if (!isInvalidDate(parsedDate)) {\n setInputValue(formatDateAsText(parsedDate, disabledDays, locale))\n }\n\n handleDayChange(parsedDate, inputValue)\n onInputBlur?.(e)\n return\n }\n\n handleDayChange(undefined, inputValue)\n onInputBlur?.(e)\n }\n\n const handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = e => {\n if (e.key === \"Enter\") {\n setIsOpen(false)\n const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n handleDayChange(parsedDate, e.currentTarget.value)\n }\n\n if (e.key === \"ArrowDown\" || (e.key === \"ArrowDown\" && e.altKey === true)) {\n e.preventDefault()\n setIsOpen(true)\n setLastTrigger(\"inputKeydown\")\n }\n }\n\n const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = e => {\n setIsOpen(!isOpen)\n setLastTrigger(\"calendarButton\")\n onButtonClick?.(e)\n }\n\n const handleCalendarMount = (\n calendarElement: CalendarSingleElement\n ): void => {\n if (lastTrigger === \"inputFocus\") return\n setFocusInCalendar(calendarElement, selectedDay)\n }\n\n const handleReturnFocus = (): void => {\n if (lastTrigger === \"inputKeydown\" || lastTrigger === \"inputFocus\") {\n return inputRef.current?.focus()\n }\n buttonRef.current?.focus()\n }\n\n useEffect(() => {\n if (selectedDay) {\n setInputValue(formatDateAsText(selectedDay, disabledDays, locale))\n\n const formattedDate = formatDateAsNumeral(selectedDay, locale)\n const { validationResponse } = validateDate({\n date: selectedDay,\n inputValue: formattedDate,\n disabledDays,\n })\n\n if (!validationResponse.isValidDate && !validationResponse.isEmpty) {\n handleValidation(validationResponse)\n }\n }\n }, [selectedDay])\n\n const calendarId = `${id}-calendar-dialog`\n\n return (\n <FocusOn\n scrollLock={false}\n onDeactivation={handleReturnFocus}\n onClickOutside={(): void => setIsOpen(false)}\n onEscapeKey={(): void => setIsOpen(false)}\n enabled={isOpen}\n >\n <div ref={containerRef}>\n <DateInputField\n ref={dateInputRefs}\n id={id}\n role=\"combobox\"\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n aria-controls={calendarId}\n value={inputValue}\n locale={locale}\n onButtonClick={handleButtonClick}\n onClick={handleInputClick}\n onFocus={handleInputFocus}\n onChange={handleInputChange}\n onBlur={handleInputBlur}\n onKeyDown={handleKeyDown}\n status={\n status !== undefined || !shouldUseInbuiltValidation\n ? status\n : inbuiltStatus\n }\n validationMessage={\n validationMessage !== undefined || !shouldUseInbuiltValidation\n ? validationMessage\n : inbuiltValidationMessage\n }\n {...restDateInputFieldProps}\n />\n </div>\n\n {isOpen && (\n <CalendarPopover referenceElement={containerRef.current}>\n <CalendarSingle\n id={calendarId}\n selected={selectedDay}\n defaultMonth={defaultMonth}\n weekStartsOn={weekStartsOn}\n disabled={disabledDays}\n locale={locale}\n onDayClick={handleCalendarDayChange}\n onMount={handleCalendarMount}\n />\n </CalendarPopover>\n )}\n </FocusOn>\n )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["DatePicker","_a","propsId","id","_b","buttonRef","propsButtonRef","useRef","_c","locale","propsLocale","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDay","status","validationMessage","onInputClick","onInputFocus","onInputChange","onInputBlur","onButtonClick","onDayChange","onValidate","restDateInputFieldProps","__rest","reactId","useId","containerRef","inputRef","current","dateInputRefs","_d","useState","inputValue","setInputValue","_e","isOpen","setIsOpen","_f","lastTrigger","setLastTrigger","_g","inbuiltStatus","setInbuiltStatus","_h","inbuiltValidationMessage","setInbuiltValidationMessage","shouldUseInbuiltValidation","undefined","getLocale","disabledDays","calculateDisabledDays","handleValidation","validationResponse","handleDayChange","date","newInputValue","validateDate","newDate","handleCalendarDayChange","isDisabledDate","formatDateAsText","formatDateAsNumeral","handleInputClick","e","handleInputFocus","handleInputChange","target","value","handleInputBlur","isSelectingDayInCalendar","relatedTarget","parsedDate","parseDateAsTextOrNumeral","isInvalidDate","handleKeyDown","key","currentTarget","altKey","preventDefault","handleButtonClick","handleCalendarMount","calendarElement","setFocusInCalendar","handleReturnFocus","focus","useEffect","formattedDate","isValidDate","isEmpty","calendarId","concat","React","createElement","FocusOn","scrollLock","onDeactivation","onClickOutside","onEscapeKey","enabled","ref","DateInputField","__assign","role","onClick","onFocus","onChange","onBlur","onKeyDown","CalendarPopover","referenceElement","CalendarSingle","selected","disabled","onDayClick","onMount","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DatePicker.cjs","sources":["../../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useId, useRef, useState } from \"react\"\nimport { DayClickEventHandler } from \"react-day-picker\"\nimport { FocusOn } from \"react-focus-on\"\nimport {\n CalendarSingle,\n CalendarSingleElement,\n CalendarSingleProps,\n DisabledDayMatchers,\n calculateDisabledDays,\n formatDateAsNumeral,\n formatDateAsText,\n isDisabledDate,\n isInvalidDate,\n isSelectingDayInCalendar,\n parseDateAsTextOrNumeral,\n setFocusInCalendar,\n} from \"~components/Calendar\"\nimport { CalendarPopover } from \"~components/Calendar/CalendarPopover\"\nimport {\n DateInputField,\n DateInputFieldProps,\n} from \"./subcomponents/DateInputField\"\nimport { ValidationResponse } from \"./types\"\nimport { DatePickerSupportedLocales, getLocale } from \"./utils/getLocale\"\nimport { validateDate } from \"./utils/validateDate\"\n\ntype OmittedDateInputFieldProps =\n | \"onClick\"\n | \"onFocus\"\n | \"onChange\"\n | \"onBlur\"\n | \"onButtonClick\"\n | \"value\"\n | \"locale\"\n | \"id\"\n\nexport type DatePickerProps = {\n id?: string\n buttonRef?: RefObject<HTMLButtonElement>\n onInputClick?: DateInputFieldProps[\"onClick\"]\n onInputFocus?: DateInputFieldProps[\"onFocus\"]\n onInputChange?: DateInputFieldProps[\"onChange\"]\n onInputBlur?: DateInputFieldProps[\"onBlur\"]\n onButtonClick?: DateInputFieldProps[\"onButtonClick\"]\n locale?: DatePickerSupportedLocales\n /**\n * Accepts a DayOfWeek value to start the week on that day. By default,\n * it's set to Monday.\n */\n weekStartsOn?: CalendarSingleProps[\"weekStartsOn\"]\n /**\n * Accepts a date to display that month on first render.\n */\n defaultMonth?: CalendarSingleProps[\"defaultMonth\"]\n /**\n * The date passed in from the consumer that renders in the input and calendar.\n */\n selectedDay: Date | undefined\n /**\n * Callback when date is updated either by the calendar picker or by typing and bluring.\n * Date will return as undefined if invalid or disabled.\n */\n onDayChange: (date: Date | undefined) => void\n /**\n * Callback when a date is selected. Utilises internal validation if not set.\n */\n onValidate?: (validationResponse: ValidationResponse) => void\n /**\n * Updates the styling of the validation FieldMessage.\n */\n status?: DateInputFieldProps[\"status\"] | undefined\n /**\n * A descriptive message for the 'status' states.\n */\n validationMessage?: DateInputFieldProps[\"validationMessage\"] | undefined\n} & DisabledDayMatchers &\n Omit<DateInputFieldProps, OmittedDateInputFieldProps>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}\n */\nexport const DatePicker = ({\n id: propsId,\n buttonRef: propsButtonRef = useRef<HTMLButtonElement>(null),\n locale: propsLocale = \"en-AU\",\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n weekStartsOn,\n defaultMonth,\n selectedDay,\n status,\n validationMessage,\n onInputClick,\n onInputFocus,\n onInputChange,\n onInputBlur,\n onButtonClick,\n onDayChange,\n onValidate,\n ...restDateInputFieldProps\n}: DatePickerProps): JSX.Element => {\n const reactId = useId()\n const id = propsId ?? reactId\n\n const containerRef = useRef<HTMLInputElement>(null)\n const inputRef = useRef<HTMLInputElement>(null)\n const buttonRef = useRef<HTMLButtonElement>(propsButtonRef?.current || null)\n const dateInputRefs = useRef({\n inputRef,\n buttonRef,\n })\n const [inputValue, setInputValue] = useState<string>(\"\")\n const [isOpen, setIsOpen] = useState(false)\n const [lastTrigger, setLastTrigger] = useState<\n \"inputFocus\" | \"inputKeydown\" | \"calendarButton\"\n >()\n const [inbuiltStatus, setInbuiltStatus] = useState<\n DateInputFieldProps[\"status\"] | undefined\n >()\n const [inbuiltValidationMessage, setInbuiltValidationMessage] = useState<\n string | undefined\n >()\n\n const shouldUseInbuiltValidation = onValidate === undefined\n\n const locale = getLocale(propsLocale)\n\n const disabledDays = calculateDisabledDays({\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n })\n\n const handleValidation = (validationResponse: ValidationResponse): void => {\n if (shouldUseInbuiltValidation) {\n setInbuiltStatus(validationResponse.status)\n setInbuiltValidationMessage(validationResponse.validationMessage)\n } else {\n onValidate(validationResponse)\n }\n }\n\n const handleDayChange = (\n date: Date | undefined,\n newInputValue?: string\n ): void => {\n const { validationResponse, newDate } = validateDate({\n date,\n inputValue: newInputValue,\n disabledDays,\n })\n handleValidation(validationResponse)\n onDayChange(newDate)\n }\n\n const handleCalendarDayChange: DayClickEventHandler = date => {\n if (!isDisabledDate(date, disabledDays)) {\n const newInputValue =\n lastTrigger === \"calendarButton\"\n ? formatDateAsText(date, disabledDays, locale)\n : formatDateAsNumeral(date, locale)\n\n setInputValue(newInputValue)\n handleDayChange(date)\n setIsOpen(false)\n }\n }\n\n const handleInputClick: React.MouseEventHandler<HTMLInputElement> = e => {\n setIsOpen(true)\n onInputClick?.(e)\n }\n\n const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = e => {\n setLastTrigger(\"inputFocus\")\n if (selectedDay) {\n const newInputValue = formatDateAsNumeral(selectedDay, locale)\n setInputValue(newInputValue)\n }\n onInputFocus?.(e)\n }\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n setInputValue(e.target.value)\n onInputChange?.(e)\n }\n\n const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = e => {\n if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n if (inputValue !== \"\") {\n const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n\n if (!isInvalidDate(parsedDate)) {\n setInputValue(formatDateAsText(parsedDate, disabledDays, locale))\n }\n\n handleDayChange(parsedDate, inputValue)\n onInputBlur?.(e)\n return\n }\n\n handleDayChange(undefined, inputValue)\n onInputBlur?.(e)\n }\n\n const handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = e => {\n if (e.key === \"Enter\") {\n setIsOpen(false)\n const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n handleDayChange(parsedDate, e.currentTarget.value)\n }\n\n if (e.key === \"ArrowDown\" || (e.key === \"ArrowDown\" && e.altKey === true)) {\n e.preventDefault()\n setIsOpen(true)\n setLastTrigger(\"inputKeydown\")\n }\n }\n\n const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = e => {\n setIsOpen(!isOpen)\n setLastTrigger(\"calendarButton\")\n onButtonClick?.(e)\n }\n\n const handleCalendarMount = (\n calendarElement: CalendarSingleElement\n ): void => {\n if (lastTrigger === \"inputFocus\") return\n setFocusInCalendar(calendarElement, selectedDay)\n }\n\n const handleReturnFocus = (): void => {\n if (lastTrigger === \"inputKeydown\" || lastTrigger === \"inputFocus\") {\n return inputRef.current?.focus()\n }\n buttonRef.current?.focus()\n }\n\n useEffect(() => {\n if (selectedDay) {\n setInputValue(formatDateAsText(selectedDay, disabledDays, locale))\n\n const formattedDate = formatDateAsNumeral(selectedDay, locale)\n const { validationResponse } = validateDate({\n date: selectedDay,\n inputValue: formattedDate,\n disabledDays,\n })\n\n if (!validationResponse.isValidDate && !validationResponse.isEmpty) {\n handleValidation(validationResponse)\n }\n }\n }, [selectedDay])\n\n const calendarId = `${id}-calendar-dialog`\n\n return (\n <FocusOn\n scrollLock={false}\n returnFocus={false}\n onDeactivation={handleReturnFocus}\n onClickOutside={(): void => setIsOpen(false)}\n onEscapeKey={(): void => setIsOpen(false)}\n enabled={isOpen}\n >\n <div ref={containerRef}>\n <DateInputField\n ref={dateInputRefs}\n id={id}\n role=\"combobox\"\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n aria-controls={calendarId}\n value={inputValue}\n locale={locale}\n onButtonClick={handleButtonClick}\n onClick={handleInputClick}\n onFocus={handleInputFocus}\n onChange={handleInputChange}\n onBlur={handleInputBlur}\n onKeyDown={handleKeyDown}\n status={\n status !== undefined || !shouldUseInbuiltValidation\n ? status\n : inbuiltStatus\n }\n validationMessage={\n validationMessage !== undefined || !shouldUseInbuiltValidation\n ? validationMessage\n : inbuiltValidationMessage\n }\n {...restDateInputFieldProps}\n />\n </div>\n\n {isOpen && (\n <CalendarPopover referenceElement={containerRef.current}>\n <CalendarSingle\n id={calendarId}\n selected={selectedDay}\n defaultMonth={defaultMonth}\n weekStartsOn={weekStartsOn}\n disabled={disabledDays}\n locale={locale}\n onDayClick={handleCalendarDayChange}\n onMount={handleCalendarMount}\n />\n </CalendarPopover>\n )}\n </FocusOn>\n )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["DatePicker","_a","propsId","id","_b","buttonRef","propsButtonRef","useRef","_c","locale","propsLocale","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDay","status","validationMessage","onInputClick","onInputFocus","onInputChange","onInputBlur","onButtonClick","onDayChange","onValidate","restDateInputFieldProps","__rest","reactId","useId","containerRef","inputRef","current","dateInputRefs","_d","useState","inputValue","setInputValue","_e","isOpen","setIsOpen","_f","lastTrigger","setLastTrigger","_g","inbuiltStatus","setInbuiltStatus","_h","inbuiltValidationMessage","setInbuiltValidationMessage","shouldUseInbuiltValidation","undefined","getLocale","disabledDays","calculateDisabledDays","handleValidation","validationResponse","handleDayChange","date","newInputValue","validateDate","newDate","handleCalendarDayChange","isDisabledDate","formatDateAsText","formatDateAsNumeral","handleInputClick","e","handleInputFocus","handleInputChange","target","value","handleInputBlur","isSelectingDayInCalendar","relatedTarget","parsedDate","parseDateAsTextOrNumeral","isInvalidDate","handleKeyDown","key","currentTarget","altKey","preventDefault","handleButtonClick","handleCalendarMount","calendarElement","setFocusInCalendar","handleReturnFocus","focus","useEffect","formattedDate","isValidDate","isEmpty","calendarId","concat","React","createElement","FocusOn","scrollLock","returnFocus","onDeactivation","onClickOutside","onEscapeKey","enabled","ref","DateInputField","__assign","role","onClick","onFocus","onChange","onBlur","onKeyDown","CalendarPopover","referenceElement","CalendarSingle","selected","disabled","onDayClick","onMount","displayName"],"mappings":"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"}
|
|
@@ -7,12 +7,10 @@ require('../Notification/ToastNotification/ToastNotification/ToastNotification.c
|
|
|
7
7
|
var ToastNotificationsList = require('../Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.cjs');
|
|
8
8
|
var ToastNotificationContext = require('../Notification/ToastNotification/context/ToastNotificationContext.cjs');
|
|
9
9
|
var FontDefinitions = require('./subcomponents/FontDefinitions/FontDefinitions.cjs');
|
|
10
|
-
var OptionalIntlProvider = require('./subcomponents/OptionalIntlProvider/OptionalIntlProvider.cjs');
|
|
11
10
|
const KaizenProvider = /*#__PURE__*/function () {
|
|
12
11
|
const KaizenProvider = function (_a) {
|
|
13
|
-
var children = _a.children
|
|
14
|
-
|
|
15
|
-
locale = _b === void 0 ? "en" : _b;
|
|
12
|
+
var children = _a.children;
|
|
13
|
+
_a.locale;
|
|
16
14
|
var _c = React.useState(false),
|
|
17
15
|
documentIsAvailable = _c[0],
|
|
18
16
|
setDocumentIsAvailable = _c[1];
|
|
@@ -27,9 +25,11 @@ const KaizenProvider = /*#__PURE__*/function () {
|
|
|
27
25
|
setDocumentIsAvailable(true);
|
|
28
26
|
}
|
|
29
27
|
}, [documentIsAvailable]);
|
|
30
|
-
return
|
|
31
|
-
|
|
32
|
-
|
|
28
|
+
return (
|
|
29
|
+
// <OptionalIntlProvider locale={locale}>
|
|
30
|
+
React.createElement(React.Fragment, null, React.createElement(ToastNotificationContext.ToastNotificationProvider, null, notificationsList, children), React.createElement(FontDefinitions.FontDefinitions, null))
|
|
31
|
+
// </OptionalIntlProvider>
|
|
32
|
+
);
|
|
33
33
|
};
|
|
34
34
|
KaizenProvider.displayName = "KaizenProvider";
|
|
35
35
|
return KaizenProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KaizenProvider.cjs","sources":["../../../src/KaizenProvider/KaizenProvider.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { ToastNotificationsList } from \"~components/Notification\"\nimport { ToastNotificationProvider } from \"~components/Notification/ToastNotification/context/ToastNotificationContext\"\nimport { FontDefinitions } from \"./subcomponents/FontDefinitions\"\nimport { OptionalIntlProvider } from \"./subcomponents/OptionalIntlProvider\"\n\nexport type KaizenProviderProps = {\n children: React.ReactNode\n locale?: string\n}\n\nexport const KaizenProvider = ({\n children,\n locale = \"en\",\n}: KaizenProviderProps): JSX.Element => {\n const [documentIsAvailable, setDocumentIsAvailable] = useState<boolean>(false)\n const [notificationsList, setNotificationsList] = useState<JSX.Element>()\n\n useEffect(() => {\n // SSR does not have a document, which is required for ToastNotificationsList.\n // Await document render before rendering the component.\n if (document !== undefined) {\n setNotificationsList(<ToastNotificationsList />)\n setDocumentIsAvailable(true)\n }\n }, [documentIsAvailable])\n\n return (\n <OptionalIntlProvider locale={locale}>\n <>\n <ToastNotificationProvider>\n {notificationsList}\n {children}\n </ToastNotificationProvider>\n <FontDefinitions />\n </>\n </OptionalIntlProvider>\n )\n}\n\nKaizenProvider.displayName = \"KaizenProvider\"\n"],"names":["KaizenProvider","_a","children","
|
|
1
|
+
{"version":3,"file":"KaizenProvider.cjs","sources":["../../../src/KaizenProvider/KaizenProvider.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { ToastNotificationsList } from \"~components/Notification\"\nimport { ToastNotificationProvider } from \"~components/Notification/ToastNotification/context/ToastNotificationContext\"\nimport { FontDefinitions } from \"./subcomponents/FontDefinitions\"\nimport { OptionalIntlProvider } from \"./subcomponents/OptionalIntlProvider\"\n\nexport type KaizenProviderProps = {\n children: React.ReactNode\n locale?: string\n}\n\nexport const KaizenProvider = ({\n children,\n locale = \"en\",\n}: KaizenProviderProps): JSX.Element => {\n const [documentIsAvailable, setDocumentIsAvailable] = useState<boolean>(false)\n const [notificationsList, setNotificationsList] = useState<JSX.Element>()\n\n useEffect(() => {\n // SSR does not have a document, which is required for ToastNotificationsList.\n // Await document render before rendering the component.\n if (document !== undefined) {\n setNotificationsList(<ToastNotificationsList />)\n setDocumentIsAvailable(true)\n }\n }, [documentIsAvailable])\n\n return (\n // <OptionalIntlProvider locale={locale}>\n <>\n <ToastNotificationProvider>\n {notificationsList}\n {children}\n </ToastNotificationProvider>\n <FontDefinitions />\n </>\n // </OptionalIntlProvider>\n )\n}\n\nKaizenProvider.displayName = \"KaizenProvider\"\n"],"names":["KaizenProvider","_a","children","locale","_c","useState","documentIsAvailable","setDocumentIsAvailable","_d","notificationsList","setNotificationsList","useEffect","document","undefined","React","createElement","ToastNotificationsList","Fragment","ToastNotificationProvider","FontDefinitions","displayName"],"mappings":";;;;;;;;;MAWaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFpB,IAAAC,QAAQ,cAAA;IACRD,EAAA,CAAAE,MAAa;IAEP,IAAAC,EAAA,GAAgDC,KAAAA,CAAAA,QAAQ,CAAU,KAAK,CAAC;MAAvEC,mBAAmB,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,sBAAsB,GAAAH,EAAA,CAAA,CAAA,CAA4B;IACxE,IAAAI,EAAA,GAA4CH,cAAQ,CAAe,CAAA;MAAlEI,iBAAiB,GAAAD,EAAA,CAAA,CAAA,CAAA;MAAEE,oBAAoB,GAAAF,EAAA,CAAA,CAAA,CAA2B;IAEzEG,KAAAA,CAAAA,SAAS,CAAC,YAAA;;;MAGR,IAAIC,QAAQ,KAAKC,SAAS,EAAE;QAC1BH,oBAAoB,CAACI,KAAA,CAAAC,aAAA,CAACC,sBAAAA,CAAAA,sBAAsB,EAAA,IAAA,CAAG,CAAC;QAChDT,sBAAsB,CAAC,IAAI,CAAC;MAC7B;IACH,CAAC,EAAE,CAACD,mBAAmB,CAAC,CAAC;IAEzB;;MAEIQ,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EAAA,IAAA,EACEH,KAAA,CAAAC,aAAA,CAACG,wBAAAA,CAAAA,yBAAyB,EAAA,IAAA,EACvBT,iBAAiB,EACjBP,QAAQ,CACiB,EAC5BY,KAAC,CAAAC,aAAA,CAAAI,+BAAe,OAAG;;;EAI3B,CAAC;EAEDnB,cAAc,CAACoB,WAAW,GAAG,gBAAgB;EAAA,OA7BhCpB,cAAc;AAAA;"}
|
package/dist/cjs/index.css
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
.Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
|
|
2
|
-
.Main-module_main__hMyB1{z-index:0}
|
|
3
2
|
.Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
3
|
+
.Main-module_main__hMyB1{z-index:0}
|
|
4
4
|
.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
|
|
5
|
+
.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
|
|
5
6
|
.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
|
|
6
7
|
.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
|
|
7
8
|
.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
|
|
8
|
-
.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
|
|
9
|
-
.Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|
|
10
9
|
.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
|
|
10
|
+
.Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|
|
11
11
|
.SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
|
|
12
12
|
.Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}
|
|
13
13
|
.AvatarGroup-module_AvatarGroup__bdL0o{display:inline-flex;list-style:none;margin:0;padding:0}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-.625rem}[dir=rtl] .AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-1.5rem}[dir=rtl] .AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-2.25rem}[dir=rtl] .AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_AvatarCounter__PKFzl{align-items:center;background:var(--color-gray-300,#eaeaec);border:3px solid var(--color-white,#fff);border-radius:100%;box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{border:none;box-shadow:none;font-size:.5rem;height:1.25rem;width:1.25rem}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl,.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl{font-size:var(--typography-heading-5-font-size,1rem);height:3rem;width:3rem}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-3-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);height:4.5rem;letter-spacing:var(--typography-heading-3-letter-spacing,normal);width:4.5rem}[dir=rtl] .AvatarGroup-module_AvatarCounter__PKFzl{direction:ltr;margin-left:0}
|
|
@@ -183,6 +183,7 @@ const DatePicker = /*#__PURE__*/function () {
|
|
|
183
183
|
var calendarId = "".concat(id, "-calendar-dialog");
|
|
184
184
|
return /*#__PURE__*/React.createElement(FocusOn, {
|
|
185
185
|
scrollLock: false,
|
|
186
|
+
returnFocus: false,
|
|
186
187
|
onDeactivation: handleReturnFocus,
|
|
187
188
|
onClickOutside: function () {
|
|
188
189
|
return setIsOpen(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.mjs","sources":["../../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useId, useRef, useState } from \"react\"\nimport { DayClickEventHandler } from \"react-day-picker\"\nimport { FocusOn } from \"react-focus-on\"\nimport {\n CalendarSingle,\n CalendarSingleElement,\n CalendarSingleProps,\n DisabledDayMatchers,\n calculateDisabledDays,\n formatDateAsNumeral,\n formatDateAsText,\n isDisabledDate,\n isInvalidDate,\n isSelectingDayInCalendar,\n parseDateAsTextOrNumeral,\n setFocusInCalendar,\n} from \"~components/Calendar\"\nimport { CalendarPopover } from \"~components/Calendar/CalendarPopover\"\nimport {\n DateInputField,\n DateInputFieldProps,\n} from \"./subcomponents/DateInputField\"\nimport { ValidationResponse } from \"./types\"\nimport { DatePickerSupportedLocales, getLocale } from \"./utils/getLocale\"\nimport { validateDate } from \"./utils/validateDate\"\n\ntype OmittedDateInputFieldProps =\n | \"onClick\"\n | \"onFocus\"\n | \"onChange\"\n | \"onBlur\"\n | \"onButtonClick\"\n | \"value\"\n | \"locale\"\n | \"id\"\n\nexport type DatePickerProps = {\n id?: string\n buttonRef?: RefObject<HTMLButtonElement>\n onInputClick?: DateInputFieldProps[\"onClick\"]\n onInputFocus?: DateInputFieldProps[\"onFocus\"]\n onInputChange?: DateInputFieldProps[\"onChange\"]\n onInputBlur?: DateInputFieldProps[\"onBlur\"]\n onButtonClick?: DateInputFieldProps[\"onButtonClick\"]\n locale?: DatePickerSupportedLocales\n /**\n * Accepts a DayOfWeek value to start the week on that day. By default,\n * it's set to Monday.\n */\n weekStartsOn?: CalendarSingleProps[\"weekStartsOn\"]\n /**\n * Accepts a date to display that month on first render.\n */\n defaultMonth?: CalendarSingleProps[\"defaultMonth\"]\n /**\n * The date passed in from the consumer that renders in the input and calendar.\n */\n selectedDay: Date | undefined\n /**\n * Callback when date is updated either by the calendar picker or by typing and bluring.\n * Date will return as undefined if invalid or disabled.\n */\n onDayChange: (date: Date | undefined) => void\n /**\n * Callback when a date is selected. Utilises internal validation if not set.\n */\n onValidate?: (validationResponse: ValidationResponse) => void\n /**\n * Updates the styling of the validation FieldMessage.\n */\n status?: DateInputFieldProps[\"status\"] | undefined\n /**\n * A descriptive message for the 'status' states.\n */\n validationMessage?: DateInputFieldProps[\"validationMessage\"] | undefined\n} & DisabledDayMatchers &\n Omit<DateInputFieldProps, OmittedDateInputFieldProps>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}\n */\nexport const DatePicker = ({\n id: propsId,\n buttonRef: propsButtonRef = useRef<HTMLButtonElement>(null),\n locale: propsLocale = \"en-AU\",\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n weekStartsOn,\n defaultMonth,\n selectedDay,\n status,\n validationMessage,\n onInputClick,\n onInputFocus,\n onInputChange,\n onInputBlur,\n onButtonClick,\n onDayChange,\n onValidate,\n ...restDateInputFieldProps\n}: DatePickerProps): JSX.Element => {\n const reactId = useId()\n const id = propsId ?? reactId\n\n const containerRef = useRef<HTMLInputElement>(null)\n const inputRef = useRef<HTMLInputElement>(null)\n const buttonRef = useRef<HTMLButtonElement>(propsButtonRef?.current || null)\n const dateInputRefs = useRef({\n inputRef,\n buttonRef,\n })\n const [inputValue, setInputValue] = useState<string>(\"\")\n const [isOpen, setIsOpen] = useState(false)\n const [lastTrigger, setLastTrigger] = useState<\n \"inputFocus\" | \"inputKeydown\" | \"calendarButton\"\n >()\n const [inbuiltStatus, setInbuiltStatus] = useState<\n DateInputFieldProps[\"status\"] | undefined\n >()\n const [inbuiltValidationMessage, setInbuiltValidationMessage] = useState<\n string | undefined\n >()\n\n const shouldUseInbuiltValidation = onValidate === undefined\n\n const locale = getLocale(propsLocale)\n\n const disabledDays = calculateDisabledDays({\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n })\n\n const handleValidation = (validationResponse: ValidationResponse): void => {\n if (shouldUseInbuiltValidation) {\n setInbuiltStatus(validationResponse.status)\n setInbuiltValidationMessage(validationResponse.validationMessage)\n } else {\n onValidate(validationResponse)\n }\n }\n\n const handleDayChange = (\n date: Date | undefined,\n newInputValue?: string\n ): void => {\n const { validationResponse, newDate } = validateDate({\n date,\n inputValue: newInputValue,\n disabledDays,\n })\n handleValidation(validationResponse)\n onDayChange(newDate)\n }\n\n const handleCalendarDayChange: DayClickEventHandler = date => {\n if (!isDisabledDate(date, disabledDays)) {\n const newInputValue =\n lastTrigger === \"calendarButton\"\n ? formatDateAsText(date, disabledDays, locale)\n : formatDateAsNumeral(date, locale)\n\n setInputValue(newInputValue)\n handleDayChange(date)\n setIsOpen(false)\n }\n }\n\n const handleInputClick: React.MouseEventHandler<HTMLInputElement> = e => {\n setIsOpen(true)\n onInputClick?.(e)\n }\n\n const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = e => {\n setLastTrigger(\"inputFocus\")\n if (selectedDay) {\n const newInputValue = formatDateAsNumeral(selectedDay, locale)\n setInputValue(newInputValue)\n }\n onInputFocus?.(e)\n }\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n setInputValue(e.target.value)\n onInputChange?.(e)\n }\n\n const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = e => {\n if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n if (inputValue !== \"\") {\n const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n\n if (!isInvalidDate(parsedDate)) {\n setInputValue(formatDateAsText(parsedDate, disabledDays, locale))\n }\n\n handleDayChange(parsedDate, inputValue)\n onInputBlur?.(e)\n return\n }\n\n handleDayChange(undefined, inputValue)\n onInputBlur?.(e)\n }\n\n const handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = e => {\n if (e.key === \"Enter\") {\n setIsOpen(false)\n const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n handleDayChange(parsedDate, e.currentTarget.value)\n }\n\n if (e.key === \"ArrowDown\" || (e.key === \"ArrowDown\" && e.altKey === true)) {\n e.preventDefault()\n setIsOpen(true)\n setLastTrigger(\"inputKeydown\")\n }\n }\n\n const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = e => {\n setIsOpen(!isOpen)\n setLastTrigger(\"calendarButton\")\n onButtonClick?.(e)\n }\n\n const handleCalendarMount = (\n calendarElement: CalendarSingleElement\n ): void => {\n if (lastTrigger === \"inputFocus\") return\n setFocusInCalendar(calendarElement, selectedDay)\n }\n\n const handleReturnFocus = (): void => {\n if (lastTrigger === \"inputKeydown\" || lastTrigger === \"inputFocus\") {\n return inputRef.current?.focus()\n }\n buttonRef.current?.focus()\n }\n\n useEffect(() => {\n if (selectedDay) {\n setInputValue(formatDateAsText(selectedDay, disabledDays, locale))\n\n const formattedDate = formatDateAsNumeral(selectedDay, locale)\n const { validationResponse } = validateDate({\n date: selectedDay,\n inputValue: formattedDate,\n disabledDays,\n })\n\n if (!validationResponse.isValidDate && !validationResponse.isEmpty) {\n handleValidation(validationResponse)\n }\n }\n }, [selectedDay])\n\n const calendarId = `${id}-calendar-dialog`\n\n return (\n <FocusOn\n scrollLock={false}\n onDeactivation={handleReturnFocus}\n onClickOutside={(): void => setIsOpen(false)}\n onEscapeKey={(): void => setIsOpen(false)}\n enabled={isOpen}\n >\n <div ref={containerRef}>\n <DateInputField\n ref={dateInputRefs}\n id={id}\n role=\"combobox\"\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n aria-controls={calendarId}\n value={inputValue}\n locale={locale}\n onButtonClick={handleButtonClick}\n onClick={handleInputClick}\n onFocus={handleInputFocus}\n onChange={handleInputChange}\n onBlur={handleInputBlur}\n onKeyDown={handleKeyDown}\n status={\n status !== undefined || !shouldUseInbuiltValidation\n ? status\n : inbuiltStatus\n }\n validationMessage={\n validationMessage !== undefined || !shouldUseInbuiltValidation\n ? validationMessage\n : inbuiltValidationMessage\n }\n {...restDateInputFieldProps}\n />\n </div>\n\n {isOpen && (\n <CalendarPopover referenceElement={containerRef.current}>\n <CalendarSingle\n id={calendarId}\n selected={selectedDay}\n defaultMonth={defaultMonth}\n weekStartsOn={weekStartsOn}\n disabled={disabledDays}\n locale={locale}\n onDayClick={handleCalendarDayChange}\n onMount={handleCalendarMount}\n />\n </CalendarPopover>\n )}\n </FocusOn>\n )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["DatePicker","_a","propsId","id","_b","buttonRef","propsButtonRef","useRef","_c","locale","propsLocale","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDay","status","validationMessage","onInputClick","onInputFocus","onInputChange","onInputBlur","onButtonClick","onDayChange","onValidate","restDateInputFieldProps","__rest","reactId","useId","containerRef","inputRef","current","dateInputRefs","_d","useState","inputValue","setInputValue","_e","isOpen","setIsOpen","_f","lastTrigger","setLastTrigger","_g","inbuiltStatus","setInbuiltStatus","_h","inbuiltValidationMessage","setInbuiltValidationMessage","shouldUseInbuiltValidation","undefined","getLocale","disabledDays","calculateDisabledDays","handleValidation","validationResponse","handleDayChange","date","newInputValue","validateDate","newDate","handleCalendarDayChange","isDisabledDate","formatDateAsText","formatDateAsNumeral","handleInputClick","e","handleInputFocus","handleInputChange","target","value","handleInputBlur","isSelectingDayInCalendar","relatedTarget","parsedDate","parseDateAsTextOrNumeral","isInvalidDate","handleKeyDown","key","currentTarget","altKey","preventDefault","handleButtonClick","handleCalendarMount","calendarElement","setFocusInCalendar","handleReturnFocus","focus","useEffect","formattedDate","isValidDate","isEmpty","calendarId","concat","React","createElement","FocusOn","scrollLock","onDeactivation","onClickOutside","onEscapeKey","enabled","ref","DateInputField","__assign","role","onClick","onFocus","onChange","onBlur","onKeyDown","CalendarPopover","referenceElement","CalendarSingle","selected","disabled","onDayClick","onMount","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DatePicker.mjs","sources":["../../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useId, useRef, useState } from \"react\"\nimport { DayClickEventHandler } from \"react-day-picker\"\nimport { FocusOn } from \"react-focus-on\"\nimport {\n CalendarSingle,\n CalendarSingleElement,\n CalendarSingleProps,\n DisabledDayMatchers,\n calculateDisabledDays,\n formatDateAsNumeral,\n formatDateAsText,\n isDisabledDate,\n isInvalidDate,\n isSelectingDayInCalendar,\n parseDateAsTextOrNumeral,\n setFocusInCalendar,\n} from \"~components/Calendar\"\nimport { CalendarPopover } from \"~components/Calendar/CalendarPopover\"\nimport {\n DateInputField,\n DateInputFieldProps,\n} from \"./subcomponents/DateInputField\"\nimport { ValidationResponse } from \"./types\"\nimport { DatePickerSupportedLocales, getLocale } from \"./utils/getLocale\"\nimport { validateDate } from \"./utils/validateDate\"\n\ntype OmittedDateInputFieldProps =\n | \"onClick\"\n | \"onFocus\"\n | \"onChange\"\n | \"onBlur\"\n | \"onButtonClick\"\n | \"value\"\n | \"locale\"\n | \"id\"\n\nexport type DatePickerProps = {\n id?: string\n buttonRef?: RefObject<HTMLButtonElement>\n onInputClick?: DateInputFieldProps[\"onClick\"]\n onInputFocus?: DateInputFieldProps[\"onFocus\"]\n onInputChange?: DateInputFieldProps[\"onChange\"]\n onInputBlur?: DateInputFieldProps[\"onBlur\"]\n onButtonClick?: DateInputFieldProps[\"onButtonClick\"]\n locale?: DatePickerSupportedLocales\n /**\n * Accepts a DayOfWeek value to start the week on that day. By default,\n * it's set to Monday.\n */\n weekStartsOn?: CalendarSingleProps[\"weekStartsOn\"]\n /**\n * Accepts a date to display that month on first render.\n */\n defaultMonth?: CalendarSingleProps[\"defaultMonth\"]\n /**\n * The date passed in from the consumer that renders in the input and calendar.\n */\n selectedDay: Date | undefined\n /**\n * Callback when date is updated either by the calendar picker or by typing and bluring.\n * Date will return as undefined if invalid or disabled.\n */\n onDayChange: (date: Date | undefined) => void\n /**\n * Callback when a date is selected. Utilises internal validation if not set.\n */\n onValidate?: (validationResponse: ValidationResponse) => void\n /**\n * Updates the styling of the validation FieldMessage.\n */\n status?: DateInputFieldProps[\"status\"] | undefined\n /**\n * A descriptive message for the 'status' states.\n */\n validationMessage?: DateInputFieldProps[\"validationMessage\"] | undefined\n} & DisabledDayMatchers &\n Omit<DateInputFieldProps, OmittedDateInputFieldProps>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}\n */\nexport const DatePicker = ({\n id: propsId,\n buttonRef: propsButtonRef = useRef<HTMLButtonElement>(null),\n locale: propsLocale = \"en-AU\",\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n weekStartsOn,\n defaultMonth,\n selectedDay,\n status,\n validationMessage,\n onInputClick,\n onInputFocus,\n onInputChange,\n onInputBlur,\n onButtonClick,\n onDayChange,\n onValidate,\n ...restDateInputFieldProps\n}: DatePickerProps): JSX.Element => {\n const reactId = useId()\n const id = propsId ?? reactId\n\n const containerRef = useRef<HTMLInputElement>(null)\n const inputRef = useRef<HTMLInputElement>(null)\n const buttonRef = useRef<HTMLButtonElement>(propsButtonRef?.current || null)\n const dateInputRefs = useRef({\n inputRef,\n buttonRef,\n })\n const [inputValue, setInputValue] = useState<string>(\"\")\n const [isOpen, setIsOpen] = useState(false)\n const [lastTrigger, setLastTrigger] = useState<\n \"inputFocus\" | \"inputKeydown\" | \"calendarButton\"\n >()\n const [inbuiltStatus, setInbuiltStatus] = useState<\n DateInputFieldProps[\"status\"] | undefined\n >()\n const [inbuiltValidationMessage, setInbuiltValidationMessage] = useState<\n string | undefined\n >()\n\n const shouldUseInbuiltValidation = onValidate === undefined\n\n const locale = getLocale(propsLocale)\n\n const disabledDays = calculateDisabledDays({\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n })\n\n const handleValidation = (validationResponse: ValidationResponse): void => {\n if (shouldUseInbuiltValidation) {\n setInbuiltStatus(validationResponse.status)\n setInbuiltValidationMessage(validationResponse.validationMessage)\n } else {\n onValidate(validationResponse)\n }\n }\n\n const handleDayChange = (\n date: Date | undefined,\n newInputValue?: string\n ): void => {\n const { validationResponse, newDate } = validateDate({\n date,\n inputValue: newInputValue,\n disabledDays,\n })\n handleValidation(validationResponse)\n onDayChange(newDate)\n }\n\n const handleCalendarDayChange: DayClickEventHandler = date => {\n if (!isDisabledDate(date, disabledDays)) {\n const newInputValue =\n lastTrigger === \"calendarButton\"\n ? formatDateAsText(date, disabledDays, locale)\n : formatDateAsNumeral(date, locale)\n\n setInputValue(newInputValue)\n handleDayChange(date)\n setIsOpen(false)\n }\n }\n\n const handleInputClick: React.MouseEventHandler<HTMLInputElement> = e => {\n setIsOpen(true)\n onInputClick?.(e)\n }\n\n const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = e => {\n setLastTrigger(\"inputFocus\")\n if (selectedDay) {\n const newInputValue = formatDateAsNumeral(selectedDay, locale)\n setInputValue(newInputValue)\n }\n onInputFocus?.(e)\n }\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n setInputValue(e.target.value)\n onInputChange?.(e)\n }\n\n const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = e => {\n if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n if (inputValue !== \"\") {\n const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n\n if (!isInvalidDate(parsedDate)) {\n setInputValue(formatDateAsText(parsedDate, disabledDays, locale))\n }\n\n handleDayChange(parsedDate, inputValue)\n onInputBlur?.(e)\n return\n }\n\n handleDayChange(undefined, inputValue)\n onInputBlur?.(e)\n }\n\n const handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = e => {\n if (e.key === \"Enter\") {\n setIsOpen(false)\n const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n handleDayChange(parsedDate, e.currentTarget.value)\n }\n\n if (e.key === \"ArrowDown\" || (e.key === \"ArrowDown\" && e.altKey === true)) {\n e.preventDefault()\n setIsOpen(true)\n setLastTrigger(\"inputKeydown\")\n }\n }\n\n const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = e => {\n setIsOpen(!isOpen)\n setLastTrigger(\"calendarButton\")\n onButtonClick?.(e)\n }\n\n const handleCalendarMount = (\n calendarElement: CalendarSingleElement\n ): void => {\n if (lastTrigger === \"inputFocus\") return\n setFocusInCalendar(calendarElement, selectedDay)\n }\n\n const handleReturnFocus = (): void => {\n if (lastTrigger === \"inputKeydown\" || lastTrigger === \"inputFocus\") {\n return inputRef.current?.focus()\n }\n buttonRef.current?.focus()\n }\n\n useEffect(() => {\n if (selectedDay) {\n setInputValue(formatDateAsText(selectedDay, disabledDays, locale))\n\n const formattedDate = formatDateAsNumeral(selectedDay, locale)\n const { validationResponse } = validateDate({\n date: selectedDay,\n inputValue: formattedDate,\n disabledDays,\n })\n\n if (!validationResponse.isValidDate && !validationResponse.isEmpty) {\n handleValidation(validationResponse)\n }\n }\n }, [selectedDay])\n\n const calendarId = `${id}-calendar-dialog`\n\n return (\n <FocusOn\n scrollLock={false}\n returnFocus={false}\n onDeactivation={handleReturnFocus}\n onClickOutside={(): void => setIsOpen(false)}\n onEscapeKey={(): void => setIsOpen(false)}\n enabled={isOpen}\n >\n <div ref={containerRef}>\n <DateInputField\n ref={dateInputRefs}\n id={id}\n role=\"combobox\"\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n aria-controls={calendarId}\n value={inputValue}\n locale={locale}\n onButtonClick={handleButtonClick}\n onClick={handleInputClick}\n onFocus={handleInputFocus}\n onChange={handleInputChange}\n onBlur={handleInputBlur}\n onKeyDown={handleKeyDown}\n status={\n status !== undefined || !shouldUseInbuiltValidation\n ? status\n : inbuiltStatus\n }\n validationMessage={\n validationMessage !== undefined || !shouldUseInbuiltValidation\n ? validationMessage\n : inbuiltValidationMessage\n }\n {...restDateInputFieldProps}\n />\n </div>\n\n {isOpen && (\n <CalendarPopover referenceElement={containerRef.current}>\n <CalendarSingle\n id={calendarId}\n selected={selectedDay}\n defaultMonth={defaultMonth}\n weekStartsOn={weekStartsOn}\n disabled={disabledDays}\n locale={locale}\n onDayClick={handleCalendarDayChange}\n onMount={handleCalendarMount}\n />\n </CalendarPopover>\n )}\n </FocusOn>\n )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["DatePicker","_a","propsId","id","_b","buttonRef","propsButtonRef","useRef","_c","locale","propsLocale","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDay","status","validationMessage","onInputClick","onInputFocus","onInputChange","onInputBlur","onButtonClick","onDayChange","onValidate","restDateInputFieldProps","__rest","reactId","useId","containerRef","inputRef","current","dateInputRefs","_d","useState","inputValue","setInputValue","_e","isOpen","setIsOpen","_f","lastTrigger","setLastTrigger","_g","inbuiltStatus","setInbuiltStatus","_h","inbuiltValidationMessage","setInbuiltValidationMessage","shouldUseInbuiltValidation","undefined","getLocale","disabledDays","calculateDisabledDays","handleValidation","validationResponse","handleDayChange","date","newInputValue","validateDate","newDate","handleCalendarDayChange","isDisabledDate","formatDateAsText","formatDateAsNumeral","handleInputClick","e","handleInputFocus","handleInputChange","target","value","handleInputBlur","isSelectingDayInCalendar","relatedTarget","parsedDate","parseDateAsTextOrNumeral","isInvalidDate","handleKeyDown","key","currentTarget","altKey","preventDefault","handleButtonClick","handleCalendarMount","calendarElement","setFocusInCalendar","handleReturnFocus","focus","useEffect","formattedDate","isValidDate","isEmpty","calendarId","concat","React","createElement","FocusOn","scrollLock","returnFocus","onDeactivation","onClickOutside","onEscapeKey","enabled","ref","DateInputField","__assign","role","onClick","onFocus","onChange","onBlur","onKeyDown","CalendarPopover","referenceElement","CalendarSingle","selected","disabled","onDayClick","onMount","displayName"],"mappings":"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"}
|
|
@@ -5,12 +5,10 @@ import '../Notification/ToastNotification/ToastNotification/ToastNotification.mj
|
|
|
5
5
|
import { ToastNotificationsList } from '../Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.mjs';
|
|
6
6
|
import { ToastNotificationProvider } from '../Notification/ToastNotification/context/ToastNotificationContext.mjs';
|
|
7
7
|
import { FontDefinitions } from './subcomponents/FontDefinitions/FontDefinitions.mjs';
|
|
8
|
-
import { OptionalIntlProvider } from './subcomponents/OptionalIntlProvider/OptionalIntlProvider.mjs';
|
|
9
8
|
const KaizenProvider = /*#__PURE__*/function () {
|
|
10
9
|
const KaizenProvider = function (_a) {
|
|
11
|
-
var children = _a.children
|
|
12
|
-
|
|
13
|
-
locale = _b === void 0 ? "en" : _b;
|
|
10
|
+
var children = _a.children;
|
|
11
|
+
_a.locale;
|
|
14
12
|
var _c = useState(false),
|
|
15
13
|
documentIsAvailable = _c[0],
|
|
16
14
|
setDocumentIsAvailable = _c[1];
|
|
@@ -25,9 +23,12 @@ const KaizenProvider = /*#__PURE__*/function () {
|
|
|
25
23
|
setDocumentIsAvailable(true);
|
|
26
24
|
}
|
|
27
25
|
}, [documentIsAvailable]);
|
|
28
|
-
return
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
return (
|
|
27
|
+
/*#__PURE__*/
|
|
28
|
+
// <OptionalIntlProvider locale={locale}>
|
|
29
|
+
React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ToastNotificationProvider, null, notificationsList, children), /*#__PURE__*/React.createElement(FontDefinitions, null))
|
|
30
|
+
// </OptionalIntlProvider>
|
|
31
|
+
);
|
|
31
32
|
};
|
|
32
33
|
KaizenProvider.displayName = "KaizenProvider";
|
|
33
34
|
return KaizenProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KaizenProvider.mjs","sources":["../../../src/KaizenProvider/KaizenProvider.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { ToastNotificationsList } from \"~components/Notification\"\nimport { ToastNotificationProvider } from \"~components/Notification/ToastNotification/context/ToastNotificationContext\"\nimport { FontDefinitions } from \"./subcomponents/FontDefinitions\"\nimport { OptionalIntlProvider } from \"./subcomponents/OptionalIntlProvider\"\n\nexport type KaizenProviderProps = {\n children: React.ReactNode\n locale?: string\n}\n\nexport const KaizenProvider = ({\n children,\n locale = \"en\",\n}: KaizenProviderProps): JSX.Element => {\n const [documentIsAvailable, setDocumentIsAvailable] = useState<boolean>(false)\n const [notificationsList, setNotificationsList] = useState<JSX.Element>()\n\n useEffect(() => {\n // SSR does not have a document, which is required for ToastNotificationsList.\n // Await document render before rendering the component.\n if (document !== undefined) {\n setNotificationsList(<ToastNotificationsList />)\n setDocumentIsAvailable(true)\n }\n }, [documentIsAvailable])\n\n return (\n <OptionalIntlProvider locale={locale}>\n <>\n <ToastNotificationProvider>\n {notificationsList}\n {children}\n </ToastNotificationProvider>\n <FontDefinitions />\n </>\n </OptionalIntlProvider>\n )\n}\n\nKaizenProvider.displayName = \"KaizenProvider\"\n"],"names":["KaizenProvider","_a","children","
|
|
1
|
+
{"version":3,"file":"KaizenProvider.mjs","sources":["../../../src/KaizenProvider/KaizenProvider.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { ToastNotificationsList } from \"~components/Notification\"\nimport { ToastNotificationProvider } from \"~components/Notification/ToastNotification/context/ToastNotificationContext\"\nimport { FontDefinitions } from \"./subcomponents/FontDefinitions\"\nimport { OptionalIntlProvider } from \"./subcomponents/OptionalIntlProvider\"\n\nexport type KaizenProviderProps = {\n children: React.ReactNode\n locale?: string\n}\n\nexport const KaizenProvider = ({\n children,\n locale = \"en\",\n}: KaizenProviderProps): JSX.Element => {\n const [documentIsAvailable, setDocumentIsAvailable] = useState<boolean>(false)\n const [notificationsList, setNotificationsList] = useState<JSX.Element>()\n\n useEffect(() => {\n // SSR does not have a document, which is required for ToastNotificationsList.\n // Await document render before rendering the component.\n if (document !== undefined) {\n setNotificationsList(<ToastNotificationsList />)\n setDocumentIsAvailable(true)\n }\n }, [documentIsAvailable])\n\n return (\n // <OptionalIntlProvider locale={locale}>\n <>\n <ToastNotificationProvider>\n {notificationsList}\n {children}\n </ToastNotificationProvider>\n <FontDefinitions />\n </>\n // </OptionalIntlProvider>\n )\n}\n\nKaizenProvider.displayName = \"KaizenProvider\"\n"],"names":["KaizenProvider","_a","children","locale","_c","useState","documentIsAvailable","setDocumentIsAvailable","_d","notificationsList","setNotificationsList","useEffect","document","undefined","React","createElement","ToastNotificationsList","Fragment","ToastNotificationProvider","FontDefinitions","displayName"],"mappings":";;;;;;;MAWaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFpB,IAAAC,QAAQ,cAAA;IACRD,EAAA,CAAAE,MAAa;IAEP,IAAAC,EAAA,GAAgDC,QAAQ,CAAU,KAAK,CAAC;MAAvEC,mBAAmB,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,sBAAsB,GAAAH,EAAA,CAAA,CAAA,CAA4B;IACxE,IAAAI,EAAA,GAA4CH,QAAQ,CAAe,CAAA;MAAlEI,iBAAiB,GAAAD,EAAA,CAAA,CAAA,CAAA;MAAEE,oBAAoB,GAAAF,EAAA,CAAA,CAAA,CAA2B;IAEzEG,SAAS,CAAC,YAAA;;;MAGR,IAAIC,QAAQ,KAAKC,SAAS,EAAE;QAC1BH,oBAAoB,eAACI,KAAA,CAAAC,aAAA,CAACC,sBAAsB,EAAA,IAAA,CAAG,CAAC;QAChDT,sBAAsB,CAAC,IAAI,CAAC;MAC7B;IACH,CAAC,EAAE,CAACD,mBAAmB,CAAC,CAAC;IAEzB;MAAA;;MAEIQ,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EAAA,IAAA,eACEH,KAAA,CAAAC,aAAA,CAACG,yBAAyB,EAAA,IAAA,EACvBT,iBAAiB,EACjBP,QAAQ,CACiB,eAC5BY,KAAC,CAAAC,aAAA,CAAAI,eAAe,OAAG;;;EAI3B,CAAC;EAEDnB,cAAc,CAACoB,WAAW,GAAG,gBAAgB;EAAA,OA7BhCpB,cAAc;AAAA;"}
|
package/dist/esm/index.css
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
.Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
|
|
2
2
|
.Main-module_main__hMyB1{z-index:0}
|
|
3
3
|
.Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
4
|
-
.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
|
|
5
4
|
.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
|
|
6
|
-
.
|
|
5
|
+
.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
|
|
7
6
|
.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
|
|
7
|
+
.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
|
|
8
8
|
.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
|
|
9
9
|
.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
|
|
10
10
|
.Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|