npm - @oracle/oraclejet-preact - Versions diffs - 14.1.2 → 14.1.3 - Mend

@oracle/oraclejet-preact 14.1.2 → 14.1.3

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 (1355) hide show

package/amd/{NumberInputText-0ea5ec64.js.map → NumberInputText-b843621b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberInputText-0ea5ec64.js","sources":["../../src/UNSAFE_NumberInputText/StepButton.tsx","../../src/UNSAFE_NumberInputText/Steppers.tsx","../../src/UNSAFE_NumberInputText/useSteppers.tsx","../../src/UNSAFE_NumberInputText/NumberInputText.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { Button } from '../UNSAFE_Button';\nimport { BundleType } from '../resources/nls/bundle';\nimport { IcoChevronDown, IcoChevronUp } from '../UNSAFE_Icons';\nimport { StepDirection, StepEvent } from './useSteppers';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { useCallback } from 'preact/hooks';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\n\ntype Props = {\n /\n The direction of the step.\n /\n direction: StepDirection;\n\n /\n Whether the button is disabled.\n /\n isDisabled?: boolean;\n\n /\n Called when a step request is made by clicking the button.\n /\n onStep?: (event: StepEvent) => void;\n\n /\n Variants representing different icons for the button.\n /\n variant: 'arrowup' \| 'arrowdown';\n};\n\n/\n A StepButton is used to request a \"step up\" or \"step down\" to a value in NumberInputText.\n * @param direction The direction of the step\n * @param isDisabled Whether the button should be disabled\n * @param onStep Handler called when the button is clicked\n * @param variant Represents different visual variants for the button\n /\nexport function StepButton({ direction, isDisabled, onStep, variant }: Props) {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const labelIncrease = translations.inputNumber_increase();\n const labelDecrease = translations.inputNumber_decrease();\n const label = direction === 'increase' ? labelIncrease : labelDecrease;\n\n const handleClick = useCallback(() => {\n onStep?.({ direction });\n }, [onStep, direction]);\n\n const icon = variant === 'arrowup' ? <IcoChevronUp /> : <IcoChevronDown />;\n\n return (\n <TabbableModeContext.Provider value={{ isTabbable: false }}>\n <Button\n display=\"icons\"\n isDisabled={isDisabled}\n title={label}\n onAction={handleClick}\n startIcon={icon}\n variant=\"borderless\"></Button>\n </TabbableModeContext.Provider>\n );\n}\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\n\nexport type Props = {\n /\n The children are StepButtons.\n /\n children: ComponentChildren;\n};\n\n// TODO: Replace Steppers with Buttonset when it becomes available\nexport function Steppers({ children }: Props) {\n return (\n <Grid align=\"center\" gap=\"1x\" gridTemplateColumns=\"1fr 1fr\">\n {children}\n </Grid>\n );\n}\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { Ref, useCallback, useEffect, useRef } from 'preact/hooks';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { StepButton } from './StepButton';\nimport { Steppers } from './Steppers';\n\nconst SPIN_DELAY = 500;\nconst SPIN_INTERVAL = 40;\n\nexport type StepDirection = 'increase' \| 'decrease';\n\nexport type StepEvent = {\n /\n The direction of the requested step.\n /\n direction: StepDirection;\n};\n\ntype Props = {\n /\n Controls whether the step buttons are shown.\n /\n hasSteppers?: boolean;\n\n /\n A ref to the input element.\n /\n inputRef: Ref<HTMLInputElement>;\n\n /\n Controls whether the step down button is disabled.\n /\n isStepDownDisabled?: boolean;\n\n /\n Controls whether the step up button is disabled.\n /\n isStepUpDisabled?: boolean;\n\n /\n Called when a continuous step is requested (aka \"spin\")\n * by holding down the arrow up or arrow down keys, or\n * by pressing and holding down a step button.\n /\n onSpin?: (event: StepEvent) => void;\n\n /\n Called when spinning is complete and the user has\n * released the arrow key or step button.\n /\n onSpinComplete?: () => void;\n\n /\n Called when a single step is requested by clicking a step button\n * or by pressing the arrow up or arrow down keys.\n /\n onStep?: (event: StepEvent) => void;\n};\n\n/\n A hook for using stepping functionality with NumberInputText. Stepping can\n * be accomplished using the step up or down buttons or by pressing the arrow\n * up or arrow down keys. Holding down the buttons or keys produces continuous\n * step events.\n \n @param hasSteppers Controls whether the step buttons are shown\n * @param inputRef A ref to the input element\n * @param isStepDownDisabled Controls whether stepping down is disabled\n * @param isStepUpDisabled Controls whether stepping up is disabled\n * @param onSpin Called when a continuous step (aka spin) is requested\n * @param onSpinComplete Called when spinning is complete\n * @param onStep Called when a single step is requested\n * @returns A JSX element which can be placed in the endContent of NumberInputText.\n /\nexport const useSteppers = ({\n hasSteppers,\n inputRef,\n isStepDownDisabled,\n isStepUpDisabled,\n onSpin,\n onSpinComplete,\n onStep\n}: Props) => {\n const { bool: isStarted, setTrue: setStartedTrue, setFalse: setStartedFalse } = useToggle(false);\n const {\n bool: isSpinning,\n setTrue: setSpinningTrue,\n setFalse: setSpinningFalse\n } = useToggle(false);\n const startTimerRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n const spinTimerRef = useRef<ReturnType<typeof setInterval> \| null>(null);\n const directionRef = useRef<StepDirection>('increase');\n const spinCompleteRef = useRef(false);\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (!(event.key === 'ArrowDown' \|\| event.key === 'ArrowUp')) {\n return;\n }\n // By default, pressing the arrow keys moves the cursor to the\n // beginning or end which we don't want, so call preventDefault.\n // We also want to stop propagation of handled events.\n event.preventDefault();\n event.stopPropagation();\n\n if (isStarted) {\n // If already started, ignore repeated key down events.\n return;\n }\n if (\n (event.key === 'ArrowDown' && isStepDownDisabled) \|\|\n (event.key === 'ArrowUp' && isStepUpDisabled)\n ) {\n // If requested step is disabled, return.\n return;\n }\n directionRef.current = event.key === 'ArrowDown' ? 'decrease' : 'increase';\n setStartedTrue();\n // Do an initial step, which is what oj-input-number did as well.\n onStep?.({ direction: directionRef.current });\n },\n [isStarted, onStep, isStepDownDisabled, isStepUpDisabled, setStartedTrue]\n );\n\n const onKeyUp = useCallback(\n (event: KeyboardEvent) => {\n if (event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') {\n if (isSpinning) {\n // Only want to call onSpinComplete if we were actually spinning.\n spinCompleteRef.current = true;\n }\n setStartedFalse();\n setSpinningFalse();\n event.stopPropagation();\n }\n },\n [isSpinning, setStartedFalse, setSpinningFalse]\n );\n\n useEffect(() => {\n if (isStarted && !startTimerRef.current) {\n startTimerRef.current = setTimeout(() => {\n setSpinningTrue();\n }, SPIN_DELAY);\n }\n return () => {\n // Clean up between renders.\n if (startTimerRef.current) {\n clearTimeout(startTimerRef.current);\n startTimerRef.current = null;\n }\n };\n }, [isStarted, setSpinningTrue]);\n\n useEffect(() => {\n if (!isSpinning) {\n if (spinTimerRef.current) {\n clearInterval(spinTimerRef.current);\n spinTimerRef.current = null;\n }\n } else {\n if (!spinTimerRef.current) {\n spinTimerRef.current = setInterval(() => {\n // If further spinning is disabled, call setSpinningFalse to\n // clean up the timer otherwise repeat the step.\n if (\n (directionRef.current === 'increase' && isStepUpDisabled) \|\|\n (directionRef.current === 'decrease' && isStepDownDisabled)\n ) {\n setSpinningFalse();\n spinCompleteRef.current = true;\n } else {\n onSpin?.({ direction: directionRef.current });\n }\n }, SPIN_INTERVAL);\n }\n }\n return () => {\n // Clean up between renders.\n if (spinTimerRef.current) {\n clearInterval(spinTimerRef.current);\n spinTimerRef.current = null;\n }\n };\n }, [isSpinning, isStepDownDisabled, isStepUpDisabled, onSpin, setSpinningFalse]);\n\n // Only want to run this effect when isSpinning is false and our ref is true.\n // This helps guarantee onSpinComplete is only called once after spinning stops,\n // even if onSpinComplete's identity is changing.\n useEffect(() => {\n if (!isSpinning && spinCompleteRef.current) {\n spinCompleteRef.current = false;\n onSpinComplete?.();\n }\n }, [isSpinning, onSpinComplete]);\n\n const handleClick = useCallback(\n (event: StepEvent) => {\n // When a step button is clicked, set focus to the input.\n inputRef.current?.focus();\n onStep?.(event);\n },\n [onStep, inputRef]\n );\n\n const handleDisabledMouseDown = useCallback((event: Event) => {\n // Using preventDefault prevents focus from moving to the body when a disabled stepper is clicked.\n // FIXME: can we handle this use case more generally at the startContent/endContent level in TextFieldContent?\n event.preventDefault();\n event.stopPropagation();\n }, []);\n\n const steppers = hasSteppers ? (\n <Steppers>\n <div onMouseDown={(e) => isStepDownDisabled && handleDisabledMouseDown(e)} aria-hidden=\"true\">\n <StepButton\n direction=\"decrease\"\n isDisabled={isStepDownDisabled}\n onStep={handleClick}\n variant=\"arrowdown\"\n />\n </div>\n\n <div onMouseDown={(e) => isStepUpDisabled && handleDisabledMouseDown(e)} aria-hidden=\"true\">\n <StepButton\n direction=\"increase\"\n isDisabled={isStepUpDisabled}\n onStep={handleClick}\n variant=\"arrowup\"\n />\n </div>\n </Steppers>\n ) : undefined;\n\n // stepHandlerProps will be spread onto the parent to handle\n // stepping functionality via the arrow up or down keys.\n const stepHandlerProps = hasSteppers ? { onKeyDown, onKeyUp } : {};\n\n return { steppers, stepHandlerProps };\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n ReadonlyTextField,\n ReadonlyTextFieldInput,\n TextField,\n TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { Size } from '../utils/UNSAFE_size';\nimport { StepEvent, useSteppers } from './useSteppers';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype NumberInputTextProps = {\n /\n Controls whether the step buttons are shown.\n /\n hasSteppers?: boolean;\n\n /\n Controls whether the step down button is disabled.\n /\n isStepDownDisabled?: boolean;\n\n /\n Controls whether the step up button is disabled.\n /\n isStepUpDisabled?: boolean;\n\n /\n Called when a continuous step is requested (aka \"spin\")\n * by holding down the arrow up or arrow down keys, or\n * by pressing and holding down a step button.\n /\n onSpin?: (event: StepEvent) => void;\n\n /\n Called when spinning is complete and the user has\n * released the arrow key or step button.\n /\n onSpinComplete?: () => void;\n\n /\n Called when a step is requested by clicking a step button\n * or by pressing the arrow up or arrow down keys.\n /\n onStep?: (event: StepEvent) => void;\n};\n\ntype Props = NumberInputTextProps & {\n /\n The ID of an element (or space separated IDs of multiple elements) that\n * describes the input.\n /\n ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n /\n The maximum allowed value. Used for the aria-valuemax attribute.\n /\n ariaValueMax?: TextFieldInputProps['ariaValueMax'];\n\n /\n The minimum allowed value. Used for the aria-valuemin attribute.\n /\n ariaValueMin?: TextFieldInputProps['ariaValueMin'];\n\n /\n The number value of the component. Used for the aria-valuenow attribute.\n /\n ariaValueNow?: TextFieldInputProps['ariaValueNow'];\n\n /\n The formatted value of the component. Used for the aria-valueText\n * attribute to provide a more human readable text alternative for\n * ariaValueNow.\n /\n ariaValueText?: TextFieldInputProps['ariaValueText'];\n\n /\n Text to provide guidance to help the user understand what data to enter.\n /\n assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n /\n Dictates component's autocomplete state.\n * This attribute indicates whether the value of the control can be automatically completed by the browser.\n * The common values are \"on\" and \"off\".\n /\n autoComplete?: TextFieldInputProps['autoComplete'];\n\n /\n Autofocus specifies whether the component will get focus when the page is loaded.\n * If it is set to true then the associated component will get input focus when the page is loaded.\n * Setting this property doesn't set the focus to the component: it tells the browser to focus\n * to it when the element is inserted in the document.\n /\n autoFocus?: TextFieldInputProps['autoFocus'];\n\n /\n Help source URL associated with the component.\n /\n helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n /\n Custom text to be rendered for the <code>helpSourceLink</code>.\n /\n helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n /\n Specifies whether the component is disabled.\n /\n isDisabled?: boolean;\n\n /\n Specifies whether the component is readonly.\n /\n isReadonly?: boolean;\n\n /\n Specifies for accessibility purposes whether a value is required.\n \n Setting this property to <code>false</code> means that a value is not required to be\n * committed by the user. Setting this property to <code>true</code> means that a value\n * is required to be committed by the user.\n /\n isRequired?: TextFieldInputProps['isRequired'];\n\n /\n Specifies whether to show an indicator on screen that a value is required, for example\n * before the user has committed a value.\n /\n isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n /\n Specifies the label associated with the field.\n /\n label: string;\n\n /\n Specifies where the label is positioned relative to the field.\n /\n labelEdge?: 'inside' \| 'start' \| 'top' \| 'none';\n\n /\n Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n /\n labelStartWidth?: Size;\n\n /\n Messages to show on screen that are associated with the component.\n /\n messages?: InlineUserAssistanceProps['messages'];\n\n /\n A short hint to display before the user enters a value.\n /\n placeholder?: TextFieldInputProps['placeholder'];\n\n /\n The prefix displays as regular text before the input text, and inline with it.\n * The prefix is not editable or focusable.\n /\n prefix?: string;\n\n /\n The suffix displays as regular text after the input text, and inline with it.\n * The suffix is not editable or focusable.\n /\n suffix?: string;\n\n /\n Specifies how to align text within the field.\n /\n textAlign?: TextFieldInputProps['textAlign'];\n\n /\n Specifies the density of the user assistance presentation. It can be set to:\n * <ul>\n * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n * assistance text is displayed.</li>\n * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n * </ul>\n /\n userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n\n /\n The current possibly formatted display value of the component.\n /\n value?: TextFieldInputProps['value'];\n\n /\n The style variant of the component.\n /\n variant?: TextFieldInputProps['variant'];\n\n /\n The type of virtual keyboard to display for entering a value on mobile browsers.\n * This property has no effect on desktop browsers.\n /\n virtualKeyboard?: 'auto' \| 'number' \| 'text';\n\n /\n Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n /\n onCommit?: TextFieldInputProps['onCommit'];\n\n /\n Callback invoked each time the user changes the value of the field. For example, if the user\n * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n * respectively.\n /\n onInput: TextFieldInputProps['onInput'];\n};\n\nexport const NumberInputText = forwardRef(\n (\n {\n ariaDescribedBy,\n ariaValueMax,\n ariaValueMin,\n ariaValueNow,\n ariaValueText,\n assistiveText,\n autoComplete = 'off',\n autoFocus = false,\n helpSourceLink,\n helpSourceText,\n isDisabled: propIsDisabled,\n isReadonly: propIsReadonly,\n isRequired = false,\n isRequiredShown,\n isStepDownDisabled: propIsStepDownDisabled,\n isStepUpDisabled: propIsStepUpDisabled,\n hasSteppers = false,\n label,\n labelEdge: propLabelEdge,\n labelStartWidth: propLabelStartWidth,\n messages,\n placeholder,\n prefix,\n suffix,\n textAlign: propTextAlign,\n userAssistanceDensity: propUserAssistanceDensity,\n value,\n variant = 'default',\n virtualKeyboard,\n onInput,\n onCommit,\n onSpin,\n onSpinComplete,\n onStep\n }: Props,\n ref?: Ref<FocusableHandle>\n ) => {\n const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n const onInputAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n dispatch({ type: 'input', payload: detail.value });\n onInput?.(detail);\n },\n [onInput, dispatch]\n );\n const onCommitAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n dispatch({ type: 'commit', payload: detail.value });\n onCommit?.(detail);\n },\n [onCommit, dispatch]\n );\n const {\n isDisabled: isFormDisabled,\n isReadonly: isFormReadonly,\n labelEdge: formLabelEdge,\n labelStartWidth: formLabelStartWidth,\n textAlign: formTextAlign,\n userAssistanceDensity: formUserAssistanceDensity\n } = useFormContext();\n // default to FormContext values if component properties are not specified\n const isDisabled = propIsDisabled ?? isFormDisabled;\n const isReadonly = propIsReadonly ?? isFormReadonly;\n const labelEdge = propLabelEdge ?? formLabelEdge;\n const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n const textAlign = propTextAlign ?? formTextAlign;\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n HTMLInputElement,\n HTMLDivElement\n >({ isDisabled, isReadonly, ref });\n const { hoverProps } = useHover({ isDisabled: isReadonly \|\| isDisabled \|\| false });\n const {\n baseId,\n formFieldContext,\n inputProps,\n labelProps,\n textFieldProps,\n userAssistanceProps\n } = useTextField({\n ariaDescribedBy,\n isDisabled,\n isFocused,\n isReadonly,\n labelEdge,\n messages,\n styleVariant: variant,\n value\n });\n\n // Disable the steppers if the number input is disabled.\n const isStepDownDisabled = isDisabled \|\| propIsStepDownDisabled;\n const isStepUpDisabled = isDisabled \|\| propIsStepUpDisabled;\n // stepHandlerProps contains keyup and keydown handlers\n // for stepping using the arrow up and down keys.\n const { steppers, stepHandlerProps } = useSteppers({\n hasSteppers,\n inputRef: enabledElementRef,\n isStepDownDisabled,\n isStepUpDisabled,\n onSpin,\n onSpinComplete,\n onStep\n });\n\n const {\n renderedPrefix,\n renderedSuffix,\n text: valuePrefixSuffix,\n ariaLabelledBy\n } = usePrefixSuffix({\n baseId,\n hasEndContent: steppers !== undefined,\n hasInsideLabel: label !== undefined && labelEdge === 'inside',\n hasStartContent: false,\n hasValue: formFieldContext.hasValue,\n isDisabled,\n isFocused,\n labelId: labelProps.id,\n prefix,\n suffix,\n value\n });\n\n const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n const fieldLabelProps = {\n label: labelEdge !== 'none' ? labelComp : undefined,\n labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n };\n\n const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n const inlineUserAssistance =\n isDisabled \|\| isReadonly ? (\n // save space for user assistance if density is 'efficient', even though we don't\n // render user assistance for disabled or readonly fields\n userAssistanceDensity !== 'efficient' ? undefined : (\n <InlineUserAssistance\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : (\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={messages}\n isRequiredShown={isRequiredShown}\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n );\n\n if (isReadonly) {\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <ReadonlyTextField\n role=\"presentation\"\n inlineUserAssistance={inlineUserAssistance}\n onBlur={focusProps.onfocusout}\n onFocus={focusProps.onfocusin}\n {...fieldLabelProps}>\n <ReadonlyTextFieldInput\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={labelProps.id}\n as=\"div\"\n autoFocus={autoFocus}\n elementRef={readonlyElementRef}\n textAlign={textAlign}\n value={valuePrefixSuffix}\n hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n />\n </ReadonlyTextField>\n </FormFieldContext.Provider>\n );\n }\n\n // If ariaValueText is the same as ariaValueNow.toString, no need to show it.\n const valueText =\n ariaValueNow === undefined\n ? ariaValueText\n : ariaValueNow.toString() !== ariaValueText\n ? ariaValueText\n : undefined;\n\n const mainContent = (\n <Fragment>\n {renderedPrefix}\n <TextFieldInput\n ariaLabelledBy={ariaLabelledBy}\n ariaLabel={ariaLabel}\n ariaValueMax={ariaValueMax}\n ariaValueMin={ariaValueMin}\n ariaValueNow={ariaValueNow}\n ariaValueText={valueText}\n autoComplete={autoComplete}\n autoFocus={autoFocus}\n currentCommitValue={currentCommitValue}\n hasEndContent={steppers !== undefined}\n hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n hasPrefix={renderedPrefix !== undefined}\n hasStartContent={false}\n hasSuffix={renderedSuffix !== undefined}\n inputRef={enabledElementRef}\n isRequired={isRequired}\n placeholder={placeholder}\n role={hasSteppers ? 'spinbutton' : undefined}\n textAlign={textAlign}\n type={isMobile() ? virtualKeyboard : undefined}\n value={isDisabled ? valuePrefixSuffix : value}\n onCommit={onCommitAndDispatch}\n onInput={onInputAndDispatch}\n {...inputProps}\n {...stepHandlerProps}\n />\n {renderedSuffix}\n </Fragment>\n );\n\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <TextField\n endContent={steppers}\n inlineUserAssistance={inlineUserAssistance}\n mainContent={mainContent}\n onBlur={focusProps.onfocusout}\n onFocus={focusProps.onfocusin}\n {...textFieldProps}\n {...fieldLabelProps}\n {...hoverProps}\n />\n </FormFieldContext.Provider>\n );\n }\n);\n\n/\n Helper function to determine whether the current device is a mobile device\n * @returns true if runnning on a mobile device, false otherwise\n */\nfunction isMobile() {\n const deviceType = getClientHints().deviceType;\n return deviceType === 'phone' \|\| deviceType === 'tablet';\n}\n"],"names":["StepButton","direction","isDisabled","onStep","variant","translations","useTranslationBundle","labelIncrease","inputNumber_increase","labelDecrease","inputNumber_decrease","label","handleClick","useCallback","icon","_jsx","IcoChevronUp","jsx","IcoChevronDown","TabbableModeContext","Provider","Object","assign","value","isTabbable","children","Button","display","title","onAction","startIcon","Steppers","Grid","align","gap","gridTemplateColumns","NumberInputText","forwardRef","ariaDescribedBy","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","assistiveText","autoComplete","autoFocus","helpSourceLink","helpSourceText","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","isStepDownDisabled","propIsStepDownDisabled","isStepUpDisabled","propIsStepUpDisabled","hasSteppers","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","prefix","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","virtualKeyboard","onInput","onCommit","onSpin","onSpinComplete","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","steppers","stepHandlerProps","inputRef","bool","isStarted","setTrue","setStartedTrue","setFalse","setStartedFalse","useToggle","isSpinning","setSpinningTrue","setSpinningFalse","startTimerRef","useRef","spinTimerRef","directionRef","spinCompleteRef","onKeyDown","event","key","preventDefault","stopPropagation","current","onKeyUp","useEffect","setTimeout","clearTimeout","setInterval","clearInterval","_a","focus","handleDisabledMouseDown","_jsxs","onMouseDown","e","undefined","useSteppers","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","hasValue","labelId","id","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","FormFieldContext","ReadonlyTextField","role","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","valueText","toString","mainContent","Fragment","TextFieldInput","hasPrefix","hasSuffix","isMobile","TextField","endContent","deviceType","getClientHints"],"mappings":"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"}
1	+ {"version":3,"file":"NumberInputText-b843621b.js","sources":["../../src/UNSAFE_NumberInputText/StepButton.tsx","../../src/UNSAFE_NumberInputText/Steppers.tsx","../../src/UNSAFE_NumberInputText/useSteppers.tsx","../../src/UNSAFE_NumberInputText/NumberInputText.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { Button } from '../UNSAFE_Button';\nimport { BundleType } from '../resources/nls/bundle';\nimport { IcoChevronDown, IcoChevronUp } from '../UNSAFE_Icons';\nimport { StepDirection, StepEvent } from './useSteppers';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { useCallback } from 'preact/hooks';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\n\ntype Props = {\n /\n The direction of the step.\n /\n direction: StepDirection;\n\n /\n Whether the button is disabled.\n /\n isDisabled?: boolean;\n\n /\n Called when a step request is made by clicking the button.\n /\n onStep?: (event: StepEvent) => void;\n\n /\n Variants representing different icons for the button.\n /\n variant: 'arrowup' \| 'arrowdown';\n};\n\n/\n A StepButton is used to request a \"step up\" or \"step down\" to a value in NumberInputText.\n * @param direction The direction of the step\n * @param isDisabled Whether the button should be disabled\n * @param onStep Handler called when the button is clicked\n * @param variant Represents different visual variants for the button\n /\nexport function StepButton({ direction, isDisabled, onStep, variant }: Props) {\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const labelIncrease = translations.inputNumber_increase();\n const labelDecrease = translations.inputNumber_decrease();\n const label = direction === 'increase' ? labelIncrease : labelDecrease;\n\n const handleClick = useCallback(() => {\n onStep?.({ direction });\n }, [onStep, direction]);\n\n const icon = variant === 'arrowup' ? <IcoChevronUp /> : <IcoChevronDown />;\n\n return (\n <TabbableModeContext.Provider value={{ isTabbable: false }}>\n <Button\n display=\"icons\"\n isDisabled={isDisabled}\n title={label}\n onAction={handleClick}\n startIcon={icon}\n variant=\"borderless\"></Button>\n </TabbableModeContext.Provider>\n );\n}\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\n\nexport type Props = {\n /\n The children are StepButtons.\n /\n children: ComponentChildren;\n};\n\n// TODO: Replace Steppers with Buttonset when it becomes available\nexport function Steppers({ children }: Props) {\n return (\n <Grid align=\"center\" gap=\"1x\" gridTemplateColumns=\"1fr 1fr\">\n {children}\n </Grid>\n );\n}\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { Ref, useCallback, useEffect, useRef } from 'preact/hooks';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { StepButton } from './StepButton';\nimport { Steppers } from './Steppers';\n\nconst SPIN_DELAY = 500;\nconst SPIN_INTERVAL = 40;\n\nexport type StepDirection = 'increase' \| 'decrease';\n\nexport type StepEvent = {\n /\n The direction of the requested step.\n /\n direction: StepDirection;\n};\n\ntype Props = {\n /\n Controls whether the step buttons are shown.\n /\n hasSteppers?: boolean;\n\n /\n A ref to the input element.\n /\n inputRef: Ref<HTMLInputElement>;\n\n /\n Controls whether the step down button is disabled.\n /\n isStepDownDisabled?: boolean;\n\n /\n Controls whether the step up button is disabled.\n /\n isStepUpDisabled?: boolean;\n\n /\n Called when a continuous step is requested (aka \"spin\")\n * by holding down the arrow up or arrow down keys, or\n * by pressing and holding down a step button.\n /\n onSpin?: (event: StepEvent) => void;\n\n /\n Called when spinning is complete and the user has\n * released the arrow key or step button.\n /\n onSpinComplete?: () => void;\n\n /\n Called when a single step is requested by clicking a step button\n * or by pressing the arrow up or arrow down keys.\n /\n onStep?: (event: StepEvent) => void;\n};\n\n/\n A hook for using stepping functionality with NumberInputText. Stepping can\n * be accomplished using the step up or down buttons or by pressing the arrow\n * up or arrow down keys. Holding down the buttons or keys produces continuous\n * step events.\n \n @param hasSteppers Controls whether the step buttons are shown\n * @param inputRef A ref to the input element\n * @param isStepDownDisabled Controls whether stepping down is disabled\n * @param isStepUpDisabled Controls whether stepping up is disabled\n * @param onSpin Called when a continuous step (aka spin) is requested\n * @param onSpinComplete Called when spinning is complete\n * @param onStep Called when a single step is requested\n * @returns A JSX element which can be placed in the endContent of NumberInputText.\n /\nexport const useSteppers = ({\n hasSteppers,\n inputRef,\n isStepDownDisabled,\n isStepUpDisabled,\n onSpin,\n onSpinComplete,\n onStep\n}: Props) => {\n const { bool: isStarted, setTrue: setStartedTrue, setFalse: setStartedFalse } = useToggle(false);\n const {\n bool: isSpinning,\n setTrue: setSpinningTrue,\n setFalse: setSpinningFalse\n } = useToggle(false);\n const startTimerRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n const spinTimerRef = useRef<ReturnType<typeof setInterval> \| null>(null);\n const directionRef = useRef<StepDirection>('increase');\n const spinCompleteRef = useRef(false);\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (!(event.key === 'ArrowDown' \|\| event.key === 'ArrowUp')) {\n return;\n }\n // By default, pressing the arrow keys moves the cursor to the\n // beginning or end which we don't want, so call preventDefault.\n // We also want to stop propagation of handled events.\n event.preventDefault();\n event.stopPropagation();\n\n if (isStarted) {\n // If already started, ignore repeated key down events.\n return;\n }\n if (\n (event.key === 'ArrowDown' && isStepDownDisabled) \|\|\n (event.key === 'ArrowUp' && isStepUpDisabled)\n ) {\n // If requested step is disabled, return.\n return;\n }\n directionRef.current = event.key === 'ArrowDown' ? 'decrease' : 'increase';\n setStartedTrue();\n // Do an initial step, which is what oj-input-number did as well.\n onStep?.({ direction: directionRef.current });\n },\n [isStarted, onStep, isStepDownDisabled, isStepUpDisabled, setStartedTrue]\n );\n\n const onKeyUp = useCallback(\n (event: KeyboardEvent) => {\n if (event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') {\n if (isSpinning) {\n // Only want to call onSpinComplete if we were actually spinning.\n spinCompleteRef.current = true;\n }\n setStartedFalse();\n setSpinningFalse();\n event.stopPropagation();\n }\n },\n [isSpinning, setStartedFalse, setSpinningFalse]\n );\n\n useEffect(() => {\n if (isStarted && !startTimerRef.current) {\n startTimerRef.current = setTimeout(() => {\n setSpinningTrue();\n }, SPIN_DELAY);\n }\n return () => {\n // Clean up between renders.\n if (startTimerRef.current) {\n clearTimeout(startTimerRef.current);\n startTimerRef.current = null;\n }\n };\n }, [isStarted, setSpinningTrue]);\n\n useEffect(() => {\n if (!isSpinning) {\n if (spinTimerRef.current) {\n clearInterval(spinTimerRef.current);\n spinTimerRef.current = null;\n }\n } else {\n if (!spinTimerRef.current) {\n spinTimerRef.current = setInterval(() => {\n // If further spinning is disabled, call setSpinningFalse to\n // clean up the timer otherwise repeat the step.\n if (\n (directionRef.current === 'increase' && isStepUpDisabled) \|\|\n (directionRef.current === 'decrease' && isStepDownDisabled)\n ) {\n setSpinningFalse();\n spinCompleteRef.current = true;\n } else {\n onSpin?.({ direction: directionRef.current });\n }\n }, SPIN_INTERVAL);\n }\n }\n return () => {\n // Clean up between renders.\n if (spinTimerRef.current) {\n clearInterval(spinTimerRef.current);\n spinTimerRef.current = null;\n }\n };\n }, [isSpinning, isStepDownDisabled, isStepUpDisabled, onSpin, setSpinningFalse]);\n\n // Only want to run this effect when isSpinning is false and our ref is true.\n // This helps guarantee onSpinComplete is only called once after spinning stops,\n // even if onSpinComplete's identity is changing.\n useEffect(() => {\n if (!isSpinning && spinCompleteRef.current) {\n spinCompleteRef.current = false;\n onSpinComplete?.();\n }\n }, [isSpinning, onSpinComplete]);\n\n const handleClick = useCallback(\n (event: StepEvent) => {\n // When a step button is clicked, set focus to the input.\n inputRef.current?.focus();\n onStep?.(event);\n },\n [onStep, inputRef]\n );\n\n const handleDisabledMouseDown = useCallback((event: Event) => {\n // Using preventDefault prevents focus from moving to the body when a disabled stepper is clicked.\n // FIXME: can we handle this use case more generally at the startContent/endContent level in TextFieldContent?\n event.preventDefault();\n event.stopPropagation();\n }, []);\n\n const steppers = hasSteppers ? (\n <Steppers>\n <div onMouseDown={(e) => isStepDownDisabled && handleDisabledMouseDown(e)} aria-hidden=\"true\">\n <StepButton\n direction=\"decrease\"\n isDisabled={isStepDownDisabled}\n onStep={handleClick}\n variant=\"arrowdown\"\n />\n </div>\n\n <div onMouseDown={(e) => isStepUpDisabled && handleDisabledMouseDown(e)} aria-hidden=\"true\">\n <StepButton\n direction=\"increase\"\n isDisabled={isStepUpDisabled}\n onStep={handleClick}\n variant=\"arrowup\"\n />\n </div>\n </Steppers>\n ) : undefined;\n\n // stepHandlerProps will be spread onto the parent to handle\n // stepping functionality via the arrow up or down keys.\n const stepHandlerProps = hasSteppers ? { onKeyDown, onKeyUp } : {};\n\n return { steppers, stepHandlerProps };\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n ReadonlyTextField,\n ReadonlyTextFieldInput,\n TextField,\n TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { Size } from '../utils/UNSAFE_size';\nimport { StepEvent, useSteppers } from './useSteppers';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype NumberInputTextProps = {\n /\n Controls whether the step buttons are shown.\n /\n hasSteppers?: boolean;\n\n /\n Controls whether the step down button is disabled.\n /\n isStepDownDisabled?: boolean;\n\n /\n Controls whether the step up button is disabled.\n /\n isStepUpDisabled?: boolean;\n\n /\n Called when a continuous step is requested (aka \"spin\")\n * by holding down the arrow up or arrow down keys, or\n * by pressing and holding down a step button.\n /\n onSpin?: (event: StepEvent) => void;\n\n /\n Called when spinning is complete and the user has\n * released the arrow key or step button.\n /\n onSpinComplete?: () => void;\n\n /\n Called when a step is requested by clicking a step button\n * or by pressing the arrow up or arrow down keys.\n /\n onStep?: (event: StepEvent) => void;\n};\n\ntype Props = NumberInputTextProps & {\n /\n The ID of an element (or space separated IDs of multiple elements) that\n * describes the input.\n /\n ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n /\n The maximum allowed value. Used for the aria-valuemax attribute.\n /\n ariaValueMax?: TextFieldInputProps['ariaValueMax'];\n\n /\n The minimum allowed value. Used for the aria-valuemin attribute.\n /\n ariaValueMin?: TextFieldInputProps['ariaValueMin'];\n\n /\n The number value of the component. Used for the aria-valuenow attribute.\n /\n ariaValueNow?: TextFieldInputProps['ariaValueNow'];\n\n /\n The formatted value of the component. Used for the aria-valueText\n * attribute to provide a more human readable text alternative for\n * ariaValueNow.\n /\n ariaValueText?: TextFieldInputProps['ariaValueText'];\n\n /\n Text to provide guidance to help the user understand what data to enter.\n /\n assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n /\n Dictates component's autocomplete state.\n * This attribute indicates whether the value of the control can be automatically completed by the browser.\n * The common values are \"on\" and \"off\".\n /\n autoComplete?: TextFieldInputProps['autoComplete'];\n\n /\n Autofocus specifies whether the component will get focus when the page is loaded.\n * If it is set to true then the associated component will get input focus when the page is loaded.\n * Setting this property doesn't set the focus to the component: it tells the browser to focus\n * to it when the element is inserted in the document.\n /\n autoFocus?: TextFieldInputProps['autoFocus'];\n\n /\n Help source URL associated with the component.\n /\n helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n /\n Custom text to be rendered for the <code>helpSourceLink</code>.\n /\n helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n /\n Specifies whether the component is disabled.\n /\n isDisabled?: boolean;\n\n /\n Specifies whether the component is readonly.\n /\n isReadonly?: boolean;\n\n /\n Specifies for accessibility purposes whether a value is required.\n \n Setting this property to <code>false</code> means that a value is not required to be\n * committed by the user. Setting this property to <code>true</code> means that a value\n * is required to be committed by the user.\n /\n isRequired?: TextFieldInputProps['isRequired'];\n\n /\n Specifies whether to show an indicator on screen that a value is required, for example\n * before the user has committed a value.\n /\n isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n /\n Specifies the label associated with the field.\n /\n label: string;\n\n /\n Specifies where the label is positioned relative to the field.\n /\n labelEdge?: 'inside' \| 'start' \| 'top' \| 'none';\n\n /\n Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n /\n labelStartWidth?: Size;\n\n /\n Messages to show on screen that are associated with the component.\n /\n messages?: InlineUserAssistanceProps['messages'];\n\n /\n A short hint to display before the user enters a value.\n /\n placeholder?: TextFieldInputProps['placeholder'];\n\n /\n The prefix displays as regular text before the input text, and inline with it.\n * The prefix is not editable or focusable.\n /\n prefix?: string;\n\n /\n The suffix displays as regular text after the input text, and inline with it.\n * The suffix is not editable or focusable.\n /\n suffix?: string;\n\n /\n Specifies how to align text within the field.\n /\n textAlign?: TextFieldInputProps['textAlign'];\n\n /\n Specifies the density of the user assistance presentation. It can be set to:\n * <ul>\n * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n * assistance text is displayed.</li>\n * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n * </ul>\n /\n userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n\n /\n The current possibly formatted display value of the component.\n /\n value?: TextFieldInputProps['value'];\n\n /\n The style variant of the component.\n /\n variant?: TextFieldInputProps['variant'];\n\n /\n The type of virtual keyboard to display for entering a value on mobile browsers.\n * This property has no effect on desktop browsers.\n /\n virtualKeyboard?: 'auto' \| 'number' \| 'text';\n\n /\n Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n /\n onCommit?: TextFieldInputProps['onCommit'];\n\n /\n Callback invoked each time the user changes the value of the field. For example, if the user\n * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n * respectively.\n /\n onInput: TextFieldInputProps['onInput'];\n};\n\nexport const NumberInputText = forwardRef(\n (\n {\n ariaDescribedBy,\n ariaValueMax,\n ariaValueMin,\n ariaValueNow,\n ariaValueText,\n assistiveText,\n autoComplete = 'off',\n autoFocus = false,\n helpSourceLink,\n helpSourceText,\n isDisabled: propIsDisabled,\n isReadonly: propIsReadonly,\n isRequired = false,\n isRequiredShown,\n isStepDownDisabled: propIsStepDownDisabled,\n isStepUpDisabled: propIsStepUpDisabled,\n hasSteppers = false,\n label,\n labelEdge: propLabelEdge,\n labelStartWidth: propLabelStartWidth,\n messages,\n placeholder,\n prefix,\n suffix,\n textAlign: propTextAlign,\n userAssistanceDensity: propUserAssistanceDensity,\n value,\n variant = 'default',\n virtualKeyboard,\n onInput,\n onCommit,\n onSpin,\n onSpinComplete,\n onStep\n }: Props,\n ref?: Ref<FocusableHandle>\n ) => {\n const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n const onInputAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n dispatch({ type: 'input', payload: detail.value });\n onInput?.(detail);\n },\n [onInput, dispatch]\n );\n const onCommitAndDispatch = useCallback(\n (detail: ValueUpdateDetail<string>) => {\n dispatch({ type: 'commit', payload: detail.value });\n onCommit?.(detail);\n },\n [onCommit, dispatch]\n );\n const {\n isDisabled: isFormDisabled,\n isReadonly: isFormReadonly,\n labelEdge: formLabelEdge,\n labelStartWidth: formLabelStartWidth,\n textAlign: formTextAlign,\n userAssistanceDensity: formUserAssistanceDensity\n } = useFormContext();\n // default to FormContext values if component properties are not specified\n const isDisabled = propIsDisabled ?? isFormDisabled;\n const isReadonly = propIsReadonly ?? isFormReadonly;\n const labelEdge = propLabelEdge ?? formLabelEdge;\n const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n const textAlign = propTextAlign ?? formTextAlign;\n const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n HTMLInputElement,\n HTMLDivElement\n >({ isDisabled, isReadonly, ref });\n const { hoverProps } = useHover({ isDisabled: isReadonly \|\| isDisabled \|\| false });\n const {\n baseId,\n formFieldContext,\n inputProps,\n labelProps,\n textFieldProps,\n userAssistanceProps\n } = useTextField({\n ariaDescribedBy,\n isDisabled,\n isFocused,\n isReadonly,\n labelEdge,\n messages,\n styleVariant: variant,\n value\n });\n\n // Disable the steppers if the number input is disabled.\n const isStepDownDisabled = isDisabled \|\| propIsStepDownDisabled;\n const isStepUpDisabled = isDisabled \|\| propIsStepUpDisabled;\n // stepHandlerProps contains keyup and keydown handlers\n // for stepping using the arrow up and down keys.\n const { steppers, stepHandlerProps } = useSteppers({\n hasSteppers,\n inputRef: enabledElementRef,\n isStepDownDisabled,\n isStepUpDisabled,\n onSpin,\n onSpinComplete,\n onStep\n });\n\n const {\n renderedPrefix,\n renderedSuffix,\n text: valuePrefixSuffix,\n ariaLabelledBy\n } = usePrefixSuffix({\n baseId,\n hasEndContent: steppers !== undefined,\n hasInsideLabel: label !== undefined && labelEdge === 'inside',\n hasStartContent: false,\n hasValue: formFieldContext.hasValue,\n isDisabled,\n isFocused,\n labelId: labelProps.id,\n prefix,\n suffix,\n value\n });\n\n const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n const fieldLabelProps = {\n label: labelEdge !== 'none' ? labelComp : undefined,\n labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n };\n\n const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n const inlineUserAssistance =\n isDisabled \|\| isReadonly ? (\n // save space for user assistance if density is 'efficient', even though we don't\n // render user assistance for disabled or readonly fields\n userAssistanceDensity !== 'efficient' ? undefined : (\n <InlineUserAssistance\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n )\n ) : (\n <InlineUserAssistance\n assistiveText={assistiveText}\n fieldLabel={label}\n helpSourceLink={helpSourceLink}\n helpSourceText={helpSourceText}\n messages={messages}\n isRequiredShown={isRequiredShown}\n userAssistanceDensity={userAssistanceDensity}\n {...userAssistanceProps}\n />\n );\n\n if (isReadonly) {\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <ReadonlyTextField\n role=\"presentation\"\n inlineUserAssistance={inlineUserAssistance}\n onBlur={focusProps.onfocusout}\n onFocus={focusProps.onfocusin}\n {...fieldLabelProps}>\n <ReadonlyTextFieldInput\n ariaDescribedBy={ariaDescribedBy}\n ariaLabel={ariaLabel}\n ariaLabelledBy={labelProps.id}\n as=\"div\"\n autoFocus={autoFocus}\n elementRef={readonlyElementRef}\n textAlign={textAlign}\n value={valuePrefixSuffix}\n hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n />\n </ReadonlyTextField>\n </FormFieldContext.Provider>\n );\n }\n\n // If ariaValueText is the same as ariaValueNow.toString, no need to show it.\n const valueText =\n ariaValueNow === undefined\n ? ariaValueText\n : ariaValueNow.toString() !== ariaValueText\n ? ariaValueText\n : undefined;\n\n const mainContent = (\n <Fragment>\n {renderedPrefix}\n <TextFieldInput\n ariaLabelledBy={ariaLabelledBy}\n ariaLabel={ariaLabel}\n ariaValueMax={ariaValueMax}\n ariaValueMin={ariaValueMin}\n ariaValueNow={ariaValueNow}\n ariaValueText={valueText}\n autoComplete={autoComplete}\n autoFocus={autoFocus}\n currentCommitValue={currentCommitValue}\n hasEndContent={steppers !== undefined}\n hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n hasPrefix={renderedPrefix !== undefined}\n hasStartContent={false}\n hasSuffix={renderedSuffix !== undefined}\n inputRef={enabledElementRef}\n isRequired={isRequired}\n placeholder={placeholder}\n role={hasSteppers ? 'spinbutton' : undefined}\n textAlign={textAlign}\n type={isMobile() ? virtualKeyboard : undefined}\n value={isDisabled ? valuePrefixSuffix : value}\n onCommit={onCommitAndDispatch}\n onInput={onInputAndDispatch}\n {...inputProps}\n {...stepHandlerProps}\n />\n {renderedSuffix}\n </Fragment>\n );\n\n return (\n <FormFieldContext.Provider value={formFieldContext}>\n <TextField\n endContent={steppers}\n inlineUserAssistance={inlineUserAssistance}\n mainContent={mainContent}\n onBlur={focusProps.onfocusout}\n onFocus={focusProps.onfocusin}\n {...textFieldProps}\n {...fieldLabelProps}\n {...hoverProps}\n />\n </FormFieldContext.Provider>\n );\n }\n);\n\n/\n Helper function to determine whether the current device is a mobile device\n * @returns true if runnning on a mobile device, false otherwise\n */\nfunction isMobile() {\n const deviceType = getClientHints().deviceType;\n return deviceType === 'phone' \|\| deviceType === 'tablet';\n}\n"],"names":["StepButton","direction","isDisabled","onStep","variant","translations","useTranslationBundle","labelIncrease","inputNumber_increase","labelDecrease","inputNumber_decrease","label","handleClick","useCallback","icon","_jsx","IcoChevronUp","jsx","IcoChevronDown","TabbableModeContext","Provider","Object","assign","value","isTabbable","children","Button","display","title","onAction","startIcon","Steppers","Grid","align","gap","gridTemplateColumns","NumberInputText","forwardRef","ariaDescribedBy","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","assistiveText","autoComplete","autoFocus","helpSourceLink","helpSourceText","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","isStepDownDisabled","propIsStepDownDisabled","isStepUpDisabled","propIsStepUpDisabled","hasSteppers","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","prefix","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","virtualKeyboard","onInput","onCommit","onSpin","onSpinComplete","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","steppers","stepHandlerProps","inputRef","bool","isStarted","setTrue","setStartedTrue","setFalse","setStartedFalse","useToggle","isSpinning","setSpinningTrue","setSpinningFalse","startTimerRef","useRef","spinTimerRef","directionRef","spinCompleteRef","onKeyDown","event","key","preventDefault","stopPropagation","current","onKeyUp","useEffect","setTimeout","clearTimeout","setInterval","clearInterval","_a","focus","handleDisabledMouseDown","_jsxs","onMouseDown","e","undefined","useSteppers","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","hasValue","labelId","id","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","FormFieldContext","ReadonlyTextField","role","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","valueText","toString","mainContent","Fragment","TextFieldInput","hasPrefix","hasSuffix","isMobile","TextField","endContent","deviceType","getClientHints"],"mappings":"0uBA6CM,SAAUA,GAAWC,UAAEA,EAASC,WAAEA,EAAUC,OAAEA,EAAMC,QAAEA,IAC1D,MAAMC,EAAeC,uBAAiC,4BAChDC,EAAgBF,EAAaG,uBAC7BC,EAAgBJ,EAAaK,uBAC7BC,EAAsB,aAAdV,EAA2BM,EAAgBE,EAEnDG,EAAcC,EAAAA,YAAY,KAC9BV,MAAAA,GAAAA,EAAS,CAAEF,UAAAA,KACV,CAACE,EAAQF,IAENa,EAAmB,YAAZV,EAAwBW,MAACC,EAAAA,oBAAkBD,EAACE,IAAAC,wBAEzD,OACEH,EAACE,IAAAE,EAAmBA,oBAACC,SAAQC,OAAAC,OAAA,CAACC,MAAO,CAAEC,YAAY,IACjD,CAAAC,SAAAV,EAAAE,IAACS,EAAMA,OACL,CAAAC,QAAQ,QACRzB,WAAYA,EACZ0B,MAAOjB,EACPkB,SAAUjB,EACVkB,UAAWhB,EACXV,QAAQ,kBC9CA,SAAA2B,GAASN,SAAEA,IACzB,OACEV,EAAAA,IAACiB,EAAAA,oBAAKC,MAAM,SAASC,IAAI,KAAKC,oBAAoB,qBAC/CV,KCTP,MCgOaW,EAAkBC,EAAUA,WACvC,EAEIC,gBAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,aAAAA,EAAe,MACfC,UAAAA,GAAY,EACZC,eAAAA,EACAC,eAAAA,EACA7C,WAAY8C,EACZC,WAAYC,EACZC,WAAAA,GAAa,EACbC,gBAAAA,EACAC,mBAAoBC,EACpBC,iBAAkBC,EAClBC,YAAAA,GAAc,EACd9C,MAAAA,EACA+C,UAAWC,EACXC,gBAAiBC,EACjBC,SAAAA,EACAC,YAAAA,EACAC,OAAAA,EACAC,OAAAA,EACAC,UAAWC,EACXC,sBAAuBC,EACvB9C,MAAAA,EACAnB,QAAAA,EAAU,UACVkE,gBAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,OAAAA,EACAC,eAAAA,EACAvE,OAAAA,GAEFwE,KAEA,MAAMC,mBAAEA,GAAkBC,SAAEA,IAAaC,EAAAA,uBAAuB,CAAEvD,MAAAA,IAC5DwD,GAAqBlE,cACxBmE,IACCH,GAAS,CAAEI,KAAM,QAASC,QAASF,EAAOzD,QAC1CgD,MAAAA,GAAAA,EAAUS,IAEZ,CAACT,EAASM,KAENM,GAAsBtE,cACzBmE,IACCH,GAAS,CAAEI,KAAM,SAAUC,QAASF,EAAOzD,QAC3CiD,MAAAA,GAAAA,EAAWQ,IAEb,CAACR,EAAUK,MAGX3E,WAAYkF,GACZnC,WAAYoC,GACZ3B,UAAW4B,GACX1B,gBAAiB2B,GACjBrB,UAAWsB,GACXpB,sBAAuBqB,IACrBC,EAAAA,iBAEExF,GAAa8C,MAAAA,EAAAA,EAAkBoC,GAC/BnC,GAAaC,MAAAA,EAAAA,EAAkBmC,GAC/B3B,GAAYC,MAAAA,EAAAA,EAAiB2B,GAC7B1B,GAAkBC,MAAAA,EAAAA,EAAuB0B,GACzCrB,GAAYC,MAAAA,EAAAA,EAAiBqB,GAC7BpB,GAAwBC,MAAAA,EAAAA,EAA6BoB,IAErDE,kBAAEA,GAAiBC,WAAEA,GAAUC,UAAEA,GAASC,mBAAEA,IAAuBC,EAAqBA,sBAG5F,CAAE7F,WAAAA,GAAY+C,WAAAA,GAAY0B,IAAAA,KACtBqB,WAAEA,IAAeC,WAAS,CAAE/F,WAAY+C,IAAc/C,KAAc,KACpEgG,OACJA,GAAMC,iBACNA,GAAgBC,WAChBA,GAAUC,WACVA,GAAUC,eACVA,GAAcC,oBACdA,IACEC,eAAa,CACflE,gBAAAA,EACApC,WAAAA,GACA2F,UAAAA,GACA5C,WAAAA,GACAS,UAAAA,GACAI,SAAAA,EACA2C,aAAcrG,EACdmB,MAAAA,IAII8B,GAAqBnD,IAAcoD,EACnCC,GAAmBrD,IAAcsD,GAGjCkD,SAAEA,GAAQC,iBAAEA,ID/PK,GACzBlD,YAAAA,EACAmD,SAAAA,EACAvD,mBAAAA,EACAE,iBAAAA,EACAkB,OAAAA,EACAC,eAAAA,EACAvE,OAAAA,MAEA,MAAQ0G,KAAMC,EAAWC,QAASC,EAAgBC,SAAUC,GAAoBC,aAAU,IAExFN,KAAMO,EACNL,QAASM,EACTJ,SAAUK,GACRH,aAAU,GACRI,EAAgBC,SAA6C,MAC7DC,EAAeD,SAA8C,MAC7DE,EAAeF,SAAsB,YACrCG,EAAkBH,UAAO,GAEzBI,EAAY/G,cACfgH,IACqB,cAAdA,EAAMC,KAAqC,YAAdD,EAAMC,MAMzCD,EAAME,iBACNF,EAAMG,kBAEFlB,GAKa,cAAde,EAAMC,KAAuBzE,GACf,YAAdwE,EAAMC,KAAqBvE,IAK9BmE,EAAaO,QAAwB,cAAdJ,EAAMC,IAAsB,WAAa,WAChEd,IAEA7G,MAAAA,GAAAA,EAAS,CAAEF,UAAWyH,EAAaO,aAErC,CAACnB,EAAW3G,EAAQkD,EAAoBE,EAAkByD,IAGtDkB,EAAUrH,cACbgH,IACmB,cAAdA,EAAMC,KAAqC,YAAdD,EAAMC,MACjCV,IAEFO,EAAgBM,SAAU,GAE5Bf,IACAI,IACAO,EAAMG,oBAGV,CAACZ,EAAYF,EAAiBI,IAGhCa,EAAAA,UAAU,KACJrB,IAAcS,EAAcU,UAC9BV,EAAcU,QAAUG,WAAW,KACjCf,KAxIW,MA2IR,KAEDE,EAAcU,UAChBI,aAAad,EAAcU,SAC3BV,EAAcU,QAAU,QAG3B,CAACnB,EAAWO,IAEfc,EAAAA,UAAU,KACHf,EAMEK,EAAaQ,UAChBR,EAAaQ,QAAUK,YAAY,KAIL,aAAzBZ,EAAaO,SAA0B1E,GACd,aAAzBmE,EAAaO,SAA0B5E,GAExCiE,IACAK,EAAgBM,SAAU,GAE1BxD,MAAAA,GAAAA,EAAS,CAAExE,UAAWyH,EAAaO,WArKzB,KAqJZR,EAAaQ,UACfM,cAAcd,EAAaQ,SAC3BR,EAAaQ,QAAU,MAmBpB,KAEDR,EAAaQ,UACfM,cAAcd,EAAaQ,SAC3BR,EAAaQ,QAAU,QAG1B,CAACb,EAAY/D,EAAoBE,EAAkBkB,EAAQ6C,IAK9Da,EAAAA,UAAU,MACHf,GAAcO,EAAgBM,UACjCN,EAAgBM,SAAU,EAC1BvD,MAAAA,GAAAA,MAED,CAAC0C,EAAY1C,IAEhB,MAAM9D,EAAcC,cACjBgH,UAEmB,QAAlBW,EAAA5B,EAASqB,eAAS,IAAAO,GAAAA,EAAAC,QAClBtI,MAAAA,GAAAA,EAAS0H,IAEX,CAAC1H,EAAQyG,IAGL8B,EAA0B7H,cAAagH,IAG3CA,EAAME,iBACNF,EAAMG,mBACL,IA4BH,MAAO,CAAEtB,SA1BQjD,EACfkF,EAAAA,KAAC5G,aACChB,EAAAA,IAAK,MAAAM,OAAAC,OAAA,CAAAsH,YAAcC,GAAMxF,GAAsBqF,EAAwBG,iBAAgB,QAAM,CAAApH,SAC3FV,MAACf,EAAU,CACTC,UAAU,WACVC,WAAYmD,EACZlD,OAAQS,EACRR,QAAQ,iBAIZW,EAAAA,yBAAK6H,YAAcC,GAAMtF,GAAoBmF,EAAwBG,GAAE,cAAc,QACnF,CAAApH,SAAAV,EAAAA,IAACf,EACC,CAAAC,UAAU,WACVC,WAAYqD,EACZpD,OAAQS,EACRR,QAAQ,uBAIZ0I,EAMenC,iBAFMlD,EAAc,CAAEmE,UAAAA,EAAWM,QAAAA,GAAY,KC6FvBa,CAAY,CACjDtF,YAAAA,EACAmD,SAAUjB,GACVtC,mBAAAA,GACAE,iBAAAA,GACAkB,OAAAA,EACAC,eAAAA,EACAvE,OAAAA,KAGI6I,eACJA,GAAcC,eACdA,GACAC,KAAMC,GAAiBC,eACvBA,IACEC,kBAAgB,CAClBnD,OAAAA,GACAoD,mBAA4BR,IAAbpC,GACf6C,oBAA0BT,IAAVnI,GAAqC,WAAd+C,GACvC8F,iBAAiB,EACjBC,SAAUtD,GAAiBsD,SAC3BvJ,WAAAA,GACA2F,UAAAA,GACA6D,QAASrD,GAAWsD,GACpB3F,OAAAA,EACAC,OAAAA,EACA1C,MAAAA,IAGIqI,GAA0B,SAAdlG,GAAuB3C,EAAAA,IAAC8I,EAAAA,MAAUxI,OAAAC,OAAA,GAAA+E,aAAa1F,UAAiBmI,EAE5EgB,GAAkB,CACtBnJ,MAAqB,SAAd+C,GAAuBkG,QAAYd,EAC1CpF,UAAyB,SAAdA,GAAuBA,QAAYoF,EAC9ClF,gBAA+B,SAAdF,GAAuBE,QAAkBkF,GAGtDiB,GAA0B,SAAdrG,GAAuB/C,OAAQmI,EAE3CkB,GACJ9J,IAAc+C,GAGc,cAA1BmB,QAAwC0E,EACtC/H,EAAAE,IAACgJ,EAAoBA,qBAAA5I,OAAAC,OAAA,CACnB8C,sBAAuBA,IACnBmC,KAIRxF,EAAAA,IAACkJ,EAAAA,qBACC5I,OAAAC,OAAA,CAAAqB,cAAeA,EACfuH,WAAYvJ,EACZmC,eAAgBA,EAChBC,eAAgBA,EAChBe,SAAUA,EACVV,gBAAiBA,EACjBgB,sBAAuBA,IACnBmC,KAIV,GAAItD,GACF,OACElC,EAACE,IAAAkJ,EAAgBA,iBAAC/I,SAAQC,OAAAC,OAAA,CAACC,MAAO4E,IAChC,CAAA1E,SAAAV,EAAAE,IAACmJ,EAAiBA,kBAChB/I,OAAAC,OAAA,CAAA+I,KAAK,eACLL,qBAAsBA,GACtBM,OAAQ1E,GAAW2E,WACnBC,QAAS5E,GAAW6E,WAChBX,GACJ,CAAArI,SAAAV,MAAC2J,EAAAA,uBACC,CAAApI,gBAAiBA,EACjByH,UAAWA,GACXX,eAAgB/C,GAAWsD,GAC3BgB,GAAG,MACH9H,UAAWA,EACX+H,WAAY9E,GACZ5B,UAAWA,GACX3C,MAAO4H,GACPI,oBAA0BT,IAAVnI,GAAqC,WAAd+C,WAQjD,MAAMmH,QACa/B,IAAjBrG,GAEIA,EAAaqI,aAAepI,EAD5BA,OAGAoG,EAEAiC,GACJpC,EAAAA,KAACqC,EAAQA,SACN,CAAAvJ,SAAA,CAAAuH,GACDjI,EAAAA,IAACkK,EAAcA,eACb5J,OAAAC,OAAA,CAAA8H,eAAgBA,GAChBW,UAAWA,GACXxH,aAAcA,EACdC,aAAcA,EACdC,aAAcA,EACdC,cAAemI,GACfjI,aAAcA,EACdC,UAAWA,EACX+B,mBAAoBA,GACpB0E,mBAA4BR,IAAbpC,GACf6C,oBAA8BT,IAAdc,IAAyC,WAAdlG,GAC3CwH,eAA8BpC,IAAnBE,GACXQ,iBAAiB,EACjB2B,eAA8BrC,IAAnBG,GACXrC,SAAUjB,GACVxC,WAAYA,EACZY,YAAaA,EACbsG,KAAM5G,EAAc,kBAAeqF,EACnC5E,UAAWA,GACXe,KAAMmG,IAAa9G,OAAkBwE,EACrCvH,MAAOrB,GAAaiJ,GAAoB5H,EACxCiD,SAAUW,GACVZ,QAASQ,IACLqB,GACAO,KAELsC,MAIL,OACElI,EAAAA,IAACoJ,EAAAA,iBAAiB/I,SAASC,OAAAC,OAAA,CAAAC,MAAO4E,IAAgB,CAAA1E,SAChDV,EAAAA,IAACsK,EAAAA,UAAShK,OAAAC,OAAA,CACRgK,WAAY5E,GACZsD,qBAAsBA,GACtBe,YAAaA,GACbT,OAAQ1E,GAAW2E,WACnBC,QAAS5E,GAAW6E,WAChBnE,GACAwD,GACA9D,UAWd,SAASoF,IACP,MAAMG,EAAaC,mBAAiBD,WACpC,MAAsB,UAAfA,GAAyC,WAAfA"}

