@kaizen/components 1.37.0 → 1.38.0

package/dist/cjs/Popover/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","sources":["../../../src/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes, useMemo, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport { Heading } from \"~components/Heading\"\nimport { CloseIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Placement, PopoverSize, PopoverVariant } from \"./types\"\nimport {\n  mapArrowVariantToClass,\n  mapLineVariant,\n  mapSizeToClass,\n  mapVariantToBoxClass,\n  mapVariantToIcon,\n  mapVariantToIconClass,\n} from \"./utils/classMappers\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps = {\n  children: React.ReactNode\n  variant?: PopoverVariant\n  placement?: Placement\n  size?: PopoverSize\n  heading?: string\n  dismissible?: boolean\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  singleLine?: boolean\n  /**\n   * For almost all intents and purposes, you should be using a pre-defined variant.\n   * Please avoid using a custom icon unless you have a very good reason to do so.\n   */\n  customIcon?: JSX.Element\n  referenceElement: HTMLElement | null\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n// Sync with styles.scss\nconst arrowWidth = 14\nconst arrowHeight = 7\n\n/**\n * {@link https://cultureamp.design/components/popover/ Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook}\n */\nexport const Popover = ({\n  children,\n  variant = \"default\",\n  placement = \"top\",\n  size = \"small\",\n  heading,\n  dismissible = false,\n  onClose,\n  singleLine = false,\n  customIcon,\n  referenceElement,\n  classNameOverride,\n  ...restProps\n}: PopoverProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null)\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"arrow\",\n          options: {\n            element: arrowElement,\n            // Ensures that the arrow doesn't go too far to the left or right\n            // of the tooltip.\n            padding: arrowWidth / 2 + 10,\n          },\n        },\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, arrowHeight + 6],\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Makes sure that the popover isn't flush up against the end of the\n            // viewport\n            padding: 8,\n            altAxis: true,\n            altBoundary: true,\n            tetherOffset: 50,\n          },\n        },\n        {\n          name: \"flip\",\n          options: {\n            padding: 8,\n            altBoundary: true,\n            fallbackPlacements: [\"left\", \"top\", \"bottom\", \"right\"],\n          },\n        },\n      ],\n      placement,\n    }\n  )\n\n  return (\n    <div\n      ref={setPopperElement}\n      style={popperStyles.popper}\n      {...attributes.popper}\n      className={classnames(\n        styles.root,\n        mapSizeToClass(size),\n        classNameOverride\n      )}\n      {...restProps}\n    >\n      <div className={mapVariantToBoxClass(variant)}>\n        {heading && (\n          <div className={styles.header}>\n            {variant !== \"default\" && (\n              <span\n                className={classnames(\n                  styles.icon,\n                  mapVariantToIconClass(variant)\n                )}\n              >\n                {customIcon ?? mapVariantToIcon(variant)}\n              </span>\n            )}\n            <Heading variant=\"heading-6\" classNameOverride={styles.singleLine}>\n              {heading}\n            </Heading>\n            {dismissible && (\n              <button\n                className={styles.close}\n                onClick={onClose}\n                type=\"button\"\n                aria-label=\"close\"\n              >\n                <CloseIcon role=\"presentation\" />\n              </button>\n            )}\n          </div>\n        )}\n        <Text\n          variant=\"small\"\n          classNameOverride={classnames(\n            styles.container,\n            mapLineVariant(singleLine)\n          )}\n        >\n          {children}\n        </Text>\n      </div>\n      <div\n        ref={setArrowElement}\n        style={popperStyles.arrow}\n        className={styles.arrowWrapper}\n      >\n        <div\n          className={classnames(styles.arrow, mapArrowVariantToClass(variant))}\n        />\n      </div>\n    </div>\n  )\n}\n\nPopover.displayName = \"Popover\"\n\ntype PopoverPropsWithoutRef = Omit<PopoverProps, \"referenceElement\">\n\n/**\n * How to use:\n *\n * const [referenceElementRef, Popover] = usePopover()\n *\n * return (<>\n *   <button ref={referenceElementRef}>\n *     Hello world\n *   </button>\n *   <Popover>Hello world</Popover>\n * </>)\n *\n * The purpose of this hook is to abstract away some of the awkwardness with the\n * requirement of passing in refs with popper. We need to use `useState` instead\n * of `useRef`, which may not be immediately intuitive.\n *\n * The popper documentation to help provide more context:\n *   https://popper.js.org/react-popper/v2/hook/\n */\nexport const usePopover = (): [\n  (element: HTMLElement | null) => void,\n  (props: PopoverPropsWithoutRef) => JSX.Element | null,\n] => {\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  )\n\n  // I guess the problem with this pattern, is that every time referenceElement\n  // changes, a brand new component is generated, which would be bad for memoization.\n  // In this situation however, the value is rarely going to change, and\n  // popovers aren't going to include content with expensive render times.\n  const PopoverWithRef = useMemo(\n    // eslint-disable-next-line react/display-name\n    () => (props: PopoverPropsWithoutRef) =>\n      referenceElement ? (\n        <Popover {...props} referenceElement={referenceElement} />\n      ) : null,\n    [referenceElement]\n  )\n\n  return [setReferenceElement, PopoverWithRef]\n}\n"],"names":["arrowWidth","arrowHeight","Popover","_a","children","_b","variant","_c","placement","_d","size","heading","_e","dismissible","onClose","_f","singleLine","customIcon","referenceElement","classNameOverride","restProps","__rest","_g","useState","popperElement","setPopperElement","_h","arrowElement","setArrowElement","_j","usePopper","modifiers","name","options","element","padding","offset","altAxis","altBoundary","tetherOffset","fallbackPlacements","popperStyles","styles","attributes","React","createElement","__assign","ref","style","popper","className","classnames","root","mapSizeToClass","mapVariantToBoxClass","header","icon","mapVariantToIconClass","mapVariantToIcon","Heading","close","onClick","type","CloseIcon","role","Text","container","mapLineVariant","arrow","arrowWrapper","mapArrowVariantToClass","displayName","usePopover","setReferenceElement","PopoverWithRef","useMemo","props"],"mappings":"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"}
+{"version":3,"file":"Popover.cjs","sources":["../../../src/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes, useMemo, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport { Heading } from \"~components/Heading\"\nimport { CloseIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Placement, PopoverSize, PopoverVariant } from \"./types\"\nimport {\n  mapArrowVariantToClass,\n  mapLineVariant,\n  mapSizeToClass,\n  mapVariantToBoxClass,\n  mapVariantToIcon,\n  mapVariantToIconClass,\n} from \"./utils/classMappers\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps = {\n  children: React.ReactNode\n  variant?: PopoverVariant\n  placement?: Placement\n  size?: PopoverSize\n  heading?: string\n  dismissible?: boolean\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  singleLine?: boolean\n  /**\n   * For almost all intents and purposes, you should be using a pre-defined variant.\n   * Please avoid using a custom icon unless you have a very good reason to do so.\n   */\n  customIcon?: JSX.Element\n  referenceElement: HTMLElement | null\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n// Sync with styles.scss\nconst arrowWidth = 14\nconst arrowHeight = 7\n\n/**\n * {@link https://cultureamp.design/components/popover/ Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook}\n */\nexport const Popover = ({\n  children,\n  variant = \"default\",\n  placement = \"top\",\n  size = \"small\",\n  heading,\n  dismissible = false,\n  onClose,\n  singleLine = false,\n  customIcon,\n  referenceElement,\n  classNameOverride,\n  ...restProps\n}: PopoverProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null)\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"arrow\",\n          options: {\n            element: arrowElement,\n            // Ensures that the arrow doesn't go too far to the left or right\n            // of the tooltip.\n            padding: arrowWidth / 2 + 10,\n          },\n        },\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, arrowHeight + 6],\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Makes sure that the popover isn't flush up against the end of the\n            // viewport\n            padding: 8,\n            altAxis: true,\n            altBoundary: true,\n            tetherOffset: 50,\n          },\n        },\n        {\n          name: \"flip\",\n          options: {\n            padding: 8,\n            altBoundary: true,\n            fallbackPlacements: [\"left\", \"top\", \"bottom\", \"right\"],\n          },\n        },\n      ],\n      placement,\n    }\n  )\n\n  return (\n    <div\n      ref={setPopperElement}\n      style={popperStyles.popper}\n      {...attributes.popper}\n      className={classnames(\n        styles.root,\n        mapSizeToClass(size),\n        classNameOverride\n      )}\n      {...restProps}\n    >\n      <div className={mapVariantToBoxClass(variant)}>\n        {heading && (\n          <div className={styles.header}>\n            {variant !== \"default\" && (\n              <span\n                className={classnames(\n                  styles.icon,\n                  mapVariantToIconClass(variant)\n                )}\n              >\n                {customIcon ?? mapVariantToIcon(variant)}\n              </span>\n            )}\n            <Heading variant=\"heading-6\" classNameOverride={styles.singleLine}>\n              {heading}\n            </Heading>\n            {dismissible && (\n              <button\n                className={styles.close}\n                onClick={onClose}\n                type=\"button\"\n                aria-label=\"close\"\n              >\n                <CloseIcon role=\"presentation\" />\n              </button>\n            )}\n          </div>\n        )}\n        <Text\n          tag=\"div\"\n          variant=\"small\"\n          classNameOverride={classnames(\n            styles.container,\n            mapLineVariant(singleLine)\n          )}\n        >\n          {children}\n        </Text>\n      </div>\n      <div\n        ref={setArrowElement}\n        style={popperStyles.arrow}\n        className={styles.arrowWrapper}\n      >\n        <div\n          className={classnames(styles.arrow, mapArrowVariantToClass(variant))}\n        />\n      </div>\n    </div>\n  )\n}\n\nPopover.displayName = \"Popover\"\n\ntype PopoverPropsWithoutRef = Omit<PopoverProps, \"referenceElement\">\n\n/**\n * How to use:\n *\n * const [referenceElementRef, Popover] = usePopover()\n *\n * return (<>\n *   <button ref={referenceElementRef}>\n *     Hello world\n *   </button>\n *   <Popover>Hello world</Popover>\n * </>)\n *\n * The purpose of this hook is to abstract away some of the awkwardness with the\n * requirement of passing in refs with popper. We need to use `useState` instead\n * of `useRef`, which may not be immediately intuitive.\n *\n * The popper documentation to help provide more context:\n *   https://popper.js.org/react-popper/v2/hook/\n */\nexport const usePopover = (): [\n  (element: HTMLElement | null) => void,\n  (props: PopoverPropsWithoutRef) => JSX.Element | null,\n] => {\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  )\n\n  // I guess the problem with this pattern, is that every time referenceElement\n  // changes, a brand new component is generated, which would be bad for memoization.\n  // In this situation however, the value is rarely going to change, and\n  // popovers aren't going to include content with expensive render times.\n  const PopoverWithRef = useMemo(\n    // eslint-disable-next-line react/display-name\n    () => (props: PopoverPropsWithoutRef) =>\n      referenceElement ? (\n        <Popover {...props} referenceElement={referenceElement} />\n      ) : null,\n    [referenceElement]\n  )\n\n  return [setReferenceElement, PopoverWithRef]\n}\n"],"names":["arrowWidth","arrowHeight","Popover","_a","children","_b","variant","_c","placement","_d","size","heading","_e","dismissible","onClose","_f","singleLine","customIcon","referenceElement","classNameOverride","restProps","__rest","_g","useState","popperElement","setPopperElement","_h","arrowElement","setArrowElement","_j","usePopper","modifiers","name","options","element","padding","offset","altAxis","altBoundary","tetherOffset","fallbackPlacements","popperStyles","styles","attributes","React","createElement","__assign","ref","style","popper","className","classnames","root","mapSizeToClass","mapVariantToBoxClass","header","icon","mapVariantToIconClass","mapVariantToIcon","Heading","close","onClick","type","CloseIcon","role","Text","tag","container","mapLineVariant","arrow","arrowWrapper","mapArrowVariantToClass","displayName","usePopover","setReferenceElement","PopoverWithRef","useMemo","props"],"mappings":"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"}

package/dist/cjs/RichTextEditor/RichTextEditor/RichTextEditor.cjs

