@oracle/oraclejet-preact 15.0.4 → 15.1.0

package/amd/PRIVATE_TransitionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_TransitionGroup.js","sources":["../../src/PRIVATE_TransitionGroup/TransitionUtils.ts","../../src/PRIVATE_TransitionGroup/TransitionGroup.tsx","../../src/PRIVATE_TransitionGroup/Transition.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 */\nimport { cloneElement, VNode } from 'preact';\nimport { TransitionProps } from './Transition';\n\nexport type ChildKey = number | string;\nexport type ChildMapping = Map<string | number, VNode<TransitionProps>>;\nexport type ChildrenRecord<T = any> = {\n  [Key in number | string | any]: T[];\n};\n\n/**\n * @classdesc\n * A utility class consisting of helper functions for handling transitions\n * related operations.\n */\nexport class TransitionUtils {\n  /**\n   * Creates a map of the children array with the calculated in prop\n   *\n   * @param children The newly received children\n   * @param prevChildMapping The previous child mapping\n   * @returns the newly created child mapping\n   */\n  public static getChildMapping(\n    children: VNode<TransitionProps>[],\n    prevChildMapping: ChildMapping = new Map(),\n    onExited: (child: VNode<TransitionProps>, node: Element, key?: ChildKey) => void = () => {}\n  ): ChildMapping {\n    // A symbol to store trailing children\n    const TRAILING = Symbol();\n    let mappedDeletions = {} as ChildrenRecord;\n\n    if (prevChildMapping.size !== 0) {\n      // If previous children exists, get the mapped deleted children\n      mappedDeletions = TransitionUtils._getMappedDeletions(children, prevChildMapping, TRAILING);\n    }\n\n    // Create a new Map with the new children along with the deletions inserted in their\n    // respective positions\n    const mergedChildrenMap: ChildMapping = children.reduce<ChildMapping>(\n      (accumulator, currentChild) => {\n        if (mappedDeletions[currentChild.key]) {\n          // There are keys from prev that are deleted before the current\n          // next key, so add them first\n          const deletedChildren = mappedDeletions[currentChild.key];\n          for (const key of deletedChildren) {\n            const previousChild = prevChildMapping.get(key);\n            // Set the in property to false, as this is children is removed\n            accumulator.set(key, cloneElement(previousChild!, { in: false }));\n          }\n          // Then add the current key. Do not change the in property as this is a\n          // retained children.\n          const previousChild = prevChildMapping.get(currentChild.key);\n          accumulator.set(\n            currentChild.key,\n            cloneElement(currentChild, { in: previousChild!.props.in })\n          );\n        } else {\n          // This is a new children. Set the in property to true\n          const newChild = cloneElement(currentChild, {\n            // bind the original child so that the original callbacks can be\n            // called in the onExited callback from the argument.\n            onExited: onExited.bind(null, currentChild),\n            in: true\n          });\n          accumulator.set(currentChild.key, newChild);\n        }\n\n        return accumulator;\n      },\n      new Map() as ChildMapping\n    );\n\n    // Finally add any trailing deleted children present in the mappedDeletions[TRAILING]\n    for (const key of mappedDeletions[TRAILING as any] || []) {\n      const previousChild = prevChildMapping.get(key);\n      // Set the in property to false, as this is children is removed\n      mergedChildrenMap.set(key, cloneElement(previousChild!, { in: false }));\n    }\n\n    // Finally return the merged children map\n    return mergedChildrenMap;\n  }\n\n  ////////////////////////////\n  // Private helper methods //\n  ////////////////////////////\n\n  /**\n   * Creates a map of deleted children wrt to the keys in the new data.\n   *\n   * @param children The newly received children\n   * @param prevChildMapping The previous child mapping\n   * @param TRAILING A unique symbol to be used for storing the trailing children\n   * @returns A map containing deleted children\n   */\n  private static _getMappedDeletions(\n    children: VNode<TransitionProps>[],\n    prevChildMapping: ChildMapping,\n    TRAILING: symbol\n  ): ChildrenRecord<ChildKey> {\n    // Create a set with keys of next children\n    const nextChildrenKeys = new Set(children.map((children) => children.key));\n\n    return [...prevChildMapping.keys()].reduce<ChildrenRecord<ChildKey>>(\n      (accumulator, currentKey) => {\n        if (nextChildrenKeys.has(currentKey)) {\n          // We have reached a point where the closest prevKey that\n          // is in the next, so if there are any pending keys add them\n          // to this key in mappedDeletions so that the pending keys will\n          // be added before the current next key\n          accumulator[currentKey] = accumulator[TRAILING as any];\n          delete accumulator[TRAILING as any];\n        } else {\n          // If key is not found in next, then add it to the trailing keys.\n          const trailingChildren = accumulator[TRAILING as any]\n            ? [...accumulator[TRAILING as any], currentKey]\n            : [currentKey];\n          accumulator[TRAILING as any] = trailingChildren;\n        }\n\n        return accumulator;\n      },\n      {} as ChildrenRecord<ChildKey>\n    );\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 */\nimport { Component, ComponentChild, ComponentType, VNode } from 'preact';\nimport { TransitionProps } from './Transition';\nimport { ChildKey, ChildMapping, TransitionUtils } from './TransitionUtils';\n\n/**\n * Props for the TransitionGroup Component\n */\ntype TransitionGroupProps = {\n  /**\n   * @description\n   * <TransitionGroup> renders a '<div>' by default. You can change this\n   * behavior by providing a different value to this prop.\n   */\n  elementType?: string | ComponentType;\n\n  /**\n   * @description\n   * Children component should be a collection of TransitionComponent. The child\n   * components should be a Transition Component.\n   */\n  children: VNode<TransitionProps>[];\n};\n\n/**\n * State for the TransitionGroup component\n */\ntype State = {\n  childMapping?: ChildMapping;\n  handleExited?: (child: VNode<TransitionProps>, node: Element, key?: ChildKey) => void;\n};\n\n/**\n * @classdesc\n * The <TransitionGroup> component manages a set of components that involves animations.\n * This component does not handle any animation, rather just a state machine that manages\n * the mounting and unmounting of the components over the time. The actual animation needs\n * to be handled by the content component.\n *\n * Consider the example below:\n * <TransitionGroup>\n *   {\n *      messages.map(message => {\n *        <Transition key={message.key}>\n *          <Message\n *            type={type}\n *            index={index}\n *            item={data.message}\n *            onOjClose={onOjClose}\n *          />\n *        </Transition>\n *      });\n *   }\n * </TransitionGroup>\n * As the messages are added/removed, the TransitionGroup Component automatically\n * toggles the 'in' prop of the Transition Component.\n *\n * @ignore\n */\nexport class TransitionGroup extends Component<TransitionGroupProps, State> {\n  static defaultProps: Partial<TransitionGroupProps> = {\n    elementType: 'div'\n  };\n\n  /**\n   * Derives state from the current props\n   *\n   * @param props The current Props that will be used to get the new state\n   * @param state The current state\n   *\n   * @returns The new state\n   */\n  static getDerivedStateFromProps(\n    props: Readonly<TransitionGroupProps>,\n    state: Readonly<State>\n  ): State | null {\n    const { childMapping, handleExited } = state;\n    return {\n      childMapping: TransitionUtils.getChildMapping(props.children, childMapping, handleExited)\n    };\n  }\n\n  private _mounted: boolean;\n\n  ////////////////////////////////////////////////////////////////////////\n  // Handler functions are created as members to have them 'this' bound //\n  ////////////////////////////////////////////////////////////////////////\n\n  /**\n   * Handles when a transition component exits\n   *\n   * @param child The child instance that exited\n   * @param node The corresponding transition element\n   * @param metadata The metadata of the corresponding transition component\n   */\n  private readonly _handleExited = (\n    child: VNode<TransitionProps>,\n    node?: Element,\n    metadata?: any\n  ) => {\n    const { children } = this.props;\n    // get the child mapping for the current children\n    const currentChildMapping = TransitionUtils.getChildMapping(children);\n\n    // if the exited child is added again, do nothing here\n    if (currentChildMapping.has(child.key)) return;\n\n    // The child component has exited, call the original onExited callback\n    child.props.onExited?.(node, metadata);\n\n    // Check if this component is still mounted, if so update the state\n    if (this._mounted) {\n      this.setState((state: Readonly<State>): Partial<State> => {\n        const childMapping = new Map(state.childMapping!);\n        // delete the exited child\n        childMapping.delete(child.key);\n        return { childMapping };\n      });\n    }\n  };\n\n  ///////////////////////////\n  // Handler functions end //\n  ///////////////////////////\n\n  /**\n   * Instantiates Component\n   *\n   * @param props The component properties\n   */\n  constructor(props: Readonly<TransitionGroupProps>) {\n    super(props);\n\n    this.state = {\n      childMapping: undefined,\n      handleExited: this._handleExited\n    };\n    this._mounted = false;\n  }\n\n  //////////////////////////////////////\n  // Component Life Cycle Hooks Start //\n  //////////////////////////////////////\n\n  /**\n   * Life cycle hook that gets called when the component is mounted on to\n   * the DOM\n   */\n  componentDidMount() {\n    this._mounted = true;\n  }\n\n  /**\n   * Life cycle hook that gets called when the component is unmounted from\n   * the DOM\n   */\n  componentWillUnmount() {\n    this._mounted = false;\n  }\n\n  ////////////////////////////////////\n  // Component Life Cycle Hooks End //\n  ////////////////////////////////////\n\n  /**\n   * Renders the transition components\n   */\n  render(): ComponentChild {\n    const WrapperComponent = this.props.elementType!;\n    const { childMapping } = this.state;\n    const children = [...childMapping!.values()];\n    return <WrapperComponent>{children}</WrapperComponent>;\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 */\nimport { Component, ComponentChild, RenderableProps } from 'preact';\n\n/**\n * Supported transitions\n */\ntype TransitionCompleteStatus = 'entered' | 'exited';\ntype TransitionIntermediateStatus = 'entering' | 'exiting' | null;\ntype TransitionStatus = TransitionCompleteStatus | TransitionIntermediateStatus;\n\n/**\n * A function wrapper that when cancelled, will not call the\n * original function when invoked.\n */\ntype CancellableFunction = {\n  (): void;\n  cancel?: () => void;\n};\n\n/**\n * State for the Transition component\n */\ntype State = {\n  status: TransitionStatus;\n};\n\n/**\n * Props for the Transition Component\n */\nexport type TransitionProps<M = any> = {\n  /**\n   * A boolean for whether or not to the show the child content. Usually, this represents\n   * whether or the current item existing in the data.\n   */\n  in?: boolean;\n\n  /**\n   * An optional metadata that will be passed along on all callbacks\n   */\n  metadata?: M;\n\n  /**\n   * Called when the component enters for the first time.\n   */\n  onEnter?: (node?: Element, metadata?: M) => void;\n\n  /**\n   * Called when the component enters for the first time and right after onEnter call.\n   */\n  onEntering?: (node?: Element, callback?: () => void, metadata?: M) => void;\n\n  /**\n   * Called when the component enters for the first time and all the enter transitions are over.\n   */\n  onEntered?: (node?: Element, metadata?: M) => void;\n\n  /**\n   * Called when the component exits.\n   */\n  onExit?: (node?: Element, metadata?: M) => void;\n\n  /**\n   * Called when the component exits and right after the onExit call.\n   */\n  onExiting?: (node?: Element, callback?: () => void, metadata?: M) => void;\n\n  /**\n   * Called when the component exits and all the transitions are over.\n   */\n  onExited?: (node?: Element, metadata?: M) => void;\n};\n\n/**\n * @classdesc\n * The component that acts as a layer for handing transitions.\n *\n * @ignore\n */\nexport class Transition<M = any> extends Component<TransitionProps<M>, State> {\n  private readonly _appearStatus: TransitionIntermediateStatus;\n  private _nextCallback: CancellableFunction | null;\n\n  ////////////////////////////////////////////////////////////////////////\n  // Handler functions are created as members to have them 'this' bound //\n  ////////////////////////////////////////////////////////////////////////\n\n  ///////////////////////////\n  // Handler functions end //\n  ///////////////////////////\n\n  /**\n   * Instantiates Component\n   *\n   * @param props The component properties\n   */\n  constructor(props: Readonly<TransitionProps<M>>) {\n    super(props);\n\n    let appearStatus: TransitionIntermediateStatus;\n    if (props.in) {\n      appearStatus = 'entering';\n    } else {\n      appearStatus = null;\n    }\n\n    this._appearStatus = appearStatus;\n    this.state = { status: 'exited' };\n    this._nextCallback = null;\n  }\n\n  //////////////////////////////////////\n  // Component Life Cycle Hooks Start //\n  //////////////////////////////////////\n\n  /**\n   * Lifecycle hook that gets called when the component is mounted to the DOM\n   */\n  componentDidMount() {\n    this._updateStatus(this._appearStatus);\n  }\n\n  /**\n   * Lifecycle hook that gets called after each update to the component\n   *\n   * @param prevProps The props of the component before last update\n   */\n  componentDidUpdate(prevProps: Readonly<TransitionProps<M>>) {\n    let nextStatus: TransitionIntermediateStatus = null;\n\n    if (prevProps !== this.props) {\n      const { status } = this.state;\n\n      if (this.props.in) {\n        if (status !== 'entering' && status !== 'entered') {\n          // The component is just entering, so set the next status as Entering\n          nextStatus = 'entering';\n        }\n      } else {\n        if (status === 'entering' || status === 'entered') {\n          // The component is not in the data anymore, so we need to do exit animation\n          // So, set the next status as Exiting\n          nextStatus = 'exiting';\n        }\n      }\n    }\n\n    this._updateStatus(nextStatus);\n  }\n\n  /**\n   * Lifecycle hook that gets called right before the component unmounts\n   */\n  componentWillUnmount() {\n    this._cancelNextCallback();\n  }\n\n  ////////////////////////////////////\n  // Component Life Cycle Hooks End //\n  ////////////////////////////////////\n\n  /**\n   * Renders the Transition component\n   *\n   * @param props The current props\n   * @returns The rendered component child\n   */\n  render(props?: RenderableProps<TransitionProps<M>>): ComponentChild {\n    return props?.children;\n  }\n\n  ////////////////////////////\n  // Private helper methods //\n  ////////////////////////////\n\n  /**\n   * Creates a wrapper callback function, which can be cancelled.\n   *\n   * @param callback The current callback function\n   * @returns The created cancellable callback\n   */\n  private _setNextCallback(callback: (...args: any) => void): CancellableFunction {\n    let active = true;\n\n    this._nextCallback = (...args: any[]) => {\n      if (active) {\n        active = false;\n        this._nextCallback = null;\n\n        callback(...args);\n      }\n    };\n\n    this._nextCallback.cancel = () => {\n      active = false;\n    };\n\n    return this._nextCallback;\n  }\n\n  /**\n   * Cancels the scheduled next callback\n   */\n  private _cancelNextCallback() {\n    this._nextCallback?.cancel?.();\n    this._nextCallback = null;\n  }\n\n  /**\n   * Updates the status of the component. Performs corresponding Transitions.\n   */\n  private _updateStatus(nextStatus: TransitionIntermediateStatus) {\n    if (nextStatus != null) {\n      this._cancelNextCallback();\n\n      if (nextStatus === 'entering') {\n        this._performEnter(this.base as Element); // In our component, base is always Element\n      } else {\n        this._performExit(this.base as Element); // In our component, base is always Element\n      }\n    }\n  }\n\n  /**\n   * Perform Entering transitions\n   *\n   * @param node The root DOM element of this component\n   */\n  private _performEnter(node?: Element) {\n    this.props.onEnter?.(node, this.props.metadata);\n\n    this.setState({ status: 'entering' }, () => {\n      this.props.onEntering?.(\n        node,\n        this._setNextCallback(() => {\n          this.setState({ status: 'entered' }, () => {\n            this.props.onEntered?.(node, this.props.metadata);\n          });\n        }),\n        this.props.metadata\n      );\n    });\n  }\n\n  /**\n   * Perform Exiting transitions\n   *\n   * @param node The root DOM element of this component\n   */\n  private _performExit(node?: Element) {\n    this.props.onExit?.(node, this.props.metadata);\n\n    this.setState({ status: 'exiting' }, () => {\n      this.props.onExiting?.(\n        node,\n        this._setNextCallback(() => {\n          this.setState({ status: 'exited' }, () => {\n            this.props.onExited?.(node, this.props.metadata);\n          });\n        }),\n        this.props.metadata\n      );\n    });\n  }\n}\n"],"names":["TransitionUtils","static","children","prevChildMapping","Map","onExited","TRAILING","Symbol","mappedDeletions","size","_getMappedDeletions","mergedChildrenMap","reduce","accumulator","currentChild","key","deletedChildren","previousChild","get","set","cloneElement","in","props","newChild","bind","nextChildrenKeys","Set","map","keys","currentKey","has","trailingChildren","TransitionGroup","Component","state","childMapping","handleExited","getChildMapping","constructor","super","this","_handleExited","child","node","metadata","_mounted","setState","delete","undefined","componentDidMount","componentWillUnmount","render","WrapperComponent","elementType","values","_jsx","jsx","defaultProps","Transition","appearStatus","_appearStatus","status","_nextCallback","_updateStatus","componentDidUpdate","prevProps","nextStatus","_cancelNextCallback","_setNextCallback","callback","active","args","cancel","_performEnter","base","_performExit","onEnter","onEntering","onEntered","onExit","onExiting"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_TransitionGroup.js","sources":["../../src/PRIVATE_TransitionGroup/TransitionUtils.ts","../../src/PRIVATE_TransitionGroup/TransitionGroup.tsx","../../src/PRIVATE_TransitionGroup/Transition.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 */\nimport { cloneElement, VNode } from 'preact';\nimport { TransitionProps } from './Transition';\n\nexport type ChildKey = number | string;\nexport type ChildMapping = Map<string | number, VNode<TransitionProps>>;\nexport type ChildrenRecord<T = any> = {\n  [Key in number | string | any]: T[];\n};\n\n/**\n * @classdesc\n * A utility class consisting of helper functions for handling transitions\n * related operations.\n */\nexport class TransitionUtils {\n  /**\n   * Creates a map of the children array with the calculated in prop\n   *\n   * @param children The newly received children\n   * @param prevChildMapping The previous child mapping\n   * @returns the newly created child mapping\n   */\n  public static getChildMapping(\n    children: VNode<TransitionProps>[],\n    prevChildMapping: ChildMapping = new Map(),\n    onExited: (child: VNode<TransitionProps>, node: Element, key?: ChildKey) => void = () => {}\n  ): ChildMapping {\n    // A symbol to store trailing children\n    const TRAILING = Symbol();\n    let mappedDeletions = {} as ChildrenRecord;\n\n    if (prevChildMapping.size !== 0) {\n      // If previous children exists, get the mapped deleted children\n      mappedDeletions = TransitionUtils._getMappedDeletions(children, prevChildMapping, TRAILING);\n    }\n\n    // Create a new Map with the new children along with the deletions inserted in their\n    // respective positions\n    const mergedChildrenMap: ChildMapping = children.reduce<ChildMapping>(\n      (accumulator, currentChild) => {\n        if (mappedDeletions[currentChild.key]) {\n          // There are keys from prev that are deleted before the current\n          // next key, so add them first\n          const deletedChildren = mappedDeletions[currentChild.key];\n          for (const key of deletedChildren) {\n            const previousChild = prevChildMapping.get(key);\n            // Set the in property to false, as this is children is removed\n            accumulator.set(key, cloneElement(previousChild!, { in: false }));\n          }\n          // Then add the current key. Do not change the in property as this is a\n          // retained children.\n          const previousChild = prevChildMapping.get(currentChild.key);\n          accumulator.set(\n            currentChild.key,\n            cloneElement(currentChild, { in: previousChild!.props.in })\n          );\n        } else {\n          // This is a new children. Set the in property to true\n          const newChild = cloneElement(currentChild, {\n            // bind the original child so that the original callbacks can be\n            // called in the onExited callback from the argument.\n            onExited: onExited.bind(null, currentChild),\n            in: true\n          });\n          accumulator.set(currentChild.key, newChild);\n        }\n\n        return accumulator;\n      },\n      new Map() as ChildMapping\n    );\n\n    // Finally add any trailing deleted children present in the mappedDeletions[TRAILING]\n    for (const key of mappedDeletions[TRAILING as any] || []) {\n      const previousChild = prevChildMapping.get(key);\n      // Set the in property to false, as this is children is removed\n      mergedChildrenMap.set(key, cloneElement(previousChild!, { in: false }));\n    }\n\n    // Finally return the merged children map\n    return mergedChildrenMap;\n  }\n\n  ////////////////////////////\n  // Private helper methods //\n  ////////////////////////////\n\n  /**\n   * Creates a map of deleted children wrt to the keys in the new data.\n   *\n   * @param children The newly received children\n   * @param prevChildMapping The previous child mapping\n   * @param TRAILING A unique symbol to be used for storing the trailing children\n   * @returns A map containing deleted children\n   */\n  private static _getMappedDeletions(\n    children: VNode<TransitionProps>[],\n    prevChildMapping: ChildMapping,\n    TRAILING: symbol\n  ): ChildrenRecord<ChildKey> {\n    // Create a set with keys of next children\n    const nextChildrenKeys = new Set(children.map((children) => children.key));\n\n    return [...prevChildMapping.keys()].reduce<ChildrenRecord<ChildKey>>(\n      (accumulator, currentKey) => {\n        if (nextChildrenKeys.has(currentKey)) {\n          // We have reached a point where the closest prevKey that\n          // is in the next, so if there are any pending keys add them\n          // to this key in mappedDeletions so that the pending keys will\n          // be added before the current next key\n          accumulator[currentKey] = accumulator[TRAILING as any];\n          delete accumulator[TRAILING as any];\n        } else {\n          // If key is not found in next, then add it to the trailing keys.\n          const trailingChildren = accumulator[TRAILING as any]\n            ? [...accumulator[TRAILING as any], currentKey]\n            : [currentKey];\n          accumulator[TRAILING as any] = trailingChildren;\n        }\n\n        return accumulator;\n      },\n      {} as ChildrenRecord<ChildKey>\n    );\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 */\nimport { Component, ComponentChild, ComponentType, VNode } from 'preact';\nimport { TransitionProps } from './Transition';\nimport { ChildKey, ChildMapping, TransitionUtils } from './TransitionUtils';\n\n/**\n * Props for the TransitionGroup Component\n */\ntype TransitionGroupProps = {\n  /**\n   * @description\n   * <TransitionGroup> renders a '<div>' by default. You can change this\n   * behavior by providing a different value to this prop.\n   */\n  elementType?: string | ComponentType;\n\n  /**\n   * @description\n   * Children component should be a collection of TransitionComponent. The child\n   * components should be a Transition Component.\n   */\n  children: VNode<TransitionProps>[];\n};\n\n/**\n * State for the TransitionGroup component\n */\ntype State = {\n  childMapping?: ChildMapping;\n  handleExited?: (child: VNode<TransitionProps>, node: Element, key?: ChildKey) => void;\n};\n\n/**\n * @classdesc\n * The <TransitionGroup> component manages a set of components that involves animations.\n * This component does not handle any animation, rather just a state machine that manages\n * the mounting and unmounting of the components over the time. The actual animation needs\n * to be handled by the content component.\n *\n * Consider the example below:\n * <TransitionGroup>\n *   {\n *      messages.map(message => {\n *        <Transition key={message.key}>\n *          <Message\n *            type={type}\n *            index={index}\n *            item={data.message}\n *            onOjClose={onOjClose}\n *          />\n *        </Transition>\n *      });\n *   }\n * </TransitionGroup>\n * As the messages are added/removed, the TransitionGroup Component automatically\n * toggles the 'in' prop of the Transition Component.\n *\n * @ignore\n */\nexport class TransitionGroup extends Component<TransitionGroupProps, State> {\n  static defaultProps: Partial<TransitionGroupProps> = {\n    elementType: 'div'\n  };\n\n  /**\n   * Derives state from the current props\n   *\n   * @param props The current Props that will be used to get the new state\n   * @param state The current state\n   *\n   * @returns The new state\n   */\n  static getDerivedStateFromProps(\n    props: Readonly<TransitionGroupProps>,\n    state: Readonly<State>\n  ): State | null {\n    const { childMapping, handleExited } = state;\n    return {\n      childMapping: TransitionUtils.getChildMapping(props.children, childMapping, handleExited)\n    };\n  }\n\n  private _mounted: boolean;\n\n  ////////////////////////////////////////////////////////////////////////\n  // Handler functions are created as members to have them 'this' bound //\n  ////////////////////////////////////////////////////////////////////////\n\n  /**\n   * Handles when a transition component exits\n   *\n   * @param child The child instance that exited\n   * @param node The corresponding transition element\n   * @param metadata The metadata of the corresponding transition component\n   */\n  private readonly _handleExited = (\n    child: VNode<TransitionProps>,\n    node?: Element,\n    metadata?: any\n  ) => {\n    const { children } = this.props;\n    // get the child mapping for the current children\n    const currentChildMapping = TransitionUtils.getChildMapping(children);\n\n    // if the exited child is added again, do nothing here\n    if (currentChildMapping.has(child.key)) return;\n\n    // The child component has exited, call the original onExited callback\n    child.props.onExited?.(node, metadata);\n\n    // Check if this component is still mounted, if so update the state\n    if (this._mounted) {\n      this.setState((state: Readonly<State>): Partial<State> => {\n        const childMapping = new Map(state.childMapping!);\n        // delete the exited child\n        childMapping.delete(child.key);\n        return { childMapping };\n      });\n    }\n  };\n\n  ///////////////////////////\n  // Handler functions end //\n  ///////////////////////////\n\n  /**\n   * Instantiates Component\n   *\n   * @param props The component properties\n   */\n  constructor(props: Readonly<TransitionGroupProps>) {\n    super(props);\n\n    this.state = {\n      childMapping: undefined,\n      handleExited: this._handleExited\n    };\n    this._mounted = false;\n  }\n\n  //////////////////////////////////////\n  // Component Life Cycle Hooks Start //\n  //////////////////////////////////////\n\n  /**\n   * Life cycle hook that gets called when the component is mounted on to\n   * the DOM\n   */\n  componentDidMount() {\n    this._mounted = true;\n  }\n\n  /**\n   * Life cycle hook that gets called when the component is unmounted from\n   * the DOM\n   */\n  componentWillUnmount() {\n    this._mounted = false;\n  }\n\n  ////////////////////////////////////\n  // Component Life Cycle Hooks End //\n  ////////////////////////////////////\n\n  /**\n   * Renders the transition components\n   */\n  render(): ComponentChild {\n    const WrapperComponent = this.props.elementType!;\n    const { childMapping } = this.state;\n    const children = [...childMapping!.values()];\n    return <WrapperComponent>{children}</WrapperComponent>;\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 */\nimport { Component, ComponentChild, RenderableProps } from 'preact';\n\n/**\n * Supported transitions\n */\ntype TransitionCompleteStatus = 'entered' | 'exited';\ntype TransitionIntermediateStatus = 'entering' | 'exiting' | null;\ntype TransitionStatus = TransitionCompleteStatus | TransitionIntermediateStatus;\n\n/**\n * A function wrapper that when cancelled, will not call the\n * original function when invoked.\n */\ntype CancellableFunction = {\n  (): void;\n  cancel?: () => void;\n};\n\n/**\n * State for the Transition component\n */\ntype State = {\n  status: TransitionStatus;\n};\n\n/**\n * Props for the Transition Component\n */\nexport type TransitionProps<M = any> = {\n  /**\n   * A boolean for whether or not to the show the child content. Usually, this represents\n   * whether or the current item existing in the data.\n   */\n  in?: boolean;\n\n  /**\n   * An optional metadata that will be passed along on all callbacks\n   */\n  metadata?: M;\n\n  /**\n   * Called when the component enters for the first time.\n   */\n  onEnter?: (node?: Element, metadata?: M) => void;\n\n  /**\n   * Called when the component enters for the first time and right after onEnter call.\n   */\n  onEntering?: (node?: Element, callback?: () => void, metadata?: M) => void;\n\n  /**\n   * Called when the component enters for the first time and all the enter transitions are over.\n   */\n  onEntered?: (node?: Element, metadata?: M) => void;\n\n  /**\n   * Called when the component exits.\n   */\n  onExit?: (node?: Element, metadata?: M) => void;\n\n  /**\n   * Called when the component exits and right after the onExit call.\n   */\n  onExiting?: (node?: Element, callback?: () => void, metadata?: M) => void;\n\n  /**\n   * Called when the component exits and all the transitions are over.\n   */\n  onExited?: (node?: Element, metadata?: M) => void;\n};\n\n/**\n * @classdesc\n * The component that acts as a layer for handing transitions.\n *\n * @ignore\n */\nexport class Transition<M = any> extends Component<TransitionProps<M>, State> {\n  private readonly _appearStatus: TransitionIntermediateStatus;\n  private _nextCallback: CancellableFunction | null;\n\n  ////////////////////////////////////////////////////////////////////////\n  // Handler functions are created as members to have them 'this' bound //\n  ////////////////////////////////////////////////////////////////////////\n\n  ///////////////////////////\n  // Handler functions end //\n  ///////////////////////////\n\n  /**\n   * Instantiates Component\n   *\n   * @param props The component properties\n   */\n  constructor(props: Readonly<TransitionProps<M>>) {\n    super(props);\n\n    let appearStatus: TransitionIntermediateStatus;\n    if (props.in) {\n      appearStatus = 'entering';\n    } else {\n      appearStatus = null;\n    }\n\n    this._appearStatus = appearStatus;\n    this.state = { status: 'exited' };\n    this._nextCallback = null;\n  }\n\n  //////////////////////////////////////\n  // Component Life Cycle Hooks Start //\n  //////////////////////////////////////\n\n  /**\n   * Lifecycle hook that gets called when the component is mounted to the DOM\n   */\n  componentDidMount() {\n    this._updateStatus(this._appearStatus);\n  }\n\n  /**\n   * Lifecycle hook that gets called after each update to the component\n   *\n   * @param prevProps The props of the component before last update\n   */\n  componentDidUpdate(prevProps: Readonly<TransitionProps<M>>) {\n    let nextStatus: TransitionIntermediateStatus = null;\n\n    if (prevProps !== this.props) {\n      const { status } = this.state;\n\n      if (this.props.in) {\n        if (status !== 'entering' && status !== 'entered') {\n          // The component is just entering, so set the next status as Entering\n          nextStatus = 'entering';\n        }\n      } else {\n        if (status === 'entering' || status === 'entered') {\n          // The component is not in the data anymore, so we need to do exit animation\n          // So, set the next status as Exiting\n          nextStatus = 'exiting';\n        }\n      }\n    }\n\n    this._updateStatus(nextStatus);\n  }\n\n  /**\n   * Lifecycle hook that gets called right before the component unmounts\n   */\n  componentWillUnmount() {\n    this._cancelNextCallback();\n  }\n\n  ////////////////////////////////////\n  // Component Life Cycle Hooks End //\n  ////////////////////////////////////\n\n  /**\n   * Renders the Transition component\n   *\n   * @param props The current props\n   * @returns The rendered component child\n   */\n  render(props?: RenderableProps<TransitionProps<M>>): ComponentChild {\n    return props?.children;\n  }\n\n  ////////////////////////////\n  // Private helper methods //\n  ////////////////////////////\n\n  /**\n   * Creates a wrapper callback function, which can be cancelled.\n   *\n   * @param callback The current callback function\n   * @returns The created cancellable callback\n   */\n  private _setNextCallback(callback: (...args: any) => void): CancellableFunction {\n    let active = true;\n\n    this._nextCallback = (...args: any[]) => {\n      if (active) {\n        active = false;\n        this._nextCallback = null;\n\n        callback(...args);\n      }\n    };\n\n    this._nextCallback.cancel = () => {\n      active = false;\n    };\n\n    return this._nextCallback;\n  }\n\n  /**\n   * Cancels the scheduled next callback\n   */\n  private _cancelNextCallback() {\n    this._nextCallback?.cancel?.();\n    this._nextCallback = null;\n  }\n\n  /**\n   * Updates the status of the component. Performs corresponding Transitions.\n   */\n  private _updateStatus(nextStatus: TransitionIntermediateStatus) {\n    if (nextStatus != null) {\n      this._cancelNextCallback();\n\n      if (nextStatus === 'entering') {\n        this._performEnter(this.base as Element); // In our component, base is always Element\n      } else {\n        this._performExit(this.base as Element); // In our component, base is always Element\n      }\n    }\n  }\n\n  /**\n   * Perform Entering transitions\n   *\n   * @param node The root DOM element of this component\n   */\n  private _performEnter(node?: Element) {\n    this.props.onEnter?.(node, this.props.metadata);\n\n    this.setState({ status: 'entering' }, () => {\n      this.props.onEntering?.(\n        node,\n        this._setNextCallback(() => {\n          this.setState({ status: 'entered' }, () => {\n            this.props.onEntered?.(node, this.props.metadata);\n          });\n        }),\n        this.props.metadata\n      );\n    });\n  }\n\n  /**\n   * Perform Exiting transitions\n   *\n   * @param node The root DOM element of this component\n   */\n  private _performExit(node?: Element) {\n    this.props.onExit?.(node, this.props.metadata);\n\n    this.setState({ status: 'exiting' }, () => {\n      this.props.onExiting?.(\n        node,\n        this._setNextCallback(() => {\n          this.setState({ status: 'exited' }, () => {\n            this.props.onExited?.(node, this.props.metadata);\n          });\n        }),\n        this.props.metadata\n      );\n    });\n  }\n}\n"],"names":["TransitionUtils","getChildMapping","children","prevChildMapping","Map","onExited","TRAILING","Symbol","mappedDeletions","size","_getMappedDeletions","mergedChildrenMap","reduce","accumulator","currentChild","key","deletedChildren","previousChild","get","set","cloneElement","in","props","newChild","bind","nextChildrenKeys","Set","map","keys","currentKey","has","trailingChildren","TransitionGroup","Component","getDerivedStateFromProps","state","childMapping","handleExited","constructor","super","this","_handleExited","child","node","metadata","_mounted","setState","delete","undefined","componentDidMount","componentWillUnmount","render","WrapperComponent","elementType","values","_jsx","jsx","defaultProps","Transition","appearStatus","_appearStatus","status","_nextCallback","_updateStatus","componentDidUpdate","prevProps","nextStatus","_cancelNextCallback","_setNextCallback","callback","active","args","cancel","_performEnter","base","_performExit","onEnter","onEntering","onEntered","onExit","onExiting"],"mappings":"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"}

package/amd/PRIVATE_VirtualizedCollection.js

@@ -1,2 +1,2 @@
-define(['exports', './VirtualizedCollection-0ae2dae6', 'preact/jsx-runtime', 'preact/hooks', './PRIVATE_Collection', './Collection-20e496d4', 'preact', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useViewportIntersect'], (function(e,t,i,o,r,l,a,c,n){"use strict";e.PLACEHOLDER_STYLE_CLASS=t.PLACEHOLDER_STYLE_CLASS,e.VirtualizedCollection=t.VirtualizedCollection,e.getVirtualizedRangeExtractor=t.getVirtualizedRangeExtractor,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './VirtualizedCollection-9c72cf93', 'preact/jsx-runtime', 'preact/hooks', './PRIVATE_Collection', './Collection-1ce9f219', 'preact', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useViewportIntersect'], (function(e,t,i,o,r,l,c,a,n){"use strict";e.PLACEHOLDER_STYLE_CLASS=t.PLACEHOLDER_STYLE_CLASS,e.VirtualizedCollection=t.VirtualizedCollection,e.getVirtualizedRangeExtractor=t.getVirtualizedRangeExtractor,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_VirtualizedCollection.js.map

package/amd/ProgressBarVariants.styles.css

@@ -1,3 +1,3 @@
-.ProgressBarVariants_multiVariantStyles_edge_none__5ab1t31 {
+.ProgressBarVariants_multiVariantStyles_edge_none__5ab1t30 {
   border-radius: var(--borderRadius__irxz4j1);
 }

package/amd/ProgressBarVariants.styles2.css

@@ -1,3 +1,3 @@
-.ProgressBarVariants_multiVariantStyles_edge_none__1nfhaj91 {
+.ProgressBarVariants_multiVariantStyles_edge_none__1nfhaj90 {
   border-radius: var(--borderRadius__irxz4j1);
 }

package/amd/ProgressCircleVariants.styles.css

@@ -1,12 +1,12 @@
-.ProgressCircleVariants_multiVariantStyles_size_sm__8ngr9h0 {
+.ProgressCircleVariants_multiVariantStyles_size_sm__18za6ef0 {
   --size__lborgv0: var(--sizes-sm-size__lborgv2);
   --trackWidth__lborgv1: var(--sizes-sm-trackWidth__lborgv3);
 }
-.ProgressCircleVariants_multiVariantStyles_size_md__8ngr9h1 {
+.ProgressCircleVariants_multiVariantStyles_size_md__18za6ef1 {
   --size__lborgv0: var(--sizes-md-size__lborgv4);
   --trackWidth__lborgv1: var(--sizes-md-trackWidth__lborgv5);
 }
-.ProgressCircleVariants_multiVariantStyles_size_lg__8ngr9h2 {
+.ProgressCircleVariants_multiVariantStyles_size_lg__18za6ef2 {
   --size__lborgv0: var(--sizes-lg-size__lborgv6);
   --trackWidth__lborgv1: var(--sizes-lg-trackWidth__lborgv7);
 }

package/amd/ProgressCircleVariants.styles2.css

@@ -1,12 +1,12 @@
-.ProgressCircleVariants_multiVariantStyles_size_sm__18za6ef0 {
+.ProgressCircleVariants_multiVariantStyles_size_sm__8ngr9h0 {
   --size__lborgv0: var(--sizes-sm-size__lborgv2);
   --trackWidth__lborgv1: var(--sizes-sm-trackWidth__lborgv3);
 }
-.ProgressCircleVariants_multiVariantStyles_size_md__18za6ef1 {
+.ProgressCircleVariants_multiVariantStyles_size_md__8ngr9h1 {
   --size__lborgv0: var(--sizes-md-size__lborgv4);
   --trackWidth__lborgv1: var(--sizes-md-trackWidth__lborgv5);
 }
-.ProgressCircleVariants_multiVariantStyles_size_lg__18za6ef2 {
+.ProgressCircleVariants_multiVariantStyles_size_lg__8ngr9h2 {
   --size__lborgv0: var(--sizes-lg-size__lborgv6);
   --trackWidth__lborgv1: var(--sizes-lg-trackWidth__lborgv7);
 }

package/amd/RadioGroup-77a93dc8.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useFormFieldContextProps', './hooks/UNSAFE_useId', './PRIVATE_CheckboxRadioField', './RadioGroupContext-18350823'], (function(e,s,i,o,a,t,r,l,d){"use strict";const n=i.forwardRef((({"aria-describedby":e,assistiveText:i,direction:n="column",helpSourceLink:u,helpSourceText:c,isDisabled:b,isReadonly:h,isRequired:x=!1,label:m,labelEdge:p,labelStartWidth:F,messages:C,onCommit:R,userAssistanceDensity:S,value:v,children:y},k)=>{const A=!!v,{isDisabled:E,isReadonly:D,labelEdge:g,labelStartWidth:f,userAssistanceDensity:P}=o.useFormContext(),T=b??E,_=h??D,j=p??g,G=F??f,I=S??P,N=t.useFormFieldContextProps({hasValue:A,isDisabled:T,isReadonly:_,value:v}),U=r.useId();return s.jsx(a.FormFieldContext.Provider,{value:N,children:s.jsx(l.CheckboxRadioField,{"aria-describedby":e,assistiveText:i,baseId:U,direction:n,helpSourceLink:u,helpSourceText:c,isDisabled:T,isReadonly:_,isRequired:x,label:m,labelEdge:j,labelStartWidth:G,parentComponentVariant:"radioGroup",messages:C,userAssistanceDensity:I,hasValue:A,ref:k,role:"radiogroup",children:s.jsx(d.RadioGroupContext.Provider,{value:{name:U,value:v,onCommit:R},children:y})})})}));e.RadioGroup=n}));
+//# sourceMappingURL=RadioGroup-77a93dc8.js.map

package/amd/RadioGroup-77a93dc8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup-77a93dc8.js","sources":["../../src/UNSAFE_RadioGroup/RadioGroup.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 { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\n// import { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '../hooks/UNSAFE_useFormFieldContextProps';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\nimport { InlineUserAssistance, UserAssistanceDensityType } from '../UNSAFE_UserAssistance';\n\nimport { CheckboxRadioField } from '../PRIVATE_CheckboxRadioField';\nimport { RadioGroupContext } from './RadioGroupContext';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * RadioOption\n   */\n  children: ComponentChildren;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the radio group requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the radio group is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the radio group is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of radio buttons.\n   *\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<string>) => void;\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   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the radio option.\n   */\n  value?: string;\n};\n\nexport const RadioGroup = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n\n      children\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = !!value;\n    const {\n      isDisabled: isFormDisabled,\n      // TODO: unused variables, are they needed?\n      // isFormLayout,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\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 userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly,\n      value\n    });\n\n    const baseId = useId();\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          direction={direction}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"radioGroup\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          ref={ref}\n          role=\"radiogroup\">\n          <RadioGroupContext.Provider\n            value={{\n              name: baseId,\n              value,\n              onCommit\n            }}>\n            {children}\n          </RadioGroupContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["RadioGroup","forwardRef","ariaDescribedBy","assistiveText","direction","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","onCommit","userAssistanceDensity","propUserAssistanceDensity","value","children","ref","hasValue","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formUserAssistanceDensity","useFormContext","formFieldContext","useFormFieldContextProps","baseId","useId","_jsx","FormFieldContext","Provider","CheckboxRadioField","parentComponentVariant","role","RadioGroupContext","name"],"mappings":"sSAuGa,MAAAA,EAAaC,EAAAA,YACxB,EAEI,mBAAoBC,EACpBC,gBACAC,YAAY,SACZC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,QACAC,UAAWC,EACXC,gBAAiBC,EACjBC,WACAC,WACAC,sBAAuBC,EACvBC,QAEAC,YAEFC,KAEA,MAAMC,IAAaH,GAEjBd,WAAYkB,EAGZhB,WAAYiB,EACZb,UAAWc,EACXZ,gBAAiBa,EACjBT,sBAAuBU,GACrBC,EAAAA,iBAEEvB,EAAaC,GAAkBiB,EAC/BhB,EAAaC,GAAkBgB,EAC/Bb,EAAYC,GAAiBa,EAC7BZ,EAAkBC,GAAuBY,EACzCT,EAAwBC,GAA6BS,EAErDE,EAAmBC,EAAAA,yBAAyB,CAChDR,WACAjB,aACAE,aACAY,UAGIY,EAASC,EAAAA,QAEf,OACEC,MAACC,EAAAA,iBAAiBC,SAAQ,CAAChB,MAAOU,WAChCI,MAACG,EAAAA,uCACmBpC,EAClBC,cAAeA,EACf8B,OAAQA,EACR7B,UAAWA,EACXC,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZE,WAAYA,EACZC,MAAOA,EACPC,UAAWA,EACXE,gBAAiBA,EACjBwB,uBAAuB,aACvBtB,SAAUA,EACVE,sBAAuBA,EACvBK,SAAUA,EACVD,IAAKA,EACLiB,KAAK,sBACLL,EAAAA,IAACM,EAAAA,kBAAkBJ,SAAQ,CACzBhB,MAAO,CACLqB,KAAMT,EACNZ,QACAH,YACDI,SACAA,OAIP"}

package/amd/RadioGroupContext-18350823.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact', 'preact/hooks'], (function(t,e,o){"use strict";const n=e.createContext({});t.RadioGroupContext=n,t.useRadioGroupContext=()=>o.useContext(n)}));
+//# sourceMappingURL=RadioGroupContext-18350823.js.map

package/amd/RadioGroupContext-18350823.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext-18350823.js","sources":["../../src/UNSAFE_RadioGroup/RadioGroupContext.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';\nimport { useContext } from 'preact/hooks';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype RadioGroupContextValue = {\n  name: string;\n  value?: string;\n  onCommit?: (detail: ValueUpdateDetail<string>) => void;\n};\n\nconst RadioGroupContext = createContext<RadioGroupContextValue>({} as RadioGroupContextValue);\nconst useRadioGroupContext = () => useContext(RadioGroupContext);\n\nexport { RadioGroupContext, useRadioGroupContext };\n"],"names":["RadioGroupContext","createContext","useContext"],"mappings":"yEAkBA,MAAMA,EAAoBC,EAAaA,cAAyB,iDACnC,IAAMC,EAAAA,WAAWF"}

package/amd/RatingGaugeVariants.styles.css

@@ -1,16 +1,16 @@
-.RatingGaugeVariants_multiVariantStyles_size_sm__lj2jeo0 {
+.RatingGaugeVariants_multiVariantStyles_size_sm__vs4x6x0 {
   --size__1kgzocsc: var(--sizes-sm__1kgzocse);
   --margin__1kgzocsd: 0px 1px;
 }
-.RatingGaugeVariants_multiVariantStyles_size_md__lj2jeo1 {
+.RatingGaugeVariants_multiVariantStyles_size_md__vs4x6x1 {
   --size__1kgzocsc: var(--sizes-md__1kgzocsf);
   --margin__1kgzocsd: 0px 1px;
 }
-.RatingGaugeVariants_multiVariantStyles_size_lg__lj2jeo2 {
+.RatingGaugeVariants_multiVariantStyles_size_lg__vs4x6x2 {
   --size__1kgzocsc: var(--sizes-lg__1kgzocsg);
   --margin__1kgzocsd: 0px 2px;
 }
-.RatingGaugeVariants_multiVariantStyles_color_gold__lj2jeo4 {
+.RatingGaugeVariants_multiVariantStyles_color_gold__vs4x6x4 {
   --colorSelected__1kgzocs0: var(--colors-gold-colorSelected__1kgzocsh);
   --borderColorSelected__1kgzocs1: var(--colors-gold-bordorColorSelected__1kgzocsi);
   --colorSelectedReadonly__1kgzocs8: var(--colors-gold-colorSelectedReadonly__1kgzocsj);
@@ -18,50 +18,50 @@
   --borderColorUnselectedReadonly__1kgzocsb: var(--colors-gold-borderColorUnselectedReadonly__1kgzocsl);
   --borderColorSelectedReadonly__1kgzocs9: var(--colors-gold-borderColorSelectedReadonly__1kgzocsm);
 }
-.RatingGaugeVariants_multiVariantStyles_color_success__lj2jeo5 {
+.RatingGaugeVariants_multiVariantStyles_color_success__vs4x6x5 {
   --colorSelected__1kgzocs0: var(--colors-success-colorSelected__1kgzocsn);
   --borderColorSelected__1kgzocs1: var(--colors-success-bordorColorSelected__1kgzocso);
   --colorSelectedReadonly__1kgzocs8: var(--colors-success-colorSelectedReadonly__1kgzocsp);
 }
-.RatingGaugeVariants_multiVariantStyles_color_warning__lj2jeo6 {
+.RatingGaugeVariants_multiVariantStyles_color_warning__vs4x6x6 {
   --colorSelected__1kgzocs0: var(--colors-warning-colorSelected__1kgzocsq);
   --borderColorSelected__1kgzocs1: var(--colors-warning-bordorColorSelected__1kgzocsr);
   --colorSelectedReadonly__1kgzocs8: var(--colors-warning-colorSelectedReadonly__1kgzocss);
 }
-.RatingGaugeVariants_multiVariantStyles_color_danger__lj2jeo7 {
+.RatingGaugeVariants_multiVariantStyles_color_danger__vs4x6x7 {
   --colorSelected__1kgzocs0: var(--colors-danger-colorSelected__1kgzocst);
   --borderColorSelected__1kgzocs1: var(--colors-danger-bordorColorSelected__1kgzocsu);
   --colorSelectedReadonly__1kgzocs8: var(--colors-danger-colorSelectedReadonly__1kgzocsv);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_0__lj2jeog {
+.RatingGaugeVariants_multiVariantStyles_compound_0__vs4x6xg {
   --colorSelected__1kgzocs0: var(--colorSelectedDisabled__1kgzocs4);
   --borderColorSelected__1kgzocs1: var(--borderColorSelectedDisabled__1kgzocs5);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_1__lj2jeoh {
+.RatingGaugeVariants_multiVariantStyles_compound_1__vs4x6xh {
   --colorSelected__1kgzocs0: var(--colorSelectedReadonly__1kgzocs8);
   --borderColorSelected__1kgzocs1: var(--borderColorSelectedReadonly__1kgzocs9);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_2__lj2jeoi {
+.RatingGaugeVariants_multiVariantStyles_compound_2__vs4x6xi {
   --colorSelected__1kgzocs0: var(--colorUnselectedDisabled__1kgzocs6);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselectedDisabled__1kgzocs7);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_3__lj2jeoj {
+.RatingGaugeVariants_multiVariantStyles_compound_3__vs4x6xj {
   --colorSelected__1kgzocs0: var(--colorUnselectedReadonly__1kgzocsa);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselectedReadonly__1kgzocsb);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_4__lj2jeok {
+.RatingGaugeVariants_multiVariantStyles_compound_4__vs4x6xk {
   --colorSelected__1kgzocs0: var(--colorUnselected__1kgzocs2);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselected__1kgzocs3);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_5__lj2jeol {
+.RatingGaugeVariants_multiVariantStyles_compound_5__vs4x6xl {
   --colorSelected__1kgzocs0: currentColor;
   --borderColorSelected__1kgzocs1: currentColor;
 }
-.RatingGaugeVariants_multiVariantStyles_compound_6__lj2jeom {
+.RatingGaugeVariants_multiVariantStyles_compound_6__vs4x6xm {
   --colorSelected__1kgzocs0: transparent;
   --borderColorSelected__1kgzocs1: currentColor;
 }
-.RatingGaugeVariants_multiVariantStyles_compound_7__lj2jeon {
+.RatingGaugeVariants_multiVariantStyles_compound_7__vs4x6xn {
   --colorSelected__1kgzocs0: transparent;
   --borderColorSelected__1kgzocs1: transparent;
 }

package/amd/RatingGaugeVariants.styles2.css

@@ -1,16 +1,16 @@
-.RatingGaugeVariants_multiVariantStyles_size_sm__vs4x6x0 {
+.RatingGaugeVariants_multiVariantStyles_size_sm__lj2jeo0 {
   --size__1kgzocsc: var(--sizes-sm__1kgzocse);
   --margin__1kgzocsd: 0px 1px;
 }
-.RatingGaugeVariants_multiVariantStyles_size_md__vs4x6x1 {
+.RatingGaugeVariants_multiVariantStyles_size_md__lj2jeo1 {
   --size__1kgzocsc: var(--sizes-md__1kgzocsf);
   --margin__1kgzocsd: 0px 1px;
 }
-.RatingGaugeVariants_multiVariantStyles_size_lg__vs4x6x2 {
+.RatingGaugeVariants_multiVariantStyles_size_lg__lj2jeo2 {
   --size__1kgzocsc: var(--sizes-lg__1kgzocsg);
   --margin__1kgzocsd: 0px 2px;
 }
-.RatingGaugeVariants_multiVariantStyles_color_gold__vs4x6x4 {
+.RatingGaugeVariants_multiVariantStyles_color_gold__lj2jeo4 {
   --colorSelected__1kgzocs0: var(--colors-gold-colorSelected__1kgzocsh);
   --borderColorSelected__1kgzocs1: var(--colors-gold-bordorColorSelected__1kgzocsi);
   --colorSelectedReadonly__1kgzocs8: var(--colors-gold-colorSelectedReadonly__1kgzocsj);
@@ -18,50 +18,50 @@
   --borderColorUnselectedReadonly__1kgzocsb: var(--colors-gold-borderColorUnselectedReadonly__1kgzocsl);
   --borderColorSelectedReadonly__1kgzocs9: var(--colors-gold-borderColorSelectedReadonly__1kgzocsm);
 }
-.RatingGaugeVariants_multiVariantStyles_color_success__vs4x6x5 {
+.RatingGaugeVariants_multiVariantStyles_color_success__lj2jeo5 {
   --colorSelected__1kgzocs0: var(--colors-success-colorSelected__1kgzocsn);
   --borderColorSelected__1kgzocs1: var(--colors-success-bordorColorSelected__1kgzocso);
   --colorSelectedReadonly__1kgzocs8: var(--colors-success-colorSelectedReadonly__1kgzocsp);
 }
-.RatingGaugeVariants_multiVariantStyles_color_warning__vs4x6x6 {
+.RatingGaugeVariants_multiVariantStyles_color_warning__lj2jeo6 {
   --colorSelected__1kgzocs0: var(--colors-warning-colorSelected__1kgzocsq);
   --borderColorSelected__1kgzocs1: var(--colors-warning-bordorColorSelected__1kgzocsr);
   --colorSelectedReadonly__1kgzocs8: var(--colors-warning-colorSelectedReadonly__1kgzocss);
 }
-.RatingGaugeVariants_multiVariantStyles_color_danger__vs4x6x7 {
+.RatingGaugeVariants_multiVariantStyles_color_danger__lj2jeo7 {
   --colorSelected__1kgzocs0: var(--colors-danger-colorSelected__1kgzocst);
   --borderColorSelected__1kgzocs1: var(--colors-danger-bordorColorSelected__1kgzocsu);
   --colorSelectedReadonly__1kgzocs8: var(--colors-danger-colorSelectedReadonly__1kgzocsv);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_0__vs4x6xg {
+.RatingGaugeVariants_multiVariantStyles_compound_0__lj2jeog {
   --colorSelected__1kgzocs0: var(--colorSelectedDisabled__1kgzocs4);
   --borderColorSelected__1kgzocs1: var(--borderColorSelectedDisabled__1kgzocs5);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_1__vs4x6xh {
+.RatingGaugeVariants_multiVariantStyles_compound_1__lj2jeoh {
   --colorSelected__1kgzocs0: var(--colorSelectedReadonly__1kgzocs8);
   --borderColorSelected__1kgzocs1: var(--borderColorSelectedReadonly__1kgzocs9);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_2__vs4x6xi {
+.RatingGaugeVariants_multiVariantStyles_compound_2__lj2jeoi {
   --colorSelected__1kgzocs0: var(--colorUnselectedDisabled__1kgzocs6);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselectedDisabled__1kgzocs7);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_3__vs4x6xj {
+.RatingGaugeVariants_multiVariantStyles_compound_3__lj2jeoj {
   --colorSelected__1kgzocs0: var(--colorUnselectedReadonly__1kgzocsa);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselectedReadonly__1kgzocsb);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_4__vs4x6xk {
+.RatingGaugeVariants_multiVariantStyles_compound_4__lj2jeok {
   --colorSelected__1kgzocs0: var(--colorUnselected__1kgzocs2);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselected__1kgzocs3);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_5__vs4x6xl {
+.RatingGaugeVariants_multiVariantStyles_compound_5__lj2jeol {
   --colorSelected__1kgzocs0: currentColor;
   --borderColorSelected__1kgzocs1: currentColor;
 }
-.RatingGaugeVariants_multiVariantStyles_compound_6__vs4x6xm {
+.RatingGaugeVariants_multiVariantStyles_compound_6__lj2jeom {
   --colorSelected__1kgzocs0: transparent;
   --borderColorSelected__1kgzocs1: currentColor;
 }
-.RatingGaugeVariants_multiVariantStyles_compound_7__vs4x6xn {
+.RatingGaugeVariants_multiVariantStyles_compound_7__lj2jeon {
   --colorSelected__1kgzocs0: transparent;
   --borderColorSelected__1kgzocs1: transparent;
 }

package/amd/ReadonlyTextFieldInput-2fa02dd9.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useAccessibleContext', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_classNames', './utils/UNSAFE_interpolations/text', './utils/UNSAFE_mergeInterpolations', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useComponentTheme', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './hooks/UNSAFE_useTranslationBundle', './classNames-7db86b04'], (function(e,a,o,s,t,l,r,n,i,d,b,u,c){"use strict";e.ReadonlyTextFieldInput=function({"aria-describedby":e,"aria-label":l,"aria-labelledby":F,autoFocus:m,as:y="div",elementRef:x,hasEmptyLabel:p,hasInsideLabel:h=!1,inlineUserAssistance:A,innerReadonlyField:T,rows:f,type:N,value:E="",variant:U,..._}){const L=u.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading(),{isFormLayout:S,isReadonly:C}=s.useFormContext(),{isLoading:I}=i.useFormFieldContext(),R=I?L:l,j=[...Object.values(r.textInterpolations)],v=n.mergeInterpolations(j),{class:k}=v(_),{classes:g}=d.useComponentTheme(b.ReadonlyTextFieldInputRedwoodTheme,{textarea:"textarea"===U?"isTextArea":"notTextArea",formLayout:S?"isFormLayout":"notFormLayout",readonlyForm:C?"isReadonlyForm":"notReadonlyForm",insideLabel:h?"hasInsideLabel":"noInsideLabel"}),w=c.classNames([g,k]),{isTabbable:B,tabbableModeProps:M}=t.useTabbableMode(),{UNSAFE_ariaLabelledBy:O}=o.useAccessibleContext(),P=p?function(...e){return e.filter(Boolean).join(" ")||void 0}(F,O):F;return"input"===y?a.jsx("input",{"aria-describedby":e,"aria-label":R,"aria-labelledby":P,autofocus:m,class:w,readonly:!0,ref:x,type:N,value:E,...!B&&M}):"textarea"===y?a.jsx("textarea",{"aria-describedby":e,"aria-label":R,"aria-labelledby":P,autofocus:m,class:w,readonly:!0,ref:x,rows:f,...!B&&M,children:E}):a.jsx("div",{"aria-describedby":e,"aria-label":R,"aria-labelledby":P,"aria-readonly":!0,autofocus:m,class:w,ref:x,role:"textbox",...M,children:E})}}));
+//# sourceMappingURL=ReadonlyTextFieldInput-2fa02dd9.js.map

package/amd/ReadonlyTextFieldInput-2fa02dd9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadonlyTextFieldInput-2fa02dd9.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":["ariaDescribedBy","ariaLabel","inputLabelledBy","autoFocus","as","elementRef","hasEmptyLabel","hasInsideLabel","inlineUserAssistance","innerReadonlyField","rows","type","value","variant","props","loadingAriaLabel","useTranslationBundle","formControl_loading","isFormLayout","isReadonly","isReadonlyForm","useFormContext","isLoading","useFormFieldContext","ariaLabelForReadonly","interpolations","Object","values","textInterpolations","styleInterpolations","mergeInterpolations","class","styleInterpolationClasses","classes","themeClasses","useComponentTheme","ReadonlyTextFieldInputRedwoodTheme","textarea","formLayout","readonlyForm","insideLabel","readonlyDivClasses","classNames","isTabbable","tabbableModeProps","useTabbableMode","UNSAFE_ariaLabelledBy","useAccessibleContext","ariaLabelledBy","ids","filter","Boolean","join","undefined","mergeIDs","_jsx","autofocus","readonly","ref","role","children"],"mappings":"sgBAiEM,UACJ,mBAAoBA,EACpB,aAAcC,EACd,kBAAmBC,EAAeC,UAClCA,EAASC,GACTA,EAAK,MAAKC,WACVA,EAAUC,cACVA,EAAaC,eACbA,GAAiB,EAAKC,qBACtBA,EAAoBC,mBACpBA,EAAkBC,KAClBA,EAAIC,KACJA,EAAIC,MACJA,EAAQ,GAAEC,QACVA,KACGC,IAEH,MACMC,EADeC,uBAAiC,4BAChBC,uBAChCC,aAAEA,EAAcC,WAAYC,GAAmBC,EAAcA,kBAC7DC,UAAEA,GAAcC,EAAAA,sBAChBC,EAAuBF,EAAYP,EAAmBd,EAGtDwB,EAAiB,IAAIC,OAAOC,OAAOC,EAAAA,qBACnCC,EAAsBC,sBAA2BL,IAC/CM,MAAOC,GAA8BH,EAAoBf,IACzDmB,QAASC,GAAiBC,EAAAA,kBAGhCC,EAAAA,mCAAoC,CACpCC,SAAsB,aAAZxB,EAAyB,aAAe,cAClDyB,WAAYpB,EAAe,eAAiB,gBAC5CqB,aAAcnB,EAAiB,iBAAmB,kBAClDoB,YAAajC,EAAiB,iBAAmB,kBAG7CkC,EAAqBC,EAAUA,WAAC,CAACR,EAAcF,KAI/CW,WAAEA,EAAUC,kBAAEA,GAAsBC,EAAeA,mBAKnDC,sBAAEA,GAA0BC,EAAAA,uBAC5BC,EAAiB1C,EAnDzB,YAAqB2C,GACnB,OAAOA,EAAIC,OAAOC,SAASC,KAAK,WAAQC,CAC1C,CAkDMC,CAASpD,EAAiB4C,GAC1B5C,EAEJ,MAAW,UAAPE,EAEAmD,EAAAA,IACoB,QAAA,CAAA,mBAAAvD,eACNwB,EAAoB,kBACfwB,EACjBQ,UAAWrD,EACX4B,MAAOU,EACPgB,UAAU,EAEVC,IAAKrD,EACLM,KAAMA,EACNC,MAAOA,MACD+B,GAAcC,IAIf,aAAPxC,EAEAmD,EAAAA,IACoB,WAAA,CAAA,mBAAAvD,eACNwB,EAAoB,kBACfwB,EACjBQ,UAAWrD,EACX4B,MAAOU,EACPgB,UAAU,EAEVC,IAAKrD,EACLK,KAAMA,MACAiC,GAAcC,WACnBhC,IAKL2C,EAAAA,IACoB,MAAA,CAAA,mBAAAvD,EACN,aAAAwB,oBACKwB,EAAc,iBAChB,EACfQ,UAAWrD,EACX4B,MAAOU,EAEPiB,IAAKrD,EACLsD,KAAK,aACDf,EACHgB,SAAAhD,GAGP"}

package/amd/ReadonlyTextFieldVariants.styles.css

@@ -1,19 +1,19 @@
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__ck0nxoc {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__a11ehsc {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__ck0nxod {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__a11ehsd {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__ck0nxoe {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__a11ehse {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__ck0nxof {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__a11ehsf {
   min-height: var(--insideEdgeHeight__w6gg1yb);
 }

package/amd/ReadonlyTextFieldVariants.styles2.css

@@ -1,19 +1,19 @@
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__a11ehsc {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__ck0nxoc {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__a11ehsd {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__ck0nxod {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__a11ehse {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__ck0nxoe {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__a11ehsf {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__ck0nxof {
   min-height: var(--insideEdgeHeight__w6gg1yb);
 }

package/amd/SelectMenuItem-4f5d725a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './hooks/UNSAFE_useId', './PRIVATE_ThemedIcons/CheckIcon', './MenuItem-10cfc96b', 'preact'], (function(e,t,o,n,s,i,c){"use strict";const u=c.createContext({isMultiple:!1});e.SelectMenuGroupContext=u,e.SelectMenuItem=function({value:e,label:c,isDisabled:m,endIcon:l}){const{isMultiple:a,value:d,onCommit:r}=o.useContext(u),I=n.useId(),p=o.useMemo((()=>`oj-menu-item-${I}`),[I]),{isSelected:C,memoizedOnCommit:x}=o.useMemo((()=>a?{isSelected:!!d?.includes(e),memoizedOnCommit:()=>{const t=C?d?.filter((t=>t!==e))||[]:[...d||[],e];r?.({value:t,previousValue:d})}}:{isSelected:d===e,memoizedOnCommit:()=>{r?.({value:e,previousValue:d})}}),[d,e,r,a]);return t.jsx(i.BaseMenuItem,{id:p,type:"select",role:a?"menuitemcheckbox":"menuitemradio",isChecked:C,isDisabled:m,startIcon:C?t.jsx(s.CheckIcon,{}):t.jsx("span",{}),label:c,onAction:x,endIcon:l})}}));
+//# sourceMappingURL=SelectMenuItem-4f5d725a.js.map

package/amd/SelectMenuItem-4f5d725a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenuItem-4f5d725a.js","sources":["../../src/UNSAFE_Menu/SelectMenuGroupContext.tsx","../../src/UNSAFE_Menu/SelectMenuItem.tsx","../../src/UNSAFE_Menu/useSelectMenuGroupContext.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 { 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","/**\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"],"names":["SelectMenuGroupContext","createContext","isMultiple","value","label","isDisabled","endIcon","selectedValue","onCommit","useContext","uniqueID","useId","id","useMemo","isSelected","memoizedOnCommit","includes","proposedValue","filter","val","previousValue","_jsx","BaseMenuItem","type","role","isChecked","startIcon","jsx","CheckIcon","onAction"],"mappings":"qLA2BM,MAAAA,EAAyBC,EAAAA,cAA2C,CACxEC,YAAY,gDCJR,UAAyBC,MAAEA,EAAKC,MAAEA,EAAKC,WAAEA,EAAUC,QAAEA,IACzD,MAAMJ,WAAEA,EAAYC,MAAOI,EAAaC,SAAEA,GCRnCC,EAAAA,WAAWT,GDSZU,EAAWC,EAAAA,QACXC,EAAKC,EAAOA,SAAC,IAAM,gBAAgBH,KAAY,CAACA,KAEhDI,WAAEA,EAAUC,iBAAEA,GAAqBF,EAAOA,SAAC,IAC1CX,EAQE,CACLY,aAAcP,GAAeS,SAASb,GACtCY,iBAAkB,KAChB,MAAME,EAAgBH,EAClBP,GAAeW,QAAQC,GAAQA,IAAQhB,KAAU,GACjD,IAAKI,GAAiB,GAAKJ,GAC/BK,IAAW,CAAEL,MAAOc,EAAeG,cAAeb,GAAgB,GAb7D,CACLO,WAAYP,IAAkBJ,EAC9BY,iBAAkB,KAChBP,IAAW,CAAEL,QAAOiB,cAAeb,GAAgB,IAaxD,CAACA,EAAeJ,EAAOK,EAAUN,IAEpC,OACEmB,EAAAA,IAACC,EAAAA,aACC,CAAAV,GAAIA,EACJW,KAAK,SACLC,KAAMtB,EAAa,mBAAqB,gBACxCuB,UAAWX,EACXT,WAAYA,EACZqB,UAAWZ,EAAaO,EAAAM,IAACC,EAASA,UAAA,CAAA,GAAMP,EAAAA,IAAA,OAAA,CAAA,GACxCjB,MAAOA,EACPyB,SAAUd,EACVT,QAASA,GAGf"}

package/amd/SelectMultipleMenuGroup-f8856ef5.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './SelectMenuItem-4f5d725a'], (function(e,t,n){"use strict";e.SelectMultipleMenuGroup=function({value:e,onCommit:u,children:i}){return t.jsx(n.SelectMenuGroupContext.Provider,{value:{isMultiple:!0,value:e,onCommit:u},children:i})}}));
+//# sourceMappingURL=SelectMultipleMenuGroup-f8856ef5.js.map

package/amd/SelectMultipleMenuGroup-f8856ef5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMultipleMenuGroup-f8856ef5.js","sources":["../../src/UNSAFE_Menu/SelectMultipleMenuGroup.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 { ComponentChildren } from 'preact';\n\nimport { MenuValueUpdateDetail } from './menuUtils';\nimport { SelectMenuGroupContext } from './SelectMenuGroupContext';\n\ntype SelectMultipleMenuGroupProps = {\n  children: ComponentChildren;\n  value?: string[];\n  onCommit?: (detail: MenuValueUpdateDetail<string[]>) => void;\n};\n\nexport function SelectMultipleMenuGroup({\n  value,\n  onCommit,\n  children\n}: SelectMultipleMenuGroupProps) {\n  return (\n    <SelectMenuGroupContext.Provider value={{ isMultiple: true, value, onCommit }}>\n      {children}\n    </SelectMenuGroupContext.Provider>\n  );\n}\n"],"names":["value","onCommit","children","_jsx","SelectMenuGroupContext","Provider","isMultiple"],"mappings":"4HAmBM,UAAkCA,MACtCA,EAAKC,SACLA,EAAQC,SACRA,IAEA,OACEC,MAACC,EAAsBA,uBAACC,SAAS,CAAAL,MAAO,CAAEM,YAAY,EAAMN,QAAOC,YAChEC,SAAAA,GAGP"}

package/amd/SelectSingle-a853e185.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './hooks/UNSAFE_useFocusableTextField', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useLoadingIndicatorTimer', './hooks/UNSAFE_useTextField', './UNSAFE_Label', './UNSAFE_LiveRegion', './UNSAFE_TextField', './UNSAFE_UserAssistance', './PRIVATE_SelectCommon', 'preact/hooks', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useTranslationBundle', './Label-fa1cb600', './ReadonlyTextFieldInput-2fa02dd9', './TextFieldInput-232e8da4'], (function(e,o,s,n,i,t,a,r,l,d,c,u,p,h,m,f,v,F,x,w){"use strict";const b=n.forwardRef((({"aria-describedby":e,assistiveText:n,data:d,helpSourceLink:b,helpSourceText:y,isDisabled:A,isLoading:S,isReadonly:R,isRequired:g,isRequiredShown:E,itemText:D,label:T,labelEdge:C,labelStartWidth:k,messages:K,onCommit:L,onFilter:I,onLoadRange:U,placeholder:j,textAlign:P,userAssistanceDensity:_,valueItem:M,variant:N="default",virtualKeyboard:z},B)=>{const{isDisabled:O,isReadonly:H,labelEdge:V,labelStartWidth:q,textAlign:W,userAssistanceDensity:Y}=t.useFormContext(),$=A??O,Z=R??H,G=C??V,J=k??q,Q=P??W,X=_??Y,{enabledElementRef:ee,focusProps:oe,isFocused:se,readonlyElementRef:ne}=i.useFocusableTextField({isDisabled:$,isReadonly:Z,ref:B}),{collectionProps:ie,dropdownArrowEventHandlers:te,dropdownEventHandlers:ae,dropdownRef:re,inputEventHandlers:le,isDropdownAbove:de,isDropdownOpen:ce,isFocused:ue,isUserFiltering:pe,mainFieldRef:he,mouseProps:me,searchText:fe,userInput:ve}=function({data:e,inputRef:o,isDisabled:s,isFocused:n,isReadonly:i,onCommit:t,onFilter:a,valueItem:r}){const{currentRow:l,dropdownRef:d,handleDropdownArrowClick:c,handleDropdownAutoDismiss:u,handleDropdownPosition:p,handleInput:v,handleMainFieldKeyDown:F,handleMainFieldKeyUp:x,isDropdownAbove:w,isDropdownOpen:b,isFocused:y,isUserFiltering:A,mainFieldRef:S,onCurrentKeyChange:R,onMouseDown:g,searchText:E,selectedKeys:D,setCurrentRow:T,setDropdownOpen:C,setSelectedKeys:k,stopFiltering:K,userInput:L}=h.useSelectCommon({data:e,inputRef:o,isFocused:n,onFilter:a}),I=m.useRef(e),U=m.useRef(b),j=m.useRef(E),P=m.useCallback((e=>{t?.({value:e,previousValue:void 0!==r?r.key:void 0})}),[t,r]),_=m.useCallback((()=>{C(!1),k(new Set),P(void 0)}),[P]),M=m.useCallback((()=>!(!A||""!==L||void 0===r||(_(),0))),[_,A,L,r]);m.useEffect((()=>{y||M()}),[y]);const N=m.useCallback((()=>{o.current?.focus()}),[]),z=m.useCallback((()=>{d.current?.parentElement?.removeChild(d.current)}),[]),B=m.useCallback((e=>{b&&"keydown"===e?.type&&e.code===h.KEYS.TAB&&(void 0!==l&&void 0!==l.rowKey&&(k(new Set([l.rowKey])),P(l.rowKey)),N(),z())}),[l,N,b,P]),O=m.useCallback((o=>{if(!h.isControlOrFunctionKey(o))switch(o.code){case h.KEYS.TAB:!M()&&b&&null!=e&&e.data.length>0&&(void 0!==l&&void 0!==l.rowKey?(k(new Set([l.rowKey])),P(l.rowKey)):P(r?.key??void 0)),z(),C(!1);break;case h.KEYS.ENTER:!M()&&b&&null!=e&&e.data.length>0&&(C(!1),K(),void 0!==l&&void 0!==l.rowKey?(k(new Set([l.rowKey])),P(l.rowKey)):P(r?.key??void 0))}}),[M,l,e,b,P,r]);m.useEffect((()=>{k(void 0===r?void 0:new Set([r.key]))}),[r]);const H=m.useCallback((e=>{N(),C(!1),K();const o=e.context.metadata.key;k(new Set([o])),P(o)}),[N,P]);m.useEffect((()=>{e!==I.current&&b&&A&&null!=e&&0===e.offset&&e.data.length>0&&T({rowKey:void 0!==E&&E?.length>0?e.data[0].metadata.key:void 0})}),[e,b,A,E]),m.useEffect((()=>{b!==U.current&&(!b||A&&void 0!==E&&0!==E.length||T({rowKey:void 0}))}),[b,A,E]);const V=m.useMemo((()=>f.mergeProps({onAutoDismiss:u,onPosition:p},{onAutoDismiss:B})),[u,p,B]),q=m.useMemo((()=>f.mergeProps({onInput:v,onKeyDown:F,onKeyUp:x},{onKeyDown:O})),[F,v,x,O]);return m.useEffect((()=>{I.current=e,U.current=b,j.current=E})),{collectionProps:{currentKey:l.rowKey,onCurrentKeyChange:R,onItemAction:H,selectedKeys:D},dropdownArrowEventHandlers:{onClick:c},dropdownEventHandlers:V,dropdownRef:d,inputEventHandlers:q,inputRef:o,isDropdownAbove:w,isDropdownOpen:b,isFocused:y,isUserFiltering:A,mainFieldRef:S,mouseProps:s||i?{}:{onMouseDown:g},searchText:E,userInput:L}}({data:d,inputRef:ee,isDisabled:$,isFocused:se,isReadonly:Z,onCommit:L,onFilter:I,valueItem:M}),Fe=r.useLoadingIndicatorTimer(S??!1),{baseId:xe,formFieldContext:we,inputProps:be,labelProps:ye,textFieldProps:Ae,userAssistanceProps:Se}=l.useTextField({ariaDescribedBy:e,helpSourceLink:b,helpSourceText:y,isDisabled:$,isFocused:ue,isLoading:Fe,isReadonly:Z,isRequiredShown:E,labelEdge:G,messages:K,styleVariant:N,userAssistanceDensity:X,value:void 0!==M||void 0});we.hasValue=S||we.hasValue;const Re=`${xe}-dropdown`,ge=function(e,o){return m.useMemo((()=>void 0===o?"":h.renderItemText(o,e)??""),[o,e])}(D,M),Ee="none"!==G?o.jsx(F.Label,{...ye,children:T}):void 0,De={label:"none"!==G?Ee:void 0,labelEdge:"none"!==G?G:void 0,labelStartWidth:"none"!==G?J:void 0},Te="none"===G?T:void 0,Ce="efficient"===X||"reflow"===X?$||Z?"efficient"!==X?void 0:o.jsx(p.InlineUserAssistance,{userAssistanceDensity:X,...Se}):o.jsx(p.InlineUserAssistance,{assistiveText:n,fieldLabel:T,helpSourceLink:b,helpSourceText:y,messages:K,isRequiredShown:E,userAssistanceDensity:X,...Se}):void 0,ke="compact"===X?o.jsx(p.CompactUserAssistance,{anchorRef:he,messages:K,assistiveText:n,...Se}):void 0,Ke=v.useTranslationBundle("@oracle/oraclejet-preact");if(Z)return o.jsx(a.FormFieldContext.Provider,{value:we,children:o.jsx(u.ReadonlyTextField,{role:"presentation",compactUserAssistance:ke,inlineUserAssistance:Ce,onBlur:oe.onfocusout,onFocus:oe.onfocusin,ref:he,...De,children:o.jsx(x.ReadonlyTextFieldInput,{"aria-describedby":be["aria-describedby"],"aria-label":Te,"aria-labelledby":ye.id,as:"div",elementRef:ne,hasEmptyLabel:""===T&&"none"===G,hasInsideLabel:void 0!==T&&"inside"===G,textAlign:Q,value:ge})})});const Le=null!=d&&!h.isBeforeDataFetch(d),Ie=void 0!==Ee&&"inside"===G,Ue=ce&&Le?0===d?.totalSize?Ke.select_noMatchesFound():1===d?.totalSize?Ke.select_oneMatchFound():"exact"===d?.sizePrecision?Ke.select_sizeMatchesFound({TOTAL_SIZE:`${d?.totalSize}`}):Ke.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${d?.totalSize}`}):"",je=o.jsxs(s.Fragment,{children:[o.jsx(w.TextFieldInput,{"aria-autocomplete":"list","aria-controls":Re,"aria-expanded":ce,"aria-label":Te,autoComplete:"off",hasEmptyLabel:""===T&&"none"===G,hasInsideLabel:Ie,inputRef:ee,isRequired:g,...le,placeholder:j,role:"combobox",spellcheck:!1,textAlign:Q,type:h.isMobile()?"auto"===z?"search":z:void 0,value:pe?ve:ge,...be}),o.jsx(c.LiveRegion,{children:Ue})]}),Pe=o.jsx(h.DropdownArrow,{isDisabled:$,size:Ie?"md":"sm",...te}),_e=!ce||de||$||Z||!n&&!b||"efficient"!==X&&"reflow"!==X?void 0:o.jsx(h.DropdownUserAssistance,{assistiveText:n,fieldLabel:T,helpSourceLink:b,helpSourceText:y,userAssistanceDensity:X}),Me=Le&&0===d?.totalSize,Ne=Me?o.jsx(h.EmptyResults,{}):o.jsx(h.DefaultList,{...ie,"aria-label":T??"",currentItemVariant:"highlight",data:d,itemText:D,onLoadRange:U,searchText:pe?fe:void 0,selectionMode:"single"});return o.jsxs(s.Fragment,{children:[o.jsx(a.FormFieldContext.Provider,{value:we,children:o.jsx(u.TextField,{compactUserAssistance:ke,endContent:Fe?void 0:Pe,inlineUserAssistance:Ce,mainContent:je,mainFieldRef:he,onBlur:oe?.onfocusout,onFocus:oe?.onfocusin,...Ae,...De,...me})}),o.jsxs(h.Dropdown,{dropdownRef:re,id:Re,isOpen:ce&&void 0!==d&&(null===d||d.totalSize>0||h.isBeforeDataFetch(d)||Me),anchorRef:he,...ae,children:[o.jsx(h.DropdownList,{hasBottomGap:void 0===_e,isLoading:null===d,children:Ne}),_e]})]})}));e.SelectSingle=b}));
+//# sourceMappingURL=SelectSingle-a853e185.js.map