package/amd/PRIVATE_Collection/__tests__/Collection.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../Collection-252363d1","preact"],function(e,t,n,i,c){"use strict";describe("Test Collection component",()=>{it("render",async function(){const c=t.render(e.jsx("ul",{children:e.jsx(i.Collection,Object.assign({items:[{id:"e1",name:"Employee 1"},{id:"e2",name:"Employee 2"}]},{children:t=>e.jsx("li",{children:t.data.name})}))})),l=await c.queryAllByText("Employee",{exact:!1});n.expect(l.length).eq(2)})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../Collection-a2023ec4","preact"],function(e,t,n,i,c){"use strict";describe("Test Collection component",()=>{it("render",async function(){const c=t.render(e.jsx("ul",{children:e.jsx(i.Collection,Object.assign({items:[{id:"e1",name:"Employee 1"},{id:"e2",name:"Employee 2"}]},{children:t=>e.jsx("li",{children:t.data.name})}))})),l=await c.queryAllByText("Employee",{exact:!1});n.expect(l.length).eq(2)})})});
 //# sourceMappingURL=Collection.spec.js.map

package/amd/PRIVATE_Collection.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./Collection-252363d1","preact/jsx-runtime","preact"],function(e,t,o,c){"use strict";e.Collection=t.Collection,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Collection-a2023ec4","preact/jsx-runtime","preact"],function(e,t,o,c){"use strict";e.Collection=t.Collection,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_Collection.js.map

package/amd/PRIVATE_List/__tests__/List.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","preact/hooks","@testing-library/preact","@testing-library/user-event","chai","../../testHelpers-77d859d4","../../hooks/UNSAFE_useTabbableMode","../../List-fa470728","../../UNSAFE_Flex","../../Flex-775e90e5","preact","css!./../../PRIVATE_List.css","../../utils/UNSAFE_classNames","../../classNames-800ce42a","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-1f21b58b","../../PRIVATE_Collection","../../Collection-252363d1","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-aa6411a2","../../utils/UNSAFE_arrayUtils","../../UNSAFE_FocusTrap","../../FocusTrap-a01c0bda","preact/compat","../../utils/PRIVATE_tabbableUtils","../../_curry1-42179f72","../../_curry2-f172ac33","../../_curry3-d4869a9a","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-10fcb9d9","../../tslib.es6-b7df6ad2","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_size","../../utils/UNSAFE_mergeInterpolations","../../_has-ac02514c","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-2339a25b","../../index-5a0f2c1e","../../UNSAFE_Icon","../../Icon-fba33d1c","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-29a9dee6","../../index-b66b2456","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-ed4fee9b","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","../../utils/UNSAFE_interpolations/boxalignment","../../keys-9703970b","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-9d055169","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-47db74b7"],function(e,t,o,a,s,i,n,l,r,c,d,u,b,g,p,A,x,E,h,_,m,S,F,U,f,N,T,I,k,y,w,j,R,v,P,V,O,q,C,M,L,z,B,D,K,H,G,J,Q,W,X,Y,Z,$,ee,te,oe,ae,se,ie,ne,le,re,ce,de,ue,be,ge,pe,Ae,xe,Ee,he,_e){"use strict";function me(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Se=me(a);function Fe({allowTabbableMode:o,data:a,loadingIndicator:s,role:i}){const n=t.useRef(null),[r,d]=t.useState(void 0),[u,b]=t.useState(a?{offset:0,data:a.slice(0,25),totalSize:a.length,sizePrecision:"exact"}:null);return e.jsx("div",Object.assign({style:"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto",ref:n},{children:e.jsx(l.List,Object.assign({accessibleSummary:"Basic list",allowTabbableMode:o,currentKey:r,data:u,loadingIndicator:s,onCurrentKeyChange:e=>d(e.value),onLoadRange:()=>{},role:i,viewportConfig:{scroller:()=>n.current}},{children:t=>e.jsxs(c.Flex,{children:[t.selector&&t.selector(),e.jsx(fe,{"data-testid":"input-"+t.data.id}),e.jsx("div",Object.assign({className:"item",style:{height:"calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))",padding:"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)"}},{children:t.data.name}))]})}))}))}function Ue(e,t){const o=[];for(let a=0;a<e;a++)t?o.push({id:a,name:"Employee "+a}):o.push({id:"i"+a,name:"Employee "+a});return o}describe("Test List component",()=>{beforeEach(()=>{if(!window.IntersectionObserver){const e=jest.fn();e.mockReturnValue({observe:()=>null,unobserve:()=>null,disconnect:()=>null}),Object.defineProperty(global,"IntersectionObserver",{writable:!0,configurable:!0,value:e})}}),it("renders with custom loader",()=>{const t=e.jsx("div",Object.assign({"data-testid":"load-more-component"},{children:"Loading"})),{getAllByTestId:a,queryByTestId:i,rerender:n}=o.render(e.jsx(Fe,{data:null}));s.expect(i("load-more-component")).to.be.null,n(e.jsx(Fe,{data:null,loadingIndicator:t})),s.expect(a("load-more-component").length).eq(1)}),it("renders with default roles",async()=>{const t=Ue(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Fe,{data:t})),n=await i.getRoot(a);s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a);s.expect(l.length).eq(25);const r=await i.getContents(a);s.expect(r.length).eq(25)}),it("renders with listbox rows",async()=>{const t=Ue(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Fe,{data:t,role:"listbox"})),n=await i.getRoot(a,"listbox");s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a,"presentation");s.expect(l.length).eq(25);const r=await i.getContents(a,"option");s.expect(r.length).eq(25)}),it("renders with treegrid rows",async()=>{const t=Ue(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Fe,{data:t,role:"treegrid"})),n=await i.getRoot(a,"treegrid");s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a,"row");s.expect(l.length).eq(25);const r=await i.getContents(a,"gridcell");s.expect(r.length).eq(25)}),it("allows toggling off F2 mode",async()=>{const t=Ue(100).map(e=>({data:e,metadata:{key:e.id}})),{getByTestId:a,rerender:i}=o.render(e.jsx(Fe,{data:t})),n=a("input-i0");s.expect(n.getAttribute("tabindex")).equals("-1"),Se.default.click(n),i(e.jsx(Fe,{data:t})),s.expect(n.getAttribute("tabindex")).equals("0"),i(e.jsx(Fe,{allowTabbableMode:!1,data:t})),Se.default.click(n),s.expect(n.getAttribute("tabindex")).equals("-1")})});const fe=t=>{const{tabbableModeProps:o}=n.useTabbableMode();return e.jsx("input",Object.assign({tabIndex:o.tabIndex},t))}});
+define(["preact/jsx-runtime","preact/hooks","@testing-library/preact","@testing-library/user-event","chai","../../testHelpers-11536a0e","../../hooks/UNSAFE_useTabbableMode","../../List-2f7a2bfe","../../UNSAFE_Flex","../../Flex-1deb0905","preact","css!./../../PRIVATE_List.css","../../utils/UNSAFE_classNames","../../classNames-8a2ab2d1","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-0d91c279","../../PRIVATE_Collection","../../Collection-a2023ec4","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-4f50509f","../../utils/UNSAFE_arrayUtils","../../UNSAFE_FocusTrap","../../FocusTrap-8cdc3fc9","preact/compat","../../utils/PRIVATE_tabbableUtils","../../_curry1-a40e5823","../../_curry2-1661cf76","../../_curry3-34863786","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-c89a5959","../../tslib.es6-e942bc3b","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_size","../../utils/UNSAFE_mergeInterpolations","../../_has-1fd7a32b","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-007b4d4c","../../index-517799b7","../../UNSAFE_Icon","../../Icon-051e5c7b","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-5ed96514","../../index-c4d84f43","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-7baf6a7e","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","../../utils/UNSAFE_interpolations/boxalignment","../../keys-561e97be","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-94241923","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-f32d454e"],function(e,t,o,a,s,i,n,l,r,c,d,u,b,g,p,A,x,E,h,_,m,S,F,f,U,N,T,I,k,y,w,j,R,v,P,V,O,q,C,M,L,z,B,D,K,H,G,J,Q,W,X,Y,Z,$,ee,te,oe,ae,se,ie,ne,le,re,ce,de,ue,be,ge,pe,Ae,xe,Ee,he,_e){"use strict";function me(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Se=me(a);function Fe({allowTabbableMode:o,data:a,loadingIndicator:s,role:i}){const n=t.useRef(null),[r,d]=t.useState(void 0),[u,b]=t.useState(a?{offset:0,data:a.slice(0,25),totalSize:a.length,sizePrecision:"exact"}:null);return e.jsx("div",Object.assign({style:"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto",ref:n},{children:e.jsx(l.List,Object.assign({accessibleSummary:"Basic list",allowTabbableMode:o,currentKey:r,data:u,loadingIndicator:s,onCurrentKeyChange:e=>d(e.value),onLoadRange:()=>{},role:i,viewportConfig:{scroller:()=>n.current}},{children:t=>e.jsxs(c.Flex,{children:[t.selector&&t.selector(),e.jsx(Ue,{"data-testid":"input-"+t.data.id}),e.jsx("div",Object.assign({className:"item",style:{height:"calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))",padding:"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)"}},{children:t.data.name}))]})}))}))}function fe(e,t){const o=[];for(let a=0;a<e;a++)t?o.push({id:a,name:"Employee "+a}):o.push({id:"i"+a,name:"Employee "+a});return o}describe("Test List component",()=>{beforeEach(()=>{if(!window.IntersectionObserver){const e=jest.fn();e.mockReturnValue({observe:()=>null,unobserve:()=>null,disconnect:()=>null}),Object.defineProperty(global,"IntersectionObserver",{writable:!0,configurable:!0,value:e})}}),it("renders with custom loader",()=>{const t=e.jsx("div",Object.assign({"data-testid":"load-more-component"},{children:"Loading"})),{getAllByTestId:a,queryByTestId:i,rerender:n}=o.render(e.jsx(Fe,{data:null}));s.expect(i("load-more-component")).to.be.null,n(e.jsx(Fe,{data:null,loadingIndicator:t})),s.expect(a("load-more-component").length).eq(1)}),it("renders with default roles",async()=>{const t=fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Fe,{data:t})),n=await i.getRoot(a);s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a);s.expect(l.length).eq(25);const r=await i.getContents(a);s.expect(r.length).eq(25)}),it("renders with listbox rows",async()=>{const t=fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Fe,{data:t,role:"listbox"})),n=await i.getRoot(a,"listbox");s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a,"presentation");s.expect(l.length).eq(25);const r=await i.getContents(a,"option");s.expect(r.length).eq(25)}),it("renders with treegrid rows",async()=>{const t=fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Fe,{data:t,role:"treegrid"})),n=await i.getRoot(a,"treegrid");s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a,"row");s.expect(l.length).eq(25);const r=await i.getContents(a,"gridcell");s.expect(r.length).eq(25)}),it("allows toggling off F2 mode",async()=>{const t=fe(100).map(e=>({data:e,metadata:{key:e.id}})),{getByTestId:a,rerender:i}=o.render(e.jsx(Fe,{data:t})),n=a("input-i0");s.expect(n.getAttribute("tabindex")).equals("-1"),Se.default.click(n),i(e.jsx(Fe,{data:t})),s.expect(n.getAttribute("tabindex")).equals("0"),i(e.jsx(Fe,{allowTabbableMode:!1,data:t})),Se.default.click(n),s.expect(n.getAttribute("tabindex")).equals("-1")})});const Ue=t=>{const{tabbableModeProps:o}=n.useTabbableMode();return e.jsx("input",Object.assign({tabIndex:o.tabIndex},t))}});
 //# sourceMappingURL=List.spec.js.map