@@ -81,6 +81,9 @@ const RichTextEditor = /*#__PURE__*/function () {
     var schema$1 = React.useState(schema.createSchemaFromControls(controls))[0];
     var labelId = React.useState(labelledBy || reactId)[0];
     var editorId = React.useState(reactId)[0];
+    var validationMessageAria = validationMessage ? "".concat(editorId, "-rte-validation-message") : "";
+    var descriptionAria = description ? "".concat(editorId, "-rte-description") : "";
+    var ariaDescribedBy = classnames(validationMessageAria, descriptionAria, describedBy);
     var useRichTextEditorResult = function () {
       try {
         return useRichTextEditor.useRichTextEditor(ProseMirrorState__namespace.EditorState.create({
@@ -96,7 +99,8 @@ const RichTextEditor = /*#__PURE__*/function () {
           plugins: getPlugins(controls, schema$1)
         }), {
           "aria-labelledby": labelId,
-          role: "textbox"
+          role: "textbox",
+          "aria-describedby": ariaDescribedBy
         });
       } catch (_a) {
         return new Error("Bad data error");
@@ -121,9 +125,6 @@ const RichTextEditor = /*#__PURE__*/function () {
       onChange(editorState);
       // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue
     }, [editorState]);
-    var validationMessageAria = validationMessage ? "".concat(editorId, "-rte-validation-message") : "";
-    var descriptionAria = description ? "".concat(editorId, "-rte-description") : "";
-    var ariaDescribedBy = classnames(validationMessageAria, descriptionAria, describedBy);
     return React.createElement(React.Fragment, null, !labelledBy && labelText && React.createElement(Label.Label, {
       id: labelId,
       labelText: labelText
@@ -151,8 +152,7 @@ const RichTextEditor = /*#__PURE__*/function () {
     })), React.createElement("div", tslib.__assign({
       id: editorId,
       ref: editorRef,
-      className: classnames(RichTextEditor_module.editor, RichTextEditor_module["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && RichTextEditor_module.hasToolbar),
-      "aria-describedby": ariaDescribedBy
+      className: classnames(RichTextEditor_module.editor, RichTextEditor_module["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && RichTextEditor_module.hasToolbar)
     }, restProps))), validationMessage && React.createElement(FieldMessage.FieldMessage, {
       id: validationMessageAria,
       message: validationMessage,

package/dist/cjs/RichTextEditor/RichTextEditor/RichTextEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.cjs","sources":["../../../../src/RichTextEditor/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import React, {\n  useState,\n  useEffect,\n  HTMLAttributes,\n  ReactNode,\n  useId,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Label } from \"~components/Label\"\nimport { InlineNotification } from \"~components/Notification\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ToolbarItems, EditorContentArray, EditorRows } from \"../types\"\nimport { useRichTextEditor } from \"../utils/core\"\nimport { createLinkManager } from \"../utils/plugins\"\nimport {\n  ProseMirrorCommands,\n  ProseMirrorHistory,\n  ProseMirrorKeymap,\n  ProseMirrorModel,\n  ProseMirrorState,\n} from \"../utils/prosemirror\"\nimport { createSchemaFromControls } from \"./schema\"\nimport { ToggleIconButton } from \"./subcomponents/ToggleIconButton\"\nimport { Toolbar } from \"./subcomponents/Toolbar\"\nimport { ToolbarSection } from \"./subcomponents/ToolbarSection\"\nimport { buildControlMap } from \"./utils/controlmap\"\nimport { buildInputRules } from \"./utils/inputrules\"\nimport { buildKeymap } from \"./utils/keymap\"\nimport styles from \"./RichTextEditor.module.scss\"\n\ntype BaseRichTextEditorProps = {\n  onChange: (content: ProseMirrorState.EditorState) => void\n  defaultValue: EditorContentArray\n  controls?: ToolbarItems[]\n  /**\n   * Sets a default min-height for the editable area in units of body paragraph line height, similar to the 'rows' attribute on <textarea>.\n   * The editable area will autogrow, so this only affects the component when the content doesn't exceed this height.\n   */\n  rows?: EditorRows\n  dataError?: React.ReactElement\n  onDataError?: () => void\n  status?: \"default\" | \"error\" | \"caution\"\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: React.ReactNode\n  /**\n   * A description that provides context\n   */\n  description?: React.ReactNode\n} & OverrideClassName<\n  Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\">\n>\n\ntype WithLabelText = {\n  labelText: ReactNode\n  \"aria-labelledby\"?: never\n}\n\ntype WithLabelledBy = {\n  labelText?: never\n  \"aria-labelledby\": string\n}\n\nexport type RichTextEditorProps = BaseRichTextEditorProps &\n  (WithLabelText | WithLabelledBy)\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}\n */\nexport const RichTextEditor = ({\n  onChange,\n  defaultValue,\n  labelText,\n  \"aria-labelledby\": labelledBy,\n  \"aria-describedby\": describedBy,\n  classNameOverride,\n  controls,\n  rows = 3,\n  dataError,\n  onDataError,\n  validationMessage,\n  description,\n  status = \"default\",\n  ...restProps\n}: RichTextEditorProps): JSX.Element => {\n  const reactId = useId()\n  const [schema] = useState<ProseMirrorModel.Schema>(\n    createSchemaFromControls(controls)\n  )\n  const [labelId] = useState<string>(labelledBy || reactId)\n  const [editorId] = useState<string>(reactId)\n\n  const useRichTextEditorResult = (():\n    | ReturnType<typeof useRichTextEditor>\n    | Error => {\n    try {\n      return useRichTextEditor(\n        ProseMirrorState.EditorState.create({\n          doc: ProseMirrorModel.Node.fromJSON(schema, {\n            type: \"doc\",\n            // we're converting empty arrays to the ProseMirror default \"empty\" state because when\n            // given an empty array ProseMirror returns undefined, breaking the type\n            content:\n              defaultValue?.length > 0 ? defaultValue : [{ type: \"paragraph\" }],\n          }),\n          schema,\n          plugins: getPlugins(controls, schema),\n        }),\n        { \"aria-labelledby\": labelId, role: \"textbox\" }\n      )\n    } catch {\n      return new Error(\"Bad data error\")\n    }\n  })()\n\n  if (useRichTextEditorResult instanceof Error) {\n    onDataError && onDataError()\n    return (\n      <InlineNotification\n        headingProps={{\n          children: \"Error\",\n          variant: \"heading-6\",\n        }}\n        type=\"negative\"\n        persistent\n      >\n        {dataError || \"Something went wrong\"}\n      </InlineNotification>\n    )\n  }\n\n  const [editorRef, editorState, dispatchTransaction] = useRichTextEditorResult\n\n  const controlMap = buildControlMap(schema, editorState, controls)\n\n  useEffect(() => {\n    onChange(editorState)\n    // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue\n  }, [editorState])\n\n  const validationMessageAria = validationMessage\n    ? `${editorId}-rte-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${editorId}-rte-description` : \"\"\n\n  const ariaDescribedBy = classnames(\n    validationMessageAria,\n    descriptionAria,\n    describedBy\n  )\n\n  return (\n    <>\n      {!labelledBy && labelText && <Label id={labelId} labelText={labelText} />}\n      {/* TODO: add a bit of margin here once we have a classNameOverride on Label */}\n      <div className={classnames(styles.editorWrapper, styles[status])}>\n        {controls && (\n          <Toolbar\n            aria-controls={editorId}\n            aria-label=\"Text formatting\"\n            classNameOverride={styles.toolbar}\n          >\n            {controlMap.map((section, index) => (\n              <ToolbarSection key={index}>\n                {section.map((controlConfig, controlKeyIndex) => (\n                  <ToggleIconButton\n                    key={controlKeyIndex}\n                    icon={controlConfig.icon}\n                    disabled={controlConfig.disabled}\n                    label={controlConfig.label}\n                    isActive={controlConfig.isActive}\n                    onClick={(): void =>\n                      dispatchTransaction(controlConfig.action)\n                    }\n                  />\n                ))}\n              </ToolbarSection>\n            ))}\n          </Toolbar>\n        )}\n        <div\n          id={editorId}\n          ref={editorRef}\n          className={classnames(\n            styles.editor,\n            styles[`rows${rows}`],\n            classNameOverride,\n            controls != null && controls.length > 0 && styles.hasToolbar\n          )}\n          aria-describedby={ariaDescribedBy}\n          {...restProps}\n        />\n      </div>\n\n      {validationMessage && (\n        <FieldMessage\n          id={validationMessageAria}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n\n      {description && (\n        <FieldMessage id={descriptionAria} message={description} />\n      )}\n    </>\n  )\n}\n\nRichTextEditor.displayName = \"RichTextEditor\"\n\nfunction getPlugins(\n  controls: ToolbarItems[] | undefined,\n  schema: ProseMirrorModel.Schema\n): Array<\n  | ProseMirrorState.Plugin<unknown>\n  | ProseMirrorState.Plugin<{\n      transform: ProseMirrorState.Transaction\n      from: number\n      to: number\n      text: string\n    } | null>\n> {\n  const allControlNames: string[] = controls\n    ? controls.reduce((acc: string[], c: ToolbarItems) => [...acc, c.name], [])\n    : []\n  const plugins = [\n    ProseMirrorHistory.history(),\n    ProseMirrorKeymap.keymap(buildKeymap(schema)),\n    ProseMirrorKeymap.keymap(ProseMirrorCommands.baseKeymap),\n    buildInputRules(schema),\n  ]\n\n  if (allControlNames.includes(\"link\")) {\n    plugins.push(\n      createLinkManager({\n        markType: schema.marks.link,\n      })\n    )\n  }\n\n  return plugins\n}\n"],"names":["RichTextEditor","_a","onChange","defaultValue","labelText","labelledBy","describedBy","classNameOverride","controls","_b","rows","dataError","onDataError","validationMessage","description","_c","status","restProps","__rest","reactId","useId","schema","useState","createSchemaFromControls","labelId","editorId","useRichTextEditorResult","useRichTextEditor","ProseMirrorState","EditorState","create","doc","ProseMirrorModel","Node","fromJSON","type","content","length","plugins","getPlugins","role","Error","React","createElement","InlineNotification","headingProps","children","variant","persistent","editorRef","editorState","dispatchTransaction","controlMap","buildControlMap","useEffect","validationMessageAria","concat","descriptionAria","ariaDescribedBy","classnames","Fragment","Label","id","className","styles","editorWrapper","Toolbar","toolbar","map","section","index","ToolbarSection","key","controlConfig","controlKeyIndex","ToggleIconButton","icon","disabled","label","isActive","onClick","action","__assign","ref","editor","hasToolbar","FieldMessage","message","displayName","allControlNames","reduce","acc","c","name","ProseMirrorHistory","history","ProseMirrorKeymap","keymap","buildKeymap","ProseMirrorCommands","baseKeymap","buildInputRules","includes","push","createLinkManager","markType","marks","link"],"mappings":"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"}
+{"version":3,"file":"RichTextEditor.cjs","sources":["../../../../src/RichTextEditor/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import React, {\n  useState,\n  useEffect,\n  HTMLAttributes,\n  ReactNode,\n  useId,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Label } from \"~components/Label\"\nimport { InlineNotification } from \"~components/Notification\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ToolbarItems, EditorContentArray, EditorRows } from \"../types\"\nimport { useRichTextEditor } from \"../utils/core\"\nimport { createLinkManager } from \"../utils/plugins\"\nimport {\n  ProseMirrorCommands,\n  ProseMirrorHistory,\n  ProseMirrorKeymap,\n  ProseMirrorModel,\n  ProseMirrorState,\n} from \"../utils/prosemirror\"\nimport { createSchemaFromControls } from \"./schema\"\nimport { ToggleIconButton } from \"./subcomponents/ToggleIconButton\"\nimport { Toolbar } from \"./subcomponents/Toolbar\"\nimport { ToolbarSection } from \"./subcomponents/ToolbarSection\"\nimport { buildControlMap } from \"./utils/controlmap\"\nimport { buildInputRules } from \"./utils/inputrules\"\nimport { buildKeymap } from \"./utils/keymap\"\nimport styles from \"./RichTextEditor.module.scss\"\n\ntype BaseRichTextEditorProps = {\n  onChange: (content: ProseMirrorState.EditorState) => void\n  defaultValue: EditorContentArray\n  controls?: ToolbarItems[]\n  /**\n   * Sets a default min-height for the editable area in units of body paragraph line height, similar to the 'rows' attribute on <textarea>.\n   * The editable area will autogrow, so this only affects the component when the content doesn't exceed this height.\n   */\n  rows?: EditorRows\n  dataError?: React.ReactElement\n  onDataError?: () => void\n  status?: \"default\" | \"error\" | \"caution\"\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: React.ReactNode\n  /**\n   * A description that provides context\n   */\n  description?: React.ReactNode\n} & OverrideClassName<\n  Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\">\n>\n\ntype WithLabelText = {\n  labelText: ReactNode\n  \"aria-labelledby\"?: never\n}\n\ntype WithLabelledBy = {\n  labelText?: never\n  \"aria-labelledby\": string\n}\n\nexport type RichTextEditorProps = BaseRichTextEditorProps &\n  (WithLabelText | WithLabelledBy)\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}\n */\nexport const RichTextEditor = ({\n  onChange,\n  defaultValue,\n  labelText,\n  \"aria-labelledby\": labelledBy,\n  \"aria-describedby\": describedBy,\n  classNameOverride,\n  controls,\n  rows = 3,\n  dataError,\n  onDataError,\n  validationMessage,\n  description,\n  status = \"default\",\n  ...restProps\n}: RichTextEditorProps): JSX.Element => {\n  const reactId = useId()\n  const [schema] = useState<ProseMirrorModel.Schema>(\n    createSchemaFromControls(controls)\n  )\n  const [labelId] = useState<string>(labelledBy || reactId)\n  const [editorId] = useState<string>(reactId)\n  const validationMessageAria = validationMessage\n    ? `${editorId}-rte-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${editorId}-rte-description` : \"\"\n\n  const ariaDescribedBy = classnames(\n    validationMessageAria,\n    descriptionAria,\n    describedBy\n  )\n\n  const useRichTextEditorResult = (():\n    | ReturnType<typeof useRichTextEditor>\n    | Error => {\n    try {\n      return useRichTextEditor(\n        ProseMirrorState.EditorState.create({\n          doc: ProseMirrorModel.Node.fromJSON(schema, {\n            type: \"doc\",\n            // we're converting empty arrays to the ProseMirror default \"empty\" state because when\n            // given an empty array ProseMirror returns undefined, breaking the type\n            content:\n              defaultValue?.length > 0 ? defaultValue : [{ type: \"paragraph\" }],\n          }),\n          schema,\n          plugins: getPlugins(controls, schema),\n        }),\n        {\n          \"aria-labelledby\": labelId,\n          role: \"textbox\",\n          \"aria-describedby\": ariaDescribedBy,\n        }\n      )\n    } catch {\n      return new Error(\"Bad data error\")\n    }\n  })()\n\n  if (useRichTextEditorResult instanceof Error) {\n    onDataError && onDataError()\n    return (\n      <InlineNotification\n        headingProps={{\n          children: \"Error\",\n          variant: \"heading-6\",\n        }}\n        type=\"negative\"\n        persistent\n      >\n        {dataError || \"Something went wrong\"}\n      </InlineNotification>\n    )\n  }\n\n  const [editorRef, editorState, dispatchTransaction] = useRichTextEditorResult\n\n  const controlMap = buildControlMap(schema, editorState, controls)\n\n  useEffect(() => {\n    onChange(editorState)\n    // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue\n  }, [editorState])\n\n  return (\n    <>\n      {!labelledBy && labelText && <Label id={labelId} labelText={labelText} />}\n      {/* TODO: add a bit of margin here once we have a classNameOverride on Label */}\n      <div className={classnames(styles.editorWrapper, styles[status])}>\n        {controls && (\n          <Toolbar\n            aria-controls={editorId}\n            aria-label=\"Text formatting\"\n            classNameOverride={styles.toolbar}\n          >\n            {controlMap.map((section, index) => (\n              <ToolbarSection key={index}>\n                {section.map((controlConfig, controlKeyIndex) => (\n                  <ToggleIconButton\n                    key={controlKeyIndex}\n                    icon={controlConfig.icon}\n                    disabled={controlConfig.disabled}\n                    label={controlConfig.label}\n                    isActive={controlConfig.isActive}\n                    onClick={(): void =>\n                      dispatchTransaction(controlConfig.action)\n                    }\n                  />\n                ))}\n              </ToolbarSection>\n            ))}\n          </Toolbar>\n        )}\n        <div\n          id={editorId}\n          ref={editorRef}\n          className={classnames(\n            styles.editor,\n            styles[`rows${rows}`],\n            classNameOverride,\n            controls != null && controls.length > 0 && styles.hasToolbar\n          )}\n          {...restProps}\n        />\n      </div>\n\n      {validationMessage && (\n        <FieldMessage\n          id={validationMessageAria}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n\n      {description && (\n        <FieldMessage id={descriptionAria} message={description} />\n      )}\n    </>\n  )\n}\n\nRichTextEditor.displayName = \"RichTextEditor\"\n\nfunction getPlugins(\n  controls: ToolbarItems[] | undefined,\n  schema: ProseMirrorModel.Schema\n): Array<\n  | ProseMirrorState.Plugin<unknown>\n  | ProseMirrorState.Plugin<{\n      transform: ProseMirrorState.Transaction\n      from: number\n      to: number\n      text: string\n    } | null>\n> {\n  const allControlNames: string[] = controls\n    ? controls.reduce((acc: string[], c: ToolbarItems) => [...acc, c.name], [])\n    : []\n  const plugins = [\n    ProseMirrorHistory.history(),\n    ProseMirrorKeymap.keymap(buildKeymap(schema)),\n    ProseMirrorKeymap.keymap(ProseMirrorCommands.baseKeymap),\n    buildInputRules(schema),\n  ]\n\n  if (allControlNames.includes(\"link\")) {\n    plugins.push(\n      createLinkManager({\n        markType: schema.marks.link,\n      })\n    )\n  }\n\n  return plugins\n}\n"],"names":["RichTextEditor","_a","onChange","defaultValue","labelText","labelledBy","describedBy","classNameOverride","controls","_b","rows","dataError","onDataError","validationMessage","description","_c","status","restProps","__rest","reactId","useId","schema","useState","createSchemaFromControls","labelId","editorId","validationMessageAria","concat","descriptionAria","ariaDescribedBy","classnames","useRichTextEditorResult","useRichTextEditor","ProseMirrorState","EditorState","create","doc","ProseMirrorModel","Node","fromJSON","type","content","length","plugins","getPlugins","role","Error","React","createElement","InlineNotification","headingProps","children","variant","persistent","editorRef","editorState","dispatchTransaction","controlMap","buildControlMap","useEffect","Fragment","Label","id","className","styles","editorWrapper","Toolbar","toolbar","map","section","index","ToolbarSection","key","controlConfig","controlKeyIndex","ToggleIconButton","icon","disabled","label","isActive","onClick","action","__assign","ref","editor","hasToolbar","FieldMessage","message","displayName","allControlNames","reduce","acc","c","name","ProseMirrorHistory","history","ProseMirrorKeymap","keymap","buildKeymap","ProseMirrorCommands","baseKeymap","buildInputRules","includes","push","createLinkManager","markType","marks","link"],"mappings":"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"}

package/dist/cjs/RichTextEditor/RichTextEditor/utils/controlmap.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"controlmap.cjs","sources":["../../../../../src/RichTextEditor/RichTextEditor/utils/controlmap.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  AddLinkIcon,\n  BoldIcon,\n  BullettedListIcon,\n  DecreaseIndentIcon,\n  IncreaseIndentIcon,\n  ItalicsIcon,\n  NumberedListIcon,\n  UnderlineIcon,\n} from \"~components/Icon\"\nimport { ToolbarItems, ToolbarControlTypes } from \"../../types\"\nimport { listIsActive, markIsActive } from \"../../utils/commands\"\nimport {\n  ProseMirrorCommands,\n  ProseMirrorModel,\n  ProseMirrorSchemaList,\n  ProseMirrorState,\n} from \"../../utils/prosemirror\"\n\n/** Configuration for individual controls */\ntype ToolbarControl = {\n  icon: JSX.Element\n  label: string\n  isActive: boolean\n  disabled?: boolean\n  action: ProseMirrorState.Command\n}\n\n/** Toolbar controls mapped to a group */\ntype GroupedToolbarControls = {\n  [group: string]: ToolbarControl[]\n}\n\n/** An index for each control's group */\ntype ControlGroupTypes = {\n  [key in ToolbarControlTypes]?: string\n}\n\n/** Chains multiple commands to dispatch each transitions in sequential order */\nconst chainTransactions =\n  (...commands: ProseMirrorState.Command[]): ProseMirrorState.Command =>\n  (state, dispatch): boolean => {\n    const updateStateAndDispatch = (tr: ProseMirrorState.Transaction): void => {\n      state = state.apply(tr)\n      dispatch && dispatch(tr)\n    }\n    const lastCommand = commands.pop()\n\n    for (const command of commands) {\n      command(state, updateStateAndDispatch)\n    }\n\n    return lastCommand !== undefined && lastCommand(state, dispatch)\n  }\n\n/** Dispatches a transaction to create initial p tag required for pm commands */\nconst createInitialParagraph = (\n  state: ProseMirrorState.EditorState,\n  dispatch?: (tr: ProseMirrorState.Transaction) => void\n): boolean => {\n  if (dispatch) {\n    const { tr, schema } = state\n\n    dispatch(tr.replaceSelectionWith(schema.nodes.paragraph.create()))\n    return true\n  }\n  return false\n}\n\n/** Create command for toggling Marks */\nconst createToggleMarkCommand =\n  (mark: ProseMirrorModel.MarkType): ProseMirrorState.Command =>\n  (state, dispatch) => {\n    const docIsEmpty = state.doc.content.size === 0\n\n    if (docIsEmpty) {\n      return chainTransactions(\n        createInitialParagraph,\n        ProseMirrorCommands.toggleMark(mark)\n      )(state, dispatch)\n    }\n    return ProseMirrorCommands.toggleMark(mark)(state, dispatch)\n  }\n\n/** Create command for toggling Lists */\nconst createToggleListCommand =\n  (node: ProseMirrorModel.NodeType): ProseMirrorState.Command =>\n  (state, dispatch) => {\n    const docIsEmpty = state.doc.content.size === 0\n\n    if (docIsEmpty) {\n      return chainTransactions(\n        createInitialParagraph,\n        ProseMirrorSchemaList.wrapInList(node)\n      )(state, dispatch)\n    }\n    return ProseMirrorSchemaList.wrapInList(node)(state, dispatch)\n  }\n\n/** Create command for reducing indents in a List */\nconst createLiftListCommand =\n  (): ProseMirrorState.Command => (state, dispatch) => {\n    const { $from } = state.selection\n    // calculate the parent node from the current tag selected\n    const listItemNode = $from.node($from.depth - 1)?.type\n    return ProseMirrorSchemaList.liftListItem(listItemNode)(state, dispatch)\n  }\n\n/** Create command for indenting in a List */\nconst createIndentListCommand =\n  (): ProseMirrorState.Command => (state, dispatch) => {\n    const { $from } = state.selection\n    const listItemNode = $from.node($from.depth - 1)?.type\n\n    return ProseMirrorSchemaList.sinkListItem(listItemNode)(state, dispatch)\n  }\n\n/** handler lift list disabled state */\nconst liftListIsDisabled = (state: ProseMirrorState.EditorState): boolean => {\n  const { $from } = state.selection\n  const listItemNode = $from.node($from.depth - 1)?.type\n  const isValidListItem = listItemNode?.name === \"listItem\" || false\n\n  return !isValidListItem\n}\n\n/** handler indent list disabled state */\nconst indentListIsDisabled = (state: ProseMirrorState.EditorState): boolean => {\n  const { $from, $to } = state.selection\n  const listItemNode = $from.node($from.depth - 1)?.type\n  const isValidListItem = listItemNode?.name === \"listItem\" || false\n\n  if (!isValidListItem) {\n    return true\n  }\n\n  const range = $from.blockRange(\n    $to,\n    node => node.childCount > 0 && node.firstChild!.type === listItemNode\n  )\n\n  return !range || range.startIndex === 0 ? true : false\n}\n\n/** Creates an object used as an index to map the controls to respective groups */\nconst createControlGroupIndex = (controls: ToolbarItems[]): ControlGroupTypes =>\n  controls.reduce((groups, currentControl) => {\n    if (!currentControl?.name) return groups\n    return {\n      ...groups,\n      [currentControl.name]: currentControl.group || \"ungrouped\",\n    }\n  }, {})\n\n/** Creates an initial object used to map button configuration into its respective groups */\nconst createInitialControls = (\n  controlGroupIndex: ControlGroupTypes\n): GroupedToolbarControls => {\n  const uniqueGroups: string[] = Array.from(\n    new Set(Object.values(controlGroupIndex))\n  )\n\n  const initialControlObject: Record<string, ToolbarControl[]> =\n    uniqueGroups.reduce((controlObject, controlKey) => {\n      if (controlKey === \"ungrouped\") return controlObject\n      return {\n        ...controlObject,\n        [controlKey]: [],\n      }\n    }, {})\n  // This ensure that ungrouped controls are always last\n  initialControlObject[\"ungrouped\"] = []\n  return initialControlObject\n}\n\n/** Retrieves the name of the group a control belongs to */\nconst getGroupIndex = (\n  controlGroupIndex: ControlGroupTypes,\n  controlType?: ToolbarControlTypes\n): string => {\n  if (controlType) {\n    return controlGroupIndex[controlType] ?? \"ungrouped\"\n  }\n  return \"ungrouped\"\n}\n\n/** Filters out empty control groups and returns a multi dimensional array  */\nconst filterToolbarControls = (\n  groupedControls: GroupedToolbarControls\n): ToolbarControl[][] =>\n  Object.values(groupedControls).filter(controls => controls.length > 0)\n\n/** Builds an array of object used to map control configuration to rte toolbar buttons */\nexport const buildControlMap = (\n  schema: ProseMirrorModel.Schema,\n  editorState: ProseMirrorState.EditorState,\n  controls?: ToolbarItems[]\n): ToolbarControl[][] => {\n  if (!controls) return []\n  const controlGroupIndex: ControlGroupTypes = createControlGroupIndex(controls)\n  const toolbarControls: GroupedToolbarControls =\n    createInitialControls(controlGroupIndex)\n  const listNodes = [schema.nodes.bulletList, schema.nodes.orderedList]\n\n  if (schema.marks.strong) {\n    const type = schema.marks.strong\n    const groupIndex = getGroupIndex(controlGroupIndex, \"bold\")\n    toolbarControls[groupIndex].push({\n      isActive: markIsActive(editorState, type),\n      action: createToggleMarkCommand(type),\n      label: \"Bold\",\n      icon: <BoldIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.marks.em) {\n    const type = schema.marks.em\n    const groupIndex = getGroupIndex(controlGroupIndex, \"italic\")\n    toolbarControls[groupIndex].push({\n      isActive: markIsActive(editorState, type),\n      action: createToggleMarkCommand(type),\n      label: \"Italic\",\n      icon: <ItalicsIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.marks.underline) {\n    const type = schema.marks.underline\n    const groupIndex = getGroupIndex(controlGroupIndex, \"underline\")\n    toolbarControls[groupIndex].push({\n      isActive: markIsActive(editorState, type),\n      action: createToggleMarkCommand(type),\n      label: \"Underline\",\n      icon: <UnderlineIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.nodes.bulletList) {\n    const type = schema.nodes.bulletList\n    const groupIndex = getGroupIndex(controlGroupIndex, \"bulletList\")\n    toolbarControls[groupIndex].push({\n      action: createToggleListCommand(type),\n      isActive: listIsActive(editorState, type, listNodes),\n      label: \"Bullet List\",\n      icon: <BullettedListIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.nodes.orderedList) {\n    const type = schema.nodes.orderedList\n    const groupIndex = getGroupIndex(controlGroupIndex, \"orderedList\")\n    toolbarControls[groupIndex].push({\n      action: createToggleListCommand(type),\n      isActive: listIsActive(editorState, type, listNodes),\n      label: \"Numbered List\",\n      icon: <NumberedListIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.nodes.orderedList || schema.nodes.bulletList) {\n    const groupIndex =\n      controlGroupIndex[\"orderedList\"] ||\n      controlGroupIndex[\"bulletList\"] ||\n      \"ungrouped\"\n\n    toolbarControls[groupIndex].push(\n      {\n        action: createLiftListCommand(),\n        disabled: liftListIsDisabled(editorState),\n        isActive: false,\n        label: \"Decrease indent\",\n        icon: <DecreaseIndentIcon role=\"presentation\" />,\n      },\n      {\n        action: createIndentListCommand(),\n        disabled: indentListIsDisabled(editorState),\n        isActive: false,\n        label: \"Increase indent\",\n        icon: <IncreaseIndentIcon role=\"presentation\" />,\n      }\n    )\n  }\n\n  if (schema.marks.link) {\n    const type = schema.marks.link\n    const groupIndex = getGroupIndex(controlGroupIndex, \"link\")\n    toolbarControls[groupIndex].push({\n      action: createToggleMarkCommand(type),\n      disabled: editorState.selection.empty,\n      isActive: false,\n      label: \"Link\",\n      icon: <AddLinkIcon role=\"presentation\" />,\n    })\n  }\n\n  return filterToolbarControls(toolbarControls)\n}\n"],"names":["chainTransactions","commands","_i","arguments","length","state","dispatch","updateStateAndDispatch","tr","apply","lastCommand","pop","commands_1","command","undefined","createInitialParagraph","schema","replaceSelectionWith","nodes","paragraph","create","createToggleMarkCommand","mark","docIsEmpty","doc","content","size","ProseMirrorCommands","toggleMark","createToggleListCommand","node","ProseMirrorSchemaList","wrapInList","createLiftListCommand","$from","selection","listItemNode","_a","depth","type","liftListItem","createIndentListCommand","sinkListItem","liftListIsDisabled","isValidListItem","name","indentListIsDisabled","_b","$to","range","blockRange","childCount","firstChild","startIndex","createControlGroupIndex","controls","reduce","groups","currentControl","__assign","group","createInitialControls","controlGroupIndex","uniqueGroups","Array","from","Set","Object","values","initialControlObject","controlObject","controlKey","getGroupIndex","controlType","filterToolbarControls","groupedControls","filter","buildControlMap","editorState","toolbarControls","listNodes","bulletList","orderedList","marks","strong","groupIndex","push","isActive","markIsActive","action","label","icon","React","createElement","BoldIcon","role","em","ItalicsIcon","underline","UnderlineIcon","listIsActive","BullettedListIcon","NumberedListIcon","disabled","DecreaseIndentIcon","IncreaseIndentIcon","link","empty","AddLinkIcon"],"mappings":"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"}
+{"version":3,"file":"controlmap.cjs","sources":["../../../../../src/RichTextEditor/RichTextEditor/utils/controlmap.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  AddLinkIcon,\n  BoldIcon,\n  BullettedListIcon,\n  DecreaseIndentIcon,\n  IncreaseIndentIcon,\n  ItalicsIcon,\n  NumberedListIcon,\n  UnderlineIcon,\n} from \"~components/Icon\"\nimport { ToolbarItems, ToolbarControlTypes } from \"../../types\"\nimport { listIsActive, markIsActive } from \"../../utils/commands\"\nimport {\n  ProseMirrorCommands,\n  ProseMirrorModel,\n  ProseMirrorSchemaList,\n  ProseMirrorState,\n} from \"../../utils/prosemirror\"\n\n/** Configuration for individual controls */\ntype ToolbarControl = {\n  icon: JSX.Element\n  label: string\n  isActive: boolean\n  disabled?: boolean\n  action: ProseMirrorState.Command\n}\n\n/** Toolbar controls mapped to a group */\ntype GroupedToolbarControls = {\n  [group: string]: ToolbarControl[]\n}\n\n/** An index for each control's group */\ntype ControlGroupTypes = {\n  [key in ToolbarControlTypes]?: string\n}\n\n/** Chains multiple commands to dispatch each transitions in sequential order */\nconst chainTransactions =\n  (...commands: ProseMirrorState.Command[]): ProseMirrorState.Command =>\n  (state, dispatch): boolean => {\n    const updateStateAndDispatch = (tr: ProseMirrorState.Transaction): void => {\n      state = state.apply(tr)\n      dispatch && dispatch(tr)\n    }\n    const lastCommand = commands.pop()\n\n    for (const command of commands) {\n      command(state, updateStateAndDispatch)\n    }\n\n    return lastCommand !== undefined && lastCommand(state, dispatch)\n  }\n\n/** Dispatches a transaction to create initial p tag required for pm commands */\nconst createInitialParagraph = (\n  state: ProseMirrorState.EditorState,\n  dispatch?: (tr: ProseMirrorState.Transaction) => void\n): boolean => {\n  if (dispatch) {\n    const { tr, schema } = state\n\n    dispatch(tr.replaceSelectionWith(schema.nodes.paragraph.create()))\n    return true\n  }\n  return false\n}\n\n/** Create command for toggling Marks */\nconst createToggleMarkCommand =\n  (mark: ProseMirrorModel.MarkType): ProseMirrorState.Command =>\n  (state, dispatch) => {\n    const docIsEmpty = state.doc.content.size === 0\n\n    if (docIsEmpty) {\n      return chainTransactions(\n        createInitialParagraph,\n        ProseMirrorCommands.toggleMark(mark)\n      )(state, dispatch)\n    }\n    return ProseMirrorCommands.toggleMark(mark)(state, dispatch)\n  }\n\n/** Create command for toggling Lists */\nconst createToggleListCommand =\n  (node: ProseMirrorModel.NodeType): ProseMirrorState.Command =>\n  (state, dispatch) => {\n    const docIsEmpty = state.doc.content.size === 0\n\n    if (docIsEmpty) {\n      return chainTransactions(\n        createInitialParagraph,\n        ProseMirrorSchemaList.wrapInList(node)\n      )(state, dispatch)\n    }\n    return ProseMirrorSchemaList.wrapInList(node)(state, dispatch)\n  }\n\n/** Create command for reducing indents in a List */\nconst createLiftListCommand =\n  (): ProseMirrorState.Command => (state, dispatch) => {\n    const { $from } = state.selection\n    // calculate the parent node from the current tag selected\n    const listItemNode = $from.node($from.depth - 1)?.type\n    return ProseMirrorSchemaList.liftListItem(listItemNode)(state, dispatch)\n  }\n\n/** Create command for indenting in a List */\nconst createIndentListCommand =\n  (): ProseMirrorState.Command => (state, dispatch) => {\n    const { $from } = state.selection\n    const listItemNode = $from.node($from.depth - 1)?.type\n\n    return ProseMirrorSchemaList.sinkListItem(listItemNode)(state, dispatch)\n  }\n\n/** handler lift list disabled state */\nconst liftListIsDisabled = (state: ProseMirrorState.EditorState): boolean => {\n  const { $from } = state.selection\n  const listItemNode = $from.node($from.depth - 1)?.type\n  const isValidListItem = listItemNode?.name === \"listItem\" || false\n\n  return !isValidListItem\n}\n\n/** handler indent list disabled state */\nconst indentListIsDisabled = (state: ProseMirrorState.EditorState): boolean => {\n  const { $from, $to } = state.selection\n  const listItemNode = $from.node($from.depth - 1)?.type\n  const isValidListItem = listItemNode?.name === \"listItem\" || false\n\n  if (!isValidListItem) {\n    return true\n  }\n\n  const range = $from.blockRange(\n    $to,\n    node => node.childCount > 0 && node.firstChild!.type === listItemNode\n  )\n\n  return !range || range.startIndex === 0 ? true : false\n}\n\n/** Creates an object used as an index to map the controls to respective groups */\nconst createControlGroupIndex = (controls: ToolbarItems[]): ControlGroupTypes =>\n  controls.reduce((groups, currentControl) => {\n    if (!currentControl?.name) return groups\n    return {\n      ...groups,\n      [currentControl.name]: currentControl.group || \"ungrouped\",\n    }\n  }, {})\n\n/** Creates an initial object used to map button configuration into its respective groups */\nconst createInitialControls = (\n  controlGroupIndex: ControlGroupTypes\n): GroupedToolbarControls => {\n  const uniqueGroups: string[] = Array.from(\n    new Set(Object.values(controlGroupIndex))\n  )\n\n  const initialControlObject: Record<string, ToolbarControl[]> =\n    uniqueGroups.reduce((controlObject, controlKey) => {\n      if (controlKey === \"ungrouped\") return controlObject\n      return {\n        ...controlObject,\n        [controlKey]: [],\n      }\n    }, {})\n  // This ensure that ungrouped controls are always last\n  initialControlObject[\"ungrouped\"] = []\n  return initialControlObject\n}\n\n/** Retrieves the name of the group a control belongs to */\nconst getGroupIndex = (\n  controlGroupIndex: ControlGroupTypes,\n  controlType?: ToolbarControlTypes\n): string => {\n  if (controlType) {\n    return controlGroupIndex[controlType] ?? \"ungrouped\"\n  }\n  return \"ungrouped\"\n}\n\n/** Filters out empty control groups and returns a multi dimensional array  */\nconst filterToolbarControls = (\n  groupedControls: GroupedToolbarControls\n): ToolbarControl[][] =>\n  Object.values(groupedControls).filter(controls => controls.length > 0)\n\n/** Builds an array of object used to map control configuration to rte toolbar buttons */\nexport const buildControlMap = (\n  schema: ProseMirrorModel.Schema,\n  editorState: ProseMirrorState.EditorState,\n  controls?: ToolbarItems[]\n): ToolbarControl[][] => {\n  if (!controls) return []\n  const controlGroupIndex: ControlGroupTypes = createControlGroupIndex(controls)\n  const toolbarControls: GroupedToolbarControls =\n    createInitialControls(controlGroupIndex)\n  const listNodes = [schema.nodes.bulletList, schema.nodes.orderedList]\n\n  if (schema.marks.strong) {\n    const type = schema.marks.strong\n    const groupIndex = getGroupIndex(controlGroupIndex, \"bold\")\n    toolbarControls[groupIndex].push({\n      isActive: markIsActive(editorState, type),\n      action: createToggleMarkCommand(type),\n      label: \"Bold\",\n      icon: <BoldIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.marks.em) {\n    const type = schema.marks.em\n    const groupIndex = getGroupIndex(controlGroupIndex, \"italic\")\n    toolbarControls[groupIndex].push({\n      isActive: markIsActive(editorState, type),\n      action: createToggleMarkCommand(type),\n      label: \"Italic\",\n      icon: <ItalicsIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.marks.underline) {\n    const type = schema.marks.underline\n    const groupIndex = getGroupIndex(controlGroupIndex, \"underline\")\n    toolbarControls[groupIndex].push({\n      isActive: markIsActive(editorState, type),\n      action: createToggleMarkCommand(type),\n      label: \"Underline\",\n      icon: <UnderlineIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.nodes.bulletList) {\n    const type = schema.nodes.bulletList\n    const groupIndex = getGroupIndex(controlGroupIndex, \"bulletList\")\n    toolbarControls[groupIndex].push({\n      action: createToggleListCommand(type),\n      isActive: listIsActive(editorState, type, listNodes),\n      label: \"Bullet List\",\n      icon: <BullettedListIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.nodes.orderedList) {\n    const type = schema.nodes.orderedList\n    const groupIndex = getGroupIndex(controlGroupIndex, \"orderedList\")\n    toolbarControls[groupIndex].push({\n      action: createToggleListCommand(type),\n      isActive: listIsActive(editorState, type, listNodes),\n      label: \"Numbered List\",\n      icon: <NumberedListIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.nodes.orderedList || schema.nodes.bulletList) {\n    const groupIndex =\n      controlGroupIndex[\"orderedList\"] ||\n      controlGroupIndex[\"bulletList\"] ||\n      \"ungrouped\"\n\n    toolbarControls[groupIndex].push(\n      {\n        action: createLiftListCommand(),\n        disabled: liftListIsDisabled(editorState),\n        isActive: false,\n        label: \"Decrease indent\",\n        icon: <DecreaseIndentIcon role=\"presentation\" />,\n      },\n      {\n        action: createIndentListCommand(),\n        disabled: indentListIsDisabled(editorState),\n        isActive: false,\n        label: \"Increase indent\",\n        icon: <IncreaseIndentIcon role=\"presentation\" />,\n      }\n    )\n  }\n\n  if (schema.marks.link) {\n    const type = schema.marks.link\n    const groupIndex = getGroupIndex(controlGroupIndex, \"link\")\n    toolbarControls[groupIndex].push({\n      action: createToggleMarkCommand(type),\n      disabled: editorState.selection.empty,\n      isActive: false,\n      label: \"Link\",\n      icon: <AddLinkIcon role=\"presentation\" />,\n    })\n  }\n\n  return filterToolbarControls(toolbarControls)\n}\n"],"names":["chainTransactions","commands","_i","arguments","length","state","dispatch","updateStateAndDispatch","tr","apply","lastCommand","pop","commands_1","command","undefined","createInitialParagraph","schema","replaceSelectionWith","nodes","paragraph","create","createToggleMarkCommand","mark","docIsEmpty","doc","content","size","ProseMirrorCommands","toggleMark","createToggleListCommand","node","ProseMirrorSchemaList","wrapInList","createLiftListCommand","$from","selection","listItemNode","_a","depth","type","liftListItem","createIndentListCommand","sinkListItem","liftListIsDisabled","isValidListItem","name","indentListIsDisabled","_b","$to","range","blockRange","childCount","firstChild","startIndex","createControlGroupIndex","controls","reduce","groups","currentControl","__assign","group","createInitialControls","controlGroupIndex","uniqueGroups","Array","from","Set","Object","values","initialControlObject","controlObject","controlKey","getGroupIndex","controlType","filterToolbarControls","groupedControls","filter","buildControlMap","editorState","toolbarControls","listNodes","bulletList","orderedList","marks","strong","groupIndex","push","isActive","markIsActive","action","label","icon","React","createElement","BoldIcon","role","em","ItalicsIcon","underline","UnderlineIcon","listIsActive","BullettedListIcon","NumberedListIcon","disabled","DecreaseIndentIcon","IncreaseIndentIcon","link","empty","AddLinkIcon"],"mappings":"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"}

package/dist/cjs/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.cjs

@@ -9,9 +9,16 @@ const Positioner = /*#__PURE__*/function () {
       left = _a.left,
       height = _a.height,
       width = _a.width;
-    var _b = React.useState([window.scrollX, window.scrollY]),
-      windowScroll = _b[0],
-      setWindowScroll = _b[1];
+    var _b = React.useState(),
+      portalContainer = _b[0],
+      setPortalContainer = _b[1];
+    var _c = React.useState(),
+      windowScroll = _c[0],
+      setWindowScroll = _c[1];
+    React.useEffect(function () {
+      setWindowScroll([window.scrollX, window.scrollY]);
+      setPortalContainer(document.body);
+    }, []);
     var onResize = React.useRef(debounce(function () {
       return setWindowScroll([window.scrollX, window.scrollY]);
     }, 15));
@@ -22,6 +29,7 @@ const Positioner = /*#__PURE__*/function () {
         window.removeEventListener("resize", resizeCurrent);
       };
     }, [setWindowScroll, onResize]);
+    if (windowScroll === undefined || portalContainer === undefined) return null;
     var x = windowScroll[0],
       y = windowScroll[1];
     return ReactDOM.createPortal(React.createElement("div", {
@@ -34,7 +42,7 @@ const Positioner = /*#__PURE__*/function () {
         top: "".concat(top + y, "px"),
         width: "".concat(width, "px")
       }
-    }), document.body);
+    }), portalContainer);
   });
   Positioner.displayName = "Positioner";
   return Positioner;

