@oracle/oraclejet-preact 14.0.5 → 14.0.7

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","constructor","super","this","_handleExited","child","node","metadata","getChildMapping","_b","_a","call","_mounted","setState","state","childMapping","delete","undefined","handleExited","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","../../src/PRIVATE_TransitionGroup/index.ts"],"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","/**\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\nexport { TransitionGroup } from './TransitionGroup';\nexport { Transition } from './Transition';\nexport type { TransitionProps } from './Transition';\n"],"names":["cloneElement","Component","_jsx"],"mappings":"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"}

package/amd/PRIVATE_VirtualizedCollection.js

@@ -1,2 +1,20 @@
-define(["exports","./VirtualizedCollection-91797029","preact/jsx-runtime","preact/hooks","./PRIVATE_Collection","./Collection-a530cc1c","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})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './VirtualizedCollection-63815bce', 'preact/jsx-runtime', 'preact/hooks', './PRIVATE_Collection', './Collection-55b75a82', 'preact', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useViewportIntersect'], (function (exports, VirtualizedCollection, jsxRuntime, hooks, PRIVATE_Collection, Collection, preact, utils_UNSAFE_arrayUtils, hooks_UNSAFE_useViewportIntersect) { 'use strict';
+
+	/**
+	 * @license
+	 * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+	 * The Universal Permissive License (UPL), Version 1.0
+	 * as shown at https://oss.oracle.com/licenses/upl/
+	 * @ignore
+	 */
+
+	exports.PLACEHOLDER_STYLE_CLASS = VirtualizedCollection.PLACEHOLDER_STYLE_CLASS;
+	exports.VirtualizedCollection = VirtualizedCollection.VirtualizedCollection;
+	exports.getVirtualizedRangeExtractor = VirtualizedCollection.getVirtualizedRangeExtractor;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=PRIVATE_VirtualizedCollection.js.map

package/amd/PRIVATE_VirtualizedCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_VirtualizedCollection.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"PRIVATE_VirtualizedCollection.js","sources":["../../src/PRIVATE_VirtualizedCollection/index.ts"],"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 */\nexport { VirtualizedCollection, getVirtualizedRangeExtractor } from './VirtualizedCollection';\nexport { PlaceholderType, PlaceholderContext, PLACEHOLDER_STYLE_CLASS } from './Placeholder';\n"],"names":[],"mappings":";;;CAAA;;;;;;CAMG;;;;;;;;;;;;;;;"}

package/amd/ReadonlyTextFieldInput-4583f049.js

