@oracle/oraclejet-preact 15.0.5 → 15.0.6

package/cjs/ReadonlyTextFieldInput-e87ab904.js

@@ -1,68 +0,0 @@
-/* @oracle/oraclejet-preact: 15.0.5 */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var hooks_UNSAFE_useAccessibleContext = require('./hooks/UNSAFE_useAccessibleContext.js');
-var hooks_UNSAFE_useFormContext = require('./hooks/UNSAFE_useFormContext.js');
-var hooks_UNSAFE_useTabbableMode = require('./hooks/UNSAFE_useTabbableMode.js');
-require('./utils/UNSAFE_classNames.js');
-var utils_UNSAFE_interpolations_text = require('./utils/UNSAFE_interpolations/text.js');
-var utils_UNSAFE_mergeInterpolations = require('./utils/UNSAFE_mergeInterpolations.js');
-var hooks_UNSAFE_useFormFieldContext = require('./hooks/UNSAFE_useFormFieldContext.js');
-var hooks_UNSAFE_useComponentTheme = require('./hooks/UNSAFE_useComponentTheme.js');
-var UNSAFE_TextField_themes_redwood_ReadonlyTextFieldInputTheme = require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme.js');
-var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
-var classNames = require('./classNames-44591265.js');
-
-/**
- * Merge multiple ids into a space-separated list
- * @param ids The ids to be merged
- * @returns The space separated string of ids
- */
-function mergeIDs(...ids) {
-    return ids.filter(Boolean).join(' ') || undefined;
-}
-function ReadonlyTextFieldInput({ 'aria-describedby': ariaDescribedBy, 'aria-label': ariaLabel, 'aria-labelledby': inputLabelledBy, autoFocus, as = 'div', elementRef, hasEmptyLabel, hasInsideLabel = false, inlineUserAssistance, innerReadonlyField, rows, type, value = '', variant, ...props }) {
-    const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const loadingAriaLabel = translations.formControl_loading();
-    const { isFormLayout, isReadonly: isReadonlyForm } = hooks_UNSAFE_useFormContext.useFormContext();
-    const { isLoading } = hooks_UNSAFE_useFormFieldContext.useFormFieldContext();
-    const ariaLabelForReadonly = isLoading ? loadingAriaLabel : ariaLabel;
-    // get classes for text align
-    const interpolations = [...Object.values(utils_UNSAFE_interpolations_text.textInterpolations)];
-    const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
-    const { class: styleInterpolationClasses } = styleInterpolations(props);
-    const { classes: themeClasses } = hooks_UNSAFE_useComponentTheme.useComponentTheme(UNSAFE_TextField_themes_redwood_ReadonlyTextFieldInputTheme.ReadonlyTextFieldInputRedwoodTheme, {
-        textarea: variant === 'textarea' ? 'isTextArea' : 'notTextArea',
-        formLayout: isFormLayout ? 'isFormLayout' : 'notFormLayout',
-        readonlyForm: isReadonlyForm ? 'isReadonlyForm' : 'notReadonlyForm',
-        insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel'
-    });
-    const readonlyDivClasses = classNames.classNames([themeClasses, styleInterpolationClasses]);
-    // JET-52914 - Implement Tabbable mode API contract in InputText
-    // spread tabbableModeProps on component
-    const { isTabbable, tabbableModeProps } = hooks_UNSAFE_useTabbableMode.useTabbableMode();
-    // JET-52089: add unsafe API for specifying an external label which is added to ariaLabelledBy on the input or div,
-    // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other
-    // kinds of labels, this helps to ensure we don't override a meaningful label.
-    const { UNSAFE_ariaLabelledBy } = hooks_UNSAFE_useAccessibleContext.useAccessibleContext();
-    const ariaLabelledBy = hasEmptyLabel
-        ? mergeIDs(inputLabelledBy, UNSAFE_ariaLabelledBy)
-        : inputLabelledBy;
-    if (as === 'input') {
-        return (jsxRuntime.jsx("input", { "aria-describedby": ariaDescribedBy, "aria-label": ariaLabelForReadonly, "aria-labelledby": ariaLabelledBy, autofocus: autoFocus, class: readonlyDivClasses, readonly: true, 
-            // @ts-ignore
-            ref: elementRef, type: type, value: value, ...(!isTabbable && tabbableModeProps) }));
-    }
-    if (as === 'textarea') {
-        return (jsxRuntime.jsx("textarea", { "aria-describedby": ariaDescribedBy, "aria-label": ariaLabelForReadonly, "aria-labelledby": ariaLabelledBy, autofocus: autoFocus, class: readonlyDivClasses, readonly: true, 
-            // @ts-ignore
-            ref: elementRef, rows: rows, ...(!isTabbable && tabbableModeProps), children: value }));
-    }
-    return (jsxRuntime.jsx("div", { "aria-describedby": ariaDescribedBy, "aria-label": ariaLabelForReadonly, "aria-labelledby": ariaLabelledBy, "aria-readonly": true, autofocus: autoFocus, class: readonlyDivClasses, 
-        // @ts-ignore
-        ref: elementRef, role: "textbox", ...tabbableModeProps, children: value }));
-}
-
-exports.ReadonlyTextFieldInput = ReadonlyTextFieldInput;
-//# sourceMappingURL=ReadonlyTextFieldInput-e87ab904.js.map