package/dist/cjs/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Positioner.cjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport debounce from \"lodash.debounce\"\nimport { SelectionPosition } from \"../../types\"\n\nexport const Positioner = forwardRef(\n  (\n    { top, left, height, width }: SelectionPosition,\n    ref: React.Ref<HTMLElement>\n  ) => {\n    const [windowScroll, setWindowScroll] = useState<[number, number]>([\n      window.scrollX,\n      window.scrollY,\n    ])\n\n    const onResize = useRef(\n      debounce(() => setWindowScroll([window.scrollX, window.scrollY]), 15)\n    )\n\n    useEffect(() => {\n      const resizeCurrent = onResize.current\n      window.addEventListener(\"resize\", resizeCurrent)\n      return () => {\n        window.removeEventListener(\"resize\", resizeCurrent)\n      }\n    }, [setWindowScroll, onResize])\n\n    const [x, y] = windowScroll\n\n    return createPortal(\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        style={{\n          height: `${height}px`,\n          left: `${left + x}px`,\n          pointerEvents: \"none\",\n          position: \"absolute\",\n          top: `${top + y}px`,\n          width: `${width}px`,\n        }}\n      />,\n      document.body\n    )\n  }\n)\n\nPositioner.displayName = \"Positioner\"\n"],"names":["Positioner","forwardRef","_a","ref","top","left","height","width","_b","useState","window","scrollX","scrollY","windowScroll","setWindowScroll","onResize","useRef","debounce","useEffect","resizeCurrent","current","addEventListener","removeEventListener","x","y","createPortal","React","createElement","style","concat","pointerEvents","position","document","body","displayName"],"mappings":";;;;;MAKaA,UAAU;EAAA,MAAVA,UAAU,GAAGC,KAAU,CAAAA,UAAA,CAClC,UACEC,EAA+C,EAC/CC,GAA2B,EAAA;QADzBC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MAAEC,IAAI,GAAAH,EAAA,CAAAG,IAAA;MAAEC,MAAM,GAAAJ,EAAA,CAAAI,MAAA;MAAEC,KAAK,GAAAL,EAAA,CAAAK,KAAA;IAGpB,IAAAC,EAAA,GAAkCC,KAAAA,CAAAA,QAAQ,CAAmB,CACjEC,MAAM,CAACC,OAAO,EACdD,MAAM,CAACE,OAAO,CACf,CAAC;MAHKC,YAAY,GAAAL,EAAA,CAAA,CAAA,CAAA;MAAEM,eAAe,QAGlC;IAEF,IAAMC,QAAQ,GAAGC,KAAAA,CAAAA,MAAM,CACrBC,QAAQ,CAAC,YAAA;MAAM,OAAAH,eAAe,CAAC,CAACJ,MAAM,CAACC,OAAO,EAAED,MAAM,CAACE,OAAO,CAAC,CAAC;IAAjD,CAAiD,EAAE,EAAE,CAAC,CACtE;IAEDM,KAAAA,CAAAA,SAAS,CAAC,YAAA;MACR,IAAMC,aAAa,GAAGJ,QAAQ,CAACK,OAAO;MACtCV,MAAM,CAACW,gBAAgB,CAAC,QAAQ,EAAEF,aAAa,CAAC;MAChD,OAAO,YAAA;QACLT,MAAM,CAACY,mBAAmB,CAAC,QAAQ,EAAEH,aAAa,CAAC;MACrD,CAAC;IACH,CAAC,EAAE,CAACL,eAAe,EAAEC,QAAQ,CAAC,CAAC;IAExB,IAAAQ,CAAC,GAAOV,YAAY,CAAA,CAAA,CAAnB;MAAEW,CAAC,GAAIX,YAAY,CAAA,CAAA,CAAhB;IAEX,OAAOY,QAAAA,CAAAA,YAAY,CACjBC,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAxB,GAAG,EAAEA,GAAgC;MACrCyB,KAAK,EAAE;QACLtB,MAAM,EAAE,EAAG,CAAAuB,MAAA,CAAAvB,MAAM,EAAI,IAAA,CAAA;QACrBD,IAAI,EAAE,EAAA,CAAAwB,MAAA,CAAGxB,IAAI,GAAGkB,CAAC,EAAI,IAAA,CAAA;QACrBO,aAAa,EAAE,MAAM;QACrBC,QAAQ,EAAE,UAAU;QACpB3B,GAAG,EAAE,EAAA,CAAAyB,MAAA,CAAGzB,GAAG,GAAGoB,CAAC,EAAI,IAAA,CAAA;QACnBjB,KAAK,EAAE,EAAG,CAAAsB,MAAA,CAAAtB,KAAK,EAAI,IAAA;MACpB;KAAA,CACD,EACFyB,QAAQ,CAACC,IAAI,CACd;EACH,CAAC,CACF;EAEDjC,UAAU,CAACkC,WAAW,GAAG,YAAY;EAAA,OAzCxBlC,UAAU;AAAA;"}
+{"version":3,"file":"Positioner.cjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport debounce from \"lodash.debounce\"\nimport { SelectionPosition } from \"../../types\"\n\nexport const Positioner = forwardRef<HTMLElement, SelectionPosition>(\n  ({ top, left, height, width }, ref) => {\n    const [portalContainer, setPortalContainer] = useState<HTMLElement>()\n    const [windowScroll, setWindowScroll] = useState<[number, number]>()\n\n    useEffect(() => {\n      setWindowScroll([window.scrollX, window.scrollY])\n      setPortalContainer(document.body)\n    }, [])\n\n    const onResize = useRef(\n      debounce(() => setWindowScroll([window.scrollX, window.scrollY]), 15)\n    )\n\n    useEffect(() => {\n      const resizeCurrent = onResize.current\n      window.addEventListener(\"resize\", resizeCurrent)\n      return () => {\n        window.removeEventListener(\"resize\", resizeCurrent)\n      }\n    }, [setWindowScroll, onResize])\n\n    if (windowScroll === undefined || portalContainer === undefined) return null\n\n    const [x, y] = windowScroll\n\n    return createPortal(\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        style={{\n          height: `${height}px`,\n          left: `${left + x}px`,\n          pointerEvents: \"none\",\n          position: \"absolute\",\n          top: `${top + y}px`,\n          width: `${width}px`,\n        }}\n      />,\n      portalContainer\n    )\n  }\n)\n\nPositioner.displayName = \"Positioner\"\n"],"names":["Positioner","forwardRef","_a","ref","top","left","height","width","_b","useState","portalContainer","setPortalContainer","_c","windowScroll","setWindowScroll","useEffect","window","scrollX","scrollY","document","body","onResize","useRef","debounce","resizeCurrent","current","addEventListener","removeEventListener","undefined","x","y","createPortal","React","createElement","style","concat","pointerEvents","position","displayName"],"mappings":";;;;;MAKaA,UAAU;EAAA,MAAVA,UAAU,GAAGC,KAAU,CAAAA,UAAA,CAClC,UAACC,EAA4B,EAAEC,GAAG,EAAA;QAA/BC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MAAEC,IAAI,GAAAH,EAAA,CAAAG,IAAA;MAAEC,MAAM,GAAAJ,EAAA,CAAAI,MAAA;MAAEC,KAAK,GAAAL,EAAA,CAAAK,KAAA;IACnB,IAAAC,EAAA,GAAwCC,cAAQ,CAAe,CAAA;MAA9DC,eAAe,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,kBAAkB,GAAAH,EAAA,CAAA,CAAA,CAA2B;IAC/D,IAAAI,EAAA,GAAkCH,cAAQ,CAAoB,CAAA;MAA7DI,YAAY,GAAAD,EAAA,CAAA,CAAA,CAAA;MAAEE,eAAe,GAAAF,EAAA,CAAA,CAAA,CAAgC;IAEpEG,KAAAA,CAAAA,SAAS,CAAC,YAAA;MACRD,eAAe,CAAC,CAACE,MAAM,CAACC,OAAO,EAAED,MAAM,CAACE,OAAO,CAAC,CAAC;MACjDP,kBAAkB,CAACQ,QAAQ,CAACC,IAAI,CAAC;IAClC,CAAA,EAAE,EAAE,CAAC;IAEN,IAAMC,QAAQ,GAAGC,KAAAA,CAAAA,MAAM,CACrBC,QAAQ,CAAC,YAAA;MAAM,OAAAT,eAAe,CAAC,CAACE,MAAM,CAACC,OAAO,EAAED,MAAM,CAACE,OAAO,CAAC,CAAC;IAAjD,CAAiD,EAAE,EAAE,CAAC,CACtE;IAEDH,KAAAA,CAAAA,SAAS,CAAC,YAAA;MACR,IAAMS,aAAa,GAAGH,QAAQ,CAACI,OAAO;MACtCT,MAAM,CAACU,gBAAgB,CAAC,QAAQ,EAAEF,aAAa,CAAC;MAChD,OAAO,YAAA;QACLR,MAAM,CAACW,mBAAmB,CAAC,QAAQ,EAAEH,aAAa,CAAC;MACrD,CAAC;IACH,CAAC,EAAE,CAACV,eAAe,EAAEO,QAAQ,CAAC,CAAC;IAE/B,IAAIR,YAAY,KAAKe,SAAS,IAAIlB,eAAe,KAAKkB,SAAS,EAAE,OAAO,IAAI;IAErE,IAAAC,CAAC,GAAOhB,YAAY,CAAA,CAAA,CAAnB;MAAEiB,CAAC,GAAIjB,YAAY,CAAA,CAAA,CAAhB;IAEX,OAAOkB,QAAAA,CAAAA,YAAY,CACjBC,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAA9B,GAAG,EAAEA,GAAgC;MACrC+B,KAAK,EAAE;QACL5B,MAAM,EAAE,EAAG,CAAA6B,MAAA,CAAA7B,MAAM,EAAI,IAAA,CAAA;QACrBD,IAAI,EAAE,EAAA,CAAA8B,MAAA,CAAG9B,IAAI,GAAGwB,CAAC,EAAI,IAAA,CAAA;QACrBO,aAAa,EAAE,MAAM;QACrBC,QAAQ,EAAE,UAAU;QACpBjC,GAAG,EAAE,EAAA,CAAA+B,MAAA,CAAG/B,GAAG,GAAG0B,CAAC,EAAI,IAAA,CAAA;QACnBvB,KAAK,EAAE,EAAG,CAAA4B,MAAA,CAAA5B,KAAK,EAAI,IAAA;;IAErB,CAAA,CAAA,EACFG,eAAe,CAChB;EACH,CAAC,CACF;EAEDV,UAAU,CAACsC,WAAW,GAAG,YAAY;EAAA,OA3CxBtC,UAAU;AAAA;"}