@@ -0,0 +1,111 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useTabbableMode', 'module', './utils/UNSAFE_classNames', './utils/UNSAFE_interpolations/text', './utils/UNSAFE_mergeInterpolations', './hooks/UNSAFE_useFormFieldContext', './FormControlUtils-802d298a', './classNames-027de734'], (function (exports, tslib_es6, jsxRuntime, hooks_UNSAFE_useFormContext, hooks_UNSAFE_useTabbableMode, linaria, utils_UNSAFE_classNames, utils_UNSAFE_interpolations_text, utils_UNSAFE_mergeInterpolations, hooks_UNSAFE_useFormFieldContext, FormControlUtils, classNames) { 'use strict';
+
+    // and the textarea, so the the textarea's focus outline doesn't get truncated.
+    // The 0.25rem is an aesthetically pleasing amount of margin to make the readonly
+    // focus ring visible.
+
+    const borderToTextAreaContentMargin = '0.25rem';
+    const readOnlyTextFieldStyles = {
+      base: "base-yhu7uq",
+      textareaBase: "textareaBase-l4hbu8",
+      inEnabledFormBase: "inEnabledFormBase-suwmpz",
+      textareaInEnabledFormBase: "textareaInEnabledFormBase-1gi2iei",
+      inEnabledFormLabelInside: "inEnabledFormLabelInside-1dzn4p9",
+      textareaInEnabledFormLabelInside: "textareaInEnabledFormLabelInside-oepjji",
+      inEnabledFormNoLabelInside: "inEnabledFormNoLabelInside-7yxzps",
+      // don't apply this for textarea
+      inEnabledFormNoStartContent: "inEnabledFormNoStartContent-10lq5vn"
+    };
+    function ReadonlyTextFieldInput(_a) {
+      var {
+        ariaDescribedBy,
+        ariaLabel,
+        ariaLabelledBy,
+        autoFocus,
+        as = 'div',
+        elementRef,
+        hasInsideLabel = false,
+        inlineUserAssistance,
+        innerReadonlyField,
+        rows,
+        type,
+        value = '',
+        variant
+      } = _a,
+          props = tslib_es6.__rest(_a, ["ariaDescribedBy", "ariaLabel", "ariaLabelledBy", "autoFocus", "as", "elementRef", "hasInsideLabel", "inlineUserAssistance", "innerReadonlyField", "rows", "type", "value", "variant"]);
+
+      const {
+        isFormLayout,
+        isReadonly: isReadonlyForm
+      } = hooks_UNSAFE_useFormContext.useFormContext();
+      const {
+        isLoading
+      } = hooks_UNSAFE_useFormFieldContext.useFormFieldContext();
+      const ariaLabelForReadonly = isLoading ? FormControlUtils.getLoadingAriaLabel() : 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 readonlyDivClasses = classNames.classNames([as !== 'textarea' && 'oj-c-hide-scrollbar', readOnlyTextFieldStyles.base, as === 'textarea' && readOnlyTextFieldStyles.textareaBase, isFormLayout && !isReadonlyForm && readOnlyTextFieldStyles.inEnabledFormBase, variant === 'textarea' && isFormLayout && !isReadonlyForm && readOnlyTextFieldStyles.textareaInEnabledFormBase, isFormLayout && !isReadonlyForm && (hasInsideLabel ? readOnlyTextFieldStyles.inEnabledFormLabelInside : readOnlyTextFieldStyles.inEnabledFormNoLabelInside), variant === 'textarea' && isFormLayout && !isReadonlyForm && hasInsideLabel && readOnlyTextFieldStyles.textareaInEnabledFormLabelInside, variant !== 'textarea' && // not for textarea
+      isFormLayout && !isReadonlyForm && readOnlyTextFieldStyles.inEnabledFormNoStartContent, styleInterpolationClasses]); // JET-52914 - Implement Tabbable mode API contract in InputText
+      // spread tabbableModeProps on component
+
+      const {
+        isTabbable,
+        tabbableModeProps
+      } = hooks_UNSAFE_useTabbableMode.useTabbableMode();
+
+      if (as === 'input') {
+        return jsxRuntime.jsx("input", Object.assign({
+          "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", Object.assign({
+          "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", Object.assign({
+        "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-4583f049.js.map

package/amd/{ReadonlyTextFieldInput-1b5e6b00.js.map → ReadonlyTextFieldInput-4583f049.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ReadonlyTextFieldInput-1b5e6b00.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextFieldInput.tsx"],"sourcesContent":["import { ComponentChildren, Ref } from 'preact';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\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 { getLoadingAriaLabel } from './FormControlUtils';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\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    ariaDescribedBy?: string;\n    ariaLabel?: string;\n    ariaLabelledBy?: string;\n    autoFocus?: AutoFocusProp;\n    hasInsideLabel?: boolean;\n    inlineUserAssistance?: ComponentChildren;\n    innerReadonlyField?: ComponentChildren;\n    value?: string;\n    variant?: 'textarea';\n  };\n\n// In readonly textarea, we need some margin between the border container element\n// and the textarea, so the the textarea's focus outline doesn't get truncated.\n// The 0.25rem is an aesthetically pleasing amount of margin to make the readonly\n// focus ring visible.\nconst borderToTextAreaContentMargin = '0.25rem';\n\nconst readOnlyTextFieldStyles = {\n  base: cssProps`${{\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))',\n    // TODO: Use Text component instead of CSS\n    wordBreak: 'break-word',\n    whiteSpace: 'pre-wrap',\n    // TODO: Cleanup the border and background CSS\n    backgroundColor: 'transparent',\n    borderColor: 'transparent',\n    borderWidth: '0',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    boxSizing: 'border-box',\n    // TODO: Use the Flex component instead of CSS\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    fontFamily: 'inherit',\n    fontSize: '100%',\n    fontWeight: 'inherit',\n    lineHeight: 'inherit',\n    outlineWidth: '0',\n\n    '&:focus': {\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineOffset: '1px'\n    }\n  }}`,\n  textareaBase: cssProps`${{\n    resize: 'none',\n    paddingBlockStart: '0',\n    paddingInlineStart: '0'\n  }}`,\n  inEnabledFormBase: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'scroll',\n    overflowY: 'hidden',\n    scrollbarWidth: 'none'\n  }}`,\n\n  textareaInEnabledFormBase: cssProps`${{\n    marginTop:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginBottom:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginLeft: borderToTextAreaContentMargin,\n    marginRight: borderToTextAreaContentMargin,\n    paddingLeft: `calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - ${borderToTextAreaContentMargin})`,\n    paddingRight: '0',\n    overflowX: 'auto',\n    overflowY: 'auto',\n    whiteSpace: 'pre-wrap'\n  }}`,\n\n  inEnabledFormLabelInside: cssProps`${{\n    // TODO: Look into why we need this hacky CSS\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem)',\n    paddingTop: '0',\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))'\n  }}`,\n\n  textareaInEnabledFormLabelInside: cssProps`${{\n    paddingTop: 0,\n    paddingBottom: 0,\n    // We are using a transparent border here instead of padding, due to how textarea scrolls the padding off the screen\n    // and the text content will clash with the inside label.\n    borderColor: 'transparent',\n    borderStyle: 'solid',\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top))',\n    marginBottom: borderToTextAreaContentMargin\n  }}`,\n\n  inEnabledFormNoLabelInside: cssProps`${{\n    // TODO: Remove if this is not needed.\n    justifyContent: 'center'\n  }}`,\n\n  // don't apply this for textarea\n  inEnabledFormNoStartContent: cssProps`${{\n    marginLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    marginRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    paddingLeft: '0',\n    paddingRight: '0'\n  }}`\n};\n\nexport function ReadonlyTextFieldInput({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  autoFocus,\n  as = 'div',\n  elementRef,\n  hasInsideLabel = false,\n  inlineUserAssistance,\n  innerReadonlyField,\n  rows,\n  type,\n  value = '',\n  variant,\n  ...props\n}: Props) {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const ariaLabelForReadonly = isLoading ? getLoadingAriaLabel() : 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\n  const readonlyDivClasses = classNames([\n    as !== 'textarea' && 'oj-c-hide-scrollbar', // TODO: Temp workaround for using --webkit-scrollbar to hide the scrollbar\n    readOnlyTextFieldStyles.base,\n    as === 'textarea' && readOnlyTextFieldStyles.textareaBase,\n    isFormLayout && !isReadonlyForm && readOnlyTextFieldStyles.inEnabledFormBase,\n    variant === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.textareaInEnabledFormBase,\n    isFormLayout &&\n      !isReadonlyForm &&\n      (hasInsideLabel\n        ? readOnlyTextFieldStyles.inEnabledFormLabelInside\n        : readOnlyTextFieldStyles.inEnabledFormNoLabelInside),\n    variant === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      hasInsideLabel &&\n      readOnlyTextFieldStyles.textareaInEnabledFormLabelInside,\n    variant !== 'textarea' && // not for textarea\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.inEnabledFormNoStartContent,\n    styleInterpolationClasses\n  ]);\n\n  // JET-52914 - Implement Tabbable mode API contract in InputText\n  // spread tabbableModeProps on component\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\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":["readOnlyTextFieldStyles","_a","ariaDescribedBy","ariaLabel","ariaLabelledBy","autoFocus","as","elementRef","hasInsideLabel","inlineUserAssistance","innerReadonlyField","rows","type","value","variant","props","__rest","isLoading","useFormFieldContext","ariaLabelForReadonly","getLoadingAriaLabel","styleInterpolations","mergeInterpolations","interpolations","isFormLayout","isReadonlyForm","_jsx","Object","assign","autofocus","class","readonlyDivClasses","readonly","ref","isTabbable","tabbableModeProps","children","role"],"mappings":"0XAoDA,MAEAA,EAAA,WAAAA,EAAA,SAAAA,EAAA,WAAAA,EAAA,UAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,WAAAA,oCA2FA,SAAAC,GAAuC,IAAAC,gBAAAA,EAAAC,UAAAA,EAAAC,eAAAA,EAAAC,UAAAA,EAAAC,GAAAA,EAAA,MAAAC,WAAAA,EAAAC,eAAAA,GAAA,EAAAC,qBAAAA,EAAAC,mBAAAA,EAAAC,KAAAA,EAAAC,KAAAA,EAAAC,MAAAA,EAAA,GAAAC,QAAAA,GAAAb,EAAAc,EAAAC,EAAAA,OAAAf,EAAA,CAAA,kBAAA,YAAA,iBAAA,YAAA,KAAA,aAAA,iBAAA,uBAAA,qBAAA,OAAA,OAAA,QAAA,mEAiBrCgB,UAAAA,GAAAC,EAAAA,sBACAC,EAAAF,EAAAG,EAAAA,sBAAAjB,6CAIAkB,EAAAC,sBAAAC,wEAKEvB,EACA,aAAAM,GAAAN,EACAwB,IAAAC,GAAAzB,EACA,aAAAc,OAEEW,GACAzB,MAEAyB,IACAjB,IAEER,GACJ,aAAAc,OAEEW,MAEAzB,sBAGAyB,GACAzB,+EASF0B,MAAA,QAAAC,OAAAC,OAAA,CAAA,mBAAA1B,EAAA,aAAAiB,EAAA,kBAAAf,EAAAyB,UAAAxB,EAAAyB,MAAAC,EAAAC,UAAA,EASIC,IAAA1B,EAAAK,KAAAA,EAAAC,MAAAA,IAAAqB,GAAAC,mBAQJT,MAAA,WAAAC,OAAAC,OAAA,CAAA,mBAAA1B,EAAA,aAAAiB,EAAA,kBAAAf,EAAAyB,UAAAxB,EAAAyB,MAAAC,EAAAC,UAAA,EASIC,IAAA1B,EAAAI,KAAAA,IAAAuB,GAAAC,EAAA,CAAAC,SAAAvB,KAONa,MAAA,MAAAC,OAAAC,OAAA,CAAA,mBAAA1B,EAAA,aAAAiB,EAAA,kBAAAf,EAAA,iBAAA,EAAAyB,UAAAxB,EAAAyB,MAAAC,EASIE,IAAA1B,EAAA8B,KAAA,WAAAF,EAAA,CAAAC,SAAAvB"}
+{"version":3,"file":"ReadonlyTextFieldInput-4583f049.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextFieldInput.tsx"],"sourcesContent":["import { ComponentChildren, Ref } from 'preact';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\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 { getLoadingAriaLabel } from './FormControlUtils';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\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    ariaDescribedBy?: string;\n    ariaLabel?: string;\n    ariaLabelledBy?: string;\n    autoFocus?: AutoFocusProp;\n    hasInsideLabel?: boolean;\n    inlineUserAssistance?: ComponentChildren;\n    innerReadonlyField?: ComponentChildren;\n    value?: string;\n    variant?: 'textarea';\n  };\n\n// In readonly textarea, we need some margin between the border container element\n// and the textarea, so the the textarea's focus outline doesn't get truncated.\n// The 0.25rem is an aesthetically pleasing amount of margin to make the readonly\n// focus ring visible.\nconst borderToTextAreaContentMargin = '0.25rem';\n\nconst readOnlyTextFieldStyles = {\n  base: cssProps`${{\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))',\n    // TODO: Use Text component instead of CSS\n    wordBreak: 'break-word',\n    whiteSpace: 'pre-wrap',\n    // TODO: Cleanup the border and background CSS\n    backgroundColor: 'transparent',\n    borderColor: 'transparent',\n    borderWidth: '0',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    boxSizing: 'border-box',\n    // TODO: Use the Flex component instead of CSS\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    fontFamily: 'inherit',\n    fontSize: '100%',\n    fontWeight: 'inherit',\n    lineHeight: 'inherit',\n    outlineWidth: '0',\n\n    '&:focus': {\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineOffset: '1px'\n    }\n  }}`,\n  textareaBase: cssProps`${{\n    resize: 'none',\n    paddingBlockStart: '0',\n    paddingInlineStart: '0'\n  }}`,\n  inEnabledFormBase: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'scroll',\n    overflowY: 'hidden',\n    scrollbarWidth: 'none'\n  }}`,\n\n  textareaInEnabledFormBase: cssProps`${{\n    marginTop:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginBottom:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginLeft: borderToTextAreaContentMargin,\n    marginRight: borderToTextAreaContentMargin,\n    paddingLeft: `calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - ${borderToTextAreaContentMargin})`,\n    paddingRight: '0',\n    overflowX: 'auto',\n    overflowY: 'auto',\n    whiteSpace: 'pre-wrap'\n  }}`,\n\n  inEnabledFormLabelInside: cssProps`${{\n    // TODO: Look into why we need this hacky CSS\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem)',\n    paddingTop: '0',\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))'\n  }}`,\n\n  textareaInEnabledFormLabelInside: cssProps`${{\n    paddingTop: 0,\n    paddingBottom: 0,\n    // We are using a transparent border here instead of padding, due to how textarea scrolls the padding off the screen\n    // and the text content will clash with the inside label.\n    borderColor: 'transparent',\n    borderStyle: 'solid',\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top))',\n    marginBottom: borderToTextAreaContentMargin\n  }}`,\n\n  inEnabledFormNoLabelInside: cssProps`${{\n    // TODO: Remove if this is not needed.\n    justifyContent: 'center'\n  }}`,\n\n  // don't apply this for textarea\n  inEnabledFormNoStartContent: cssProps`${{\n    marginLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    marginRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    paddingLeft: '0',\n    paddingRight: '0'\n  }}`\n};\n\nexport function ReadonlyTextFieldInput({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  autoFocus,\n  as = 'div',\n  elementRef,\n  hasInsideLabel = false,\n  inlineUserAssistance,\n  innerReadonlyField,\n  rows,\n  type,\n  value = '',\n  variant,\n  ...props\n}: Props) {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const ariaLabelForReadonly = isLoading ? getLoadingAriaLabel() : 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\n  const readonlyDivClasses = classNames([\n    as !== 'textarea' && 'oj-c-hide-scrollbar', // TODO: Temp workaround for using --webkit-scrollbar to hide the scrollbar\n    readOnlyTextFieldStyles.base,\n    as === 'textarea' && readOnlyTextFieldStyles.textareaBase,\n    isFormLayout && !isReadonlyForm && readOnlyTextFieldStyles.inEnabledFormBase,\n    variant === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.textareaInEnabledFormBase,\n    isFormLayout &&\n      !isReadonlyForm &&\n      (hasInsideLabel\n        ? readOnlyTextFieldStyles.inEnabledFormLabelInside\n        : readOnlyTextFieldStyles.inEnabledFormNoLabelInside),\n    variant === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      hasInsideLabel &&\n      readOnlyTextFieldStyles.textareaInEnabledFormLabelInside,\n    variant !== 'textarea' && // not for textarea\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.inEnabledFormNoStartContent,\n    styleInterpolationClasses\n  ]);\n\n  // JET-52914 - Implement Tabbable mode API contract in InputText\n  // spread tabbableModeProps on component\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\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":["borderToTextAreaContentMargin","readOnlyTextFieldStyles","ReadonlyTextFieldInput","_a","ariaDescribedBy","ariaLabel","ariaLabelledBy","autoFocus","as","elementRef","hasInsideLabel","inlineUserAssistance","innerReadonlyField","rows","type","value","variant","props","__rest","isLoading","useFormFieldContext","ariaLabelForReadonly","getLoadingAriaLabel","styleInterpolations","mergeInterpolations","interpolations","base","textareaBase","isFormLayout","isReadonlyForm","inEnabledFormBase","textareaInEnabledFormBase","inEnabledFormNoLabelInside","textareaInEnabledFormLabelInside","inEnabledFormNoStartContent","_jsx","Object","assign","autofocus","class","readonlyDivClasses","readonly","ref","isTabbable","tabbableModeProps","children","role"],"mappings":"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"}

package/amd/SelectMenuItem-2412de22.js

@@ -0,0 +1,60 @@
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './index-f54bad63', './MenuItem-c263a7c0', 'preact', './index-5920700b'], (function (exports, jsxRuntime, hooks, UNSAFE_ThemedIcons, MenuItem, preact, UNSAFE_Icons) { 'use strict';
+
+    /**
+     * @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 { isSelected, memoizedOnCommit } = hooks.useMemo(() => {
+            if (!isMultiple) {
+                return {
+                    isSelected: selectedValue === value,
+                    memoizedOnCommit: () => {
+                        onCommit === null || onCommit === void 0 ? void 0 : onCommit({ value, previousValue: selectedValue });
+                    }
+                };
+            }
+            return {
+                isSelected: !!(selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.includes(value)),
+                memoizedOnCommit: () => {
+                    const proposedValue = isSelected
+                        ? (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.filter((val) => val !== value)) || []
+                        : [...(selectedValue || []), value];
+                    onCommit === null || onCommit === void 0 ? void 0 : onCommit({ value: proposedValue, previousValue: selectedValue });
+                }
+            };
+        }, [selectedValue, value, onCommit, isMultiple]);
+        return (jsxRuntime.jsx(MenuItem.BaseMenuItem, { role: isMultiple ? 'menuitemcheckbox' : 'menuitemradio', isChecked: isSelected, isDisabled: isDisabled, startIcon: isSelected ? jsxRuntime.jsx(UNSAFE_Icons.SvgIcoCheck, {}) : jsxRuntime.jsx("span", {}), label: label, onAction: memoizedOnCommit, endIcon: endIcon }));
+    }
+
+    exports.SelectMenuGroupContext = SelectMenuGroupContext;
+    exports.SelectMenuItem = SelectMenuItem;
+
+}));
+/*  */
+//# sourceMappingURL=SelectMenuItem-2412de22.js.map

package/amd/SelectMenuItem-2412de22.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenuItem-2412de22.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';\n\nimport { CheckIcon } from '../UNSAFE_ThemedIcons';\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\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      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","useMemo","_jsx","BaseMenuItem","CheckIcon"],"mappings":";;;IAAA;;;;;;IAMG;AAqBG,UAAA,sBAAsB,GAAGA,oBAAa,CAA8B;IACxE,IAAA,UAAU,EAAE,KAAK;IAClB,CAAA;;IC7BD;;;;;;IAMG;IAKH;;;;IAIG;IACH,SAAS,yBAAyB,GAAA;IAChC,IAAA,OAAOC,gBAAU,CAAC,sBAAsB,CAAC,CAAC;IAC5C;;ICKM,SAAU,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAuB,EAAA;IACvF,IAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,yBAAyB,EAAE,CAAC;QAEnF,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAGC,aAAO,CAAC,MAAK;YACpD,IAAI,CAAC,UAAU,EAAE;gBACf,OAAO;oBACL,UAAU,EAAE,aAAa,KAAK,KAAK;oBACnC,gBAAgB,EAAE,MAAK;IACrB,oBAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,CAAG,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,CAAC;qBACrD;iBACF,CAAC;IACH,SAAA;YACD,OAAO;IACL,YAAA,UAAU,EAAE,CAAC,EAAC,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,aAAa,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;gBAC5C,gBAAgB,EAAE,MAAK;oBACrB,MAAM,aAAa,GAAG,UAAU;0BAC5B,CAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,aAAa,CAAE,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,KAAK,KAAK,CAAC,KAAI,EAAE;0BACnD,CAAC,IAAI,aAAa,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;IACtC,gBAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,CAAG,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,CAAC;iBACpE;aACF,CAAC;SACH,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;QAEjD,QACEC,eAACC,qBAAY,EAAA,EACX,IAAI,EAAE,UAAU,GAAG,kBAAkB,GAAG,eAAe,EACvD,SAAS,EAAE,UAAU,EACrB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,UAAU,GAAGD,cAAC,CAAAE,wBAAS,KAAG,GAAGF,cAAA,CAAA,MAAA,EAAA,EAAA,CAAa,EACrD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,OAAO,EAChB,CAAA,EACF;IACJ;;;;;;;;;;;;"}