package/cjs/ReadonlyTextFieldInput-e87ab904.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReadonlyTextFieldInput-e87ab904.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextFieldInput.tsx"],"sourcesContent":["import { ComponentChildren, Ref } from 'preact';\nimport { useAccessibleContext } from '../hooks/UNSAFE_useAccessibleContext';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { textInterpolations } from '../utils/UNSAFE_interpolations/text';\nimport type { TextProps } from '../utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport {\n  ReadonlyTextFieldInputVariantOptions,\n  ReadonlyTextFieldInputStyles\n} from './themes/ReadonlyTextFieldInputStyles.css';\nimport { ReadonlyTextFieldInputRedwoodTheme } from './themes/redwood/ReadonlyTextFieldInputTheme';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\n\ntype AutoFocusProp = HTMLAttributesSignalExcluded<HTMLInputElement>['autofocus'];\n\ntype ReadonlyAsInputProps = {\n  as: 'input';\n  type: HTMLAttributesSignalExcluded<HTMLInputElement>['type'];\n  elementRef?: Ref<HTMLInputElement>;\n  rows?: never;\n};\n\ntype ReadonlyAsTextAreaProps = {\n  as: 'textarea';\n  elementRef?: Ref<HTMLTextAreaElement | HTMLDivElement>;\n  type?: never;\n  rows?: number;\n};\n\ntype ReadonlyAsDivProps = {\n  as?: 'div';\n  elementRef?: Ref<HTMLTextAreaElement | HTMLDivElement>;\n  type?: never;\n  rows?: never;\n};\n\ntype Props = TextProps &\n  (ReadonlyAsDivProps | ReadonlyAsInputProps | ReadonlyAsTextAreaProps) & {\n    'aria-describedby'?: string;\n    'aria-label'?: string;\n    'aria-labelledby'?: string;\n    autoFocus?: AutoFocusProp;\n    hasEmptyLabel?: boolean;\n    hasInsideLabel?: boolean;\n    inlineUserAssistance?: ComponentChildren;\n    innerReadonlyField?: ComponentChildren;\n    value?: string;\n    variant?: 'textarea';\n  };\n\n/**\n * Merge multiple ids into a space-separated list\n * @param ids The ids to be merged\n * @returns The space separated string of ids\n */\nfunction mergeIDs(...ids: (string | undefined)[]) {\n  return ids.filter(Boolean).join(' ') || undefined;\n}\n\nexport function ReadonlyTextFieldInput({\n  'aria-describedby': ariaDescribedBy,\n  'aria-label': ariaLabel,\n  'aria-labelledby': inputLabelledBy,\n  autoFocus,\n  as = 'div',\n  elementRef,\n  hasEmptyLabel,\n  hasInsideLabel = false,\n  inlineUserAssistance,\n  innerReadonlyField,\n  rows,\n  type,\n  value = '',\n  variant,\n  ...props\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const loadingAriaLabel = translations.formControl_loading();\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const ariaLabelForReadonly = isLoading ? loadingAriaLabel : ariaLabel;\n\n  // get classes for text align\n  const interpolations = [...Object.values(textInterpolations)];\n  const styleInterpolations = mergeInterpolations<Props>(interpolations);\n  const { class: styleInterpolationClasses } = styleInterpolations(props);\n  const { classes: themeClasses } = useComponentTheme<\n    ReadonlyTextFieldInputVariantOptions,\n    ReadonlyTextFieldInputStyles\n  >(ReadonlyTextFieldInputRedwoodTheme, {\n    textarea: variant === 'textarea' ? 'isTextArea' : 'notTextArea',\n    formLayout: isFormLayout ? 'isFormLayout' : 'notFormLayout',\n    readonlyForm: isReadonlyForm ? 'isReadonlyForm' : 'notReadonlyForm',\n    insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel'\n  });\n\n  const readonlyDivClasses = classNames([themeClasses, styleInterpolationClasses]);\n\n  // JET-52914 - Implement Tabbable mode API contract in InputText\n  // spread tabbableModeProps on component\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n\n  // JET-52089: add unsafe API for specifying an external label which is added to ariaLabelledBy on the input or div,\n  // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other\n  // kinds of labels, this helps to ensure we don't override a meaningful label.\n  const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n  const ariaLabelledBy = hasEmptyLabel\n    ? mergeIDs(inputLabelledBy, UNSAFE_ariaLabelledBy)\n    : inputLabelledBy;\n\n  if (as === 'input') {\n    return (\n      <input\n        aria-describedby={ariaDescribedBy}\n        aria-label={ariaLabelForReadonly}\n        aria-labelledby={ariaLabelledBy}\n        autofocus={autoFocus}\n        class={readonlyDivClasses}\n        readonly={true}\n        // @ts-ignore\n        ref={elementRef}\n        type={type}\n        value={value}\n        {...(!isTabbable && tabbableModeProps)}\n      />\n    );\n  }\n  if (as === 'textarea') {\n    return (\n      <textarea\n        aria-describedby={ariaDescribedBy}\n        aria-label={ariaLabelForReadonly}\n        aria-labelledby={ariaLabelledBy}\n        autofocus={autoFocus}\n        class={readonlyDivClasses}\n        readonly={true}\n        // @ts-ignore\n        ref={elementRef}\n        rows={rows}\n        {...(!isTabbable && tabbableModeProps)}>\n        {value}\n      </textarea>\n    );\n  }\n  return (\n    <div\n      aria-describedby={ariaDescribedBy}\n      aria-label={ariaLabelForReadonly}\n      aria-labelledby={ariaLabelledBy}\n      aria-readonly={true}\n      autofocus={autoFocus}\n      class={readonlyDivClasses}\n      // @ts-ignore\n      ref={elementRef}\n      role=\"textbox\"\n      {...tabbableModeProps}>\n      {value}\n    </div>\n  );\n}\n"],"names":["useTranslationBundle","useFormContext","useFormFieldContext","textInterpolations","mergeInterpolations","useComponentTheme","ReadonlyTextFieldInputRedwoodTheme","classNames","useTabbableMode","useAccessibleContext","_jsx"],"mappings":"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"}