package/dist/cjs/RichTextEditor/utils/schema/marks.cjs

@@ -21,18 +21,18 @@ var getMarks = function () {
     link: {
       attrs: {
         href: {
-          "default": null
+          default: null
         },
         _metadata: {
-          "default": {
+          default: {
             added: true
           }
         },
         target: {
-          "default": "_blank"
+          default: "_blank"
         },
         rel: {
-          "default": "noreferrer"
+          default: "noreferrer"
         }
       },
       inclusive: false,

package/dist/cjs/RichTextEditor/utils/schema/marks.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"marks.cjs","sources":["../../../../../src/RichTextEditor/utils/schema/marks.ts"],"sourcesContent":["import { MarkSpec, Node } from \"prosemirror-model\"\nimport { marks as proseMarks } from \"prosemirror-schema-basic\"\nimport { validateLink } from \"../plugins/LinkManager/validation\"\n\nexport const getMarks = (): MarkSpec => ({\n  ...proseMarks,\n\n  // An underline mark. Rendered as a `<u>` element. Has parse rules that also\n  // matches `font-style: underline`.\n  underline: {\n    parseDOM: [{ tag: \"u\" }, { style: \"font-style=underline\" }],\n    toDOM() {\n      return [\"u\", 0]\n    },\n  },\n\n  // A link. Rendered and parsed as an `<a>` element.\n  link: {\n    attrs: {\n      href: { default: null },\n      _metadata: { default: { added: true } },\n      target: { default: \"_blank\" },\n      rel: { default: \"noreferrer\" },\n    },\n    inclusive: false,\n    parseDOM: [\n      {\n        tag: \"a[href]\",\n        getAttrs(dom: HTMLAnchorElement) {\n          return {\n            href: getAttributeWithDefault(dom, \"href\"),\n            target: getAttributeWithDefault(dom, \"target\"),\n            rel: getAttributeWithDefault(dom, \"rel\"),\n            _metadata: null,\n          }\n        },\n      },\n    ],\n    toDOM(node: Node) {\n      const { href, target, rel } = node.attrs\n      const validationStatus = validateLink(href)\n\n      if (validationStatus.status === \"error\") {\n        return [\"span\", 0]\n      }\n\n      return [\"a\", { href, target, rel }, 0]\n    },\n  },\n})\n\nconst getAttributeWithDefault = (\n  node: HTMLElement,\n  attributeName: string\n): string | null => {\n  const value = node.getAttribute(attributeName)\n  return value && value !== \"\" ? value : null\n}\n"],"names":["getMarks","proseMarks","underline","parseDOM","tag","style","toDOM","link","attrs","href","_metadata","added","target","rel","inclusive","getAttrs","dom","getAttributeWithDefault","node","_a","validationStatus","validateLink","status","attributeName","value","getAttribute"],"mappings":";;;;;AAIa,IAAAA,QAAQ,GAAG,SAAAA,CAAA,EAAgB;EAAA,yCACnCC,sBAAAA,CAAAA,KAAU,CAAA,EAAA;;;IAIbC,SAAS,EAAE;MACTC,QAAQ,EAAE,CAAC;QAAEC,GAAG,EAAE;MAAK,CAAA,EAAE;QAAEC,KAAK,EAAE;OAAwB,CAAC;MAC3DC,KAAK,EAAA,SAAAA,CAAA,EAAA;QACH,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;MAChB;IACF,CAAA;;IAGDC,IAAI,EAAE;MACJC,KAAK,EAAE;QACLC,IAAI,EAAE;UAAE,SAAO,EAAE;QAAM,CAAA;QACvBC,SAAS,EAAE;UAAE,SAAO,EAAE;YAAEC,KAAK,EAAE;UAAI;QAAI,CAAA;QACvCC,MAAM,EAAE;UAAE,SAAO,EAAE;QAAU,CAAA;QAC7BC,GAAG,EAAE;UAAE,SAAO,EAAE;QAAc;MAC/B,CAAA;MACDC,SAAS,EAAE,KAAK;MAChBX,QAAQ,EAAE,CACR;QACEC,GAAG,EAAE,SAAS;QACdW,QAAQ,YAACC,GAAsB,EAAA;UAC7B,OAAO;YACLP,IAAI,EAAEQ,uBAAuB,CAACD,GAAG,EAAE,MAAM,CAAC;YAC1CJ,MAAM,EAAEK,uBAAuB,CAACD,GAAG,EAAE,QAAQ,CAAC;YAC9CH,GAAG,EAAEI,uBAAuB,CAACD,GAAG,EAAE,KAAK,CAAC;YACxCN,SAAS,EAAE;WACZ;QACF;MACF,CAAA,CACF;MACDJ,KAAK,YAACY,IAAU,EAAA;QACR,IAAAC,EAAwB,GAAAD,IAAI,CAACV,KAAK;UAAhCC,IAAI,GAAAU,EAAA,CAAAV,IAAA;UAAEG,MAAM,GAAAO,EAAA,CAAAP,MAAA;UAAEC,GAAG,SAAe;QACxC,IAAMO,gBAAgB,GAAGC,uBAAY,CAACZ,IAAI,CAAC;QAE3C,IAAIW,gBAAgB,CAACE,MAAM,KAAK,OAAO,EAAE;UACvC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;QACnB;QAED,OAAO,CAAC,GAAG,EAAE;UAAEb,IAAI,MAAA;UAAEG,MAAM,EAAAA,MAAA;UAAEC,GAAG,EAAAA;SAAE,EAAE,CAAC,CAAC;MACvC;IACF;EAAA,CACD,CAAA;AAAA,CAAA;AAEF,IAAMI,uBAAuB,GAAG,SAAAA,CAC9BC,IAAiB,EACjBK,aAAqB,EAAA;EAErB,IAAMC,KAAK,GAAGN,IAAI,CAACO,YAAY,CAACF,aAAa,CAAC;EAC9C,OAAOC,KAAK,IAAIA,KAAK,KAAK,EAAE,GAAGA,KAAK,GAAG,IAAI;AAC7C,CAAC;"}
+{"version":3,"file":"marks.cjs","sources":["../../../../../src/RichTextEditor/utils/schema/marks.ts"],"sourcesContent":["import { MarkSpec, Node } from \"prosemirror-model\"\nimport { marks as proseMarks } from \"prosemirror-schema-basic\"\nimport { validateLink } from \"../plugins/LinkManager/validation\"\n\nexport const getMarks = (): MarkSpec => ({\n  ...proseMarks,\n\n  // An underline mark. Rendered as a `<u>` element. Has parse rules that also\n  // matches `font-style: underline`.\n  underline: {\n    parseDOM: [{ tag: \"u\" }, { style: \"font-style=underline\" }],\n    toDOM() {\n      return [\"u\", 0]\n    },\n  },\n\n  // A link. Rendered and parsed as an `<a>` element.\n  link: {\n    attrs: {\n      href: { default: null },\n      _metadata: { default: { added: true } },\n      target: { default: \"_blank\" },\n      rel: { default: \"noreferrer\" },\n    },\n    inclusive: false,\n    parseDOM: [\n      {\n        tag: \"a[href]\",\n        getAttrs(dom: HTMLAnchorElement) {\n          return {\n            href: getAttributeWithDefault(dom, \"href\"),\n            target: getAttributeWithDefault(dom, \"target\"),\n            rel: getAttributeWithDefault(dom, \"rel\"),\n            _metadata: null,\n          }\n        },\n      },\n    ],\n    toDOM(node: Node) {\n      const { href, target, rel } = node.attrs\n      const validationStatus = validateLink(href)\n\n      if (validationStatus.status === \"error\") {\n        return [\"span\", 0]\n      }\n\n      return [\"a\", { href, target, rel }, 0]\n    },\n  },\n})\n\nconst getAttributeWithDefault = (\n  node: HTMLElement,\n  attributeName: string\n): string | null => {\n  const value = node.getAttribute(attributeName)\n  return value && value !== \"\" ? value : null\n}\n"],"names":["getMarks","proseMarks","underline","parseDOM","tag","style","toDOM","link","attrs","href","default","_metadata","added","target","rel","inclusive","getAttrs","dom","getAttributeWithDefault","node","_a","validationStatus","validateLink","status","attributeName","value","getAttribute"],"mappings":";;;;;AAIa,IAAAA,QAAQ,GAAG,SAAAA,CAAA,EAAgB;EAAA,yCACnCC,sBAAAA,CAAAA,KAAU,CAAA,EAAA;;;IAIbC,SAAS,EAAE;MACTC,QAAQ,EAAE,CAAC;QAAEC,GAAG,EAAE;MAAK,CAAA,EAAE;QAAEC,KAAK,EAAE;OAAwB,CAAC;MAC3DC,KAAK,EAAA,SAAAA,CAAA,EAAA;QACH,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;MAChB;IACF,CAAA;;IAGDC,IAAI,EAAE;MACJC,KAAK,EAAE;QACLC,IAAI,EAAE;UAAEC,OAAO,EAAE;QAAM,CAAA;QACvBC,SAAS,EAAE;UAAED,OAAO,EAAE;YAAEE,KAAK,EAAE;UAAI;QAAI,CAAA;QACvCC,MAAM,EAAE;UAAEH,OAAO,EAAE;QAAU,CAAA;QAC7BI,GAAG,EAAE;UAAEJ,OAAO,EAAE;QAAc;MAC/B,CAAA;MACDK,SAAS,EAAE,KAAK;MAChBZ,QAAQ,EAAE,CACR;QACEC,GAAG,EAAE,SAAS;QACdY,QAAQ,YAACC,GAAsB,EAAA;UAC7B,OAAO;YACLR,IAAI,EAAES,uBAAuB,CAACD,GAAG,EAAE,MAAM,CAAC;YAC1CJ,MAAM,EAAEK,uBAAuB,CAACD,GAAG,EAAE,QAAQ,CAAC;YAC9CH,GAAG,EAAEI,uBAAuB,CAACD,GAAG,EAAE,KAAK,CAAC;YACxCN,SAAS,EAAE;WACZ;QACF;MACF,CAAA,CACF;MACDL,KAAK,YAACa,IAAU,EAAA;QACR,IAAAC,EAAwB,GAAAD,IAAI,CAACX,KAAK;UAAhCC,IAAI,GAAAW,EAAA,CAAAX,IAAA;UAAEI,MAAM,GAAAO,EAAA,CAAAP,MAAA;UAAEC,GAAG,SAAe;QACxC,IAAMO,gBAAgB,GAAGC,uBAAY,CAACb,IAAI,CAAC;QAE3C,IAAIY,gBAAgB,CAACE,MAAM,KAAK,OAAO,EAAE;UACvC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;QACnB;QAED,OAAO,CAAC,GAAG,EAAE;UAAEd,IAAI,MAAA;UAAEI,MAAM,EAAAA,MAAA;UAAEC,GAAG,EAAAA;SAAE,EAAE,CAAC,CAAC;MACvC;IACF;EAAA,CACD,CAAA;AAAA,CAAA;AAEF,IAAMI,uBAAuB,GAAG,SAAAA,CAC9BC,IAAiB,EACjBK,aAAqB,EAAA;EAErB,IAAMC,KAAK,GAAGN,IAAI,CAACO,YAAY,CAACF,aAAa,CAAC;EAC9C,OAAOC,KAAK,IAAIA,KAAK,KAAK,EAAE,GAAGA,KAAK,GAAG,IAAI;AAC7C,CAAC;"}

package/dist/cjs/Select/Select.cjs

@@ -36,7 +36,7 @@ const Select = /*#__PURE__*/function () {
     var reactId = React.useId();
     // the default for fullWidth depends on the variant
     var fullWidth = propsFullWidth != null ? propsFullWidth : variant === "secondary" || variant === "secondary-small" ? false : true;
-    var classes = classnames(propsClassName, Select_module.specificityIncreaser, (!reversed || variant === "default") && Select_module["default"], reversed && Select_module.reversed, variant === "secondary" && Select_module.secondary, variant === "secondary-small" && Select_module.secondarySmall, !fullWidth && Select_module.notFullWidth, isDisabled && Select_module.disabled, status === "error" && Select_module.error);
+    var classes = classnames(propsClassName, Select_module.specificityIncreaser, (!reversed || variant === "default") && Select_module.default, reversed && Select_module.reversed, variant === "secondary" && Select_module.secondary, variant === "secondary-small" && Select_module.secondarySmall, !fullWidth && Select_module.notFullWidth, isDisabled && Select_module.disabled, status === "error" && Select_module.error);
     var labelId = React.useState(label ? reactId : undefined)[0];
     return React.createElement(React.Fragment, null, label ? React.createElement(Label.Label, {
       reversed: reversed,

package/dist/cjs/Select/Select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","sources":["../../../src/Select/Select.tsx"],"sourcesContent":["import React, { useId, useState } from \"react\"\nimport classnames from \"classnames\"\nimport ReactSelect, {\n  components,\n  Props as ReactSelectProps,\n  NoticeProps,\n} from \"react-select\"\nimport Async, { AsyncProps as ReactAsyncSelectProps } from \"react-select/async\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { ChevronDownIcon, ChevronUpIcon, ClearIcon } from \"~components/Icon\"\nimport { Label } from \"~components/Label\"\nimport { Tag } from \"~components/Tag\"\nimport styles from \"./Select.module.scss\"\n\nexport type SelectProps = {\n  /**\n   * The secondary variant is a more subdued variant that takes up as little space as possible\n   * `variant=\"secondary\" reversed=\"false\" is not implemented and will throw a \"not implemented\" error\n   * @default \"default\"\n   */\n  variant?: \"default\" | \"secondary\" | \"secondary-small\"\n  status?: \"default\" | \"error\"\n  label?: React.ReactNode\n  validationMessage?: React.ReactNode\n  description?: React.ReactNode\n  /**\n   * Use a reversed colour scheme\n   * @default false\n   */\n  reversed?: boolean\n  /**\n   * Whether the \"select control\" (the button you click to open the menu) width fills the\n   * full width of  the container or is as wide as the selected option text.\n   * Note that the control text will ellipsize if it is wider than the parent container.\n   * @default false\n   */\n  fullWidth?: boolean\n} & ReactSelectProps<any, boolean>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}\n */\nexport const Select = React.forwardRef<any, SelectProps>(\n  (\n    {\n      variant = \"default\",\n      status = \"default\",\n      reversed = false,\n      label,\n      validationMessage,\n      description,\n      fullWidth: propsFullWidth,\n      className: propsClassName,\n      isDisabled,\n      ...props\n    },\n    ref\n  ) => {\n    const reactId = useId()\n\n    // the default for fullWidth depends on the variant\n    const fullWidth =\n      propsFullWidth != null\n        ? propsFullWidth\n        : variant === \"secondary\" || variant === \"secondary-small\"\n        ? false\n        : true\n\n    const classes = classnames(\n      propsClassName,\n      styles.specificityIncreaser,\n      (!reversed || variant === \"default\") && styles.default,\n      reversed && styles.reversed,\n      variant === \"secondary\" && styles.secondary,\n      variant === \"secondary-small\" && styles.secondarySmall,\n      !fullWidth && styles.notFullWidth,\n      isDisabled && styles.disabled,\n      status === \"error\" && styles.error\n    )\n\n    const [labelId] = useState<string | undefined>(label ? reactId : undefined)\n\n    return (\n      <>\n        {label ? (\n          <Label reversed={reversed} id={labelId}>\n            {label}\n          </Label>\n        ) : null}\n        <ReactSelect\n          {...props}\n          ref={ref}\n          aria-labelledby={labelId}\n          components={{\n            Control,\n            Placeholder,\n            DropdownIndicator,\n            Menu,\n            GroupHeading,\n            Option,\n            NoOptionsMessage,\n            Input,\n            SingleValue,\n            MultiValue,\n            IndicatorsContainer,\n            ValueContainer,\n            ClearIndicator,\n            IndicatorSeparator: null,\n          }}\n          className={classes}\n        />\n        {validationMessage ? (\n          <FieldMessage message={validationMessage} status={status} />\n        ) : null}\n        {description ? <FieldMessage message={description} /> : null}\n      </>\n    )\n  }\n)\nSelect.displayName = \"Select\"\n\ninterface AsyncProps\n  extends ReactAsyncSelectProps<any, boolean, any>,\n    ReactSelectProps<any, boolean, any> {}\n\nexport const AsyncSelect = React.forwardRef(\n  (\n    { className: propsClassName, ...props }: AsyncProps,\n    ref: React.Ref<any>\n  ) => (\n    <Async\n      {...props}\n      ref={ref}\n      components={{\n        Control,\n        Placeholder,\n        DropdownIndicator,\n        Menu,\n        Option,\n        NoOptionsMessage,\n        Input,\n        SingleValue,\n        MultiValue,\n        IndicatorsContainer,\n        ValueContainer,\n        ClearIndicator: undefined,\n        IndicatorSeparator: null,\n        LoadingMessage,\n      }}\n      className={classnames(styles.specificityIncreaser, propsClassName)}\n    />\n  )\n)\nAsyncSelect.displayName = \"AsyncSelect\"\n\nconst Control: typeof components.Control = props => (\n  <div data-automation-id=\"Select__Control\">\n    <components.Control\n      {...props}\n      className={classnames(\n        styles.control,\n        props.isFocused && styles.focusedControl,\n        props.isDisabled && styles.disabled\n      )}\n    />\n  </div>\n)\n\nconst Placeholder: typeof components.Placeholder = props => (\n  <components.Placeholder {...props} className={styles.placeholderOverrides}>\n    <span className={styles.placeholder}>{props.children}</span>\n  </components.Placeholder>\n)\n\nconst DropdownIndicator: typeof components.DropdownIndicator = props => (\n  <components.DropdownIndicator {...props} className={styles.dropdownIndicator}>\n    {props.selectProps.menuIsOpen ? (\n      <ChevronUpIcon role=\"presentation\" />\n    ) : (\n      <ChevronDownIcon role=\"presentation\" />\n    )}\n  </components.DropdownIndicator>\n)\n\nconst LoadingMessage = (props: NoticeProps): JSX.Element => (\n  <components.LoadingMessage {...props} className={styles.loadingMessage} />\n)\n\nconst Menu: typeof components.Menu = props => (\n  <components.Menu {...props} className={styles.menu} />\n)\n\nconst GroupHeading: typeof components.GroupHeading = props => (\n  <components.GroupHeading {...props} className={styles.groupHeading} />\n)\n\nconst Option: typeof components.Option = props => (\n  <div data-automation-id=\"Select__Option\">\n    <components.Option\n      {...props}\n      className={classnames(\n        styles.option,\n        props.isFocused && styles.focusedOption,\n        props.isSelected && styles.selectedOption,\n        props.isDisabled && styles.disabledOption\n      )}\n    />\n  </div>\n)\n\nconst NoOptionsMessage = (props: NoticeProps): JSX.Element => (\n  <components.NoOptionsMessage {...props}>\n    <span className={styles.noOptionsMessage}>{props.children}</span>\n  </components.NoOptionsMessage>\n)\n\nconst SingleValue: typeof components.SingleValue = props => (\n  <components.SingleValue {...props} className={styles.singleValueOverrides}>\n    <span className={styles.singleValue}>{props.children}</span>\n  </components.SingleValue>\n)\n\nconst MultiValue: typeof components.MultiValue = props => (\n  <div className={styles.multiValue}>\n    <Tag\n      variant=\"default\"\n      dismissible\n      inline\n      onDismiss={props.removeProps.onClick}\n    >\n      {props.children}\n    </Tag>\n  </div>\n)\n\nconst IndicatorsContainer: typeof components.IndicatorsContainer = props => (\n  <components.IndicatorsContainer\n    {...props}\n    className={styles.indicatorsContainer}\n  />\n)\n\nconst Input: typeof components.Input = props => (\n  <components.Input className={styles.input} {...props} />\n)\n\nconst ValueContainer: typeof components.ValueContainer = props => (\n  <components.ValueContainer {...props} className={styles.valueContainer} />\n)\nconst ClearIndicator: typeof components.ClearIndicator = props => (\n  <components.ClearIndicator {...props} className={styles.clearIndicator}>\n    <ClearIcon role=\"presentation\" />\n  </components.ClearIndicator>\n)\n"],"names":["Select","React","forwardRef","_a","ref","_b","variant","_c","status","_d","reversed","label","validationMessage","description","propsFullWidth","fullWidth","propsClassName","className","isDisabled","props","__rest","reactId","useId","classes","classnames","styles","specificityIncreaser","secondary","secondarySmall","notFullWidth","disabled","error","labelId","useState","undefined","createElement","Fragment","Label","id","ReactSelect","__assign","components","Control","Placeholder","DropdownIndicator","Menu","GroupHeading","Option","NoOptionsMessage","Input","SingleValue","MultiValue","IndicatorsContainer","ValueContainer","ClearIndicator","IndicatorSeparator","FieldMessage","message","displayName","AsyncSelect","Async","LoadingMessage","control","isFocused","focusedControl","placeholderOverrides","placeholder","children","dropdownIndicator","selectProps","menuIsOpen","ChevronUpIcon","role","ChevronDownIcon","loadingMessage","menu","groupHeading","option","focusedOption","isSelected","selectedOption","disabledOption","noOptionsMessage","singleValueOverrides","singleValue","multiValue","Tag","dismissible","inline","onDismiss","removeProps","onClick","indicatorsContainer","input","valueContainer","clearIndicator","ClearIcon"],"mappings":"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"}
+{"version":3,"file":"Select.cjs","sources":["../../../src/Select/Select.tsx"],"sourcesContent":["import React, { useId, useState } from \"react\"\nimport classnames from \"classnames\"\nimport ReactSelect, {\n  components,\n  Props as ReactSelectProps,\n  NoticeProps,\n} from \"react-select\"\nimport Async, { AsyncProps as ReactAsyncSelectProps } from \"react-select/async\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { ChevronDownIcon, ChevronUpIcon, ClearIcon } from \"~components/Icon\"\nimport { Label } from \"~components/Label\"\nimport { Tag } from \"~components/Tag\"\nimport styles from \"./Select.module.scss\"\n\nexport type SelectProps = {\n  /**\n   * The secondary variant is a more subdued variant that takes up as little space as possible\n   * `variant=\"secondary\" reversed=\"false\" is not implemented and will throw a \"not implemented\" error\n   * @default \"default\"\n   */\n  variant?: \"default\" | \"secondary\" | \"secondary-small\"\n  status?: \"default\" | \"error\"\n  label?: React.ReactNode\n  validationMessage?: React.ReactNode\n  description?: React.ReactNode\n  /**\n   * Use a reversed colour scheme\n   * @default false\n   */\n  reversed?: boolean\n  /**\n   * Whether the \"select control\" (the button you click to open the menu) width fills the\n   * full width of  the container or is as wide as the selected option text.\n   * Note that the control text will ellipsize if it is wider than the parent container.\n   * @default false\n   */\n  fullWidth?: boolean\n} & ReactSelectProps<any, boolean>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}\n */\nexport const Select = React.forwardRef<any, SelectProps>(\n  (\n    {\n      variant = \"default\",\n      status = \"default\",\n      reversed = false,\n      label,\n      validationMessage,\n      description,\n      fullWidth: propsFullWidth,\n      className: propsClassName,\n      isDisabled,\n      ...props\n    },\n    ref\n  ) => {\n    const reactId = useId()\n\n    // the default for fullWidth depends on the variant\n    const fullWidth =\n      propsFullWidth != null\n        ? propsFullWidth\n        : variant === \"secondary\" || variant === \"secondary-small\"\n          ? false\n          : true\n\n    const classes = classnames(\n      propsClassName,\n      styles.specificityIncreaser,\n      (!reversed || variant === \"default\") && styles.default,\n      reversed && styles.reversed,\n      variant === \"secondary\" && styles.secondary,\n      variant === \"secondary-small\" && styles.secondarySmall,\n      !fullWidth && styles.notFullWidth,\n      isDisabled && styles.disabled,\n      status === \"error\" && styles.error\n    )\n\n    const [labelId] = useState<string | undefined>(label ? reactId : undefined)\n\n    return (\n      <>\n        {label ? (\n          <Label reversed={reversed} id={labelId}>\n            {label}\n          </Label>\n        ) : null}\n        <ReactSelect\n          {...props}\n          ref={ref}\n          aria-labelledby={labelId}\n          components={{\n            Control,\n            Placeholder,\n            DropdownIndicator,\n            Menu,\n            GroupHeading,\n            Option,\n            NoOptionsMessage,\n            Input,\n            SingleValue,\n            MultiValue,\n            IndicatorsContainer,\n            ValueContainer,\n            ClearIndicator,\n            IndicatorSeparator: null,\n          }}\n          className={classes}\n        />\n        {validationMessage ? (\n          <FieldMessage message={validationMessage} status={status} />\n        ) : null}\n        {description ? <FieldMessage message={description} /> : null}\n      </>\n    )\n  }\n)\nSelect.displayName = \"Select\"\n\ninterface AsyncProps\n  extends ReactAsyncSelectProps<any, boolean, any>,\n    ReactSelectProps<any, boolean, any> {}\n\nexport const AsyncSelect = React.forwardRef(\n  (\n    { className: propsClassName, ...props }: AsyncProps,\n    ref: React.Ref<any>\n  ) => (\n    <Async\n      {...props}\n      ref={ref}\n      components={{\n        Control,\n        Placeholder,\n        DropdownIndicator,\n        Menu,\n        Option,\n        NoOptionsMessage,\n        Input,\n        SingleValue,\n        MultiValue,\n        IndicatorsContainer,\n        ValueContainer,\n        ClearIndicator: undefined,\n        IndicatorSeparator: null,\n        LoadingMessage,\n      }}\n      className={classnames(styles.specificityIncreaser, propsClassName)}\n    />\n  )\n)\nAsyncSelect.displayName = \"AsyncSelect\"\n\nconst Control: typeof components.Control = props => (\n  <div data-automation-id=\"Select__Control\">\n    <components.Control\n      {...props}\n      className={classnames(\n        styles.control,\n        props.isFocused && styles.focusedControl,\n        props.isDisabled && styles.disabled\n      )}\n    />\n  </div>\n)\n\nconst Placeholder: typeof components.Placeholder = props => (\n  <components.Placeholder {...props} className={styles.placeholderOverrides}>\n    <span className={styles.placeholder}>{props.children}</span>\n  </components.Placeholder>\n)\n\nconst DropdownIndicator: typeof components.DropdownIndicator = props => (\n  <components.DropdownIndicator {...props} className={styles.dropdownIndicator}>\n    {props.selectProps.menuIsOpen ? (\n      <ChevronUpIcon role=\"presentation\" />\n    ) : (\n      <ChevronDownIcon role=\"presentation\" />\n    )}\n  </components.DropdownIndicator>\n)\n\nconst LoadingMessage = (props: NoticeProps): JSX.Element => (\n  <components.LoadingMessage {...props} className={styles.loadingMessage} />\n)\n\nconst Menu: typeof components.Menu = props => (\n  <components.Menu {...props} className={styles.menu} />\n)\n\nconst GroupHeading: typeof components.GroupHeading = props => (\n  <components.GroupHeading {...props} className={styles.groupHeading} />\n)\n\nconst Option: typeof components.Option = props => (\n  <div data-automation-id=\"Select__Option\">\n    <components.Option\n      {...props}\n      className={classnames(\n        styles.option,\n        props.isFocused && styles.focusedOption,\n        props.isSelected && styles.selectedOption,\n        props.isDisabled && styles.disabledOption\n      )}\n    />\n  </div>\n)\n\nconst NoOptionsMessage = (props: NoticeProps): JSX.Element => (\n  <components.NoOptionsMessage {...props}>\n    <span className={styles.noOptionsMessage}>{props.children}</span>\n  </components.NoOptionsMessage>\n)\n\nconst SingleValue: typeof components.SingleValue = props => (\n  <components.SingleValue {...props} className={styles.singleValueOverrides}>\n    <span className={styles.singleValue}>{props.children}</span>\n  </components.SingleValue>\n)\n\nconst MultiValue: typeof components.MultiValue = props => (\n  <div className={styles.multiValue}>\n    <Tag\n      variant=\"default\"\n      dismissible\n      inline\n      onDismiss={props.removeProps.onClick}\n    >\n      {props.children}\n    </Tag>\n  </div>\n)\n\nconst IndicatorsContainer: typeof components.IndicatorsContainer = props => (\n  <components.IndicatorsContainer\n    {...props}\n    className={styles.indicatorsContainer}\n  />\n)\n\nconst Input: typeof components.Input = props => (\n  <components.Input className={styles.input} {...props} />\n)\n\nconst ValueContainer: typeof components.ValueContainer = props => (\n  <components.ValueContainer {...props} className={styles.valueContainer} />\n)\nconst ClearIndicator: typeof components.ClearIndicator = props => (\n  <components.ClearIndicator {...props} className={styles.clearIndicator}>\n    <ClearIcon role=\"presentation\" />\n  </components.ClearIndicator>\n)\n"],"names":["Select","React","forwardRef","_a","ref","_b","variant","_c","status","_d","reversed","label","validationMessage","description","propsFullWidth","fullWidth","propsClassName","className","isDisabled","props","__rest","reactId","useId","classes","classnames","styles","specificityIncreaser","default","secondary","secondarySmall","notFullWidth","disabled","error","labelId","useState","undefined","createElement","Fragment","Label","id","ReactSelect","__assign","components","Control","Placeholder","DropdownIndicator","Menu","GroupHeading","Option","NoOptionsMessage","Input","SingleValue","MultiValue","IndicatorsContainer","ValueContainer","ClearIndicator","IndicatorSeparator","FieldMessage","message","displayName","AsyncSelect","Async","LoadingMessage","control","isFocused","focusedControl","placeholderOverrides","placeholder","children","dropdownIndicator","selectProps","menuIsOpen","ChevronUpIcon","role","ChevronDownIcon","loadingMessage","menu","groupHeading","option","focusedOption","isSelected","selectedOption","disabledOption","noOptionsMessage","singleValueOverrides","singleValue","multiValue","Tag","dismissible","inline","onDismiss","removeProps","onClick","indicatorsContainer","input","valueContainer","clearIndicator","ClearIcon"],"mappings":"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"}

package/dist/cjs/SplitButton/subcomponents/BaseButton/BaseButton.cjs

@@ -14,7 +14,7 @@ const BaseButton = /*#__PURE__*/function () {
       isReversed = _a.isReversed,
       classNameOverride = _a.classNameOverride,
       attributes = tslib.__rest(_a, ["label", "icon", "isReversed", "classNameOverride"]);
-    var className = classnames(BaseButton_module.baseButton, classNameOverride, isReversed ? BaseButton_module.isReversed : BaseButton_module["default"]);
+    var className = classnames(BaseButton_module.baseButton, classNameOverride, isReversed ? BaseButton_module.isReversed : BaseButton_module.default);
     var contentProps = icon ? {
       children: React.createElement(React.Fragment, null, icon),
       "aria-label": label

package/dist/cjs/SplitButton/subcomponents/BaseButton/BaseButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.cjs","sources":["../../../../../src/SplitButton/subcomponents/BaseButton/BaseButton.tsx"],"sourcesContent":["import React, { AnchorHTMLAttributes, ButtonHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./BaseButton.module.scss\"\n\ntype AnchorAttributes = AnchorHTMLAttributes<HTMLAnchorElement>\ntype ButtonAttributes = ButtonHTMLAttributes<HTMLButtonElement>\ntype AnchorButtonAttributes = AnchorAttributes & ButtonAttributes\n\nconst isAnchor = (attributes: AnchorButtonAttributes): boolean =>\n  !attributes.disabled && attributes.href !== undefined\n\nexport type BaseButtonProps = {\n  label: string\n  icon?: React.SVGAttributes<SVGSymbolElement>\n  isReversed?: boolean\n} & OverrideClassName<AnchorButtonAttributes>\n\nexport const BaseButton = ({\n  label,\n  icon,\n  isReversed,\n  classNameOverride,\n  ...attributes\n}: BaseButtonProps): JSX.Element => {\n  const className = classnames(\n    styles.baseButton,\n    classNameOverride,\n    isReversed ? styles.isReversed : styles.default\n  )\n\n  const contentProps = icon\n    ? {\n        children: <>{icon}</>,\n        \"aria-label\": label,\n      }\n    : { children: label }\n\n  const { children, ...restContentProps } = contentProps\n\n  if (isAnchor(attributes)) {\n    return (\n      <a className={className} {...restContentProps} {...attributes}>\n        {children}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      className={className}\n      {...restContentProps}\n      {...attributes}\n    >\n      {children}\n    </button>\n  )\n}\n\nBaseButton.displayName = \"BaseButton\"\n"],"names":["isAnchor","attributes","disabled","href","undefined","BaseButton","_a","label","icon","isReversed","classNameOverride","__rest","className","classnames","styles","baseButton","contentProps","children","React","createElement","Fragment","restContentProps","__assign","type","displayName"],"mappings":";;;;;;AASA,IAAMA,QAAQ,GAAG,SAAAA,CAACC,UAAkC,EAAA;EAClD,OAAA,CAACA,UAAU,CAACC,QAAQ,IAAID,UAAU,CAACE,IAAI,KAAKC,SAAS;AAArD,CAAqD;AAAA,MAQ1CC,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAMT,EAAA;IALhB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,IAAI,UAAA;MACJC,UAAU,GAAAH,EAAA,CAAAG,UAAA;MACVC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACdT,UAAU,GAAAU,KAAAA,CAAAA,MAAA,CAAAL,EAAA,EALY,oDAM1B,CADc;IAEb,IAAMM,SAAS,GAAGC,UAAU,CAC1BC,iBAAM,CAACC,UAAU,EACjBL,iBAAiB,EACjBD,UAAU,GAAGK,iBAAM,CAACL,UAAU,GAAGK,iBAAM,CAAC,SAAO,CAAA,CAChD;IAED,IAAME,YAAY,GAAGR,IAAI,GACrB;MACES,QAAQ,EAAEC,KAAG,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAAZ,IAAI,CAAI;MACrB,YAAY,EAAED;IACf,CAAA,GACD;MAAEU,QAAQ,EAAEV;KAAO;IAEf,IAAAU,QAAQ,GAA0BD,YAAY,CAAtCC,QAAA;MAAKI,gBAAgB,GAAAV,KAAAA,CAAAA,MAAA,CAAKK,YAAY,EAAhD,CAAiC,UAAA,CAAA,CAAF;IAErC,IAAIhB,QAAQ,CAACC,UAAU,CAAC,EAAE;MACxB,OACEiB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAAG,KAAA,CAAAA,QAAA,CAAA;QAAGV,SAAS,EAAEA;MAAS,CAAA,EAAMS,gBAAgB,EAAMpB,UAAU,CAAA,EAC1DgB,QAAQ,CACP;IAEP;IAED,OACEC,KACE,CAAAC,aAAA,CAAA,QAAA,EAAAG,KAAA,CAAAA,QAAA,CAAA;MAAAC,IAAI,EAAC,QAAQ;MACbX,SAAS,EAAEA;IAAS,CAAA,EAChBS,gBAAgB,EAChBpB,UAAU,GAEbgB,QAAQ,CACF;EAEb,CAAC;EAEDZ,UAAU,CAACmB,WAAW,GAAG,YAAY;EAAA,OA1CxBnB,UAAU;AAAA;"}
+{"version":3,"file":"BaseButton.cjs","sources":["../../../../../src/SplitButton/subcomponents/BaseButton/BaseButton.tsx"],"sourcesContent":["import React, { AnchorHTMLAttributes, ButtonHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./BaseButton.module.scss\"\n\ntype AnchorAttributes = AnchorHTMLAttributes<HTMLAnchorElement>\ntype ButtonAttributes = ButtonHTMLAttributes<HTMLButtonElement>\ntype AnchorButtonAttributes = AnchorAttributes & ButtonAttributes\n\nconst isAnchor = (attributes: AnchorButtonAttributes): boolean =>\n  !attributes.disabled && attributes.href !== undefined\n\nexport type BaseButtonProps = {\n  label: string\n  icon?: React.SVGAttributes<SVGSymbolElement>\n  isReversed?: boolean\n} & OverrideClassName<AnchorButtonAttributes>\n\nexport const BaseButton = ({\n  label,\n  icon,\n  isReversed,\n  classNameOverride,\n  ...attributes\n}: BaseButtonProps): JSX.Element => {\n  const className = classnames(\n    styles.baseButton,\n    classNameOverride,\n    isReversed ? styles.isReversed : styles.default\n  )\n\n  const contentProps = icon\n    ? {\n        children: <>{icon}</>,\n        \"aria-label\": label,\n      }\n    : { children: label }\n\n  const { children, ...restContentProps } = contentProps\n\n  if (isAnchor(attributes)) {\n    return (\n      <a className={className} {...restContentProps} {...attributes}>\n        {children}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      className={className}\n      {...restContentProps}\n      {...attributes}\n    >\n      {children}\n    </button>\n  )\n}\n\nBaseButton.displayName = \"BaseButton\"\n"],"names":["isAnchor","attributes","disabled","href","undefined","BaseButton","_a","label","icon","isReversed","classNameOverride","__rest","className","classnames","styles","baseButton","default","contentProps","children","React","createElement","Fragment","restContentProps","__assign","type","displayName"],"mappings":";;;;;;AASA,IAAMA,QAAQ,GAAG,SAAAA,CAACC,UAAkC,EAAA;EAClD,OAAA,CAACA,UAAU,CAACC,QAAQ,IAAID,UAAU,CAACE,IAAI,KAAKC,SAAS;AAArD,CAAqD;AAAA,MAQ1CC,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAMT,EAAA;IALhB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,IAAI,UAAA;MACJC,UAAU,GAAAH,EAAA,CAAAG,UAAA;MACVC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACdT,UAAU,GAAAU,KAAAA,CAAAA,MAAA,CAAAL,EAAA,EALY,oDAM1B,CADc;IAEb,IAAMM,SAAS,GAAGC,UAAU,CAC1BC,iBAAM,CAACC,UAAU,EACjBL,iBAAiB,EACjBD,UAAU,GAAGK,iBAAM,CAACL,UAAU,GAAGK,iBAAM,CAACE,OAAO,CAChD;IAED,IAAMC,YAAY,GAAGT,IAAI,GACrB;MACEU,QAAQ,EAAEC,KAAG,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAAb,IAAI,CAAI;MACrB,YAAY,EAAED;IACf,CAAA,GACD;MAAEW,QAAQ,EAAEX;KAAO;IAEf,IAAAW,QAAQ,GAA0BD,YAAY,CAAtCC,QAAA;MAAKI,gBAAgB,GAAAX,KAAAA,CAAAA,MAAA,CAAKM,YAAY,EAAhD,CAAiC,UAAA,CAAA,CAAF;IAErC,IAAIjB,QAAQ,CAACC,UAAU,CAAC,EAAE;MACxB,OACEkB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAAG,KAAA,CAAAA,QAAA,CAAA;QAAGX,SAAS,EAAEA;MAAS,CAAA,EAAMU,gBAAgB,EAAMrB,UAAU,CAAA,EAC1DiB,QAAQ,CACP;IAEP;IAED,OACEC,KACE,CAAAC,aAAA,CAAA,QAAA,EAAAG,KAAA,CAAAA,QAAA,CAAA;MAAAC,IAAI,EAAC,QAAQ;MACbZ,SAAS,EAAEA;IAAS,CAAA,EAChBU,gBAAgB,EAChBrB,UAAU,GAEbiB,QAAQ,CACF;EAEb,CAAC;EAEDb,UAAU,CAACoB,WAAW,GAAG,YAAY;EAAA,OA1CxBpB,UAAU;AAAA;"}

package/dist/cjs/Tag/Tag.cjs

@@ -42,7 +42,7 @@ const Tag = /*#__PURE__*/function () {
     var isTruncated = truncateWidth && truncateWidth > 0;
     var canShowIcon = size === "medium";
     return React.createElement("div", {
-      className: classnames(Tag_module.root, Tag_module[variant], variant === "profile" && Tag_module["default"], Tag_module[size], inline && Tag_module.inline, dismissible && Tag_module.dismissible)
+      className: classnames(Tag_module.root, Tag_module[variant], variant === "profile" && Tag_module.default, Tag_module[size], inline && Tag_module.inline, dismissible && Tag_module.dismissible)
     }, React.createElement("div", {
       className: Tag_module.layoutContainer
     }, React.createElement(React.Fragment, null, canShowIcon && function () {

package/dist/cjs/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","sources":["../../../src/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Avatar, AvatarProps } from \"~components/Avatar\"\nimport {\n  CautionIcon,\n  ClearIcon,\n  ExclamationIcon,\n  InformationIcon,\n  LiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { TagVariants } from \"./types\"\nimport styles from \"./Tag.module.scss\"\n\nexport type TagWithAvatarProps = Omit<DefaultTagProps, \"variant\"> & {\n  variant: \"profile\"\n  avatar: JSX.Element | AvatarProps\n}\n\ntype Variant = (typeof TagVariants)[number]\n\nexport interface DefaultTagProps {\n  variant?: Variant\n  children: React.ReactNode\n  size?: \"medium\" | \"small\"\n  inline?: boolean\n  dismissible?: boolean\n  onDismiss?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseDown?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseLeave?: React.MouseEventHandler<HTMLSpanElement>\n  truncateWidth?: number\n}\n\nexport type TagProps = DefaultTagProps | TagWithAvatarProps\n\nconst isJSXElement = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): imageElementOrAvatarProps is JSX.Element =>\n  \"props\" in imageElementOrAvatarProps\n\nconst renderAvatar = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): JSX.Element =>\n  isJSXElement(imageElementOrAvatarProps) ? (\n    <>{imageElementOrAvatarProps}</>\n  ) : (\n    <Avatar {...imageElementOrAvatarProps} size=\"small\" />\n  )\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}\n */\nexport const Tag = (props: TagProps): JSX.Element => {\n  const {\n    children,\n    variant = \"default\",\n    size = \"medium\",\n    inline = false,\n    dismissible = false,\n    onDismiss,\n    onMouseDown,\n    onMouseLeave,\n    truncateWidth,\n  } = props\n\n  const isTruncated = truncateWidth && truncateWidth > 0\n  const canShowIcon = size === \"medium\"\n  return (\n    <div\n      className={classnames(\n        styles.root,\n        styles[variant],\n        variant === \"profile\" && styles.default,\n        styles[size],\n        inline && styles.inline,\n        dismissible && styles.dismissible\n      )}\n    >\n      <div className={styles.layoutContainer}>\n        <>\n          {canShowIcon &&\n            ((): JSX.Element | void => {\n              switch (props.variant) {\n                case \"validationPositive\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <SuccessIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationNegative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <ExclamationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationCautionary\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <CautionIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationInformative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <InformationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"profile\":\n                  return (\n                    <span className={styles.profile}>\n                      {props.avatar && renderAvatar(props.avatar)}\n                    </span>\n                  )\n                default:\n                  return\n              }\n            })()}\n          <span\n            className={classnames(\n              styles.textContent,\n              isTruncated && styles.truncate\n            )}\n            style={{\n              maxWidth: isTruncated ? truncateWidth : undefined,\n            }}\n          >\n            {children}\n          </span>\n          {dismissible && (\n            <>\n              <button\n                type=\"button\"\n                className={styles.dismissButton}\n                onClick={onDismiss}\n                onMouseDown={onMouseDown}\n                onMouseLeave={onMouseLeave}\n              >\n                <div className={styles.iconWrapper}>\n                  <ClearIcon inheritSize role=\"img\" aria-label=\"Dismiss\" />\n                </div>\n              </button>\n            </>\n          )}\n          {variant === \"statusLive\" && (\n            <span className={styles.liveIcon}>\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_base}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_1}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_2}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_3}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n            </span>\n          )}\n        </>\n      </div>\n    </div>\n  )\n}\n\nTag.displayName = \"Tag\"\n"],"names":["isJSXElement","imageElementOrAvatarProps","renderAvatar","React","createElement","Fragment","Avatar","__assign","size","Tag","props","children","_a","variant","_b","_c","inline","_d","dismissible","onDismiss","onMouseDown","onMouseLeave","truncateWidth","isTruncated","canShowIcon","className","classnames","styles","root","layoutContainer","validationIcon","SuccessIcon","role","ExclamationIcon","CautionIcon","InformationIcon","profile","avatar","textContent","truncate","style","maxWidth","undefined","type","dismissButton","onClick","iconWrapper","ClearIcon","inheritSize","liveIcon","LiveIcon","classNameOverride","liveIcon_base","width","height","viewBox","fill","liveIcon_1","liveIcon_2","liveIcon_3","displayName"],"mappings":"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"}
+{"version":3,"file":"Tag.cjs","sources":["../../../src/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Avatar, AvatarProps } from \"~components/Avatar\"\nimport {\n  CautionIcon,\n  ClearIcon,\n  ExclamationIcon,\n  InformationIcon,\n  LiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { TagVariants } from \"./types\"\nimport styles from \"./Tag.module.scss\"\n\nexport type TagWithAvatarProps = Omit<DefaultTagProps, \"variant\"> & {\n  variant: \"profile\"\n  avatar: JSX.Element | AvatarProps\n}\n\ntype Variant = (typeof TagVariants)[number]\n\nexport interface DefaultTagProps {\n  variant?: Variant\n  children: React.ReactNode\n  size?: \"medium\" | \"small\"\n  inline?: boolean\n  dismissible?: boolean\n  onDismiss?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseDown?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseLeave?: React.MouseEventHandler<HTMLSpanElement>\n  truncateWidth?: number\n}\n\nexport type TagProps = DefaultTagProps | TagWithAvatarProps\n\nconst isJSXElement = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): imageElementOrAvatarProps is JSX.Element =>\n  \"props\" in imageElementOrAvatarProps\n\nconst renderAvatar = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): JSX.Element =>\n  isJSXElement(imageElementOrAvatarProps) ? (\n    <>{imageElementOrAvatarProps}</>\n  ) : (\n    <Avatar {...imageElementOrAvatarProps} size=\"small\" />\n  )\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}\n */\nexport const Tag = (props: TagProps): JSX.Element => {\n  const {\n    children,\n    variant = \"default\",\n    size = \"medium\",\n    inline = false,\n    dismissible = false,\n    onDismiss,\n    onMouseDown,\n    onMouseLeave,\n    truncateWidth,\n  } = props\n\n  const isTruncated = truncateWidth && truncateWidth > 0\n  const canShowIcon = size === \"medium\"\n  return (\n    <div\n      className={classnames(\n        styles.root,\n        styles[variant],\n        variant === \"profile\" && styles.default,\n        styles[size],\n        inline && styles.inline,\n        dismissible && styles.dismissible\n      )}\n    >\n      <div className={styles.layoutContainer}>\n        <>\n          {canShowIcon &&\n            ((): JSX.Element | void => {\n              switch (props.variant) {\n                case \"validationPositive\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <SuccessIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationNegative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <ExclamationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationCautionary\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <CautionIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationInformative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <InformationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"profile\":\n                  return (\n                    <span className={styles.profile}>\n                      {props.avatar && renderAvatar(props.avatar)}\n                    </span>\n                  )\n                default:\n                  return\n              }\n            })()}\n          <span\n            className={classnames(\n              styles.textContent,\n              isTruncated && styles.truncate\n            )}\n            style={{\n              maxWidth: isTruncated ? truncateWidth : undefined,\n            }}\n          >\n            {children}\n          </span>\n          {dismissible && (\n            <>\n              <button\n                type=\"button\"\n                className={styles.dismissButton}\n                onClick={onDismiss}\n                onMouseDown={onMouseDown}\n                onMouseLeave={onMouseLeave}\n              >\n                <div className={styles.iconWrapper}>\n                  <ClearIcon inheritSize role=\"img\" aria-label=\"Dismiss\" />\n                </div>\n              </button>\n            </>\n          )}\n          {variant === \"statusLive\" && (\n            <span className={styles.liveIcon}>\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_base}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_1}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_2}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_3}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n            </span>\n          )}\n        </>\n      </div>\n    </div>\n  )\n}\n\nTag.displayName = \"Tag\"\n"],"names":["isJSXElement","imageElementOrAvatarProps","renderAvatar","React","createElement","Fragment","Avatar","__assign","size","Tag","props","children","_a","variant","_b","_c","inline","_d","dismissible","onDismiss","onMouseDown","onMouseLeave","truncateWidth","isTruncated","canShowIcon","className","classnames","styles","root","default","layoutContainer","validationIcon","SuccessIcon","role","ExclamationIcon","CautionIcon","InformationIcon","profile","avatar","textContent","truncate","style","maxWidth","undefined","type","dismissButton","onClick","iconWrapper","ClearIcon","inheritSize","liveIcon","LiveIcon","classNameOverride","liveIcon_base","width","height","viewBox","fill","liveIcon_1","liveIcon_2","liveIcon_3","displayName"],"mappings":"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"}