@oracle/oraclejet 13.1.0 → 13.1.2

package/dist/js/libs/oraclejet-preact/cjs/InputText-7b64b88f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText-7b64b88f.js","sources":["../../src/UNSAFE_InputText/InputText.tsx"],"sourcesContent":["/**\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 { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\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 { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\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 { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from './ClearIcon';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype PickedPropsFromTextField = Pick<\n  ComponentProps<typeof TextField>,\n  'id' | 'startContent' | 'endContent'\n>;\n\ntype PickedPropsFromTextFieldInput = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  | 'autoComplete'\n  | 'autoFocus'\n  | 'placeholder'\n  | 'isRequired'\n  | 'role'\n  | 'textAlign'\n  | 'value'\n  | 'onInput'\n  | 'onCommit'\n>;\n\ntype PickedPropsFromInlineUserAssistance = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isRequiredShown'\n  | 'messages'\n  | 'userAssistanceDensity'\n>;\n\ntype Props = PickedPropsFromTextField &\n  PickedPropsFromTextFieldInput &\n  PickedPropsFromInlineUserAssistance & {\n    hasClearIcon?: 'always' | 'conditionally' | 'never';\n    isDisabled?: boolean;\n    isReadonly?: boolean;\n    label: string;\n    labelEdge?: 'inside' | 'start' | 'top' | 'none';\n    labelStartWidth?: Size;\n    maxLength?: number;\n    maxLengthUnit?: CountUnit;\n    virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\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\nexport const InputText = forwardRef(\n  (\n    {\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon,\n      endContent,\n      helpSourceLink,\n      helpSourceText,\n      id,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      maxLength,\n      maxLengthUnit,\n      messages,\n      placeholder,\n      role,\n      startContent,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      virtualKeyboard,\n      onInput,\n      onCommit\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit]\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, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        id,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        labelEdge,\n        messages,\n        value\n      });\n\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInputAndDispatch, value]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(endContent, maybeClearIcon);\n\n    const { isMaxLengthExceeded, valueLength, onFilteredInput } = useLengthFilter({\n      maxLength,\n      maxLengthUnit,\n      value,\n      onInput: onInputAndDispatch,\n      onCommit: onCommitAndDispatch\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      // TODO: should be able to configure whether start/end content is shown when readonly\n      // JET-49916 - Preact InputText: show start/end content when readonly\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              ariaLabel={ariaLabel}\n              ariaLabelledby={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              id={textFieldProps.id}\n              textAlign={textAlign}\n              value={value}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <Fragment>\n        <TextFieldInput\n          ariaLabel={ariaLabel}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={role}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={value}\n          onCommit={onCommitAndDispatch}\n          onInput={onFilteredInput}\n          {...inputProps}\n        />\n        {maxLength !== undefined && (\n          <MaxLengthLiveRegion {...{ isMaxLengthExceeded, maxLength, valueLength }} />\n        )}\n      </Fragment>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          startContent={startContent}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["getClientHints","forwardRef","useCurrentValueReducer","useCallback","useFormContext","useFocusableTextField","useHover","useTextField","useClearIcon","_jsx","ClearIcon","beforeVNode","useLengthFilter","Label","InlineUserAssistance","FormFieldContext","ReadonlyTextField","ReadonlyTextFieldInput","_jsxs","Fragment","TextFieldInput","MaxLengthLiveRegion","TextField"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4EA;;;AAGG;AACH,SAAS,QAAQ,GAAA;AACf,IAAA,MAAM,UAAU,GAAGA,0BAAc,EAAE,CAAC,UAAU,CAAC;AAC/C,IAAA,OAAO,UAAU,KAAK,OAAO,IAAI,UAAU,KAAK,QAAQ,CAAC;AAC3D,CAAC;AAEY,MAAA,SAAS,GAAGC,iBAAU,CACjC,CACE,EACE,aAAa,EACb,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,UAAU,EACV,cAAc,EACd,cAAc,EACd,EAAE,EACF,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAC1B,UAAU,GAAG,KAAK,EAClB,eAAe,EACf,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,SAAS,EACT,aAAa,EACb,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,SAAS,EAAE,aAAa,EACxB,qBAAqB,EAAE,yBAAyB,EAChD,KAAK,EACL,eAAe,EACf,OAAO,EACP,QAAQ,EACF,EACR,GAA0B,KACxB;AACF,IAAA,MAAM,EAAE,kBAAkB,EAAE,QAAQ,EAAE,GAAGC,0DAAsB,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AAC3E,IAAA,MAAM,kBAAkB,GAAGC,iBAAW,CACpC,CAAC,MAAiC,KAAI;;AAEpC,QAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AACnD,QAAA,OAAO,aAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAG,MAAM,CAAC,CAAC;AACpB,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;AACF,IAAA,MAAM,mBAAmB,GAAGA,iBAAW,CACrC,CAAC,MAAiC,KAAI;;AAEpC,QAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AACpD,QAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,MAAM,CAAC,CAAC;AACrB,KAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;AACF,IAAA,MAAM,EACJ,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,SAAS,EAAE,aAAa,EACxB,qBAAqB,EAAE,yBAAyB,EACjD,GAAGC,0CAAc,EAAE,CAAC;;IAErB,MAAM,UAAU,GAAG,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,KAAA,CAAA,GAAA,cAAc,GAAI,cAAc,CAAC;IACpD,MAAM,UAAU,GAAG,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,KAAA,CAAA,GAAA,cAAc,GAAI,cAAc,CAAC;IACpD,MAAM,SAAS,GAAG,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,KAAA,CAAA,GAAA,aAAa,GAAI,aAAa,CAAC;IACjD,MAAM,eAAe,GAAG,mBAAmB,KAAA,IAAA,IAAnB,mBAAmB,KAAnB,KAAA,CAAA,GAAA,mBAAmB,GAAI,mBAAmB,CAAC;IACnE,MAAM,SAAS,GAAG,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,KAAA,CAAA,GAAA,aAAa,GAAI,aAAa,CAAC;IACjD,MAAM,qBAAqB,GAAG,yBAAyB,KAAA,IAAA,IAAzB,yBAAyB,KAAzB,KAAA,CAAA,GAAA,yBAAyB,GAAI,yBAAyB,CAAC;IAErF,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAGC,wDAAqB,CAG5F,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;AACnC,IAAA,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAGC,8BAAQ,CAAC,EAAE,UAAU,EAAE,UAAU,IAAI,UAAU,IAAI,KAAK,EAAE,CAAC,CAAC;AAE5F,IAAA,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,GACrFC,sCAAY,CAAC;QACX,EAAE;QACF,UAAU;QACV,SAAS;QACT,UAAU;QACV,SAAS;QACT,QAAQ;QACR,KAAK;AACN,KAAA,CAAC,CAAC;AAEL,IAAA,MAAM,gBAAgB,GAAGJ,iBAAW,CAAC,MAAK;;;AAExC,QAAA,CAAA,EAAA,GAAA,iBAAiB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;;AAEnC,QAAA,kBAAkB,KAAlB,IAAA,IAAA,kBAAkB,KAAlB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,kBAAkB,CAAG,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AAC5D,KAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhC,MAAM,cAAc,GAAGK,sCAAY,CAAC;AAClC,QAAA,SAAS,EAAEC,cAAC,CAAAC,mBAAS,IAAC,OAAO,EAAE,gBAAgB,EAAI,CAAA;AACnD,QAAA,OAAO,EAAE,YAAY;QACrB,QAAQ,EAAE,gBAAgB,CAAC,QAAQ;QACnC,SAAS;AACT,QAAA,SAAS,EAAE,CAAC,UAAU,IAAI,CAAC,UAAU;QACrC,OAAO;AACR,KAAA,CAAC,CAAC;IACH,MAAM,kBAAkB,GAAGC,uCAAW,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;IAEnE,MAAM,EAAE,mBAAmB,EAAE,WAAW,EAAE,eAAe,EAAE,GAAGC,4CAAe,CAAC;QAC5E,SAAS;QACT,aAAa;QACb,KAAK;AACL,QAAA,OAAO,EAAE,kBAAkB;AAC3B,QAAA,QAAQ,EAAE,mBAAmB;AAC9B,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,SAAS,GAAG,SAAS,KAAK,MAAM,GAAGH,cAAA,CAACI,kBAAK,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,UAAU,cAAG,KAAK,EAAA,CAAA,CAAS,GAAG,SAAS,CAAC;AAE5F,IAAA,MAAM,eAAe,GAAG;QACtB,KAAK,EAAE,SAAS,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS;QACnD,SAAS,EAAE,SAAS,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS;QACvD,eAAe,EAAE,SAAS,KAAK,MAAM,GAAG,eAAe,GAAG,SAAS;KACpE,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,SAAS,KAAK,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;AAE3D,IAAA,MAAM,oBAAoB,GACxB,UAAU,IAAI,UAAU;;;IAGtB,qBAAqB,KAAK,WAAW,GAAG,SAAS,IAC/CJ,cAAA,CAACK,0CAAoB,EAAA,MAAA,CAAA,MAAA,CAAA,EACnB,qBAAqB,EAAE,qBAAqB,EAAA,EACxC,mBAAmB,CAAA,CACvB,CACH,KAEDL,cAAC,CAAAK,0CAAoB,EACnB,MAAA,CAAA,MAAA,CAAA,EAAA,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,KAAK,EACjB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,EACxC,EAAA,mBAAmB,CACvB,CAAA,CACH,CAAC;AAEJ,IAAA,IAAI,UAAU,EAAE;;;AAGd,QAAA,QACEL,cAAC,CAAAM,iDAAgB,CAAC,QAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,KAAK,EAAE,gBAAgB,EAChD,EAAA,EAAA,QAAA,EAAAN,cAAA,CAACO,kCAAiB,EAChB,MAAA,CAAA,MAAA,CAAA,EAAA,IAAI,EAAC,cAAc,EACnB,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,UAAU,CAAC,UAAU,EAC7B,OAAO,EAAE,UAAU,CAAC,SAAS,EACzB,EAAA,eAAe,cACnBP,cAAC,CAAAQ,uCAAsB,IACrB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,UAAU,CAAC,EAAE,EAC7B,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,kBAAkB,EAC9B,EAAE,EAAE,cAAc,CAAC,EAAE,EACrB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,KAAK,KAAK,SAAS,IAAI,SAAS,KAAK,QAAQ,GAC7D,EACgB,CAAA,CAAA,EAAA,CAAA,CACM,EAC5B;AACH,KAAA;IAED,MAAM,WAAW,IACfC,eAAA,CAACC,eAAQ,EACP,EAAA,QAAA,EAAA,CAAAV,cAAA,CAACW,6BAAc,EAAA,MAAA,CAAA,MAAA,CAAA,EACb,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,QAAQ,EACjE,QAAQ,EAAE,iBAAiB,EAC3B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,QAAQ,EAAE,GAAG,eAAe,GAAG,SAAS,EAC9C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,mBAAmB,EAC7B,OAAO,EAAE,eAAe,EAAA,EACpB,UAAU,CACd,CAAA,EACD,SAAS,KAAK,SAAS,KACtBX,cAAC,CAAAY,oCAAmB,oBAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,WAAW,EAAE,CAAI,CAAA,CAC7E,CACQ,EAAA,CAAA,CACZ,CAAC;IAEF,QACEZ,eAACM,iDAAgB,CAAC,QAAQ,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EAAE,gBAAgB,EAChD,EAAA,EAAA,QAAA,EAAAN,cAAA,CAACa,0BAAS,EACR,MAAA,CAAA,MAAA,CAAA,EAAA,UAAU,EAAE,kBAAkB,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,UAAU,CAAC,UAAU,EAC7B,OAAO,EAAE,UAAU,CAAC,SAAS,EAC7B,YAAY,EAAE,YAAY,EACtB,EAAA,cAAc,EACd,eAAe,EACf,UAAU,CAAA,CACd,EACwB,CAAA,CAAA,EAC5B;AACJ,CAAC;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/Link-4adfb0f1.js

@@ -0,0 +1,44 @@
+/* @oracle/oraclejet-preact: 13.1.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+require('./utils/UNSAFE_classNames.js');
+var hooks_UNSAFE_usePress = require('./hooks/UNSAFE_usePress.js');
+var classNames = require('./classNames-6ddd6c0f.js');
+
+const styles = {
+  default: "ar5wmo",
+  primary: "_xindf",
+  secondary: "_0rz7sp",
+  standalone: "_bd3jkw",
+  embedded: "_mcbfgc"
+};
+
+const noop = () => {};
+
+function Link({
+  href,
+  variant = 'default',
+  placement = 'standalone',
+  target,
+  children,
+  onClick
+}) {
+  const linkClass = classNames.classNames([styles.default, styles[placement], variant !== 'default' && styles[variant]]);
+  const {
+    pressProps
+  } = hooks_UNSAFE_usePress.usePress(onClick !== null && onClick !== void 0 ? onClick : noop);
+  return jsxRuntime.jsx("a", Object.assign({
+    href: href,
+    target: target
+  }, pressProps, {
+    class: linkClass
+  }, {
+    children: children
+  }));
+}
+
+exports.Link = Link;
+/*  */
+//# sourceMappingURL=Link-4adfb0f1.js.map