package/cjs/SelectMenuItem-efdfd856.js

@@ -1,66 +0,0 @@
-/* @oracle/oraclejet-preact: 15.0.5 */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var hooks = require('preact/hooks');
-var hooks_UNSAFE_useId = require('./hooks/UNSAFE_useId.js');
-var PRIVATE_ThemedIcons_CheckIcon = require('./PRIVATE_ThemedIcons/CheckIcon.js');
-var MenuItem = require('./MenuItem-30a734b3.js');
-var preact = require('preact');
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * Licensed under The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-const SelectMenuGroupContext = preact.createContext({
-    isMultiple: false
-});
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * Licensed under The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-/**
- * Utility hook for consuming the MenuContext
- *
- * @returns The value of MenuContext provider
- */
-function useSelectMenuGroupContext() {
-    return hooks.useContext(SelectMenuGroupContext);
-}
-
-function SelectMenuItem({ value, label, isDisabled, endIcon }) {
-    const { isMultiple, value: selectedValue, onCommit } = useSelectMenuGroupContext();
-    const uniqueID = hooks_UNSAFE_useId.useId();
-    const id = hooks.useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);
-    const { isSelected, memoizedOnCommit } = hooks.useMemo(() => {
-        if (!isMultiple) {
-            return {
-                isSelected: selectedValue === value,
-                memoizedOnCommit: () => {
-                    onCommit?.({ value, previousValue: selectedValue });
-                }
-            };
-        }
-        return {
-            isSelected: !!selectedValue?.includes(value),
-            memoizedOnCommit: () => {
-                const proposedValue = isSelected
-                    ? selectedValue?.filter((val) => val !== value) || []
-                    : [...(selectedValue || []), value];
-                onCommit?.({ value: proposedValue, previousValue: selectedValue });
-            }
-        };
-    }, [selectedValue, value, onCommit, isMultiple]);
-    return (jsxRuntime.jsx(MenuItem.BaseMenuItem, { id: id, type: "select", role: isMultiple ? 'menuitemcheckbox' : 'menuitemradio', isChecked: isSelected, isDisabled: isDisabled, startIcon: isSelected ? jsxRuntime.jsx(PRIVATE_ThemedIcons_CheckIcon.CheckIcon, {}) : jsxRuntime.jsx("span", {}), label: label, onAction: memoizedOnCommit, endIcon: endIcon }));
-}
-
-exports.SelectMenuGroupContext = SelectMenuGroupContext;
-exports.SelectMenuItem = SelectMenuItem;
-//# sourceMappingURL=SelectMenuItem-efdfd856.js.map

