@carbon/web-components 2.0.0-alpha.0 → 2.0.0-beta.1

package/es/components-react/tile/tile-group.js

@@ -11,8 +11,18 @@ import createReactCustomElementType from '../../globals/wrappers/createReactCust
 import PropTypes from 'prop-types';
 import settings from 'carbon-components/es/globals/js/settings.js';
 var prefix = settings.prefix;
-export var descriptor = {};
-export var propTypes = {};
+export var descriptor = {
+  onCurrentRadioTileSelection: {
+    event: ''.concat(prefix, '-current-radio-tile-selection'),
+  },
+  onCurrentSelectableTilesSelection: {
+    event: ''.concat(prefix, '-current-selectable-tile-selections'),
+  },
+};
+export var propTypes = {
+  onCurrentRadioTileSelection: PropTypes.func,
+  onCurrentSelectableTilesSelection: PropTypes.func,
+};
 const Component = createReactCustomElementType(
   ''.concat(prefix, '-tile-group'),
   descriptor

package/es/components-react/toggle/toggle.d.ts

@@ -15,5 +15,5 @@ export interface ComponentProps extends ParentComponentProps {
   onChange?: (event: CustomEvent) => void;
 }
 /*[object Object]*/
-declare class BXToggle extends Component<ComponentProps> {}
-export default BXToggle;
+declare class CDSToggle extends Component<ComponentProps> {}
+export default CDSToggle;

package/es/components-react/tooltip/tooltip-content.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { Component } from 'react';
+import { ComponentProps as ParentComponentProps } from '../popover/popover-content';
+export interface ComponentProps extends ParentComponentProps {}
+/*[object Object]*/
+declare class CDSTooltipContent extends Component<ComponentProps> {}
+export default CDSTooltipContent;

package/es/components-react/tooltip/{tooltip-body.js → tooltip-content.js}

@@ -6,9 +6,9 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { descriptor as parentDescriptor } from '../floating-menu/floating-menu.js';
-import { propTypes as parentPropTypes } from '../floating-menu/floating-menu.js';
-export { default as CustomElement } from '../../components/tooltip/tooltip-body.js';
+import { descriptor as parentDescriptor } from '../popover/popover-content.js';
+import { propTypes as parentPropTypes } from '../popover/popover-content.js';
+export { default as CustomElement } from '../../components/tooltip/tooltip-content.js';
 import createReactCustomElementType from '../../globals/wrappers/createReactCustomElementType.js';
 import PropTypes from 'prop-types';
 import settings from 'carbon-components/es/globals/js/settings.js';
@@ -16,7 +16,7 @@ var prefix = settings.prefix;
 export var descriptor = Object.assign({}, parentDescriptor, {});
 export var propTypes = Object.assign({}, parentPropTypes, {});
 const Component = createReactCustomElementType(
-  ''.concat(prefix, '-tooltip-body'),
+  ''.concat(prefix, '-tooltip-content'),
   descriptor
 );
 Component.propTypes = propTypes;

package/es/components-react/tooltip/tooltip.d.ts

@@ -7,9 +7,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { Component } from 'react';
-export interface ComponentProps {
-  [prop: string]: unknown;
-}
+import { ComponentProps as ParentComponentProps } from '../popover/popover';
+export interface ComponentProps extends ParentComponentProps {}
 /*[object Object]*/
-declare class BXTooltip extends Component<ComponentProps> {}
-export default BXTooltip;
+declare class CDSTooltip extends Component<ComponentProps> {}
+export default CDSTooltip;

package/es/components-react/tooltip/tooltip.js

@@ -6,13 +6,15 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import { descriptor as parentDescriptor } from '../popover/popover.js';
+import { propTypes as parentPropTypes } from '../popover/popover.js';
 export { default as CustomElement } from '../../components/tooltip/tooltip.js';
 import createReactCustomElementType from '../../globals/wrappers/createReactCustomElementType.js';
 import PropTypes from 'prop-types';
 import settings from 'carbon-components/es/globals/js/settings.js';
 var prefix = settings.prefix;
-export var descriptor = {};
-export var propTypes = {};
+export var descriptor = Object.assign({}, parentDescriptor, {});
+export var propTypes = Object.assign({}, parentPropTypes, {});
 const Component = createReactCustomElementType(
   ''.concat(prefix, '-tooltip'),
   descriptor

package/es/globals/internal/radio-group-manager.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -87,8 +87,9 @@ declare class RadioGroupManager {
      * Selects or focuses on a radio button.
      *
      * @param radio The radio button to select.
+     * @param readOnly optional if radio button has readOnly.
      */
-    select(radio: ManagedRadioButton): void;
+    select(radio: ManagedRadioButton, readOnly?: boolean): void;
     /**
      * @param radio The currently selected radio button.
      * @param direction The direction to navigate to.

package/es/globals/internal/radio-group-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["globals/internal/radio-group-manager.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,oBAAoB;IAC9B;;OAEG;IACH,QAAQ,KAAK;IAEb;;OAEG;IACH,OAAO,IAAI;CACZ;AAED,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;;;OAKG;IACH,uBAAuB,CAAC,KAAK,EAAE,0BAA0B,GAAG,MAAM,CAAC;IAEnE;;OAEG;IACH,KAAK,IAAI,IAAI,CAAC;CACf;AAED,aAAK,kBAAkB,GAAG,gBAAgB,GAAG,0BAA0B,CAAC;AAExE;;;GAGG;AACH,cAAM,iBAAiB;IACrB;;OAEG;IACH,OAAO,CAAC,OAAO,CAAmD;IAElE,OAAO;IAOP;;;;;;OAMG;IACH,iBAAiB,CAAC,KAAK,EAAE,kBAAkB;IAgB3C;;;OAGG;IACH,cAAc,CAAC,KAAK,EAAE,kBAAkB;IA2BxC;;;;;OAKG;IACH,GAAG,CAAC,KAAK,EAAE,kBAAkB;IAY7B;;;;;;OAMG;IACH,MAAM,CAAC,KAAK,EAAE,kBAAkB,EAAE,IAAI,GAAE,MAAmB;IAK3D;;;;OAIG;IACH,MAAM,CAAC,KAAK,EAAE,kBAAkB;IAgBhC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,oBAAoB;IAWnE;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,UAAU,CAAiB;IAE1C;;;OAGG;IACH,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ;CAI9B;AAED,eAAe,iBAAiB,CAAC","file":"radio-group-manager.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The navigation direction.\n */\nexport enum NAVIGATION_DIRECTION {\n  /**\n   * Navigating backward.\n   */\n  BACKWARD = -1,\n\n  /**\n   * Navigating forward.\n   */\n  FORWARD = 1,\n}\n\nexport interface ManagedRadioButtonDelegate {\n  /**\n   * `true` if this radio button is selected.\n   */\n  checked: boolean;\n\n  /**\n   * The tab index.\n   */\n  tabIndex: number;\n\n  /**\n   * The name of the radio group.\n   */\n  name: string;\n\n  /**\n   * @param other A node to compare this radio button's DOM position in document with.\n   * @returns\n   *   An integer value, the same format as `Node.compareDocumentPosition` does,\n   *   whose bits represent the calling this radio button's relationship to the given node within the document.\n   */\n  compareDocumentPosition(other: ManagedRadioButtonDelegate): number;\n\n  /**\n   * Focuses on the radio button.\n   */\n  focus(): void;\n}\n\ntype ManagedRadioButton = HTMLInputElement | ManagedRadioButtonDelegate;\n\n/**\n * An object that manages radio groups in a document.\n * There must be only one instance for one document.\n */\nclass RadioGroupManager {\n  /**\n   * Radio groups, keyed by their names.\n   */\n  private _groups: { [name: string]: Set<ManagedRadioButton> } = {};\n\n  private constructor(document: Document) {\n    (this.constructor as typeof RadioGroupManager)._instances.set(\n      document,\n      this\n    );\n  }\n\n  /**\n   * @param radio A radio button.\n   * @returns\n   *   `true` if the given radio button should be focusable, which is either:\n   *   - The radio button is selected\n   *   - No radio button is selected and the radio button is first one in the radio group\n   */\n  shouldBeFocusable(radio: ManagedRadioButton) {\n    if (radio.checked) {\n      return true;\n    }\n    const { name } = radio;\n    const group = this._groups[name];\n    const hasSelectedItemInGroup =\n      group && Array.from(group).some((item) => item.checked);\n    if (hasSelectedItemInGroup) {\n      return false;\n    }\n    const isFirstInGroup =\n      !group || group.size === 1 || this.getSortedGroup(radio)[0] === radio;\n    return isFirstInGroup;\n  }\n\n  /**\n   * @param radio A radio button.\n   * @returns The sorted radio group the given radio button is in.\n   */\n  getSortedGroup(radio: ManagedRadioButton) {\n    const group = this._groups[radio.name];\n    return (\n      group &&\n      Array.from(group).sort((lhs, rhs) => {\n        const comparisonResult = (\n          lhs as ManagedRadioButtonDelegate\n        ).compareDocumentPosition(rhs as ManagedRadioButtonDelegate);\n        // eslint-disable-next-line no-bitwise\n        if (\n          comparisonResult & Node.DOCUMENT_POSITION_FOLLOWING ||\n          comparisonResult & Node.DOCUMENT_POSITION_CONTAINED_BY\n        ) {\n          return -1;\n        }\n        // eslint-disable-next-line no-bitwise\n        if (\n          comparisonResult & Node.DOCUMENT_POSITION_PRECEDING ||\n          comparisonResult & Node.DOCUMENT_POSITION_CONTAINS\n        ) {\n          return 1;\n        }\n        return 0;\n      })\n    );\n  }\n\n  /**\n   * Manages a radio button.\n   *\n   * @param radio The radio button to manage.\n   * @returns This object.\n   */\n  add(radio: ManagedRadioButton) {\n    const { name } = radio;\n    if (name) {\n      const groups = this._groups;\n      if (!groups[name]) {\n        groups[name] = new Set<ManagedRadioButton>();\n      }\n      groups[name].add(radio);\n    }\n    return this;\n  }\n\n  /**\n   * Unmanages a radio button.\n   *\n   * @param radio The radio button to unmanage.\n   * @param name The old name of the radio button to unmanage.\n   * @returns `true` if `element` was actually managed.\n   */\n  delete(radio: ManagedRadioButton, name: string = radio.name) {\n    const group = this._groups[name];\n    return !group ? false : group.delete(radio);\n  }\n\n  /**\n   * Selects or focuses on a radio button.\n   *\n   * @param radio The radio button to select.\n   */\n  select(radio: ManagedRadioButton) {\n    const group = this._groups[radio.name];\n    if (group) {\n      // Updates the state of the one being selected up-front to avoid the state of no radio button is selected\n      radio.checked = true;\n      radio.tabIndex = 0;\n      radio.focus();\n      group.forEach((item) => {\n        if (radio !== item) {\n          item.checked = false;\n          item.tabIndex = -1;\n        }\n      });\n    }\n  }\n\n  /**\n   * @param radio The currently selected radio button.\n   * @param direction The direction to navigate to.\n   * @returns The radio button that should be selected next.\n   */\n  navigate(radio: ManagedRadioButton, direction: NAVIGATION_DIRECTION) {\n    const sortedGroup = this.getSortedGroup(radio);\n    let newIndex = sortedGroup.indexOf(radio) + direction;\n    if (newIndex < 0) {\n      newIndex = sortedGroup.length - 1;\n    } else if (newIndex >= sortedGroup.length) {\n      newIndex = 0;\n    }\n    return sortedGroup[newIndex];\n  }\n\n  /**\n   * `RadioGroupManager` instances associated with documents.\n   */\n  private static _instances = new WeakMap();\n\n  /**\n   * @param document A document element.\n   * @returns The `RadioGroupManager` instance associated with the given document.\n   */\n  static get(document: Document) {\n    const found = this._instances.get(document);\n    return found || new RadioGroupManager(document);\n  }\n}\n\nexport default RadioGroupManager;\n"]}
+{"version":3,"sources":["globals/internal/radio-group-manager.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,oBAAoB;IAC9B;;OAEG;IACH,QAAQ,KAAK;IAEb;;OAEG;IACH,OAAO,IAAI;CACZ;AAED,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;;;OAKG;IACH,uBAAuB,CAAC,KAAK,EAAE,0BAA0B,GAAG,MAAM,CAAC;IAEnE;;OAEG;IACH,KAAK,IAAI,IAAI,CAAC;CACf;AAED,aAAK,kBAAkB,GAAG,gBAAgB,GAAG,0BAA0B,CAAC;AAExE;;;GAGG;AACH,cAAM,iBAAiB;IACrB;;OAEG;IACH,OAAO,CAAC,OAAO,CAAmD;IAElE,OAAO;IAOP;;;;;;OAMG;IACH,iBAAiB,CAAC,KAAK,EAAE,kBAAkB;IAgB3C;;;OAGG;IACH,cAAc,CAAC,KAAK,EAAE,kBAAkB;IA2BxC;;;;;OAKG;IACH,GAAG,CAAC,KAAK,EAAE,kBAAkB;IAY7B;;;;;;OAMG;IACH,MAAM,CAAC,KAAK,EAAE,kBAAkB,EAAE,IAAI,GAAE,MAAmB;IAK3D;;;;;OAKG;IACH,MAAM,CAAC,KAAK,EAAE,kBAAkB,EAAE,QAAQ,CAAC,EAAE,OAAO;IAgBpD;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,oBAAoB;IAWnE;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,UAAU,CAAiB;IAE1C;;;OAGG;IACH,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ;CAI9B;AAED,eAAe,iBAAiB,CAAC","file":"radio-group-manager.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The navigation direction.\n */\nexport enum NAVIGATION_DIRECTION {\n  /**\n   * Navigating backward.\n   */\n  BACKWARD = -1,\n\n  /**\n   * Navigating forward.\n   */\n  FORWARD = 1,\n}\n\nexport interface ManagedRadioButtonDelegate {\n  /**\n   * `true` if this radio button is selected.\n   */\n  checked: boolean;\n\n  /**\n   * The tab index.\n   */\n  tabIndex: number;\n\n  /**\n   * The name of the radio group.\n   */\n  name: string;\n\n  /**\n   * @param other A node to compare this radio button's DOM position in document with.\n   * @returns\n   *   An integer value, the same format as `Node.compareDocumentPosition` does,\n   *   whose bits represent the calling this radio button's relationship to the given node within the document.\n   */\n  compareDocumentPosition(other: ManagedRadioButtonDelegate): number;\n\n  /**\n   * Focuses on the radio button.\n   */\n  focus(): void;\n}\n\ntype ManagedRadioButton = HTMLInputElement | ManagedRadioButtonDelegate;\n\n/**\n * An object that manages radio groups in a document.\n * There must be only one instance for one document.\n */\nclass RadioGroupManager {\n  /**\n   * Radio groups, keyed by their names.\n   */\n  private _groups: { [name: string]: Set<ManagedRadioButton> } = {};\n\n  private constructor(document: Document) {\n    (this.constructor as typeof RadioGroupManager)._instances.set(\n      document,\n      this\n    );\n  }\n\n  /**\n   * @param radio A radio button.\n   * @returns\n   *   `true` if the given radio button should be focusable, which is either:\n   *   - The radio button is selected\n   *   - No radio button is selected and the radio button is first one in the radio group\n   */\n  shouldBeFocusable(radio: ManagedRadioButton) {\n    if (radio.checked) {\n      return true;\n    }\n    const { name } = radio;\n    const group = this._groups[name];\n    const hasSelectedItemInGroup =\n      group && Array.from(group).some((item) => item.checked);\n    if (hasSelectedItemInGroup) {\n      return false;\n    }\n    const isFirstInGroup =\n      !group || group.size === 1 || this.getSortedGroup(radio)[0] === radio;\n    return isFirstInGroup;\n  }\n\n  /**\n   * @param radio A radio button.\n   * @returns The sorted radio group the given radio button is in.\n   */\n  getSortedGroup(radio: ManagedRadioButton) {\n    const group = this._groups[radio.name];\n    return (\n      group &&\n      Array.from(group).sort((lhs, rhs) => {\n        const comparisonResult = (\n          lhs as ManagedRadioButtonDelegate\n        ).compareDocumentPosition(rhs as ManagedRadioButtonDelegate);\n        // eslint-disable-next-line no-bitwise\n        if (\n          comparisonResult & Node.DOCUMENT_POSITION_FOLLOWING ||\n          comparisonResult & Node.DOCUMENT_POSITION_CONTAINED_BY\n        ) {\n          return -1;\n        }\n        // eslint-disable-next-line no-bitwise\n        if (\n          comparisonResult & Node.DOCUMENT_POSITION_PRECEDING ||\n          comparisonResult & Node.DOCUMENT_POSITION_CONTAINS\n        ) {\n          return 1;\n        }\n        return 0;\n      })\n    );\n  }\n\n  /**\n   * Manages a radio button.\n   *\n   * @param radio The radio button to manage.\n   * @returns This object.\n   */\n  add(radio: ManagedRadioButton) {\n    const { name } = radio;\n    if (name) {\n      const groups = this._groups;\n      if (!groups[name]) {\n        groups[name] = new Set<ManagedRadioButton>();\n      }\n      groups[name].add(radio);\n    }\n    return this;\n  }\n\n  /**\n   * Unmanages a radio button.\n   *\n   * @param radio The radio button to unmanage.\n   * @param name The old name of the radio button to unmanage.\n   * @returns `true` if `element` was actually managed.\n   */\n  delete(radio: ManagedRadioButton, name: string = radio.name) {\n    const group = this._groups[name];\n    return !group ? false : group.delete(radio);\n  }\n\n  /**\n   * Selects or focuses on a radio button.\n   *\n   * @param radio The radio button to select.\n   * @param readOnly optional if radio button has readOnly.\n   */\n  select(radio: ManagedRadioButton, readOnly?: boolean) {\n    const group = this._groups[radio.name];\n    if (group) {\n      // Updates the state of the one being selected up-front to avoid the state of no radio button is selected\n      radio.checked = !readOnly || true;\n      radio.tabIndex = 0;\n      radio.focus();\n      group.forEach((item) => {\n        if (radio !== item) {\n          item.checked = readOnly || false;\n          item.tabIndex = -1;\n        }\n      });\n    }\n  }\n\n  /**\n   * @param radio The currently selected radio button.\n   * @param direction The direction to navigate to.\n   * @returns The radio button that should be selected next.\n   */\n  navigate(radio: ManagedRadioButton, direction: NAVIGATION_DIRECTION) {\n    const sortedGroup = this.getSortedGroup(radio);\n    let newIndex = sortedGroup.indexOf(radio) + direction;\n    if (newIndex < 0) {\n      newIndex = sortedGroup.length - 1;\n    } else if (newIndex >= sortedGroup.length) {\n      newIndex = 0;\n    }\n    return sortedGroup[newIndex];\n  }\n\n  /**\n   * `RadioGroupManager` instances associated with documents.\n   */\n  private static _instances = new WeakMap();\n\n  /**\n   * @param document A document element.\n   * @returns The `RadioGroupManager` instance associated with the given document.\n   */\n  static get(document: Document) {\n    const found = this._instances.get(document);\n    return found || new RadioGroupManager(document);\n  }\n}\n\nexport default RadioGroupManager;\n"]}

package/es/globals/internal/radio-group-manager.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -109,17 +109,18 @@ class RadioGroupManager {
    * Selects or focuses on a radio button.
    *
    * @param radio The radio button to select.
+   * @param readOnly optional if radio button has readOnly.
    */
-  select(radio) {
+  select(radio, readOnly) {
     const group = this._groups[radio.name];
     if (group) {
       // Updates the state of the one being selected up-front to avoid the state of no radio button is selected
-      radio.checked = true;
+      radio.checked = !readOnly || true;
       radio.tabIndex = 0;
       radio.focus();
       group.forEach(item => {
         if (radio !== item) {
-          item.checked = false;
+          item.checked = readOnly || false;
           item.tabIndex = -1;
         }
       });

package/es/globals/internal/radio-group-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group-manager.js","names":["NAVIGATION_DIRECTION","RadioGroupManager","constructor","document","_defineProperty","_instances","set","shouldBeFocusable","radio","checked","name","group","_groups","hasSelectedItemInGroup","Array","from","some","item","isFirstInGroup","size","getSortedGroup","sort","lhs","rhs","comparisonResult","compareDocumentPosition","Node","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_CONTAINED_BY","DOCUMENT_POSITION_PRECEDING","DOCUMENT_POSITION_CONTAINS","add","groups","Set","delete","select","tabIndex","focus","forEach","navigate","direction","sortedGroup","newIndex","indexOf","length","get","found","WeakMap"],"sources":["globals/internal/radio-group-manager.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The navigation direction.\n */\nexport enum NAVIGATION_DIRECTION {\n  /**\n   * Navigating backward.\n   */\n  BACKWARD = -1,\n\n  /**\n   * Navigating forward.\n   */\n  FORWARD = 1,\n}\n\nexport interface ManagedRadioButtonDelegate {\n  /**\n   * `true` if this radio button is selected.\n   */\n  checked: boolean;\n\n  /**\n   * The tab index.\n   */\n  tabIndex: number;\n\n  /**\n   * The name of the radio group.\n   */\n  name: string;\n\n  /**\n   * @param other A node to compare this radio button's DOM position in document with.\n   * @returns\n   *   An integer value, the same format as `Node.compareDocumentPosition` does,\n   *   whose bits represent the calling this radio button's relationship to the given node within the document.\n   */\n  compareDocumentPosition(other: ManagedRadioButtonDelegate): number;\n\n  /**\n   * Focuses on the radio button.\n   */\n  focus(): void;\n}\n\ntype ManagedRadioButton = HTMLInputElement | ManagedRadioButtonDelegate;\n\n/**\n * An object that manages radio groups in a document.\n * There must be only one instance for one document.\n */\nclass RadioGroupManager {\n  /**\n   * Radio groups, keyed by their names.\n   */\n  private _groups: { [name: string]: Set<ManagedRadioButton> } = {};\n\n  private constructor(document: Document) {\n    (this.constructor as typeof RadioGroupManager)._instances.set(\n      document,\n      this\n    );\n  }\n\n  /**\n   * @param radio A radio button.\n   * @returns\n   *   `true` if the given radio button should be focusable, which is either:\n   *   - The radio button is selected\n   *   - No radio button is selected and the radio button is first one in the radio group\n   */\n  shouldBeFocusable(radio: ManagedRadioButton) {\n    if (radio.checked) {\n      return true;\n    }\n    const { name } = radio;\n    const group = this._groups[name];\n    const hasSelectedItemInGroup =\n      group && Array.from(group).some((item) => item.checked);\n    if (hasSelectedItemInGroup) {\n      return false;\n    }\n    const isFirstInGroup =\n      !group || group.size === 1 || this.getSortedGroup(radio)[0] === radio;\n    return isFirstInGroup;\n  }\n\n  /**\n   * @param radio A radio button.\n   * @returns The sorted radio group the given radio button is in.\n   */\n  getSortedGroup(radio: ManagedRadioButton) {\n    const group = this._groups[radio.name];\n    return (\n      group &&\n      Array.from(group).sort((lhs, rhs) => {\n        const comparisonResult = (\n          lhs as ManagedRadioButtonDelegate\n        ).compareDocumentPosition(rhs as ManagedRadioButtonDelegate);\n        // eslint-disable-next-line no-bitwise\n        if (\n          comparisonResult & Node.DOCUMENT_POSITION_FOLLOWING ||\n          comparisonResult & Node.DOCUMENT_POSITION_CONTAINED_BY\n        ) {\n          return -1;\n        }\n        // eslint-disable-next-line no-bitwise\n        if (\n          comparisonResult & Node.DOCUMENT_POSITION_PRECEDING ||\n          comparisonResult & Node.DOCUMENT_POSITION_CONTAINS\n        ) {\n          return 1;\n        }\n        return 0;\n      })\n    );\n  }\n\n  /**\n   * Manages a radio button.\n   *\n   * @param radio The radio button to manage.\n   * @returns This object.\n   */\n  add(radio: ManagedRadioButton) {\n    const { name } = radio;\n    if (name) {\n      const groups = this._groups;\n      if (!groups[name]) {\n        groups[name] = new Set<ManagedRadioButton>();\n      }\n      groups[name].add(radio);\n    }\n    return this;\n  }\n\n  /**\n   * Unmanages a radio button.\n   *\n   * @param radio The radio button to unmanage.\n   * @param name The old name of the radio button to unmanage.\n   * @returns `true` if `element` was actually managed.\n   */\n  delete(radio: ManagedRadioButton, name: string = radio.name) {\n    const group = this._groups[name];\n    return !group ? false : group.delete(radio);\n  }\n\n  /**\n   * Selects or focuses on a radio button.\n   *\n   * @param radio The radio button to select.\n   */\n  select(radio: ManagedRadioButton) {\n    const group = this._groups[radio.name];\n    if (group) {\n      // Updates the state of the one being selected up-front to avoid the state of no radio button is selected\n      radio.checked = true;\n      radio.tabIndex = 0;\n      radio.focus();\n      group.forEach((item) => {\n        if (radio !== item) {\n          item.checked = false;\n          item.tabIndex = -1;\n        }\n      });\n    }\n  }\n\n  /**\n   * @param radio The currently selected radio button.\n   * @param direction The direction to navigate to.\n   * @returns The radio button that should be selected next.\n   */\n  navigate(radio: ManagedRadioButton, direction: NAVIGATION_DIRECTION) {\n    const sortedGroup = this.getSortedGroup(radio);\n    let newIndex = sortedGroup.indexOf(radio) + direction;\n    if (newIndex < 0) {\n      newIndex = sortedGroup.length - 1;\n    } else if (newIndex >= sortedGroup.length) {\n      newIndex = 0;\n    }\n    return sortedGroup[newIndex];\n  }\n\n  /**\n   * `RadioGroupManager` instances associated with documents.\n   */\n  private static _instances = new WeakMap();\n\n  /**\n   * @param document A document element.\n   * @returns The `RadioGroupManager` instance associated with the given document.\n   */\n  static get(document: Document) {\n    const found = this._instances.get(document);\n    return found || new RadioGroupManager(document);\n  }\n}\n\nexport default RadioGroupManager;\n"],"mappings":"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"}
+{"version":3,"file":"radio-group-manager.js","names":["NAVIGATION_DIRECTION","RadioGroupManager","constructor","document","_defineProperty","_instances","set","shouldBeFocusable","radio","checked","name","group","_groups","hasSelectedItemInGroup","Array","from","some","item","isFirstInGroup","size","getSortedGroup","sort","lhs","rhs","comparisonResult","compareDocumentPosition","Node","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_CONTAINED_BY","DOCUMENT_POSITION_PRECEDING","DOCUMENT_POSITION_CONTAINS","add","groups","Set","delete","select","readOnly","tabIndex","focus","forEach","navigate","direction","sortedGroup","newIndex","indexOf","length","get","found","WeakMap"],"sources":["globals/internal/radio-group-manager.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The navigation direction.\n */\nexport enum NAVIGATION_DIRECTION {\n  /**\n   * Navigating backward.\n   */\n  BACKWARD = -1,\n\n  /**\n   * Navigating forward.\n   */\n  FORWARD = 1,\n}\n\nexport interface ManagedRadioButtonDelegate {\n  /**\n   * `true` if this radio button is selected.\n   */\n  checked: boolean;\n\n  /**\n   * The tab index.\n   */\n  tabIndex: number;\n\n  /**\n   * The name of the radio group.\n   */\n  name: string;\n\n  /**\n   * @param other A node to compare this radio button's DOM position in document with.\n   * @returns\n   *   An integer value, the same format as `Node.compareDocumentPosition` does,\n   *   whose bits represent the calling this radio button's relationship to the given node within the document.\n   */\n  compareDocumentPosition(other: ManagedRadioButtonDelegate): number;\n\n  /**\n   * Focuses on the radio button.\n   */\n  focus(): void;\n}\n\ntype ManagedRadioButton = HTMLInputElement | ManagedRadioButtonDelegate;\n\n/**\n * An object that manages radio groups in a document.\n * There must be only one instance for one document.\n */\nclass RadioGroupManager {\n  /**\n   * Radio groups, keyed by their names.\n   */\n  private _groups: { [name: string]: Set<ManagedRadioButton> } = {};\n\n  private constructor(document: Document) {\n    (this.constructor as typeof RadioGroupManager)._instances.set(\n      document,\n      this\n    );\n  }\n\n  /**\n   * @param radio A radio button.\n   * @returns\n   *   `true` if the given radio button should be focusable, which is either:\n   *   - The radio button is selected\n   *   - No radio button is selected and the radio button is first one in the radio group\n   */\n  shouldBeFocusable(radio: ManagedRadioButton) {\n    if (radio.checked) {\n      return true;\n    }\n    const { name } = radio;\n    const group = this._groups[name];\n    const hasSelectedItemInGroup =\n      group && Array.from(group).some((item) => item.checked);\n    if (hasSelectedItemInGroup) {\n      return false;\n    }\n    const isFirstInGroup =\n      !group || group.size === 1 || this.getSortedGroup(radio)[0] === radio;\n    return isFirstInGroup;\n  }\n\n  /**\n   * @param radio A radio button.\n   * @returns The sorted radio group the given radio button is in.\n   */\n  getSortedGroup(radio: ManagedRadioButton) {\n    const group = this._groups[radio.name];\n    return (\n      group &&\n      Array.from(group).sort((lhs, rhs) => {\n        const comparisonResult = (\n          lhs as ManagedRadioButtonDelegate\n        ).compareDocumentPosition(rhs as ManagedRadioButtonDelegate);\n        // eslint-disable-next-line no-bitwise\n        if (\n          comparisonResult & Node.DOCUMENT_POSITION_FOLLOWING ||\n          comparisonResult & Node.DOCUMENT_POSITION_CONTAINED_BY\n        ) {\n          return -1;\n        }\n        // eslint-disable-next-line no-bitwise\n        if (\n          comparisonResult & Node.DOCUMENT_POSITION_PRECEDING ||\n          comparisonResult & Node.DOCUMENT_POSITION_CONTAINS\n        ) {\n          return 1;\n        }\n        return 0;\n      })\n    );\n  }\n\n  /**\n   * Manages a radio button.\n   *\n   * @param radio The radio button to manage.\n   * @returns This object.\n   */\n  add(radio: ManagedRadioButton) {\n    const { name } = radio;\n    if (name) {\n      const groups = this._groups;\n      if (!groups[name]) {\n        groups[name] = new Set<ManagedRadioButton>();\n      }\n      groups[name].add(radio);\n    }\n    return this;\n  }\n\n  /**\n   * Unmanages a radio button.\n   *\n   * @param radio The radio button to unmanage.\n   * @param name The old name of the radio button to unmanage.\n   * @returns `true` if `element` was actually managed.\n   */\n  delete(radio: ManagedRadioButton, name: string = radio.name) {\n    const group = this._groups[name];\n    return !group ? false : group.delete(radio);\n  }\n\n  /**\n   * Selects or focuses on a radio button.\n   *\n   * @param radio The radio button to select.\n   * @param readOnly optional if radio button has readOnly.\n   */\n  select(radio: ManagedRadioButton, readOnly?: boolean) {\n    const group = this._groups[radio.name];\n    if (group) {\n      // Updates the state of the one being selected up-front to avoid the state of no radio button is selected\n      radio.checked = !readOnly || true;\n      radio.tabIndex = 0;\n      radio.focus();\n      group.forEach((item) => {\n        if (radio !== item) {\n          item.checked = readOnly || false;\n          item.tabIndex = -1;\n        }\n      });\n    }\n  }\n\n  /**\n   * @param radio The currently selected radio button.\n   * @param direction The direction to navigate to.\n   * @returns The radio button that should be selected next.\n   */\n  navigate(radio: ManagedRadioButton, direction: NAVIGATION_DIRECTION) {\n    const sortedGroup = this.getSortedGroup(radio);\n    let newIndex = sortedGroup.indexOf(radio) + direction;\n    if (newIndex < 0) {\n      newIndex = sortedGroup.length - 1;\n    } else if (newIndex >= sortedGroup.length) {\n      newIndex = 0;\n    }\n    return sortedGroup[newIndex];\n  }\n\n  /**\n   * `RadioGroupManager` instances associated with documents.\n   */\n  private static _instances = new WeakMap();\n\n  /**\n   * @param document A document element.\n   * @returns The `RadioGroupManager` instance associated with the given document.\n   */\n  static get(document: Document) {\n    const found = this._instances.get(document);\n    return found || new RadioGroupManager(document);\n  }\n}\n\nexport default RadioGroupManager;\n"],"mappings":"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"}

package/es/globals/settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["globals/settings.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,QAAA,MAAM,MAAM,QAAQ,CAAC;AAErB;;;GAGG;AACH,QAAA,MAAM,gBAAgB,QAuDrB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC","file":"settings.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nconst prefix = 'cds';\n\n/**\n * A selector selecting tabbable nodes.\n * Borrowed from `carbon-angular`. tabbable === focusable.\n */\nconst selectorTabbable = `\n  a[href], area[href], input:not([disabled]):not([tabindex='-1']),\n  button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n  textarea:not([disabled]):not([tabindex='-1']),\n  iframe, object, embed, *[tabindex]:not([tabindex='-1']), *[contenteditable=true],\n  ${prefix}-accordion-item,\n  ${prefix}-btn,\n  ${prefix}-breadcrumb-link,\n  ${prefix}-checkbox,\n  ${prefix}-code-snippet,\n  ${prefix}-combo-box,\n  ${prefix}-content-switcher-item,\n  ${prefix}-copy-button,\n  ${prefix}-table-header-row,\n  ${prefix}-table-row,\n  ${prefix}-table-toolbar-search,\n  ${prefix}-date-picker-input,\n  ${prefix}-dropdown,\n  ${prefix}-input,\n  ${prefix}-link,\n  ${prefix}-number-input,\n  ${prefix}-modal,\n  ${prefix}-modal-close-button,\n  ${prefix}-multi-select,\n  ${prefix}-inline-notification,\n  ${prefix}-toast-notification,\n  ${prefix}-overflow-menu,\n  ${prefix}-overflow-menu-item,\n  ${prefix}-page-sizes-select,\n  ${prefix}-pages-select,\n  ${prefix}-progress-step,\n  ${prefix}-radio-button,\n  ${prefix}-search,\n  ${prefix}-slider,\n  ${prefix}-slider-input,\n  ${prefix}-structured-list,\n  ${prefix}-tab,\n  ${prefix}-filter-tag,\n  ${prefix}-textarea,\n  ${prefix}-clickable-tile,\n  ${prefix}-expandable-tile,\n  ${prefix}-radio-tile,\n  ${prefix}-selectable-tile,\n  ${prefix}-toggle,\n  ${prefix}-tooltip,\n  ${prefix}-tooltip-definition,\n  ${prefix}-tooltip-icon,\n  ${prefix}-header-menu,\n  ${prefix}-header-menu-button,\n  ${prefix}-header-menu-item,\n  ${prefix}-header-name,\n  ${prefix}-header-nav-item,\n  ${prefix}-side-nav-link,\n  ${prefix}-side-nav-menu,\n  ${prefix}-side-nav-menu-item\n`;\n\n// Because we're going to have a bunch of exports\nexport { prefix, selectorTabbable };\n"]}
+{"version":3,"sources":["globals/settings.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,QAAA,MAAM,MAAM,QAAQ,CAAC;AAErB;;;GAGG;AACH,QAAA,MAAM,gBAAgB,QAuDrB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC","file":"settings.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nconst prefix = 'cds';\n\n/**\n * A selector selecting tabbable nodes.\n * Borrowed from `carbon-angular`. tabbable === focusable.\n */\nconst selectorTabbable = `\n  a[href], area[href], input:not([disabled]):not([tabindex='-1']),\n  button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n  textarea:not([disabled]):not([tabindex='-1']),\n  iframe, object, embed, *[tabindex]:not([tabindex='-1']), *[contenteditable=true],\n  ${prefix}-accordion-item,\n  ${prefix}-button,\n  ${prefix}-breadcrumb-link,\n  ${prefix}-checkbox,\n  ${prefix}-code-snippet,\n  ${prefix}-combo-box,\n  ${prefix}-content-switcher-item,\n  ${prefix}-copy-button,\n  ${prefix}-table-header-row,\n  ${prefix}-table-row,\n  ${prefix}-table-toolbar-search,\n  ${prefix}-date-picker-input,\n  ${prefix}-dropdown,\n  ${prefix}-input,\n  ${prefix}-link,\n  ${prefix}-number-input,\n  ${prefix}-modal,\n  ${prefix}-modal-close-button,\n  ${prefix}-multi-select,\n  ${prefix}-inline-notification,\n  ${prefix}-toast-notification,\n  ${prefix}-overflow-menu,\n  ${prefix}-overflow-menu-item,\n  ${prefix}-page-sizes-select,\n  ${prefix}-pages-select,\n  ${prefix}-progress-step,\n  ${prefix}-radio-button,\n  ${prefix}-search,\n  ${prefix}-slider,\n  ${prefix}-slider-input,\n  ${prefix}-structured-list,\n  ${prefix}-tab,\n  ${prefix}-filter-tag,\n  ${prefix}-textarea,\n  ${prefix}-clickable-tile,\n  ${prefix}-expandable-tile,\n  ${prefix}-radio-tile,\n  ${prefix}-selectable-tile,\n  ${prefix}-toggle,\n  ${prefix}-tooltip,\n  ${prefix}-tooltip-definition,\n  ${prefix}-tooltip-icon,\n  ${prefix}-header-menu,\n  ${prefix}-header-menu-button,\n  ${prefix}-header-menu-item,\n  ${prefix}-header-name,\n  ${prefix}-header-nav-item,\n  ${prefix}-side-nav-link,\n  ${prefix}-side-nav-menu,\n  ${prefix}-side-nav-menu-item\n`;\n\n// Because we're going to have a bunch of exports\nexport { prefix, selectorTabbable };\n"]}

package/es/globals/settings.js

@@ -19,7 +19,7 @@ const selectorTabbable = `
   textarea:not([disabled]):not([tabindex='-1']),
   iframe, object, embed, *[tabindex]:not([tabindex='-1']), *[contenteditable=true],
   ${prefix}-accordion-item,
-  ${prefix}-btn,
+  ${prefix}-button,
   ${prefix}-breadcrumb-link,
   ${prefix}-checkbox,
   ${prefix}-code-snippet,

package/es/globals/settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings.js","names":["prefix","selectorTabbable"],"sources":["globals/settings.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nconst prefix = 'cds';\n\n/**\n * A selector selecting tabbable nodes.\n * Borrowed from `carbon-angular`. tabbable === focusable.\n */\nconst selectorTabbable = `\n  a[href], area[href], input:not([disabled]):not([tabindex='-1']),\n  button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n  textarea:not([disabled]):not([tabindex='-1']),\n  iframe, object, embed, *[tabindex]:not([tabindex='-1']), *[contenteditable=true],\n  ${prefix}-accordion-item,\n  ${prefix}-btn,\n  ${prefix}-breadcrumb-link,\n  ${prefix}-checkbox,\n  ${prefix}-code-snippet,\n  ${prefix}-combo-box,\n  ${prefix}-content-switcher-item,\n  ${prefix}-copy-button,\n  ${prefix}-table-header-row,\n  ${prefix}-table-row,\n  ${prefix}-table-toolbar-search,\n  ${prefix}-date-picker-input,\n  ${prefix}-dropdown,\n  ${prefix}-input,\n  ${prefix}-link,\n  ${prefix}-number-input,\n  ${prefix}-modal,\n  ${prefix}-modal-close-button,\n  ${prefix}-multi-select,\n  ${prefix}-inline-notification,\n  ${prefix}-toast-notification,\n  ${prefix}-overflow-menu,\n  ${prefix}-overflow-menu-item,\n  ${prefix}-page-sizes-select,\n  ${prefix}-pages-select,\n  ${prefix}-progress-step,\n  ${prefix}-radio-button,\n  ${prefix}-search,\n  ${prefix}-slider,\n  ${prefix}-slider-input,\n  ${prefix}-structured-list,\n  ${prefix}-tab,\n  ${prefix}-filter-tag,\n  ${prefix}-textarea,\n  ${prefix}-clickable-tile,\n  ${prefix}-expandable-tile,\n  ${prefix}-radio-tile,\n  ${prefix}-selectable-tile,\n  ${prefix}-toggle,\n  ${prefix}-tooltip,\n  ${prefix}-tooltip-definition,\n  ${prefix}-tooltip-icon,\n  ${prefix}-header-menu,\n  ${prefix}-header-menu-button,\n  ${prefix}-header-menu-item,\n  ${prefix}-header-name,\n  ${prefix}-header-nav-item,\n  ${prefix}-side-nav-link,\n  ${prefix}-side-nav-menu,\n  ${prefix}-side-nav-menu-item\n`;\n\n// Because we're going to have a bunch of exports\nexport { prefix, selectorTabbable };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMA,MAAM,GAAG,KAAK;;AAEpB;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,GAAI;AAC1B;AACA;AACA;AACA;AACA,IAAID,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,CAAC;;AAED;AACA,SAASA,MAAM,EAAEC,gBAAgB"}
+{"version":3,"file":"settings.js","names":["prefix","selectorTabbable"],"sources":["globals/settings.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nconst prefix = 'cds';\n\n/**\n * A selector selecting tabbable nodes.\n * Borrowed from `carbon-angular`. tabbable === focusable.\n */\nconst selectorTabbable = `\n  a[href], area[href], input:not([disabled]):not([tabindex='-1']),\n  button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n  textarea:not([disabled]):not([tabindex='-1']),\n  iframe, object, embed, *[tabindex]:not([tabindex='-1']), *[contenteditable=true],\n  ${prefix}-accordion-item,\n  ${prefix}-button,\n  ${prefix}-breadcrumb-link,\n  ${prefix}-checkbox,\n  ${prefix}-code-snippet,\n  ${prefix}-combo-box,\n  ${prefix}-content-switcher-item,\n  ${prefix}-copy-button,\n  ${prefix}-table-header-row,\n  ${prefix}-table-row,\n  ${prefix}-table-toolbar-search,\n  ${prefix}-date-picker-input,\n  ${prefix}-dropdown,\n  ${prefix}-input,\n  ${prefix}-link,\n  ${prefix}-number-input,\n  ${prefix}-modal,\n  ${prefix}-modal-close-button,\n  ${prefix}-multi-select,\n  ${prefix}-inline-notification,\n  ${prefix}-toast-notification,\n  ${prefix}-overflow-menu,\n  ${prefix}-overflow-menu-item,\n  ${prefix}-page-sizes-select,\n  ${prefix}-pages-select,\n  ${prefix}-progress-step,\n  ${prefix}-radio-button,\n  ${prefix}-search,\n  ${prefix}-slider,\n  ${prefix}-slider-input,\n  ${prefix}-structured-list,\n  ${prefix}-tab,\n  ${prefix}-filter-tag,\n  ${prefix}-textarea,\n  ${prefix}-clickable-tile,\n  ${prefix}-expandable-tile,\n  ${prefix}-radio-tile,\n  ${prefix}-selectable-tile,\n  ${prefix}-toggle,\n  ${prefix}-tooltip,\n  ${prefix}-tooltip-definition,\n  ${prefix}-tooltip-icon,\n  ${prefix}-header-menu,\n  ${prefix}-header-menu-button,\n  ${prefix}-header-menu-item,\n  ${prefix}-header-name,\n  ${prefix}-header-nav-item,\n  ${prefix}-side-nav-link,\n  ${prefix}-side-nav-menu,\n  ${prefix}-side-nav-menu-item\n`;\n\n// Because we're going to have a bunch of exports\nexport { prefix, selectorTabbable };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMA,MAAM,GAAG,KAAK;;AAEpB;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,GAAI;AAC1B;AACA;AACA;AACA;AACA,IAAID,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,CAAC;;AAED;AACA,SAASA,MAAM,EAAEC,gBAAgB"}

package/es/globals/wrappers/createReactCustomElementType.d.ts

@@ -64,7 +64,7 @@ interface CustomElementTypeProps {
  * import { render } from 'react-dom';
  * import createCustomElementType, { booleanSerializer } from '/path/to/createCustomElementType';
  *
- * const BXDropdown = createCustomElementType(`${prefix}-dropdown`, {
+ * const CDSDropdown = createCustomElementType(`${prefix}-dropdown`, {
  *   disabled: {
  *     // Sets `disabled` attribute when the React prop value is truthy, unsets otherwise
  *     serialize: booleanSerializer,
@@ -81,14 +81,14 @@ interface CustomElementTypeProps {
  *
  * render(
  *   (
- *     <BXDropdown
+ *     <CDSDropdown
  *       disabled={true}
  *       helperText="some-helper-text"
  *       onBeforeSelect={event => { console.log(`${prefix}-dropdown-beingselected is fired!`, event); }}>
  *       <cds-dropdown-item value="all">Option 1</cds-dropdown-item>
  *       <cds-dropdown-item value="cloudFoundry">Option 2</cds-dropdown-item>
  *       <cds-dropdown-item value="staging">Option 3</cds-dropdown-item>
- *     </BXDropdown>
+ *     </CDSDropdown>
  *   )
  *   document.body
  * );

package/es/globals/wrappers/createReactCustomElementType.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["globals/wrappers/createReactCustomElementType.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE;;GAEG;AACH,UAAU,4BAA4B;IACpC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,CAAC;CAC1C;AAED;;GAEG;AACH,UAAU,2BAA2B;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,4BAA4B,CAAC;IAE9C;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,GAAG,IAAI,CAAC;CAC3C;AAED;;GAEG;AACH,UAAU,4BAA4B;IACpC,CAAC,QAAQ,EAAE,MAAM,GAAG,2BAA2B,CAAC;CACjD;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B;;OAEG;IACH,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;IAExB;;OAEG;IAEH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA4GD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,QAAA,MAAM,4BAA4B,SAC1B,MAAM,cACA,4BAA4B,4GAiGzC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,gCAAuC,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,gBAAgB,qBACU,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,gBAAgB,qBACkB,CAAC;AAEhD,eAAe,4BAA4B,CAAC","file":"createReactCustomElementType.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport React, { Component, createElement, forwardRef } from 'react';\nimport on from 'carbon-components/es/globals/js/misc/on';\nimport Handle from '../internal/handle';\n\n/**\n * A descriptor for a React event prop of a custom element.\n */\ninterface CustomElementEventDescriptor {\n  /**\n   * The event name.\n   */\n  name: string;\n\n  /**\n   * A boolean to detemine usage of capture mode or the event options.\n   */\n  options?: boolean | EventListenerOptions;\n}\n\n/**\n * A descriptor for a React prop for an attribute of a custom element.\n */\ninterface CustomElementPropDescriptor {\n  /**\n   * The attribute name for the prop.\n   */\n  attribute?: string | false;\n\n  /**\n   * The event name (or descriptor) for the prop.\n   */\n  event?: string | CustomElementEventDescriptor;\n\n  /**\n   * A function that takes a property value and returns the corresponding attribute value.\n   */\n  serialize?: (value: any) => string | void;\n}\n\n/**\n * A descriptor for a set of React props for attributes of a custom element.\n */\ninterface CustomElementPropsDescriptor {\n  [propName: string]: CustomElementPropDescriptor;\n}\n\n/**\n * React props for the component `createCustomElementType()` generates.\n */\ninterface CustomElementTypeProps {\n  /**\n   * Ordinal prop.\n   */\n  [propName: string]: any;\n\n  /**\n   * Child nodes.\n   */\n  // eslint-disable-next-line react/no-unused-prop-types\n  children?: React.ReactNode;\n}\n\n/**\n * @param refs List of React refs to merge.\n * @returns Merged React ref.\n */\nconst mergeRefs =\n  <T>(...refs: React.Ref<T>[]) =>\n  (el) => {\n    refs.forEach((ref) => {\n      // https://github.com/facebook/react/issues/13029#issuecomment-410002316\n      if (typeof ref === 'function') {\n        ref(el);\n      } else if (Object(ref) === ref) {\n        // `React.Ref.current` is read-only for regular use case, but we update it here\n        (ref as { current: T }).current = el;\n      }\n    });\n  };\n\n/**\n * @param prop A prop value.\n * @param descriptor A React prop descriptor.\n * @returns The corresponding attribute value for the given prop value.\n */\nconst convertProp = (prop: any, descriptor: CustomElementPropDescriptor) => {\n  if (!descriptor) {\n    return prop;\n  }\n  const { event, serialize } = descriptor;\n  if (event) {\n    // Events are not set as props, we use DOM `addEventListener()` instead\n    return undefined;\n  }\n  return !serialize ? prop : serialize(prop);\n};\n\n/**\n * @param props A set of React props.\n * @param descriptor A set of React prop desciptor.\n * @returns The set of React props to set to a custom element, corresponding to the given React props.\n */\nconst convertProps = (\n  props: CustomElementTypeProps,\n  descriptor: CustomElementPropsDescriptor\n) =>\n  Object.keys(props).reduce((acc, propName) => {\n    const { [propName]: descriptorItem } = descriptor;\n    const converted = convertProp(props[propName], descriptorItem);\n    const { attribute } = descriptorItem ?? {};\n    return attribute === false\n      ? acc\n      : {\n          ...acc,\n          [attribute || propName]: converted,\n        };\n  }, {});\n\n/**\n * Attaches listeners of custom events, to a custom element.\n *\n * @param elem The custom element.\n * @param descriptor An object, keyed by prop name, of data that may have custom event names.\n * @param callback A callback function that runs as the custom events fire.\n * @returns A handle that allows to release all event listeners attached.\n */\nconst attachEventListeners = (\n  elem: HTMLElement,\n  descriptor: CustomElementPropsDescriptor,\n  callback: (name: string, event: Event) => void\n): Handle => {\n  const handles = new Set<Handle>();\n  Object.keys(descriptor).forEach((propName) => {\n    if (descriptor[propName]) {\n      const { event: eventDescriptor } = descriptor[propName];\n      const name =\n        Object(eventDescriptor) !== eventDescriptor\n          ? (eventDescriptor as string)\n          : (eventDescriptor as CustomElementEventDescriptor).name;\n      const options =\n        Object(eventDescriptor) !== eventDescriptor\n          ? undefined\n          : (eventDescriptor as CustomElementEventDescriptor).options;\n      if (name) {\n        handles.add(\n          on(\n            elem,\n            name,\n            (event) => {\n              callback(propName, event);\n            },\n            options\n          )\n        );\n      }\n    }\n  });\n  return {\n    release() {\n      handles.forEach((handle) => {\n        handle.release();\n        handles.delete(handle);\n      });\n      return null;\n    },\n  };\n};\n\n/**\n * @param name The tag name of the custom element.\n * @param descriptor A descriptor for a set of React props for attributes of a custom element.\n * @returns A React component working as a wrapper for the given custom element.\n * @example\n * import { render } from 'react-dom';\n * import createCustomElementType, { booleanSerializer } from '/path/to/createCustomElementType';\n *\n * const BXDropdown = createCustomElementType(`${prefix}-dropdown`, {\n *   disabled: {\n *     // Sets `disabled` attribute when the React prop value is truthy, unsets otherwise\n *     serialize: booleanSerializer,\n *   },\n *   helperText: {\n *     // Maps `helperText` React prop to `helper-text` attribute\n *     attribute: 'helper-text',\n *   },\n *   onBeforeSelect: {\n *     // Sets `onBeforeSelect` React prop value as a listener of `cds-dropdown-beingselected` custom event\n *     event: `${prefix}-dropdown-beingselected`,\n *   },\n * });\n *\n * render(\n *   (\n *     <BXDropdown\n *       disabled={true}\n *       helperText=\"some-helper-text\"\n *       onBeforeSelect={event => { console.log(`${prefix}-dropdown-beingselected is fired!`, event); }}>\n *       <cds-dropdown-item value=\"all\">Option 1</cds-dropdown-item>\n *       <cds-dropdown-item value=\"cloudFoundry\">Option 2</cds-dropdown-item>\n *       <cds-dropdown-item value=\"staging\">Option 3</cds-dropdown-item>\n *     </BXDropdown>\n *   )\n *   document.body\n * );\n */\nconst createReactCustomElementType = (\n  name: string,\n  descriptor: CustomElementPropsDescriptor\n) => {\n  /**\n   * Array of React prop names that should be mapped to DOM properties instead of attributes.\n   */\n  const nonAttributeProps = Object.keys(descriptor).filter((propName) => {\n    const { [propName]: descriptorItem } = descriptor;\n    const { attribute } = descriptorItem ?? {};\n    return attribute === false;\n  });\n\n  /**\n   * A React component working as a wrapper for the custom element.\n   */\n  class CustomElementType extends Component<CustomElementTypeProps> {\n    /**\n     * The element.\n     */\n    private _elem: HTMLElement | null = null;\n\n    /**\n     * The handle that allows to release all event listeners attached to this custom element.\n     */\n    private _eventListenersHandle: Handle | null = null;\n\n    /**\n     * The callback function that runs as the custom events fire.\n     *\n     * @param propName The React prop name associated with the event listener.\n     * @param event The event.\n     */\n    private _handleEvent = (propName: string, event: Event) => {\n      const { [propName]: listener } = this.props;\n      if (listener) {\n        listener.call(event.currentTarget, event);\n      }\n    };\n\n    /**\n     * Handles getting/losing the React `ref` object of this custom element.\n     *\n     * @param elem The custom element.\n     */\n    private _handleElemRef = (elem: HTMLElement) => {\n      this._elem = elem;\n      if (this._eventListenersHandle) {\n        this._eventListenersHandle.release();\n        this._eventListenersHandle = null;\n      }\n      if (elem) {\n        this._eventListenersHandle = attachEventListeners(\n          elem,\n          descriptor,\n          this._handleEvent\n        );\n      }\n    };\n\n    /**\n     * Reflects change in React props to DOM properties.\n     *\n     * @param prevProps The previous props.\n     */\n    updateProps(prevProps: { [key: string]: any } = {}) {\n      const { props, _elem: elem } = this;\n      nonAttributeProps.forEach((propName) => {\n        const { [propName]: prevValue } = prevProps;\n        const { [propName]: value } = props;\n        if (prevValue !== value) {\n          elem![propName] = value;\n        }\n      });\n    }\n\n    componentDidMount() {\n      this.updateProps();\n    }\n\n    componentDidUpdate(prevProps) {\n      this.updateProps(prevProps);\n    }\n\n    render() {\n      // eslint-disable-next-line react/prop-types\n      const { children, innerRef, ...props } = this.props;\n      const mergedRef = mergeRefs<HTMLElement>(innerRef, this._handleElemRef);\n      return createElement(\n        name,\n        { ref: mergedRef, ...convertProps(props, descriptor) },\n        children\n      );\n    }\n  }\n\n  return forwardRef<HTMLElement, CustomElementTypeProps>((props, ref) =>\n    createElement(CustomElementType, { ...props, innerRef: ref })\n  );\n};\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a boolean attribute in a custom element.\n */\nexport const booleanSerializer = (value) => (!value ? undefined : '');\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a number attribute in a custom element.\n */\nexport const numberSerializer = (value) =>\n  value == null ? value : String(value);\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a object attribute in a custom element.\n */\nexport const objectSerializer = (value) =>\n  value == null ? value : JSON.stringify(value);\n\nexport default createReactCustomElementType;\n"]}
+{"version":3,"sources":["globals/wrappers/createReactCustomElementType.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE;;GAEG;AACH,UAAU,4BAA4B;IACpC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,CAAC;CAC1C;AAED;;GAEG;AACH,UAAU,2BAA2B;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,4BAA4B,CAAC;IAE9C;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,GAAG,IAAI,CAAC;CAC3C;AAED;;GAEG;AACH,UAAU,4BAA4B;IACpC,CAAC,QAAQ,EAAE,MAAM,GAAG,2BAA2B,CAAC;CACjD;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B;;OAEG;IACH,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;IAExB;;OAEG;IAEH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA4GD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,QAAA,MAAM,4BAA4B,SAC1B,MAAM,cACA,4BAA4B,4GAiGzC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,gCAAuC,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,gBAAgB,qBACU,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,gBAAgB,qBACkB,CAAC;AAEhD,eAAe,4BAA4B,CAAC","file":"createReactCustomElementType.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport React, { Component, createElement, forwardRef } from 'react';\nimport on from 'carbon-components/es/globals/js/misc/on';\nimport Handle from '../internal/handle';\n\n/**\n * A descriptor for a React event prop of a custom element.\n */\ninterface CustomElementEventDescriptor {\n  /**\n   * The event name.\n   */\n  name: string;\n\n  /**\n   * A boolean to detemine usage of capture mode or the event options.\n   */\n  options?: boolean | EventListenerOptions;\n}\n\n/**\n * A descriptor for a React prop for an attribute of a custom element.\n */\ninterface CustomElementPropDescriptor {\n  /**\n   * The attribute name for the prop.\n   */\n  attribute?: string | false;\n\n  /**\n   * The event name (or descriptor) for the prop.\n   */\n  event?: string | CustomElementEventDescriptor;\n\n  /**\n   * A function that takes a property value and returns the corresponding attribute value.\n   */\n  serialize?: (value: any) => string | void;\n}\n\n/**\n * A descriptor for a set of React props for attributes of a custom element.\n */\ninterface CustomElementPropsDescriptor {\n  [propName: string]: CustomElementPropDescriptor;\n}\n\n/**\n * React props for the component `createCustomElementType()` generates.\n */\ninterface CustomElementTypeProps {\n  /**\n   * Ordinal prop.\n   */\n  [propName: string]: any;\n\n  /**\n   * Child nodes.\n   */\n  // eslint-disable-next-line react/no-unused-prop-types\n  children?: React.ReactNode;\n}\n\n/**\n * @param refs List of React refs to merge.\n * @returns Merged React ref.\n */\nconst mergeRefs =\n  <T>(...refs: React.Ref<T>[]) =>\n  (el) => {\n    refs.forEach((ref) => {\n      // https://github.com/facebook/react/issues/13029#issuecomment-410002316\n      if (typeof ref === 'function') {\n        ref(el);\n      } else if (Object(ref) === ref) {\n        // `React.Ref.current` is read-only for regular use case, but we update it here\n        (ref as { current: T }).current = el;\n      }\n    });\n  };\n\n/**\n * @param prop A prop value.\n * @param descriptor A React prop descriptor.\n * @returns The corresponding attribute value for the given prop value.\n */\nconst convertProp = (prop: any, descriptor: CustomElementPropDescriptor) => {\n  if (!descriptor) {\n    return prop;\n  }\n  const { event, serialize } = descriptor;\n  if (event) {\n    // Events are not set as props, we use DOM `addEventListener()` instead\n    return undefined;\n  }\n  return !serialize ? prop : serialize(prop);\n};\n\n/**\n * @param props A set of React props.\n * @param descriptor A set of React prop desciptor.\n * @returns The set of React props to set to a custom element, corresponding to the given React props.\n */\nconst convertProps = (\n  props: CustomElementTypeProps,\n  descriptor: CustomElementPropsDescriptor\n) =>\n  Object.keys(props).reduce((acc, propName) => {\n    const { [propName]: descriptorItem } = descriptor;\n    const converted = convertProp(props[propName], descriptorItem);\n    const { attribute } = descriptorItem ?? {};\n    return attribute === false\n      ? acc\n      : {\n          ...acc,\n          [attribute || propName]: converted,\n        };\n  }, {});\n\n/**\n * Attaches listeners of custom events, to a custom element.\n *\n * @param elem The custom element.\n * @param descriptor An object, keyed by prop name, of data that may have custom event names.\n * @param callback A callback function that runs as the custom events fire.\n * @returns A handle that allows to release all event listeners attached.\n */\nconst attachEventListeners = (\n  elem: HTMLElement,\n  descriptor: CustomElementPropsDescriptor,\n  callback: (name: string, event: Event) => void\n): Handle => {\n  const handles = new Set<Handle>();\n  Object.keys(descriptor).forEach((propName) => {\n    if (descriptor[propName]) {\n      const { event: eventDescriptor } = descriptor[propName];\n      const name =\n        Object(eventDescriptor) !== eventDescriptor\n          ? (eventDescriptor as string)\n          : (eventDescriptor as CustomElementEventDescriptor).name;\n      const options =\n        Object(eventDescriptor) !== eventDescriptor\n          ? undefined\n          : (eventDescriptor as CustomElementEventDescriptor).options;\n      if (name) {\n        handles.add(\n          on(\n            elem,\n            name,\n            (event) => {\n              callback(propName, event);\n            },\n            options\n          )\n        );\n      }\n    }\n  });\n  return {\n    release() {\n      handles.forEach((handle) => {\n        handle.release();\n        handles.delete(handle);\n      });\n      return null;\n    },\n  };\n};\n\n/**\n * @param name The tag name of the custom element.\n * @param descriptor A descriptor for a set of React props for attributes of a custom element.\n * @returns A React component working as a wrapper for the given custom element.\n * @example\n * import { render } from 'react-dom';\n * import createCustomElementType, { booleanSerializer } from '/path/to/createCustomElementType';\n *\n * const CDSDropdown = createCustomElementType(`${prefix}-dropdown`, {\n *   disabled: {\n *     // Sets `disabled` attribute when the React prop value is truthy, unsets otherwise\n *     serialize: booleanSerializer,\n *   },\n *   helperText: {\n *     // Maps `helperText` React prop to `helper-text` attribute\n *     attribute: 'helper-text',\n *   },\n *   onBeforeSelect: {\n *     // Sets `onBeforeSelect` React prop value as a listener of `cds-dropdown-beingselected` custom event\n *     event: `${prefix}-dropdown-beingselected`,\n *   },\n * });\n *\n * render(\n *   (\n *     <CDSDropdown\n *       disabled={true}\n *       helperText=\"some-helper-text\"\n *       onBeforeSelect={event => { console.log(`${prefix}-dropdown-beingselected is fired!`, event); }}>\n *       <cds-dropdown-item value=\"all\">Option 1</cds-dropdown-item>\n *       <cds-dropdown-item value=\"cloudFoundry\">Option 2</cds-dropdown-item>\n *       <cds-dropdown-item value=\"staging\">Option 3</cds-dropdown-item>\n *     </CDSDropdown>\n *   )\n *   document.body\n * );\n */\nconst createReactCustomElementType = (\n  name: string,\n  descriptor: CustomElementPropsDescriptor\n) => {\n  /**\n   * Array of React prop names that should be mapped to DOM properties instead of attributes.\n   */\n  const nonAttributeProps = Object.keys(descriptor).filter((propName) => {\n    const { [propName]: descriptorItem } = descriptor;\n    const { attribute } = descriptorItem ?? {};\n    return attribute === false;\n  });\n\n  /**\n   * A React component working as a wrapper for the custom element.\n   */\n  class CustomElementType extends Component<CustomElementTypeProps> {\n    /**\n     * The element.\n     */\n    private _elem: HTMLElement | null = null;\n\n    /**\n     * The handle that allows to release all event listeners attached to this custom element.\n     */\n    private _eventListenersHandle: Handle | null = null;\n\n    /**\n     * The callback function that runs as the custom events fire.\n     *\n     * @param propName The React prop name associated with the event listener.\n     * @param event The event.\n     */\n    private _handleEvent = (propName: string, event: Event) => {\n      const { [propName]: listener } = this.props;\n      if (listener) {\n        listener.call(event.currentTarget, event);\n      }\n    };\n\n    /**\n     * Handles getting/losing the React `ref` object of this custom element.\n     *\n     * @param elem The custom element.\n     */\n    private _handleElemRef = (elem: HTMLElement) => {\n      this._elem = elem;\n      if (this._eventListenersHandle) {\n        this._eventListenersHandle.release();\n        this._eventListenersHandle = null;\n      }\n      if (elem) {\n        this._eventListenersHandle = attachEventListeners(\n          elem,\n          descriptor,\n          this._handleEvent\n        );\n      }\n    };\n\n    /**\n     * Reflects change in React props to DOM properties.\n     *\n     * @param prevProps The previous props.\n     */\n    updateProps(prevProps: { [key: string]: any } = {}) {\n      const { props, _elem: elem } = this;\n      nonAttributeProps.forEach((propName) => {\n        const { [propName]: prevValue } = prevProps;\n        const { [propName]: value } = props;\n        if (prevValue !== value) {\n          elem![propName] = value;\n        }\n      });\n    }\n\n    componentDidMount() {\n      this.updateProps();\n    }\n\n    componentDidUpdate(prevProps) {\n      this.updateProps(prevProps);\n    }\n\n    render() {\n      // eslint-disable-next-line react/prop-types\n      const { children, innerRef, ...props } = this.props;\n      const mergedRef = mergeRefs<HTMLElement>(innerRef, this._handleElemRef);\n      return createElement(\n        name,\n        { ref: mergedRef, ...convertProps(props, descriptor) },\n        children\n      );\n    }\n  }\n\n  return forwardRef<HTMLElement, CustomElementTypeProps>((props, ref) =>\n    createElement(CustomElementType, { ...props, innerRef: ref })\n  );\n};\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a boolean attribute in a custom element.\n */\nexport const booleanSerializer = (value) => (!value ? undefined : '');\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a number attribute in a custom element.\n */\nexport const numberSerializer = (value) =>\n  value == null ? value : String(value);\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a object attribute in a custom element.\n */\nexport const objectSerializer = (value) =>\n  value == null ? value : JSON.stringify(value);\n\nexport default createReactCustomElementType;\n"]}

package/es/globals/wrappers/createReactCustomElementType.js

@@ -109,7 +109,7 @@ const attachEventListeners = (elem, descriptor, callback) => {
  * import { render } from 'react-dom';
  * import createCustomElementType, { booleanSerializer } from '/path/to/createCustomElementType';
  *
- * const BXDropdown = createCustomElementType(`${prefix}-dropdown`, {
+ * const CDSDropdown = createCustomElementType(`${prefix}-dropdown`, {
  *   disabled: {
  *     // Sets `disabled` attribute when the React prop value is truthy, unsets otherwise
  *     serialize: booleanSerializer,
@@ -126,14 +126,14 @@ const attachEventListeners = (elem, descriptor, callback) => {
  *
  * render(
  *   (
- *     <BXDropdown
+ *     <CDSDropdown
  *       disabled={true}
  *       helperText="some-helper-text"
  *       onBeforeSelect={event => { console.log(`${prefix}-dropdown-beingselected is fired!`, event); }}>
  *       <cds-dropdown-item value="all">Option 1</cds-dropdown-item>
  *       <cds-dropdown-item value="cloudFoundry">Option 2</cds-dropdown-item>
  *       <cds-dropdown-item value="staging">Option 3</cds-dropdown-item>
- *     </BXDropdown>
+ *     </CDSDropdown>
  *   )
  *   document.body
  * );

package/es/globals/wrappers/createReactCustomElementType.js.map

@@ -1 +1 @@
-{"version":3,"file":"createReactCustomElementType.js","names":["Component","createElement","forwardRef","on","mergeRefs","refs","el","forEach","ref","Object","current","convertProp","prop","descriptor","event","serialize","undefined","convertProps","props","keys","reduce","acc","propName","descriptorItem","converted","attribute","_objectSpread","attachEventListeners","elem","callback","handles","Set","eventDescriptor","name","options","add","release","handle","delete","createReactCustomElementType","nonAttributeProps","filter","CustomElementType","constructor","args","_defineProperty","listener","call","currentTarget","_elem","_eventListenersHandle","_handleEvent","updateProps","prevProps","prevValue","value","componentDidMount","componentDidUpdate","render","_this$props","children","innerRef","_objectWithoutProperties","mergedRef","_handleElemRef","booleanSerializer","numberSerializer","String","objectSerializer","JSON","stringify"],"sources":["globals/wrappers/createReactCustomElementType.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport React, { Component, createElement, forwardRef } from 'react';\nimport on from 'carbon-components/es/globals/js/misc/on';\nimport Handle from '../internal/handle';\n\n/**\n * A descriptor for a React event prop of a custom element.\n */\ninterface CustomElementEventDescriptor {\n  /**\n   * The event name.\n   */\n  name: string;\n\n  /**\n   * A boolean to detemine usage of capture mode or the event options.\n   */\n  options?: boolean | EventListenerOptions;\n}\n\n/**\n * A descriptor for a React prop for an attribute of a custom element.\n */\ninterface CustomElementPropDescriptor {\n  /**\n   * The attribute name for the prop.\n   */\n  attribute?: string | false;\n\n  /**\n   * The event name (or descriptor) for the prop.\n   */\n  event?: string | CustomElementEventDescriptor;\n\n  /**\n   * A function that takes a property value and returns the corresponding attribute value.\n   */\n  serialize?: (value: any) => string | void;\n}\n\n/**\n * A descriptor for a set of React props for attributes of a custom element.\n */\ninterface CustomElementPropsDescriptor {\n  [propName: string]: CustomElementPropDescriptor;\n}\n\n/**\n * React props for the component `createCustomElementType()` generates.\n */\ninterface CustomElementTypeProps {\n  /**\n   * Ordinal prop.\n   */\n  [propName: string]: any;\n\n  /**\n   * Child nodes.\n   */\n  // eslint-disable-next-line react/no-unused-prop-types\n  children?: React.ReactNode;\n}\n\n/**\n * @param refs List of React refs to merge.\n * @returns Merged React ref.\n */\nconst mergeRefs =\n  <T>(...refs: React.Ref<T>[]) =>\n  (el) => {\n    refs.forEach((ref) => {\n      // https://github.com/facebook/react/issues/13029#issuecomment-410002316\n      if (typeof ref === 'function') {\n        ref(el);\n      } else if (Object(ref) === ref) {\n        // `React.Ref.current` is read-only for regular use case, but we update it here\n        (ref as { current: T }).current = el;\n      }\n    });\n  };\n\n/**\n * @param prop A prop value.\n * @param descriptor A React prop descriptor.\n * @returns The corresponding attribute value for the given prop value.\n */\nconst convertProp = (prop: any, descriptor: CustomElementPropDescriptor) => {\n  if (!descriptor) {\n    return prop;\n  }\n  const { event, serialize } = descriptor;\n  if (event) {\n    // Events are not set as props, we use DOM `addEventListener()` instead\n    return undefined;\n  }\n  return !serialize ? prop : serialize(prop);\n};\n\n/**\n * @param props A set of React props.\n * @param descriptor A set of React prop desciptor.\n * @returns The set of React props to set to a custom element, corresponding to the given React props.\n */\nconst convertProps = (\n  props: CustomElementTypeProps,\n  descriptor: CustomElementPropsDescriptor\n) =>\n  Object.keys(props).reduce((acc, propName) => {\n    const { [propName]: descriptorItem } = descriptor;\n    const converted = convertProp(props[propName], descriptorItem);\n    const { attribute } = descriptorItem ?? {};\n    return attribute === false\n      ? acc\n      : {\n          ...acc,\n          [attribute || propName]: converted,\n        };\n  }, {});\n\n/**\n * Attaches listeners of custom events, to a custom element.\n *\n * @param elem The custom element.\n * @param descriptor An object, keyed by prop name, of data that may have custom event names.\n * @param callback A callback function that runs as the custom events fire.\n * @returns A handle that allows to release all event listeners attached.\n */\nconst attachEventListeners = (\n  elem: HTMLElement,\n  descriptor: CustomElementPropsDescriptor,\n  callback: (name: string, event: Event) => void\n): Handle => {\n  const handles = new Set<Handle>();\n  Object.keys(descriptor).forEach((propName) => {\n    if (descriptor[propName]) {\n      const { event: eventDescriptor } = descriptor[propName];\n      const name =\n        Object(eventDescriptor) !== eventDescriptor\n          ? (eventDescriptor as string)\n          : (eventDescriptor as CustomElementEventDescriptor).name;\n      const options =\n        Object(eventDescriptor) !== eventDescriptor\n          ? undefined\n          : (eventDescriptor as CustomElementEventDescriptor).options;\n      if (name) {\n        handles.add(\n          on(\n            elem,\n            name,\n            (event) => {\n              callback(propName, event);\n            },\n            options\n          )\n        );\n      }\n    }\n  });\n  return {\n    release() {\n      handles.forEach((handle) => {\n        handle.release();\n        handles.delete(handle);\n      });\n      return null;\n    },\n  };\n};\n\n/**\n * @param name The tag name of the custom element.\n * @param descriptor A descriptor for a set of React props for attributes of a custom element.\n * @returns A React component working as a wrapper for the given custom element.\n * @example\n * import { render } from 'react-dom';\n * import createCustomElementType, { booleanSerializer } from '/path/to/createCustomElementType';\n *\n * const BXDropdown = createCustomElementType(`${prefix}-dropdown`, {\n *   disabled: {\n *     // Sets `disabled` attribute when the React prop value is truthy, unsets otherwise\n *     serialize: booleanSerializer,\n *   },\n *   helperText: {\n *     // Maps `helperText` React prop to `helper-text` attribute\n *     attribute: 'helper-text',\n *   },\n *   onBeforeSelect: {\n *     // Sets `onBeforeSelect` React prop value as a listener of `cds-dropdown-beingselected` custom event\n *     event: `${prefix}-dropdown-beingselected`,\n *   },\n * });\n *\n * render(\n *   (\n *     <BXDropdown\n *       disabled={true}\n *       helperText=\"some-helper-text\"\n *       onBeforeSelect={event => { console.log(`${prefix}-dropdown-beingselected is fired!`, event); }}>\n *       <cds-dropdown-item value=\"all\">Option 1</cds-dropdown-item>\n *       <cds-dropdown-item value=\"cloudFoundry\">Option 2</cds-dropdown-item>\n *       <cds-dropdown-item value=\"staging\">Option 3</cds-dropdown-item>\n *     </BXDropdown>\n *   )\n *   document.body\n * );\n */\nconst createReactCustomElementType = (\n  name: string,\n  descriptor: CustomElementPropsDescriptor\n) => {\n  /**\n   * Array of React prop names that should be mapped to DOM properties instead of attributes.\n   */\n  const nonAttributeProps = Object.keys(descriptor).filter((propName) => {\n    const { [propName]: descriptorItem } = descriptor;\n    const { attribute } = descriptorItem ?? {};\n    return attribute === false;\n  });\n\n  /**\n   * A React component working as a wrapper for the custom element.\n   */\n  class CustomElementType extends Component<CustomElementTypeProps> {\n    /**\n     * The element.\n     */\n    private _elem: HTMLElement | null = null;\n\n    /**\n     * The handle that allows to release all event listeners attached to this custom element.\n     */\n    private _eventListenersHandle: Handle | null = null;\n\n    /**\n     * The callback function that runs as the custom events fire.\n     *\n     * @param propName The React prop name associated with the event listener.\n     * @param event The event.\n     */\n    private _handleEvent = (propName: string, event: Event) => {\n      const { [propName]: listener } = this.props;\n      if (listener) {\n        listener.call(event.currentTarget, event);\n      }\n    };\n\n    /**\n     * Handles getting/losing the React `ref` object of this custom element.\n     *\n     * @param elem The custom element.\n     */\n    private _handleElemRef = (elem: HTMLElement) => {\n      this._elem = elem;\n      if (this._eventListenersHandle) {\n        this._eventListenersHandle.release();\n        this._eventListenersHandle = null;\n      }\n      if (elem) {\n        this._eventListenersHandle = attachEventListeners(\n          elem,\n          descriptor,\n          this._handleEvent\n        );\n      }\n    };\n\n    /**\n     * Reflects change in React props to DOM properties.\n     *\n     * @param prevProps The previous props.\n     */\n    updateProps(prevProps: { [key: string]: any } = {}) {\n      const { props, _elem: elem } = this;\n      nonAttributeProps.forEach((propName) => {\n        const { [propName]: prevValue } = prevProps;\n        const { [propName]: value } = props;\n        if (prevValue !== value) {\n          elem![propName] = value;\n        }\n      });\n    }\n\n    componentDidMount() {\n      this.updateProps();\n    }\n\n    componentDidUpdate(prevProps) {\n      this.updateProps(prevProps);\n    }\n\n    render() {\n      // eslint-disable-next-line react/prop-types\n      const { children, innerRef, ...props } = this.props;\n      const mergedRef = mergeRefs<HTMLElement>(innerRef, this._handleElemRef);\n      return createElement(\n        name,\n        { ref: mergedRef, ...convertProps(props, descriptor) },\n        children\n      );\n    }\n  }\n\n  return forwardRef<HTMLElement, CustomElementTypeProps>((props, ref) =>\n    createElement(CustomElementType, { ...props, innerRef: ref })\n  );\n};\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a boolean attribute in a custom element.\n */\nexport const booleanSerializer = (value) => (!value ? undefined : '');\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a number attribute in a custom element.\n */\nexport const numberSerializer = (value) =>\n  value == null ? value : String(value);\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a object attribute in a custom element.\n */\nexport const objectSerializer = (value) =>\n  value == null ? value : JSON.stringify(value);\n\nexport default createReactCustomElementType;\n"],"mappings":"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"}
+{"version":3,"file":"createReactCustomElementType.js","names":["Component","createElement","forwardRef","on","mergeRefs","refs","el","forEach","ref","Object","current","convertProp","prop","descriptor","event","serialize","undefined","convertProps","props","keys","reduce","acc","propName","descriptorItem","converted","attribute","_objectSpread","attachEventListeners","elem","callback","handles","Set","eventDescriptor","name","options","add","release","handle","delete","createReactCustomElementType","nonAttributeProps","filter","CustomElementType","constructor","args","_defineProperty","listener","call","currentTarget","_elem","_eventListenersHandle","_handleEvent","updateProps","prevProps","prevValue","value","componentDidMount","componentDidUpdate","render","_this$props","children","innerRef","_objectWithoutProperties","mergedRef","_handleElemRef","booleanSerializer","numberSerializer","String","objectSerializer","JSON","stringify"],"sources":["globals/wrappers/createReactCustomElementType.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport React, { Component, createElement, forwardRef } from 'react';\nimport on from 'carbon-components/es/globals/js/misc/on';\nimport Handle from '../internal/handle';\n\n/**\n * A descriptor for a React event prop of a custom element.\n */\ninterface CustomElementEventDescriptor {\n  /**\n   * The event name.\n   */\n  name: string;\n\n  /**\n   * A boolean to detemine usage of capture mode or the event options.\n   */\n  options?: boolean | EventListenerOptions;\n}\n\n/**\n * A descriptor for a React prop for an attribute of a custom element.\n */\ninterface CustomElementPropDescriptor {\n  /**\n   * The attribute name for the prop.\n   */\n  attribute?: string | false;\n\n  /**\n   * The event name (or descriptor) for the prop.\n   */\n  event?: string | CustomElementEventDescriptor;\n\n  /**\n   * A function that takes a property value and returns the corresponding attribute value.\n   */\n  serialize?: (value: any) => string | void;\n}\n\n/**\n * A descriptor for a set of React props for attributes of a custom element.\n */\ninterface CustomElementPropsDescriptor {\n  [propName: string]: CustomElementPropDescriptor;\n}\n\n/**\n * React props for the component `createCustomElementType()` generates.\n */\ninterface CustomElementTypeProps {\n  /**\n   * Ordinal prop.\n   */\n  [propName: string]: any;\n\n  /**\n   * Child nodes.\n   */\n  // eslint-disable-next-line react/no-unused-prop-types\n  children?: React.ReactNode;\n}\n\n/**\n * @param refs List of React refs to merge.\n * @returns Merged React ref.\n */\nconst mergeRefs =\n  <T>(...refs: React.Ref<T>[]) =>\n  (el) => {\n    refs.forEach((ref) => {\n      // https://github.com/facebook/react/issues/13029#issuecomment-410002316\n      if (typeof ref === 'function') {\n        ref(el);\n      } else if (Object(ref) === ref) {\n        // `React.Ref.current` is read-only for regular use case, but we update it here\n        (ref as { current: T }).current = el;\n      }\n    });\n  };\n\n/**\n * @param prop A prop value.\n * @param descriptor A React prop descriptor.\n * @returns The corresponding attribute value for the given prop value.\n */\nconst convertProp = (prop: any, descriptor: CustomElementPropDescriptor) => {\n  if (!descriptor) {\n    return prop;\n  }\n  const { event, serialize } = descriptor;\n  if (event) {\n    // Events are not set as props, we use DOM `addEventListener()` instead\n    return undefined;\n  }\n  return !serialize ? prop : serialize(prop);\n};\n\n/**\n * @param props A set of React props.\n * @param descriptor A set of React prop desciptor.\n * @returns The set of React props to set to a custom element, corresponding to the given React props.\n */\nconst convertProps = (\n  props: CustomElementTypeProps,\n  descriptor: CustomElementPropsDescriptor\n) =>\n  Object.keys(props).reduce((acc, propName) => {\n    const { [propName]: descriptorItem } = descriptor;\n    const converted = convertProp(props[propName], descriptorItem);\n    const { attribute } = descriptorItem ?? {};\n    return attribute === false\n      ? acc\n      : {\n          ...acc,\n          [attribute || propName]: converted,\n        };\n  }, {});\n\n/**\n * Attaches listeners of custom events, to a custom element.\n *\n * @param elem The custom element.\n * @param descriptor An object, keyed by prop name, of data that may have custom event names.\n * @param callback A callback function that runs as the custom events fire.\n * @returns A handle that allows to release all event listeners attached.\n */\nconst attachEventListeners = (\n  elem: HTMLElement,\n  descriptor: CustomElementPropsDescriptor,\n  callback: (name: string, event: Event) => void\n): Handle => {\n  const handles = new Set<Handle>();\n  Object.keys(descriptor).forEach((propName) => {\n    if (descriptor[propName]) {\n      const { event: eventDescriptor } = descriptor[propName];\n      const name =\n        Object(eventDescriptor) !== eventDescriptor\n          ? (eventDescriptor as string)\n          : (eventDescriptor as CustomElementEventDescriptor).name;\n      const options =\n        Object(eventDescriptor) !== eventDescriptor\n          ? undefined\n          : (eventDescriptor as CustomElementEventDescriptor).options;\n      if (name) {\n        handles.add(\n          on(\n            elem,\n            name,\n            (event) => {\n              callback(propName, event);\n            },\n            options\n          )\n        );\n      }\n    }\n  });\n  return {\n    release() {\n      handles.forEach((handle) => {\n        handle.release();\n        handles.delete(handle);\n      });\n      return null;\n    },\n  };\n};\n\n/**\n * @param name The tag name of the custom element.\n * @param descriptor A descriptor for a set of React props for attributes of a custom element.\n * @returns A React component working as a wrapper for the given custom element.\n * @example\n * import { render } from 'react-dom';\n * import createCustomElementType, { booleanSerializer } from '/path/to/createCustomElementType';\n *\n * const CDSDropdown = createCustomElementType(`${prefix}-dropdown`, {\n *   disabled: {\n *     // Sets `disabled` attribute when the React prop value is truthy, unsets otherwise\n *     serialize: booleanSerializer,\n *   },\n *   helperText: {\n *     // Maps `helperText` React prop to `helper-text` attribute\n *     attribute: 'helper-text',\n *   },\n *   onBeforeSelect: {\n *     // Sets `onBeforeSelect` React prop value as a listener of `cds-dropdown-beingselected` custom event\n *     event: `${prefix}-dropdown-beingselected`,\n *   },\n * });\n *\n * render(\n *   (\n *     <CDSDropdown\n *       disabled={true}\n *       helperText=\"some-helper-text\"\n *       onBeforeSelect={event => { console.log(`${prefix}-dropdown-beingselected is fired!`, event); }}>\n *       <cds-dropdown-item value=\"all\">Option 1</cds-dropdown-item>\n *       <cds-dropdown-item value=\"cloudFoundry\">Option 2</cds-dropdown-item>\n *       <cds-dropdown-item value=\"staging\">Option 3</cds-dropdown-item>\n *     </CDSDropdown>\n *   )\n *   document.body\n * );\n */\nconst createReactCustomElementType = (\n  name: string,\n  descriptor: CustomElementPropsDescriptor\n) => {\n  /**\n   * Array of React prop names that should be mapped to DOM properties instead of attributes.\n   */\n  const nonAttributeProps = Object.keys(descriptor).filter((propName) => {\n    const { [propName]: descriptorItem } = descriptor;\n    const { attribute } = descriptorItem ?? {};\n    return attribute === false;\n  });\n\n  /**\n   * A React component working as a wrapper for the custom element.\n   */\n  class CustomElementType extends Component<CustomElementTypeProps> {\n    /**\n     * The element.\n     */\n    private _elem: HTMLElement | null = null;\n\n    /**\n     * The handle that allows to release all event listeners attached to this custom element.\n     */\n    private _eventListenersHandle: Handle | null = null;\n\n    /**\n     * The callback function that runs as the custom events fire.\n     *\n     * @param propName The React prop name associated with the event listener.\n     * @param event The event.\n     */\n    private _handleEvent = (propName: string, event: Event) => {\n      const { [propName]: listener } = this.props;\n      if (listener) {\n        listener.call(event.currentTarget, event);\n      }\n    };\n\n    /**\n     * Handles getting/losing the React `ref` object of this custom element.\n     *\n     * @param elem The custom element.\n     */\n    private _handleElemRef = (elem: HTMLElement) => {\n      this._elem = elem;\n      if (this._eventListenersHandle) {\n        this._eventListenersHandle.release();\n        this._eventListenersHandle = null;\n      }\n      if (elem) {\n        this._eventListenersHandle = attachEventListeners(\n          elem,\n          descriptor,\n          this._handleEvent\n        );\n      }\n    };\n\n    /**\n     * Reflects change in React props to DOM properties.\n     *\n     * @param prevProps The previous props.\n     */\n    updateProps(prevProps: { [key: string]: any } = {}) {\n      const { props, _elem: elem } = this;\n      nonAttributeProps.forEach((propName) => {\n        const { [propName]: prevValue } = prevProps;\n        const { [propName]: value } = props;\n        if (prevValue !== value) {\n          elem![propName] = value;\n        }\n      });\n    }\n\n    componentDidMount() {\n      this.updateProps();\n    }\n\n    componentDidUpdate(prevProps) {\n      this.updateProps(prevProps);\n    }\n\n    render() {\n      // eslint-disable-next-line react/prop-types\n      const { children, innerRef, ...props } = this.props;\n      const mergedRef = mergeRefs<HTMLElement>(innerRef, this._handleElemRef);\n      return createElement(\n        name,\n        { ref: mergedRef, ...convertProps(props, descriptor) },\n        children\n      );\n    }\n  }\n\n  return forwardRef<HTMLElement, CustomElementTypeProps>((props, ref) =>\n    createElement(CustomElementType, { ...props, innerRef: ref })\n  );\n};\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a boolean attribute in a custom element.\n */\nexport const booleanSerializer = (value) => (!value ? undefined : '');\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a number attribute in a custom element.\n */\nexport const numberSerializer = (value) =>\n  value == null ? value : String(value);\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a object attribute in a custom element.\n */\nexport const objectSerializer = (value) =>\n  value == null ? value : JSON.stringify(value);\n\nexport default createReactCustomElementType;\n"],"mappings":"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"}

package/es/icons/add/16.js

@@ -11,5 +11,5 @@ import spread from '../../globals/directives/spread';
 const svgResultCarbonIcon = ({ children, ...attrs } = {}) =>
   svg`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${spread(
     attrs
-  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}<path d="M17 15L17 8 15 8 15 15 8 15 8 17 15 17 15 24 17 24 17 17 24 17 24 15z"></path></svg>`;
+  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}${children}${children}<path d="M17 15L17 8 15 8 15 15 8 15 8 17 15 17 15 24 17 24 17 17 24 17 24 15z"></path></svg>`;
 export default svgResultCarbonIcon;

package/es/icons/arrows/16.js

@@ -11,5 +11,5 @@ import spread from '../../globals/directives/spread';
 const svgResultCarbonIcon = ({ children, ...attrs } = {}) =>
   svg`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${spread(
     attrs
-  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}${children}${children}<path d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"></path></svg>`;
+  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}<path d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"></path></svg>`;
 export default svgResultCarbonIcon;

package/es/icons/arrows--vertical/16.js

@@ -11,5 +11,5 @@ import spread from '../../globals/directives/spread';
 const svgResultCarbonIcon = ({ children, ...attrs } = {}) =>
   svg`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${spread(
     attrs
-  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}<path d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"></path></svg>`;
+  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}${children}${children}<path d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"></path></svg>`;
 export default svgResultCarbonIcon;

package/es/icons/caret--down/16.js

@@ -11,5 +11,5 @@ import spread from '../../globals/directives/spread';
 const svgResultCarbonIcon = ({ children, ...attrs } = {}) =>
   svg`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${spread(
     attrs
-  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}${children}${children}<path d="M24 12L16 22 8 12z"></path></svg>`;
+  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}<path d="M24 12L16 22 8 12z"></path></svg>`;
 export default svgResultCarbonIcon;

package/es/icons/caret--up/16.js

@@ -11,5 +11,5 @@ import spread from '../../globals/directives/spread';
 const svgResultCarbonIcon = ({ children, ...attrs } = {}) =>
   svg`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${spread(
     attrs
-  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}${children}${children}<path d="M8 20L16 10 24 20z"></path></svg>`;
+  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}<path d="M8 20L16 10 24 20z"></path></svg>`;
 export default svgResultCarbonIcon;

package/es/icons/information/16.js

@@ -11,5 +11,5 @@ import spread from '../../globals/directives/spread';
 const svgResultCarbonIcon = ({ children, ...attrs } = {}) =>
   svg`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${spread(
     attrs
-  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${children}${children}${children}<path d="M8.5 11L8.5 6.5 6.5 6.5 6.5 7.5 7.5 7.5 7.5 11 6 11 6 12 10 12 10 11zM8 3.5c-.4 0-.8.3-.8.8S7.6 5 8 5c.4 0 .8-.3.8-.8S8.4 3.5 8 3.5z"></path><path d="M8,15c-3.9,0-7-3.1-7-7s3.1-7,7-7s7,3.1,7,7S11.9,15,8,15z M8,2C4.7,2,2,4.7,2,8s2.7,6,6,6s6-2.7,6-6S11.3,2,8,2z"></path></svg>`;
+  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16">${children}<path d="M8.5 11L8.5 6.5 6.5 6.5 6.5 7.5 7.5 7.5 7.5 11 6 11 6 12 10 12 10 11zM8 3.5c-.4 0-.8.3-.8.8S7.6 5 8 5c.4 0 .8-.3.8-.8S8.4 3.5 8 3.5z"></path><path d="M8,15c-3.9,0-7-3.1-7-7s3.1-7,7-7s7,3.1,7,7S11.9,15,8,15z M8,2C4.7,2,2,4.7,2,8s2.7,6,6,6s6-2.7,6-6S11.3,2,8,2z"></path></svg>`;
 export default svgResultCarbonIcon;

package/es/icons/information--filled/20.js

@@ -11,5 +11,5 @@ import spread from '../../globals/directives/spread';
 const svgResultCarbonIcon = ({ children, ...attrs } = {}) =>
   svg`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${spread(
     attrs
-  )}" aria-hidden="true" width="20" height="20" viewBox="0 0 32 32">${children}<path fill="none" d="M16,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,13.875H17.125v-8H13v2.25h1.875v5.75H12v2.25h8Z" data-icon-path="inner-path"></path><path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,6a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,16.125H12v-2.25h2.875v-5.75H13v-2.25h4.125v8H20Z"></path></svg>`;
+  )}" aria-hidden="true" width="20" height="20" viewBox="0 0 32 32">${children}${children}${children}<path fill="none" d="M16,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,13.875H17.125v-8H13v2.25h1.875v5.75H12v2.25h8Z" data-icon-path="inner-path"></path><path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,6a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,16.125H12v-2.25h2.875v-5.75H13v-2.25h4.125v8H20Z"></path></svg>`;
 export default svgResultCarbonIcon;

package/es/icons/information--square--filled/20.js

@@ -11,5 +11,5 @@ import spread from '../../globals/directives/spread';
 const svgResultCarbonIcon = ({ children, ...attrs } = {}) =>
   svg`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${spread(
     attrs
-  )}" aria-hidden="true" width="20" height="20" viewBox="0 0 32 32">${children}<path fill="none" d="M16,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,13.875H17.125v-8H13v2.25h1.875v5.75H12v2.25h8Z" data-icon-path="inner-path"></path><path d="M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM16,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,16.125H12v-2.25h2.875v-5.75H13v-2.25h4.125v8H20Z"></path></svg>`;
+  )}" aria-hidden="true" width="20" height="20" viewBox="0 0 32 32">${children}${children}${children}<path fill="none" d="M16,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,13.875H17.125v-8H13v2.25h1.875v5.75H12v2.25h8Z" data-icon-path="inner-path"></path><path d="M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM16,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,16.125H12v-2.25h2.875v-5.75H13v-2.25h4.125v8H20Z"></path></svg>`;
 export default svgResultCarbonIcon;

package/es/icons/subtract/16.js

@@ -11,5 +11,5 @@ import spread from '../../globals/directives/spread';
 const svgResultCarbonIcon = ({ children, ...attrs } = {}) =>
   svg`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${spread(
     attrs
-  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}<path d="M8 15H24V17H8z"></path></svg>`;
+  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}${children}${children}<path d="M8 15H24V17H8z"></path></svg>`;
 export default svgResultCarbonIcon;

package/es/icons/warning--alt--filled/16.js

@@ -11,5 +11,5 @@ import spread from '../../globals/directives/spread';
 const svgResultCarbonIcon = ({ children, ...attrs } = {}) =>
   svg`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${spread(
     attrs
-  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}<path fill="none" d="M16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Zm-1.125-5h2.25V12h-2.25Z" data-icon-path="inner-path"></path><path d="M16.002,6.1714h-.004L4.6487,27.9966,4.6506,28H27.3494l.0019-.0034ZM14.875,12h2.25v9h-2.25ZM16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Z"></path><path d="M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"></path></svg>`;
+  )}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${children}${children}${children}<path fill="none" d="M16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Zm-1.125-5h2.25V12h-2.25Z" data-icon-path="inner-path"></path><path d="M16.002,6.1714h-.004L4.6487,27.9966,4.6506,28H27.3494l.0019-.0034ZM14.875,12h2.25v9h-2.25ZM16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Z"></path><path d="M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"></path></svg>`;
 export default svgResultCarbonIcon;

package/es/icons/warning--alt--filled/20.js

@@ -11,5 +11,5 @@ import spread from '../../globals/directives/spread';
 const svgResultCarbonIcon = ({ children, ...attrs } = {}) =>
   svg`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${spread(
     attrs
-  )}" aria-hidden="true" width="20" height="20" viewBox="0 0 32 32">${children}<path fill="none" d="M16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Zm-1.125-5h2.25V12h-2.25Z" data-icon-path="inner-path"></path><path d="M16.002,6.1714h-.004L4.6487,27.9966,4.6506,28H27.3494l.0019-.0034ZM14.875,12h2.25v9h-2.25ZM16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Z"></path><path d="M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"></path></svg>`;
+  )}" aria-hidden="true" width="20" height="20" viewBox="0 0 32 32">${children}${children}${children}<path fill="none" d="M16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Zm-1.125-5h2.25V12h-2.25Z" data-icon-path="inner-path"></path><path d="M16.002,6.1714h-.004L4.6487,27.9966,4.6506,28H27.3494l.0019-.0034ZM14.875,12h2.25v9h-2.25ZM16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Z"></path><path d="M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"></path></svg>`;
 export default svgResultCarbonIcon;