package/dist/js/libs/oraclejet-preact/cjs/Link-4adfb0f1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-4adfb0f1.js","sources":["../../src/UNSAFE_Link/Link.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 */\nimport { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype Props = {\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href: string;\n\n  /**\n   * Sets the variant.\n   */\n  variant?: 'default' | 'primary' | 'secondary';\n\n  /**\n   * Sets the placement.\n   */\n  placement?: 'standalone' | 'embedded';\n\n  /**\n   * Sets the target.\n   */\n  target?: string;\n\n  /**\n   * Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onClick?: (event: Event) => void;\n\n  /**\n   * Specifies the children\n   */\n  children?: ComponentChildren;\n};\n\nconst styles = {\n  default: cssProps`${{\n    display: 'inline-block',\n    color: 'var(--oj-c-link-text-color)',\n    textDecorationColor: 'var(--oj-c-link-text-color)',\n    textDecorationThickness: '1px',\n    textUnderlineOffset: 'var(--oj-c-link-text-underline-offset)',\n    cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    '&:visited': { color: '--oj-c-link-text-color-visited' },\n    '&:active': { color: '--oj-c-link-text-color-active' },\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineOffset: '1px'\n    }\n  }}`,\n  primary: cssProps`${{\n    '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n  secondary: cssProps`${{\n    '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n    '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n    '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  standalone: cssProps`${{\n    textDecorationLine: 'var(--oj-c-link-standalone-text-decoration)',\n    '&:hover': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' },\n    '&:active': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' }\n  }}`,\n  embedded: cssProps`${{\n    textDecorationLine: 'var(--oj-c-link-embedded-text-decoration)',\n    '&:hover': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' },\n    '&:active': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' }\n  }}`\n};\n\nconst noop = () => {};\n\nexport function Link({\n  href,\n  variant = 'default',\n  placement = 'standalone',\n  target,\n  children,\n  onClick\n}: Props) {\n  const linkClass = classNames([\n    styles.default,\n    styles[placement],\n    variant !== 'default' && styles[variant]\n  ]);\n  const { pressProps } = usePress(onClick ?? noop);\n  return (\n    <a href={href} target={target} {...pressProps} class={linkClass}>\n      {children}\n    </a>\n  );\n}\n"],"names":["styles","noop","Link","href","variant","placement","target","children","onClick","default","pressProps","usePress","_jsx","Object","assign","class","linkClass"],"mappings":";;;;;;;;;AA4CA,MAAAA,MAAA,GAAA;WAAA,QAAA;WAAA,QAAA;aAAA,SAAA;cAAA,SAAA;;AAAA,CAAA,CAAA;;AAuCA,MAAAC,IAAA,GAAA,MAAA,EAAA,CAAA;;AAEA,SAAAC,IAAA,CAAA;EAAAC,IAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;AAAAC,EAAAA,SAAA,GAAA,YAAA;EAAAC,MAAA;EAAAC,QAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;2CASIR,MAAA,CAAAS,4BAEAL,OAAA,KAAA,SAAA,IAAAJ,MAAA,CAAAI,OAAA;EAEF,MAAA;AAAAM,IAAAA,UAAAA;AAAA,GAAA,GAAAC,8BAAA,CAAAH,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,GAAAA,OAAA,GAAAP,IAAA,CAAA,CAAA;AACA,EAAA,OAAAW,cAAA,CAAA,GAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAX,IAAAA,IAAA,EAAAA,IAAA;AAAAG,IAAAA,MAAA,EAAAA,MAAAA;GAAA,EAAAI,UAAA,EAAA;AAAAK,IAAAA,KAAA,EAAAC,SAAAA;AAAA,GAAA,EAAA;AAAAT,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/ListView-61edc8cc.js

@@ -0,0 +1,571 @@
+/* @oracle/oraclejet-preact: 13.1.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+
+require('./utils/UNSAFE_classNames.js');
+var utils_UNSAFE_arrayUtils = require('./utils/UNSAFE_arrayUtils.js');
+var utils_UNSAFE_mergeProps = require('./utils/UNSAFE_mergeProps.js');
+var utils_UNSAFE_keys = require('./utils/UNSAFE_keys.js');
+require('./UNSAFE_VirtualizedCollection.js');
+var UNSAFE_Selector = require('./UNSAFE_Selector.js');
+var hooks_UNSAFE_useId = require('./hooks/UNSAFE_useId.js');
+var classNames = require('./classNames-6ddd6c0f.js');
+var hooks_PRIVATE_useSelection = require('./hooks/PRIVATE_useSelection.js');
+var hooks_PRIVATE_useCurrentKey = require('./hooks/PRIVATE_useCurrentKey.js');
+var hooks_PRIVATE_useCollectionFocusRing = require('./hooks/PRIVATE_useCollectionFocusRing.js');
+require('./UNSAFE_Skeleton.js');
+require('./UNSAFE_Flex.js');
+var Flex = require('./Flex-896c7621.js');
+var Skeleton = require('./Skeleton-6b6e344d.js');
+var VirtualizedCollection = require('./VirtualizedCollection-74df7c6c.js');
+
+const ITEM_STYLE_CLASS = 'oj-listview-item';
+const styles$1 = {
+  base: "p5jzpt",
+  gridlines: "_d7zkdf",
+  selectable: "eatqtn",
+  selected: "_rpd1b8",
+  selectedSingle: "_9rwj5g",
+  // TODO: revisit later to prevent double lines when implementing gridlines feature
+  suggestionEnd: "z343vu"
+};
+const cellStyles = {
+  base: "_vyvu7",
+  checkboxContainer: "_as6ra",
+  focused: "zqkkji"
+};
+/**
+ * Helper method to determine whether item is selectable
+ * @returns true if item is selectable (show hover effect), false otherwise
+ */
+
+const isSelectable = (selectionMode, isItemSelected) => {
+  return selectionMode !== 'none' && (selectionMode === 'multiple' || !isItemSelected);
+};
+/**
+ * The internal component used to render a single item in ListView.
+ */
+
+
+function ListViewItem({
+  children,
+  itemKey,
+  itemIndex,
+  currentKey,
+  isFocusRingVisible,
+  isGridlineVisible,
+  suggestion,
+  selectedKeys,
+  selectionMode,
+  onSelectionChange
+}) {
+  const rootRef = hooks.useRef(null);
+  const isFocused = currentKey == itemKey;
+  const isSelected = utils_UNSAFE_keys.containsKey(selectedKeys, itemKey);
+  const classes = classNames.classNames([styles$1.base, ITEM_STYLE_CLASS, isGridlineVisible && styles$1.gridlines, isSelectable(selectionMode, isSelected) && !isSelected && styles$1.selectable, isSelected && styles$1.selected, isSelected && selectionMode === 'single' && styles$1.selectedSingle, suggestion === 'end' && !(isSelected && selectionMode === 'single') && styles$1.suggestionEnd]);
+  const cellClasses = classNames.classNames([cellStyles.base, selectionMode === 'multiple' && cellStyles.checkboxContainer, isFocused && isFocusRingVisible && cellStyles.focused]); // todo: use translated text for selector
+  // note cannot put focus on gridcell div since JAWS will not read the aria-rowindex
+  // correctly, so unfortunately needed another div
+
+  return jsxRuntime.jsx("div", Object.assign({
+    role: "presentation",
+    "aria-rowindex": itemIndex + 1,
+    "data-oj-key": itemKey,
+    "data-oj-suggestion": !!suggestion,
+    class: classes,
+    ref: rootRef
+  }, typeof itemKey === 'number' && {
+    'data-oj-key-type': 'number'
+  }, {
+    children: jsxRuntime.jsxs("div", Object.assign({
+      id: hooks_UNSAFE_useId.useId(),
+      class: cellClasses,
+      role: "option",
+      "aria-posinset": itemIndex + 1,
+      "aria-setsize": -1,
+      "aria-colindex": 1,
+      "aria-selected": selectionMode !== 'none' ? isSelected : undefined
+    }, {
+      children: [selectionMode === 'multiple' && jsxRuntime.jsx(UNSAFE_Selector.Selector, {
+        rowKey: itemKey,
+        selectedKeys: selectedKeys,
+        onChange: onSelectionChange
+      }), children]
+    }))
+  }), itemKey);
+}
+
+const containerStyle = {
+  base: "_7b205t"
+};
+/**
+ * Allows to specify the time delay for rendering the component
+ **/
+
+const timerValue = 50;
+/**
+ * SkeletonContainer renders 'minimumCount' number of skeletons
+ * of the variant specified from its child element - Skeleton's prop after
+ * 'timerValue' ms delay
+ **/
+
+function SkeletonContainer({
+  children,
+  minimumCount = 3
+}) {
+  const [isVisible, setIsVisible] = hooks.useState(false);
+  hooks.useEffect(() => {
+    setTimeout(() => {
+      setIsVisible(true);
+    }, timerValue);
+  }, []);
+  const containerClasses = classNames.classNames([containerStyle.base]);
+  return isVisible && children ? jsxRuntime.jsx("div", Object.assign({
+    class: containerClasses,
+    role: "presentation"
+  }, {
+    children: [...Array(minimumCount)].map((_element, index) => children(index))
+  })) : null;
+}
+
+/**
+ * Type for gridlines
+ */
+
+const gridlinesValues = utils_UNSAFE_arrayUtils.stringLiteralArray(['visible', 'hidden']);
+const styles = {
+  base: "rjeswk"
+};
+const sparkleStyles = {
+  base: "_isjji7",
+  container: "qlp578"
+};
+
+const getViewportConfig = (rootRef, config) => {
+  return config !== null && config !== void 0 ? config : {
+    scroller: () => {
+      return rootRef.current;
+    }
+  };
+};
+
+const emptyKeys = {
+  all: false,
+  keys: new Set()
+};
+
+const handleSelectionRange = (detail, dataState) => {
+  const keys = dataState.data.map(value => {
+    return value.metadata.key;
+  });
+  const startIndex = keys.indexOf(detail.value.start);
+  const endIndex = keys.indexOf(detail.value.end);
+  const minIndex = Math.min(startIndex, endIndex);
+  const maxIndex = Math.max(startIndex, endIndex);
+
+  if (minIndex === -1) {
+    // return a range to fetch, maxIndex should not be -1
+    return {
+      offset: 0,
+      count: dataState.offset + keys.length
+    };
+  } else {
+    // range of keys are in the current viewport, return them
+    return keys.slice(minIndex, maxIndex + 1);
+  }
+};
+/**
+ * A sparkle component for smart suggestion indicator in ListView
+ * @param sparkleHeight the height of sparkle
+ */
+
+
+function Sparkle({
+  sparkleHeight
+}) {
+  if (sparkleHeight <= 0) {
+    return null;
+  }
+
+  const height = sparkleHeight + 'px';
+  const sparkleClasses = classNames.classNames([sparkleStyles.base]);
+  const containerClasses = classNames.classNames([sparkleStyles.container]);
+  return jsxRuntime.jsx("div", Object.assign({
+    class: containerClasses
+  }, {
+    children: jsxRuntime.jsx("div", {
+      class: sparkleClasses,
+      style: {
+        height
+      }
+    })
+  }), "sparkle");
+}
+/**
+ * Component that renders items as a flat list.
+ * In order to maximize performance, only items that are visible in the viewport are rendered.
+ */
+
+function ListView({
+  accessibleSummary,
+  data,
+  children,
+  currentKey,
+  gridlines = 'hidden',
+  selectedKeys = emptyKeys,
+  selectionMode = 'none',
+  onCurrentKeyChange,
+  onLoadRange,
+  onSelectionChange,
+  viewportConfig
+}) {
+  const rootRef = hooks.useRef(null); // tracking the anchor key which is used for shift+click selection
+
+  const anchorKey = hooks.useRef(); // tracking
+
+  const pendingSelection = hooks.useRef(); // tracking sparkle height
+
+  const [sparkleHeight, setSparkleHeight] = hooks.useState(0);
+
+  const showGridline = index => {
+    // gridlines are positioned at the top so never show it for the first item
+    return gridlines === 'visible' && index > 0;
+  };
+
+  const ariaMultiSelectable = selectionMode === 'none' ? undefined : selectionMode === 'multiple';
+  const ariaRowCount = data === null ? undefined : data.sizePrecision === 'exact' ? data.totalSize : -1;
+  const classes = classNames.classNames([styles.base]);
+  const {
+    currentKeyProps
+  } = hooks_PRIVATE_useCurrentKey.useCurrentKey(keyExtractor, getPrevNextKey(rootRef.current, currentKey, true), getPrevNextKey(rootRef.current, currentKey, false), currentKey, onCurrentKeyChange);
+  const handleInitialFocus = hooks.useCallback(() => {
+    if (rootRef.current && onCurrentKeyChange) {
+      const firstKey = getFirstVisibleKey(rootRef.current);
+
+      if (utils_UNSAFE_keys.isKeyDefined(firstKey)) {
+        onCurrentKeyChange({
+          value: firstKey
+        });
+      }
+    }
+  }, [currentKey, onCurrentKeyChange]);
+  const focusHandler = !utils_UNSAFE_keys.isKeyDefined(currentKey) && onCurrentKeyChange ? {
+    onFocus: handleInitialFocus
+  } : {};
+  const [showFocusRing, focusRingProps] = hooks_PRIVATE_useCollectionFocusRing.useCollectionFocusRing(elem => {
+    var _a;
+
+    return !!((_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.contains(elem));
+  }, ['ArrowUp', 'ArrowDown']);
+  hooks.useEffect(() => {
+    if (currentKey != null && rootRef.current) {
+      const elem = findElementByKey(rootRef.current, currentKey);
+
+      if (elem) {
+        const scroller = viewportConfig === null || viewportConfig === void 0 ? void 0 : viewportConfig.scroller(); // make sure item is visible
+
+        scrollToVisible(elem, scroller != null ? scroller : rootRef.current);
+        const cell = elem.querySelector('[role=option]'); // update aria-activedescendant for screenreader
+
+        if (cell) {
+          rootRef.current.setAttribute('aria-activedescendant', cell.id);
+        }
+      }
+    }
+  }, [currentKey]);
+  const handleSelectionChange = hooks.useCallback(detail => {
+    if (onSelectionChange) {
+      if (detail.value.all === false && detail.value.keys.size > 0) {
+        // the last key selected by a user gesture is the anchor key
+        anchorKey.current = Array.from(detail.value.keys).pop();
+      }
+
+      onSelectionChange(detail);
+    }
+  }, [anchorKey, onSelectionChange]);
+  const handleSelectionRangeChange = hooks.useCallback(detail => {
+    if (data && onSelectionChange) {
+      const value = handleSelectionRange(detail, data);
+
+      if (Array.isArray(value)) {
+        onSelectionChange({
+          value: {
+            all: false,
+            keys: new Set(value)
+          }
+        });
+      } else {
+        pendingSelection.current = detail;
+        onLoadRange(value);
+      }
+    }
+  }, [data, onSelectionChange, pendingSelection, onLoadRange]);
+  const {
+    selectionProps
+  } = hooks_PRIVATE_useSelection.useSelection(event => {
+    if (event.target === rootRef.current) {
+      return currentKey === undefined ? null : currentKey;
+    }
+
+    return keyExtractor(event);
+  }, selectedKeys, selectionMode, false, 'replace', handleSelectionChange, anchorKey.current, currentKey, (currentKey, isPrev) => getPrevNextKey(rootRef.current, currentKey, isPrev), key => {
+    if (rootRef.current) {
+      const elem = findElementByKey(rootRef.current, key);
+
+      if (elem) {
+        const scroller = viewportConfig === null || viewportConfig === void 0 ? void 0 : viewportConfig.scroller();
+        scrollToVisible(elem, scroller != null ? scroller : rootRef.current);
+      }
+    }
+  }, handleSelectionRangeChange);
+
+  if (data && pendingSelection.current && onSelectionChange) {
+    const keys = handleSelectionRange(pendingSelection.current, data);
+
+    if (Array.isArray(keys)) {
+      onSelectionChange({
+        value: {
+          all: false,
+          keys: new Set(keys)
+        }
+      });
+      pendingSelection.current = undefined;
+    }
+  }
+
+  const loadMoreIndicator = jsxRuntime.jsx(SkeletonContainer, Object.assign({
+    minimumCount: 3
+  }, {
+    children: () => {
+      return jsxRuntime.jsx(Flex.Flex, Object.assign({
+        height: "12x",
+        align: "center"
+      }, {
+        children: jsxRuntime.jsx(Skeleton.Skeleton, {
+          height: "4x"
+        })
+      }));
+    }
+  }));
+
+  const suggestions = hooks.useMemo(() => findSuggestions(data), [data === null || data === void 0 ? void 0 : data.data]); // TODO: check suggestions before Sparkle would cause a scrolling issue
+
+  const sparkleIndicator = jsxRuntime.jsx(Sparkle, {
+    sparkleHeight: sparkleHeight
+  });
+
+  hooks.useEffect(() => {
+    var _a, _b; // update sparkleHeight only when we have suggestions
+    // avoid unnecessary iterating through elements
+
+
+    if (suggestions) {
+      const placeholder = (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('.' + VirtualizedCollection.PLACEHOLDER_STYLE_CLASS);
+      let height = placeholder.offsetHeight;
+      const suggestionItems = (_b = rootRef.current) === null || _b === void 0 ? void 0 : _b.querySelectorAll('[data-oj-suggestion]');
+      suggestionItems === null || suggestionItems === void 0 ? void 0 : suggestionItems.forEach(item => height += item.offsetHeight);
+      setSparkleHeight(height);
+    }
+  }, [suggestions]); // if data is not specified, listview should show loading indicator
+  // todo: replace placeholder with actual SkeletonContainer component (Ash is working on)
+
+  return jsxRuntime.jsx("div", Object.assign({}, utils_UNSAFE_mergeProps.mergeProps(currentKeyProps, selectionProps, focusRingProps, focusHandler), {
+    role: "listbox",
+    "aria-rowcount": ariaRowCount,
+    "aria-colcount": 1,
+    ref: rootRef,
+    class: classes,
+    tabIndex: 0,
+    "aria-label": accessibleSummary,
+    "aria-multiselectable": ariaMultiSelectable
+  }, {
+    children: data == null ? jsxRuntime.jsx(SkeletonContainer, {
+      children: () => {
+        return jsxRuntime.jsx(Flex.Flex, Object.assign({
+          height: "12x",
+          align: "center"
+        }, {
+          children: jsxRuntime.jsx(Skeleton.Skeleton, {
+            height: "4x"
+          })
+        }));
+      }
+    }) : jsxRuntime.jsx(VirtualizedCollection.VirtualizedCollection, Object.assign({
+      data: data,
+      onLoadRange: onLoadRange,
+      itemSelector: '.' + ITEM_STYLE_CLASS,
+      viewportConfig: getViewportConfig(rootRef, viewportConfig),
+      loadMoreIndicator: loadMoreIndicator,
+      suggestions: sparkleIndicator
+    }, {
+      children: context => {
+        const suggestion = suggestions === null || suggestions === void 0 ? void 0 : suggestions.get(context.metadata.key);
+        return jsxRuntime.jsx(ListViewItem, Object.assign({
+          itemIndex: context.index,
+          itemKey: context.metadata.key,
+          currentKey: currentKey,
+          isFocusRingVisible: showFocusRing,
+          isGridlineVisible: showGridline(context.index),
+          selectedKeys: selectedKeys,
+          selectionMode: selectionMode,
+          onSelectionChange: handleSelectionChange
+        }, suggestion && {
+          suggestion
+        }, {
+          children: children(context)
+        }));
+      }
+    }))
+  }));
+}
+/**
+ * A helper function that finds the data with suggestions, and
+ * returns the corresponding keys
+ * @param dataState
+ */
+
+const findSuggestions = dataState => {
+  const data = dataState === null || dataState === void 0 ? void 0 : dataState.data;
+  const count = getSuggestionsCount(data);
+
+  if (count === 0) {
+    return null;
+  }
+
+  const suggestionsData = data.slice(0, count);
+  return suggestionsData.reduce((suggestions, value, index) => {
+    const key = value.metadata.key;
+
+    if (index === count - 1) {
+      suggestions.set(key, 'end');
+    } else {
+      suggestions.set(key, true);
+    }
+
+    return suggestions;
+  }, new Map());
+};
+/**
+ * A helper function that finds the number of suggestions
+ * @param data
+ */
+
+
+const getSuggestionsCount = data => {
+  if (!data) {
+    return 0;
+  }
+
+  const index = data.findIndex(value => !value.metadata.suggestion);
+  return index === -1 ? 0 : index;
+};
+/**
+ * Returns the key from the item element
+ */
+
+
+const getKey = item => {
+  return item.dataset['ojKeyType'] === 'number' ? Number(item.dataset['ojKey']) : item.dataset['ojKey'];
+};
+/**
+ * A helper function to find the element with the specified key.
+ * Returns null if the element with key is not found.
+ */
+
+
+const findElementByKey = (root, key) => {
+  if (root) {
+    const items = root.querySelectorAll('.' + ITEM_STYLE_CLASS);
+
+    for (let i = 0; i < items.length; i++) {
+      const thisKey = getKey(items[i]);
+
+      if (key == thisKey) {
+        return items[i];
+      }
+    }
+  }
+
+  return null;
+};
+/**
+ * A helper function that return the key of the first available item.
+ */
+
+
+const getFirstVisibleKey = root => {
+  if (root) {
+    const firstItem = root.querySelector('.' + ITEM_STYLE_CLASS);
+
+    if (firstItem) {
+      const key = getKey(firstItem);
+      return key;
+    }
+  }
+
+  return null;
+};
+/**
+ * A helper function that returns the key of the previous or the next item
+ * given the specified current key
+ */
+
+
+const getPrevNextKey = (root, currentKey, isPrev) => {
+  return () => {
+    if (utils_UNSAFE_keys.isKeyDefined(currentKey) && root) {
+      const currItem = findElementByKey(root, currentKey);
+
+      if (currItem) {
+        const nextItem = isPrev ? currItem.previousElementSibling : currItem.nextElementSibling;
+
+        if (nextItem) {
+          return getKey(nextItem);
+        }
+      }
+
+      return getFirstVisibleKey(root);
+    }
+
+    return null;
+  };
+};
+/**
+ * A helper function to make sure specified elem is visible in the specified container
+ */
+
+
+const scrollToVisible = (elem, scroller) => {
+  if (elem && scroller) {
+    const scrollerBounds = scroller.getBoundingClientRect();
+    const elemBounds = elem.getBoundingClientRect();
+
+    if (elemBounds.bottom > scrollerBounds.bottom) {
+      scroller.scrollTop = scroller.scrollTop + (elemBounds.bottom - scrollerBounds.bottom);
+    } else if (elemBounds.top < scrollerBounds.top) {
+      scroller.scrollTop = scroller.scrollTop - (scrollerBounds.top - elemBounds.top);
+    }
+  }
+};
+/**
+ * A helper function to get the key from an event
+ */
+
+
+const keyExtractor = event => {
+  const elem = event.target;
+  const item = elem.closest('.' + ITEM_STYLE_CLASS);
+
+  if (item) {
+    const key = getKey(item);
+    return key === undefined ? null : key;
+  }
+
+  return null;
+};
+
+exports.ListView = ListView;
+/*  */
+//# sourceMappingURL=ListView-61edc8cc.js.map