package/cjs/SelectMenuItem-efdfd856.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectMenuItem-efdfd856.js","sources":["../../src/UNSAFE_Menu/SelectMenuGroupContext.tsx","../../src/UNSAFE_Menu/useSelectMenuGroupContext.tsx","../../src/UNSAFE_Menu/SelectMenuItem.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 { createContext } from 'preact';\n\nimport { MenuValueUpdateDetail } from './menuUtils';\n\ntype SelectSingleMenuGroupContextProps = {\n  isMultiple: false;\n  value?: string;\n  onCommit?: (detail: MenuValueUpdateDetail<string>) => void;\n};\ntype SelectMultipleMenuGroupContextProps = {\n  isMultiple: true;\n  value?: string[];\n  onCommit?: (detail: MenuValueUpdateDetail<string[]>) => void;\n};\n\ntype SelectMenuGroupContextProps =\n  | SelectSingleMenuGroupContextProps\n  | SelectMultipleMenuGroupContextProps;\n\nconst SelectMenuGroupContext = createContext<SelectMenuGroupContextProps>({\n  isMultiple: false\n});\n\nexport { SelectMenuGroupContext, SelectMenuGroupContextProps };\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 { useContext } from 'preact/hooks';\nimport { SelectMenuGroupContext } from './SelectMenuGroupContext';\n\n/**\n * Utility hook for consuming the MenuContext\n *\n * @returns The value of MenuContext provider\n */\nfunction useSelectMenuGroupContext() {\n  return useContext(SelectMenuGroupContext);\n}\n\nexport { useSelectMenuGroupContext };\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 { useMemo } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\n\nimport { CheckIcon } from '../PRIVATE_ThemedIcons/CheckIcon';\n\nimport { BaseMenuItem } from './MenuItem';\nimport { useSelectMenuGroupContext } from './useSelectMenuGroupContext';\n\ntype SelectMenuItemProps = {\n  value: string;\n  label: string;\n  isDisabled?: boolean;\n  endIcon?: ComponentChildren;\n};\n\nexport function SelectMenuItem({ value, label, isDisabled, endIcon }: SelectMenuItemProps) {\n  const { isMultiple, value: selectedValue, onCommit } = useSelectMenuGroupContext();\n  const uniqueID = useId();\n  const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\n\n  const { isSelected, memoizedOnCommit } = useMemo(() => {\n    if (!isMultiple) {\n      return {\n        isSelected: selectedValue === value,\n        memoizedOnCommit: () => {\n          onCommit?.({ value, previousValue: selectedValue });\n        }\n      };\n    }\n    return {\n      isSelected: !!selectedValue?.includes(value),\n      memoizedOnCommit: () => {\n        const proposedValue = isSelected\n          ? selectedValue?.filter((val) => val !== value) || []\n          : [...(selectedValue || []), value];\n        onCommit?.({ value: proposedValue, previousValue: selectedValue });\n      }\n    };\n  }, [selectedValue, value, onCommit, isMultiple]);\n\n  return (\n    <BaseMenuItem\n      id={id}\n      type=\"select\"\n      role={isMultiple ? 'menuitemcheckbox' : 'menuitemradio'}\n      isChecked={isSelected}\n      isDisabled={isDisabled}\n      startIcon={isSelected ? <CheckIcon /> : <span></span>}\n      label={label}\n      onAction={memoizedOnCommit}\n      endIcon={endIcon}\n    />\n  );\n}\n"],"names":["createContext","useContext","useId","useMemo","_jsx","BaseMenuItem","CheckIcon"],"mappings":";;;;;;;;;;AAAA;;;;;;AAMG;AAqBG,MAAA,sBAAsB,GAAGA,oBAAa,CAA8B;AACxE,IAAA,UAAU,EAAE,KAAK;AAClB,CAAA;;AC7BD;;;;;;AAMG;AAKH;;;;AAIG;AACH,SAAS,yBAAyB,GAAA;AAChC,IAAA,OAAOC,gBAAU,CAAC,sBAAsB,CAAC,CAAC;AAC5C;;ACMM,SAAU,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAuB,EAAA;AACvF,IAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,yBAAyB,EAAE,CAAC;AACnF,IAAA,MAAM,QAAQ,GAAGC,wBAAK,EAAE,CAAC;AACzB,IAAA,MAAM,EAAE,GAAGC,aAAO,CAAC,MAAM,CAAgB,aAAA,EAAA,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEjE,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAGA,aAAO,CAAC,MAAK;QACpD,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;gBACL,UAAU,EAAE,aAAa,KAAK,KAAK;gBACnC,gBAAgB,EAAE,MAAK;oBACrB,QAAQ,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,CAAC;iBACrD;aACF,CAAC;AACH,SAAA;QACD,OAAO;YACL,UAAU,EAAE,CAAC,CAAC,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC;YAC5C,gBAAgB,EAAE,MAAK;gBACrB,MAAM,aAAa,GAAG,UAAU;AAC9B,sBAAE,aAAa,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,KAAK,KAAK,CAAC,IAAI,EAAE;sBACnD,CAAC,IAAI,aAAa,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;AACtC,gBAAA,QAAQ,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,CAAC;aACpE;SACF,CAAC;KACH,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjD,QACEC,cAAC,CAAAC,qBAAY,EACX,EAAA,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,UAAU,GAAG,kBAAkB,GAAG,eAAe,EACvD,SAAS,EAAE,UAAU,EACrB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,UAAU,GAAGD,cAAA,CAACE,uCAAS,EAAA,EAAA,CAAG,GAAGF,cAAA,CAAA,MAAA,EAAA,EAAA,CAAa,EACrD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,OAAO,EAChB,CAAA,EACF;AACJ;;;;;"}