package/amd/PRIVATE_List.css CHANGED Viewed

@@ -1,17 +1,17 @@
-._1fe45c9{height:100%;overflow-x:hidden;overflow-y:hidden;}
+._1q8m27n{height:100%;user-select:none;overflow-y:inherit;}._1q8m27n:focus{outline-style:none;}
+._1acvywo{position:absolute;top:0;width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
+._1mq13k9{position:relative;}
-._161u2kg{height:100%;user-select:none;overflow-y:inherit;}._161u2kg:focus{outline-style:none;}
-._1ehjirv{position:absolute;top:0;width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
-._1b08oma{position:relative;}
+._10snuxi{height:100%;overflow-x:hidden;overflow-y:hidden;}
-._18x0dch{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 100%;background-repeat:no-repeat;border-top:1px solid transparent;}
-.zq32xr{background-size:100% 1px;}
-._171p5yq{background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)),linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-position:0 100%,0 -1px;background-size:100% 1px,100% 1px;}
-.bs2mx9:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-._13bs43a{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-._16gkjfc{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
-.kv9qyr{background-size:100% 1px;}
-._1etg4kg{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-._86i2pv{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
-.klmu3l{flex-grow:1;}
-._1ppqrqn{display:flex;}
+.ck0eeq{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 100%;background-repeat:no-repeat;border-top:1px solid transparent;}
+._1j60i65{background-size:100% 1px;}
+._1b07pd3{background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)),linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-position:0 100%,0 -1px;background-size:100% 1px,100% 1px;}
+._1sj2mfx:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._1a44bbu{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+._184sjg0{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
+._1fvvt73{background-size:100% 1px;}
+._1ibpfuw{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._4lstz4{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+.h9vxoc{flex-grow:1;}
+.au9tud{display:flex;}

package/amd/PRIVATE_List.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./List-fa470728","preact/jsx-runtime","preact/hooks","css!./PRIVATE_List.css","./utils/UNSAFE_classNames","./classNames-800ce42a","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-1f21b58b","./PRIVATE_Collection","./Collection-252363d1","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-aa6411a2","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-a01c0bda","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-42179f72","./_curry2-f172ac33","./_curry3-d4869a9a","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-10fcb9d9","./tslib.es6-b7df6ad2","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-ac02514c","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-775e90e5","./utils/UNSAFE_interpolations/boxalignment","./keys-9703970b","./utils/UNSAFE_interpolations/flexbox","./flexbox-9d055169","./utils/UNSAFE_interpolations/flexitem","./flexitem-47db74b7","./UNSAFE_Selector","./index-2339a25b","./index-5a0f2c1e","./UNSAFE_Icon","./Icon-fba33d1c","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-29a9dee6","./index-b66b2456","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-ed4fee9b","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,t,i,l,n,a,u,_,r,A,E,c,F,S,U,N,b,d,k,h,T,f,p,I,m,x,V,P,R,C,g,y,L,M,v,z,j,O,w,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,te,ie,le,ne,ae,ue,_e,re,Ae,Ee,ce,Fe,Se,Ue){"use strict";e.List=o.List,e.SkeletonContainer=o.SkeletonContainer,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./List-2f7a2bfe","preact/jsx-runtime","preact/hooks","css!./PRIVATE_List.css","./utils/UNSAFE_classNames","./classNames-8a2ab2d1","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-0d91c279","./PRIVATE_Collection","./Collection-a2023ec4","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-4f50509f","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-8cdc3fc9","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-a40e5823","./_curry2-1661cf76","./_curry3-34863786","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-c89a5959","./tslib.es6-e942bc3b","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-1fd7a32b","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-1deb0905","./utils/UNSAFE_interpolations/boxalignment","./keys-561e97be","./utils/UNSAFE_interpolations/flexbox","./flexbox-94241923","./utils/UNSAFE_interpolations/flexitem","./flexitem-f32d454e","./UNSAFE_Selector","./index-007b4d4c","./index-517799b7","./UNSAFE_Icon","./Icon-051e5c7b","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-5ed96514","./index-c4d84f43","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-7baf6a7e","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,t,i,l,n,a,u,_,r,A,c,E,F,S,U,N,b,k,d,h,T,f,p,I,m,x,V,P,R,C,g,y,L,M,v,z,j,O,w,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,te,ie,le,ne,ae,ue,_e,re,Ae,ce,Ee,Fe,Se,Ue){"use strict";e.List=o.List,e.SkeletonContainer=o.SkeletonContainer,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_List.js.map

package/amd/PRIVATE_Message/__tests__/MessageCloseButton.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","@testing-library/user-event","chai","../../MessageCloseButton-e5e23578","css!./../../PRIVATE_Message.css","../../UNSAFE_Button","../../Button-198c8ed6","../../UNSAFE_BaseButton","../../BaseButton-a0dcd5bc","../../tslib.es6-b7df6ad2","../../hooks/UNSAFE_usePress","preact/hooks","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_classNames","../../classNames-800ce42a","preact/compat","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-42179f72","../../utils/UNSAFE_mergeInterpolations","../../_curry3-d4869a9a","../../_curry2-f172ac33","../../_has-ac02514c","../../utils/PRIVATE_clientHints","../../clientHints-c5aa6e9c","../../hooks/UNSAFE_useTabbableMode","preact","../../utils/UNSAFE_mergeProps","../../index-2339a25b","../../index-5a0f2c1e","../../UNSAFE_Icon","../../Icon-fba33d1c","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-29a9dee6","../../index-b66b2456","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-ed4fee9b","../../hooks/UNSAFE_useTheme"],function(e,t,o,s,n,i,c,a,u,l,r,d,A,_,E,U,F,N,k,b,S,f,h,g,p,y,m,x,B,T,C,I,j,v,M,P,R,H,V,w,O,q,z,L,D,G,J,K,Q,W,X,Y){"use strict";function Z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var $=Z(o);describe("Test MessageCloseButton component",()=>{it("default renderer",async function(){const o={clicked:!1},i=t.render(e.jsx(n.MessageCloseButton,{onAction:function(){o.clicked=!0}})),c=await i.findByRole("button");s.expect(c).not.null,$.default.click(c),s.expect(o.clicked).to.be.true}),it("custom button renderer",async function(){const o={clicked:!1},i=t.render(e.jsx(n.MessageCloseButton,{onAction:function(){o.clicked=!0},buttonRenderer:(t,o,s)=>e.jsx("button",Object.assign({style:"background-color: orange;","aria-label":t,onClick:o,title:t},{children:t}))})),c=await i.findByText("Close");s.expect(c).not.null,s.expect(c.style.backgroundColor).to.equal("orange"),$.default.click(c),s.expect(o.clicked).to.be.true})})});
+define(["preact/jsx-runtime","@testing-library/preact","@testing-library/user-event","chai","../../MessageCloseButton-56a1b482","css!./../../PRIVATE_Message.css","../../UNSAFE_Button","../../Button-c2a2ed3c","../../UNSAFE_BaseButton","../../BaseButton-11b235cb","../../tslib.es6-e942bc3b","../../hooks/UNSAFE_usePress","preact/hooks","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_classNames","../../classNames-8a2ab2d1","preact/compat","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-a40e5823","../../utils/UNSAFE_mergeInterpolations","../../_curry3-34863786","../../_curry2-1661cf76","../../_has-1fd7a32b","../../utils/PRIVATE_clientHints","../../clientHints-4dcd5beb","../../hooks/UNSAFE_useTabbableMode","preact","../../utils/UNSAFE_mergeProps","../../index-007b4d4c","../../index-517799b7","../../UNSAFE_Icon","../../Icon-051e5c7b","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-5ed96514","../../index-c4d84f43","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-7baf6a7e","../../hooks/UNSAFE_useTheme"],function(e,t,o,s,n,i,c,u,a,l,r,d,A,_,b,E,U,F,N,k,S,f,h,g,p,y,m,x,B,T,C,I,j,v,M,P,R,H,V,w,O,q,z,L,D,G,J,K,Q,W,X,Y){"use strict";function Z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var $=Z(o);describe("Test MessageCloseButton component",()=>{it("default renderer",async function(){const o={clicked:!1},i=t.render(e.jsx(n.MessageCloseButton,{onAction:function(){o.clicked=!0}})),c=await i.findByRole("button");s.expect(c).not.null,$.default.click(c),s.expect(o.clicked).to.be.true}),it("custom button renderer",async function(){const o={clicked:!1},i=t.render(e.jsx(n.MessageCloseButton,{onAction:function(){o.clicked=!0},buttonRenderer:(t,o,s)=>e.jsx("button",Object.assign({style:"background-color: orange;","aria-label":t,onClick:o,title:t},{children:t}))})),c=await i.findByText("Close");s.expect(c).not.null,s.expect(c.style.backgroundColor).to.equal("orange"),$.default.click(c),s.expect(o.clicked).to.be.true})})});
 //# sourceMappingURL=MessageCloseButton.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageDetail.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageDetail-cdf90f10","css!./../../PRIVATE_Message.css","preact","../../utils/UNSAFE_classNames","../../classNames-800ce42a","../../MessageFormattingUtils-e81ab058","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-e64e8539","../../Message.types-6c6dbbc6","../../utils/UNSAFE_arrayUtils"],function(e,t,i,s,n,a,d,r,l,o,c,y,m,u){"use strict";const p={data:{detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."},index:0,key:"ConfirmationMessage",metadata:{key:"ConfirmationMessage"}};describe("Test MessageDetail component",()=>{it("default renderer",async function(){const n=t.render(e.jsx(s.MessageDetail,{item:p})),a=await n.findByText("Lorem Ipsum is simply dummy text of the printing and typesetting industry.");i.expect(a).not.null}),it("custom renderer",async function(){const n=t.render(e.jsx(s.MessageDetail,{item:p,renderer:({data:t,index:i,key:s,metadata:n})=>e.jsxs("div",Object.assign({style:"border: 1px solid gray; padding: 5px; background-color: orange;","data-testid":"customWrapper"},{children:[e.jsxs("div",{children:["index: ",i]}),e.jsxs("div",{children:["key: ",s]}),e.jsxs("div",{children:["detail: ",t.detail]}),e.jsxs("div",{children:["metadata key: ",null==n?void 0:n.key]})]}))})),a=await n.findByTestId("customWrapper");i.expect(a).not.null,i.expect(null==a?void 0:a.style.backgroundColor).to.equal("orange");const d=await n.findByText("index: 0");i.expect(d).not.null;const r=await n.findByText("key: ConfirmationMessage");i.expect(r).not.null;const l=await n.findByText("detail: Lorem Ipsum is simply dummy text of the printing and typesetting industry.");i.expect(l).not.null;const o=await n.findByText("metadata key: ConfirmationMessage");i.expect(o).not.null})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageDetail-3accef82","css!./../../PRIVATE_Message.css","preact","../../utils/UNSAFE_classNames","../../classNames-8a2ab2d1","../../MessageFormattingUtils-f3552dd6","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-b12b833f","../../Message.types-1bd2ebd5","../../utils/UNSAFE_arrayUtils"],function(e,t,i,s,n,a,d,r,l,o,c,y,m,u){"use strict";const p={data:{detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."},index:0,key:"ConfirmationMessage",metadata:{key:"ConfirmationMessage"}};describe("Test MessageDetail component",()=>{it("default renderer",async function(){const n=t.render(e.jsx(s.MessageDetail,{item:p})),a=await n.findByText("Lorem Ipsum is simply dummy text of the printing and typesetting industry.");i.expect(a).not.null}),it("custom renderer",async function(){const n=t.render(e.jsx(s.MessageDetail,{item:p,renderer:({data:t,index:i,key:s,metadata:n})=>e.jsxs("div",Object.assign({style:"border: 1px solid gray; padding: 5px; background-color: orange;","data-testid":"customWrapper"},{children:[e.jsxs("div",{children:["index: ",i]}),e.jsxs("div",{children:["key: ",s]}),e.jsxs("div",{children:["detail: ",t.detail]}),e.jsxs("div",{children:["metadata key: ",null==n?void 0:n.key]})]}))})),a=await n.findByTestId("customWrapper");i.expect(a).not.null,i.expect(null==a?void 0:a.style.backgroundColor).to.equal("orange");const d=await n.findByText("index: 0");i.expect(d).not.null;const r=await n.findByText("key: ConfirmationMessage");i.expect(r).not.null;const l=await n.findByText("detail: Lorem Ipsum is simply dummy text of the printing and typesetting industry.");i.expect(l).not.null;const o=await n.findByText("metadata key: ConfirmationMessage");i.expect(o).not.null})})});
 //# sourceMappingURL=MessageDetail.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageFormattingUtils.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["chai","../../MessageFormattingUtils-e81ab058","../../Message.types-6c6dbbc6","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-e64e8539","../../utils/UNSAFE_arrayUtils"],function(e,t,i,o,s,a,r){"use strict";describe("Test MessageFormattingUtils",()=>{it("isValidValueForProp",function(){i.severities.forEach(i=>{e.expect(t.isValidValueForProp(i,"severity")).to.be.true}),e.expect(t.isValidValueForProp("foo","severity")).to.be.false,e.expect(t.isValidValueForProp((new Date).toISOString(),"timestamp")).to.be.true,e.expect(t.isValidValueForProp("foo","timestamp")).to.be.false,e.expect(t.isValidValueForProp("foo","string")).to.be.true,e.expect(t.isValidValueForProp("","string")).to.be.false,e.expect(t.isValidValueForProp(null,"string")).to.be.false,e.expect(t.isValidValueForProp(void 0,"string")).to.be.false}),it("formatTimestamp",function(){const i=t.formatTimestamp((new Date).toISOString());e.expect(t.isValidValueForProp(i,"string")).to.be.true;try{const i=t.formatTimestamp("foo");e.expect(t.isValidValueForProp(i,"timestamp")).to.be.false}catch(t){e.expect(t).not.null}})})});
+define(["chai","../../MessageFormattingUtils-f3552dd6","../../Message.types-1bd2ebd5","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-b12b833f","../../utils/UNSAFE_arrayUtils"],function(e,t,i,o,s,a,r){"use strict";describe("Test MessageFormattingUtils",()=>{it("isValidValueForProp",function(){i.severities.forEach(i=>{e.expect(t.isValidValueForProp(i,"severity")).to.be.true}),e.expect(t.isValidValueForProp("foo","severity")).to.be.false,e.expect(t.isValidValueForProp((new Date).toISOString(),"timestamp")).to.be.true,e.expect(t.isValidValueForProp("foo","timestamp")).to.be.false,e.expect(t.isValidValueForProp("foo","string")).to.be.true,e.expect(t.isValidValueForProp("","string")).to.be.false,e.expect(t.isValidValueForProp(null,"string")).to.be.false,e.expect(t.isValidValueForProp(void 0,"string")).to.be.false}),it("formatTimestamp",function(){const i=t.formatTimestamp((new Date).toISOString());e.expect(t.isValidValueForProp(i,"string")).to.be.true;try{const i=t.formatTimestamp("foo");e.expect(t.isValidValueForProp(i,"timestamp")).to.be.false}catch(t){e.expect(t).not.null}})})});
 //# sourceMappingURL=MessageFormattingUtils.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageStartIcon.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageStartIcon-08f308fb","../../Message.types-6c6dbbc6","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-800ce42a","../../index-2339a25b","../../index-5a0f2c1e","../../UNSAFE_Icon","../../Icon-fba33d1c","../../tslib.es6-b7df6ad2","preact","../../utils/UNSAFE_size","../../hooks/UNSAFE_useTooltip","preact/hooks","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-29a9dee6","preact/compat","../../index-b66b2456","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../utils/UNSAFE_arrayUtils","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../utils/UNSAFE_mergeProps","../../hooks/UNSAFE_useAnimation","../../useAnimation-ed4fee9b","../../hooks/UNSAFE_useTheme","../../UNSAFE_Flex","../../Flex-775e90e5","../../utils/UNSAFE_interpolations/dimensions","../../_curry1-42179f72","../../utils/UNSAFE_mergeInterpolations","../../_curry3-d4869a9a","../../_curry2-f172ac33","../../_has-ac02514c","../../utils/UNSAFE_interpolations/boxalignment","../../keys-9703970b","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-9d055169","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-47db74b7"],function(e,s,t,o,i,n,a,r,l,c,u,_,F,A,E,U,S,N,d,f,b,h,m,p,x,g,k,y,I,T,v,M,P,j,C,R,V,z,H,L,O,$,q,w,B,D,G,J,K,Q,W){"use strict";describe("Test MessageStartIcon component",()=>{for(const n in i.severities)"none"!==n&&it(`severity ${n}`,async function(){const i=s.render(e.jsx(o.MessageStartIcon,{severity:n})).container.firstElementChild;t.expect(i).not.null})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageStartIcon-5ae3e2fa","../../Message.types-1bd2ebd5","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-8a2ab2d1","../../index-007b4d4c","../../index-517799b7","../../UNSAFE_Icon","../../Icon-051e5c7b","../../tslib.es6-e942bc3b","preact","../../utils/UNSAFE_size","../../hooks/UNSAFE_useTooltip","preact/hooks","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-5ed96514","preact/compat","../../index-c4d84f43","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../utils/UNSAFE_arrayUtils","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../utils/UNSAFE_mergeProps","../../hooks/UNSAFE_useAnimation","../../useAnimation-7baf6a7e","../../hooks/UNSAFE_useTheme","../../UNSAFE_Flex","../../Flex-1deb0905","../../utils/UNSAFE_interpolations/dimensions","../../_curry1-a40e5823","../../utils/UNSAFE_mergeInterpolations","../../_curry3-34863786","../../_curry2-1661cf76","../../_has-1fd7a32b","../../utils/UNSAFE_interpolations/boxalignment","../../keys-561e97be","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-94241923","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-f32d454e"],function(e,s,t,o,i,n,a,r,l,c,u,_,F,A,E,U,S,N,d,b,f,h,m,p,x,g,k,y,I,T,v,M,P,j,C,R,V,z,H,L,O,$,q,w,B,D,G,J,K,Q,W){"use strict";describe("Test MessageStartIcon component",()=>{for(const n in i.severities)"none"!==n&&it(`severity ${n}`,async function(){const i=s.render(e.jsx(o.MessageStartIcon,{severity:n})).container.firstElementChild;t.expect(i).not.null})})});
 //# sourceMappingURL=MessageStartIcon.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageSummary.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageSummary-7f3d5e57","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-800ce42a"],function(e,s,a,t,n,i,r){"use strict";describe("Test MessageSummary component",()=>{it("text",async function(){const n=s.render(e.jsx(t.MessageSummary,{text:"My Message Summary"})),i=await n.findByText("My Message Summary");a.expect(i).not.null})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageSummary-33ad094f","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-8a2ab2d1"],function(e,a,s,t,n,i,r){"use strict";describe("Test MessageSummary component",()=>{it("text",async function(){const n=a.render(e.jsx(t.MessageSummary,{text:"My Message Summary"})),i=await n.findByText("My Message Summary");s.expect(i).not.null})})});
 //# sourceMappingURL=MessageSummary.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageTimestamp.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageTimestamp-a3284f86","../../MessageFormattingUtils-e81ab058","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-800ce42a","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-e64e8539","../../Message.types-6c6dbbc6","../../utils/UNSAFE_arrayUtils"],function(e,t,s,a,i,n,c,r,l,m,o,u,g){"use strict";const p=new Date,f=new Date(p);f.setUTCFullYear(2020);const d=/\u202f/g,T=function(e){return e.replace(d," ")};describe("Test MessageTimestamp component",()=>{it("today's date",async function(){const n=p.toISOString(),c=t.render(e.jsx(a.MessageTimestamp,{value:n})),r=T(i.formatTimestamp(n)),l=await c.findByText(r);s.expect(l).not.null}),it("past date",async function(){const n=f.toISOString(),c=t.render(e.jsx(a.MessageTimestamp,{value:n})),r=T(i.formatTimestamp(n)),l=await c.findByText(r);s.expect(l).not.null})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageTimestamp-ee4aca90","../../MessageFormattingUtils-f3552dd6","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-8a2ab2d1","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-b12b833f","../../Message.types-1bd2ebd5","../../utils/UNSAFE_arrayUtils"],function(t,e,s,a,i,n,r,c,l,m,o,u,d){"use strict";const g=new Date,p=new Date(g);p.setUTCFullYear(2020);const f=/\u202f/g,T=function(t){return t.replace(f," ")};describe("Test MessageTimestamp component",()=>{it("today's date",async function(){const n=g.toISOString(),r=e.render(t.jsx(a.MessageTimestamp,{value:n})),c=T(i.formatTimestamp(n)),l=await r.findByText(c);s.expect(l).not.null}),it("past date",async function(){const n=p.toISOString(),r=e.render(t.jsx(a.MessageTimestamp,{value:n})),c=T(i.formatTimestamp(n)),l=await r.findByText(c);s.expect(l).not.null})})});
 //# sourceMappingURL=MessageTimestamp.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageUtils.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","chai","../../MessageUtils-1b8f1958","../../utils/UNSAFE_logger","../../_curry1-42179f72","../../_curry2-f172ac33","../../utils/UNSAFE_soundUtils","../../MessageFormattingUtils-e81ab058","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-e64e8539","../../Message.types-6c6dbbc6","../../utils/UNSAFE_arrayUtils"],function(e,t,r,n,s,i,c,o,d,a,l,u,g){"use strict";describe("Test MessageUtils",()=>{it("throwError",function(){try{r.throwError("foo"),t.expect(!0).to.be.false}catch(e){t.expect(e).not.null}}),it("getRenderer",function(){const n={data:{detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."},index:0,key:"ConfirmationMessage",metadata:{key:"ConfirmationMessage"}},s={testRenderer:()=>e.jsx("div",{})},i=r.getRenderer(n,"testRenderer");t.expect(i).undefined;const c=r.getRenderer(n,"testRenderer",s);t.expect(c).to.equal(s.testRenderer);try{const e=r.getRenderer(n,"foo",s);t.expect(e).null}catch(e){t.expect(e).not.null}const o=r.getRenderer(n,void 0,s);t.expect(o).undefined;const d=r.getRenderer(n,()=>"testRenderer",s);t.expect(d).to.equal(s.testRenderer);try{const e=r.getRenderer(n,()=>"foo",s);t.expect(e).null}catch(e){t.expect(e).not.null}const a=r.getRenderer(n,()=>{},s);t.expect(a).undefined})})});
+define(["preact/jsx-runtime","chai","../../MessageUtils-3e182828","../../utils/UNSAFE_logger","../../_curry1-a40e5823","../../_curry2-1661cf76","../../utils/UNSAFE_soundUtils","../../MessageFormattingUtils-f3552dd6","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-b12b833f","../../Message.types-1bd2ebd5","../../utils/UNSAFE_arrayUtils"],function(e,t,r,n,s,i,o,d,c,l,a,u,g){"use strict";describe("Test MessageUtils",()=>{it("throwError",function(){try{r.throwError("foo"),t.expect(!0).to.be.false}catch(e){t.expect(e).not.null}}),it("getRenderer",function(){const n={data:{detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."},index:0,key:"ConfirmationMessage",metadata:{key:"ConfirmationMessage"}},s={testRenderer:()=>e.jsx("div",{})},i=r.getRenderer(n,"testRenderer");t.expect(i).undefined;const o=r.getRenderer(n,"testRenderer",s);t.expect(o).to.equal(s.testRenderer);try{const e=r.getRenderer(n,"foo",s);t.expect(e).null}catch(e){t.expect(e).not.null}const d=r.getRenderer(n,void 0,s);t.expect(d).undefined;const c=r.getRenderer(n,()=>"testRenderer",s);t.expect(c).to.equal(s.testRenderer);try{const e=r.getRenderer(n,()=>"foo",s);t.expect(e).null}catch(e){t.expect(e).not.null}const l=r.getRenderer(n,()=>{},s);t.expect(l).undefined})})});
 //# sourceMappingURL=MessageUtils.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessagesManager.spec.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessagesManager-f10f9b86","preact","preact/hooks","../../PRIVATE_TransitionGroup","../../tslib.es6-b7df6ad2","../../hooks/UNSAFE_useAnimation","../../useAnimation-ed4fee9b","../../hooks/UNSAFE_useMessagesContext"],function(e,t,i,s,n,a,r,d,m,o,y){"use strict";const p=[{key:"ErrorMessage",data:{severity:"error",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"WarningMessage",data:{severity:"warning",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"ConfirmationMessage",data:{severity:"confirmation",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"InfoMessage",data:{severity:"info",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}}];describe("Test MessagesManager component",()=>{it("child renderer",async function(){const n=t.render(e.jsx(s.MessagesManager,Object.assign({data:p},{children:({index:t,item:i})=>e.jsxs("div",Object.assign({style:"border: 1px solid gray; padding: 5px; background-color: orange;","data-testid":i.key},{children:[e.jsxs("div",{children:["index: ",t]}),e.jsxs("div",{children:["key: ",i.key]}),e.jsxs("div",{children:["severity: ",i.data.severity]}),e.jsxs("div",{children:["summary: ",i.data.summary]}),e.jsxs("div",{children:["detail: ",i.data.detail]}),e.jsxs("div",{children:["timestamp: ",i.data.timestamp]})]}))})));await Promise.all(p.map(async e=>{const t=await n.findByTestId(e.key);i.expect(t).not.null,i.expect(t.style.backgroundColor).to.equal("orange");const s=await n.findByText(`severity: ${e.data.severity}`);i.expect(s).not.null}))})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessagesManager-a8de1b1e","preact","preact/hooks","../../PRIVATE_TransitionGroup","../../tslib.es6-e942bc3b","../../hooks/UNSAFE_useAnimation","../../useAnimation-7baf6a7e","../../hooks/UNSAFE_useMessagesContext"],function(e,t,i,s,n,a,r,d,m,o,y){"use strict";const p=[{key:"ErrorMessage",data:{severity:"error",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"WarningMessage",data:{severity:"warning",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"ConfirmationMessage",data:{severity:"confirmation",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"InfoMessage",data:{severity:"info",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}}];describe("Test MessagesManager component",()=>{it("child renderer",async function(){const n=t.render(e.jsx(s.MessagesManager,Object.assign({data:p},{children:({index:t,item:i})=>e.jsxs("div",Object.assign({style:"border: 1px solid gray; padding: 5px; background-color: orange;","data-testid":i.key},{children:[e.jsxs("div",{children:["index: ",t]}),e.jsxs("div",{children:["key: ",i.key]}),e.jsxs("div",{children:["severity: ",i.data.severity]}),e.jsxs("div",{children:["summary: ",i.data.summary]}),e.jsxs("div",{children:["detail: ",i.data.detail]}),e.jsxs("div",{children:["timestamp: ",i.data.timestamp]})]}))})));await Promise.all(p.map(async e=>{const t=await n.findByTestId(e.key);i.expect(t).not.null,i.expect(t.style.backgroundColor).to.equal("orange");const s=await n.findByText(`severity: ${e.data.severity}`);i.expect(s).not.null}))})})});
 //# sourceMappingURL=MessagesManager.spec.js.map

package/amd/PRIVATE_Message.css CHANGED Viewed

@@ -1,34 +1,34 @@
-._17g55qx{overflow-wrap:anywhere;}
-.jw80pj{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-.r0m2m8{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-detail-text-color);}
+.hp8sm9{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color);border-bottom:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}.hp8sm9:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+.kc3ur7{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color);border-radius:6px;box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm);width:fit-content;}.kc3ur7:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+.nqkp8w{border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);}
+.shvvzf{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+._1nta2yp{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
+.p5sg53{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-._1768k4c{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color);border-bottom:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}._1768k4c:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-.kb8h9r{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color);border-radius:6px;box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm);width:fit-content;}.kb8h9r:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-._1qw3dno{border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);}
-._1i2rsjo{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-._1mkamu6{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
-._17epvks{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+.gwnx9u{overflow-wrap:anywhere;}
+.uhyez9{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+.zc324z{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-detail-text-color);}
-._1tgtupa{align-self:flex-start;display:flex;}
-._144lesu{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);margin-inline-end:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));margin-top:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));margin-bottom:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));}
-._1t2pjht{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);margin-inline-end:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);margin-top:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);margin-bottom:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);}
+.qwn0xj{align-self:flex-start;display:flex;}
+._1cm1xi4{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);margin-inline-end:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));margin-top:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));margin-bottom:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));}
+.jmx4p7{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);margin-inline-end:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);margin-top:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);margin-bottom:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);}
-._10yidj0{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);display:flex;align-self:flex-start;}
-._197e6wy{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
-._1e9sus0{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
-._18qds03{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
-.dkm7d9{height:100%;}
+.konmzx{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);display:flex;align-self:flex-start;}
+.b597fd{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
+._1o0slf2{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
+._4pusl3{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
+.v9e7u5{height:100%;}
-._4nrqsv{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._1v1m00r{flex:1;overflow-wrap:anywhere;}
+._1xujj10{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color);}
+.n112xy{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:400;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);line-height:1.333;}
+._1wmw0p4{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-color);}
-.qah4tq{flex:1;overflow-wrap:anywhere;}
-._1ljbado{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color);}
-._76tb20{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:400;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);line-height:1.333;}
-._1kfdphw{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-color);}
+.qqg5nm{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-.fhijhb{box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){.fhijhb{flex-direction:column;}}
-._1lk3anf{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
-._1mhncp0{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
+.w6lraf{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);align-self:flex-start;display:flex;}
+._1j06xg4{height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
-.hkf7qh{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);align-self:flex-start;display:flex;}
-._1jts9f4{height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
+.bj4jnt{box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){.bj4jnt{flex-direction:column;}}
+._1jvsiq0{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
+.oaqrio{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}

package/amd/PRIVATE_Message.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","css!./PRIVATE_Message.css","preact/hooks","./UNSAFE_Flex","./utils/PRIVATE_timer","./utils/UNSAFE_classNames","./MessageCloseButton-e5e23578","./classNames-800ce42a","./MessageDetail-cdf90f10","./MessageFormattingUtils-e81ab058","./MessageStartIcon-08f308fb","./MessageSummary-7f3d5e57","./MessageTimestamp-a3284f86","./MessageUtils-1b8f1958","./Flex-775e90e5","./MessagesManager-f10f9b86","./Message.types-6c6dbbc6","./tslib.es6-b7df6ad2","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-42179f72","./utils/UNSAFE_mergeInterpolations","./_curry3-d4869a9a","./_curry2-f172ac33","./_has-ac02514c","./utils/UNSAFE_interpolations/boxalignment","./keys-9703970b","./utils/UNSAFE_interpolations/flexbox","./flexbox-9d055169","./utils/UNSAFE_interpolations/flexitem","./flexitem-47db74b7","./UNSAFE_Button","./Button-198c8ed6","./UNSAFE_BaseButton","./BaseButton-a0dcd5bc","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","preact/compat","./utils/PRIVATE_clientHints","./clientHints-c5aa6e9c","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-2339a25b","./index-5a0f2c1e","./UNSAFE_Icon","./Icon-fba33d1c","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-29a9dee6","./index-b66b2456","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-ed4fee9b","./hooks/UNSAFE_useTheme","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-e64e8539","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext"],function(e,s,t,a,n,o,i,r,l,c,u,d,g,m,b,_,S,f,E,F,A,U,p,N,x,h,v,M,k,y,j,T,I,B,C,R,V,O,P,D,w,H,q,L,W,z,G,K,J,Q,X,Y,Z,$,ee,se,te,ae,ne,oe,ie,re,le,ce,ue,de,ge,me,be,_e,Se,fe,Ee,Fe){"use strict";const Ae="hkf7qh",Ue="_1jts9f4";function pe({item:e,renderer:t}){const a=l.classNames([Ae,Ue]);return s.jsx("div",Object.assign({class:a,role:"presentation"},{children:t(e)}))}const Ne={base:"fhijhb",banner:"_1lk3anf",inline:void 0,toast:"_1mhncp0"};function xe({children:e,variant:t="banner"}){const a=l.classNames([Ne.base,Ne[t]]);return s.jsx("div",Object.assign({role:"presentation",class:a},{children:e}))}function he(e){return u.isValidValueForProp(e,"severity")&&"none"!==e}const ve={base:{banner:"_1768k4c",toast:"kb8h9r"},section:"_1qw3dno",content:{base:"_1i2rsjo",banner:"_1mkamu6",toast:"_17epvks"}};e.MessageCloseButton=r.MessageCloseButton,e.MessageDetail=c.MessageDetail,e.formatTimestamp=u.formatTimestamp,e.isValidValueForProp=u.isValidValueForProp,e.MessageStartIcon=d.MessageStartIcon,e.MessageSummary=g.MessageSummary,e.MessageTimestamp=m.MessageTimestamp,e.getRenderer=b.getRenderer,e.getRendererWithoutIndex=b.getRendererWithoutIndex,e.isSeverityIconNeeded=b.isSeverityIconNeeded,e.playSound=b.playSound,e.severityBasedStyleClass=b.severityBasedStyleClass,e.throwError=b.throwError,e.MessagesManager=S.MessagesManager,e.severities=f.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:t,iconRenderer:n,index:i=-1,item:S,onClose:f,messageRef:E=(()=>{}),variant:F="pageBanner",translations:A}){const{closeAffordance:U="on",severity:p="error",sound:N,summary:x,timestamp:h}=S.data,{autoTimeout:v="off"}=S.data,M=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(F),k=a.useCallback(()=>{null==f||f(S)},[S,f]),y=a.useCallback(e=>{"Escape"===e.key&&"on"===U&&(null==f||f(S))},[U,S,f]),j="toast"===M&&"off"!==v,T=a.useRef(),I="on"===v?5e3:"number"==typeof v?v:5e3,B=a.useCallback(()=>{T.current||(T.current=new o.Timer(k,I))},[k,I]),C=a.useCallback(()=>{T.current&&(T.current.clear(),T.current=void 0)},[]),R=a.useCallback(()=>{var e;null===(e=T.current)||void 0===e||e.pause()},[]),V=a.useCallback(()=>{var e;null===(e=T.current)||void 0===e||e.resume()},[]);a.useEffect(()=>(u.isValidValueForProp(N)&&b.playSound(N),j&&B(),()=>{C()}),[]);const O=l.classNames([ve.base[M],"toast"!==F&&b.severityBasedStyleClass(p,M),"sectionBanner"===F&&ve.section]),P=l.classNames([ve.content.base,ve.content[M]]);return s.jsx("div",Object.assign({ref:E,class:O,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:y,onfocusin:R,onfocusout:V},{children:s.jsxs("div",Object.assign({class:P},{children:[n?s.jsx(pe,{item:Object.assign(Object.assign({},S),{index:i}),renderer:n}):he(p)?s.jsx(d.MessageStartIcon,{severity:p,variant:M,translations:A}):null,s.jsxs(_.Flex,Object.assign({direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x"},{children:[s.jsxs(xe,Object.assign({variant:M},{children:[s.jsx(g.MessageSummary,{variant:M,text:x}),u.isValidValueForProp(h,"timestamp")&&"toast"!==F&&s.jsx(m.MessageTimestamp,{variant:M,value:h})]})),s.jsx(c.MessageDetail,{variant:M,item:Object.assign(Object.assign({},S),{index:i}),renderer:t})]})),"on"===U&&s.jsx(r.MessageCloseButton,{buttonRenderer:e,title:null==A?void 0:A.close,variant:M,onAction:k})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","css!./PRIVATE_Message.css","preact/hooks","./UNSAFE_Flex","./utils/PRIVATE_timer","./utils/UNSAFE_classNames","./MessageCloseButton-56a1b482","./classNames-8a2ab2d1","./MessageDetail-3accef82","./MessageFormattingUtils-f3552dd6","./MessageStartIcon-5ae3e2fa","./MessageSummary-33ad094f","./MessageTimestamp-ee4aca90","./MessageUtils-3e182828","./Flex-1deb0905","./MessagesManager-a8de1b1e","./Message.types-1bd2ebd5","./tslib.es6-e942bc3b","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-a40e5823","./utils/UNSAFE_mergeInterpolations","./_curry3-34863786","./_curry2-1661cf76","./_has-1fd7a32b","./utils/UNSAFE_interpolations/boxalignment","./keys-561e97be","./utils/UNSAFE_interpolations/flexbox","./flexbox-94241923","./utils/UNSAFE_interpolations/flexitem","./flexitem-f32d454e","./UNSAFE_Button","./Button-c2a2ed3c","./UNSAFE_BaseButton","./BaseButton-11b235cb","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","preact/compat","./utils/PRIVATE_clientHints","./clientHints-4dcd5beb","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-007b4d4c","./index-517799b7","./UNSAFE_Icon","./Icon-051e5c7b","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-5ed96514","./index-c4d84f43","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-7baf6a7e","./hooks/UNSAFE_useTheme","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-b12b833f","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext"],function(e,s,t,a,n,o,i,r,l,c,u,d,g,m,b,S,_,p,E,F,A,U,f,N,x,v,M,h,y,j,k,T,I,B,C,R,V,O,P,w,D,q,H,z,L,W,G,K,J,Q,X,Y,Z,$,ee,se,te,ae,ne,oe,ie,re,le,ce,ue,de,ge,me,be,Se,_e,pe,Ee,Fe){"use strict";const Ae="w6lraf",Ue="_1j06xg4";function fe({item:e,renderer:t}){const a=l.classNames([Ae,Ue]);return s.jsx("div",Object.assign({class:a,role:"presentation"},{children:t(e)}))}const Ne={base:"bj4jnt",banner:"_1jvsiq0",inline:void 0,toast:"oaqrio"};function xe({children:e,variant:t="banner"}){const a=l.classNames([Ne.base,Ne[t]]);return s.jsx("div",Object.assign({role:"presentation",class:a},{children:e}))}function ve(e){return u.isValidValueForProp(e,"severity")&&"none"!==e}const Me={base:{banner:"hp8sm9",toast:"kc3ur7"},section:"nqkp8w",content:{base:"shvvzf",banner:"_1nta2yp",toast:"p5sg53"}};e.MessageCloseButton=r.MessageCloseButton,e.MessageDetail=c.MessageDetail,e.formatTimestamp=u.formatTimestamp,e.isValidValueForProp=u.isValidValueForProp,e.MessageStartIcon=d.MessageStartIcon,e.MessageSummary=g.MessageSummary,e.MessageTimestamp=m.MessageTimestamp,e.getRenderer=b.getRenderer,e.getRendererWithoutIndex=b.getRendererWithoutIndex,e.isSeverityIconNeeded=b.isSeverityIconNeeded,e.playSound=b.playSound,e.severityBasedStyleClass=b.severityBasedStyleClass,e.throwError=b.throwError,e.MessagesManager=_.MessagesManager,e.severities=p.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:t,iconRenderer:n,index:i=-1,item:_,onClose:p,messageRef:E=(()=>{}),variant:F="pageBanner",translations:A}){const{closeAffordance:U="on",severity:f="error",sound:N,summary:x,timestamp:v}=_.data,{autoTimeout:M="off"}=_.data,h=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(F),y=a.useCallback(()=>{null==p||p(_)},[_,p]),j=a.useCallback(e=>{"Escape"===e.key&&"on"===U&&(null==p||p(_))},[U,_,p]),k="toast"===h&&"off"!==M,T=a.useRef(),I="on"===M?5e3:"number"==typeof M?M:5e3,B=a.useCallback(()=>{T.current||(T.current=new o.Timer(y,I))},[y,I]),C=a.useCallback(()=>{T.current&&(T.current.clear(),T.current=void 0)},[]),R=a.useCallback(()=>{var e;null===(e=T.current)||void 0===e||e.pause()},[]),V=a.useCallback(()=>{var e;null===(e=T.current)||void 0===e||e.resume()},[]);a.useEffect(()=>(u.isValidValueForProp(N)&&b.playSound(N),k&&B(),()=>{C()}),[]);const O=l.classNames([Me.base[h],"toast"!==F&&b.severityBasedStyleClass(f,h),"sectionBanner"===F&&Me.section]),P=l.classNames([Me.content.base,Me.content[h]]);return s.jsx("div",Object.assign({ref:E,class:O,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:j,onfocusin:R,onfocusout:V},{children:s.jsxs("div",Object.assign({class:P},{children:[n?s.jsx(fe,{item:Object.assign(Object.assign({},_),{index:i}),renderer:n}):ve(f)?s.jsx(d.MessageStartIcon,{severity:f,variant:h,translations:A}):null,s.jsxs(S.Flex,Object.assign({direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x"},{children:[s.jsxs(xe,Object.assign({variant:h},{children:[s.jsx(g.MessageSummary,{variant:h,text:x}),u.isValidValueForProp(v,"timestamp")&&"toast"!==F&&s.jsx(m.MessageTimestamp,{variant:h,value:v})]})),s.jsx(c.MessageDetail,{variant:h,item:Object.assign(Object.assign({},_),{index:i}),renderer:t})]})),"on"===U&&s.jsx(r.MessageCloseButton,{buttonRenderer:e,title:null==A?void 0:A.close,variant:h,onAction:y})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_Message.js.map