npm - @kaizen/components - Versions diffs - 1.37.1 → 1.38.1 - Mend

@kaizen/components 1.37.1 → 1.38.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (914) hide show

package/dist/esm/Pagination/Pagination.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.mjs","sources":["../../../src/Pagination/Pagination.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { DirectionalLink } from \"./subcomponents/DirectionalLink\"\nimport { PaginationLink } from \"./subcomponents/PaginationLink\"\nimport { TruncateIndicator } from \"./subcomponents/TruncateIndicator\"\nimport { createRange } from \"./utils/createRange\"\nimport styles from \"./Pagination.module.scss\"\n\nexport type PaginationProps = {\n currentPage: number\n pageCount: number\n ariaLabelNextPage: string\n ariaLabelPreviousPage: string\n ariaLabelPage: string\n onPageChange: (newPage: number) => void\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\ntype PageAction = \"prev\" \| \"next\"\n\n/*\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} \|\n * {@link https://cultureamp.design/?path=/docs/components-pagination--docs Storybook}\n /\nexport const Pagination = ({\n currentPage = 1,\n pageCount,\n ariaLabelNextPage,\n ariaLabelPreviousPage,\n ariaLabelPage,\n onPageChange,\n classNameOverride,\n ...restProps\n}: PaginationProps): JSX.Element => {\n // Click event for all pagination buttons (next, prev, and the actual numbers)\n const handleButtonClick = (newPage: number \| PageAction): void => {\n if (newPage === \"prev\") {\n onPageChange(currentPage - 1)\n return\n }\n if (newPage === \"next\") {\n onPageChange(currentPage + 1)\n return\n }\n onPageChange(newPage)\n }\n\n const paginationIndicator = (page: number): JSX.Element => (\n <PaginationLink\n key={page}\n pageNumber={page}\n isActive={currentPage === page}\n aria-label={`${ariaLabelPage} ${page}`}\n onClick={() => handleButtonClick(page)}\n />\n )\n\n const pagination = (): JSX.Element[] => {\n const items: JSX.Element[] = []\n\n const boundaryPagesRange = 1\n const siblingPagesRange = 1\n\n // truncateSize is 1 now but could be 0 if we add the ability to hide it.\n const truncateSize = 1\n\n const showAllPages =\n 1 + 2 truncateSize + 2 * siblingPagesRange + 2 * boundaryPagesRange >=\n pageCount\n\n // Simplify generation of pages if number of available items is equal or greater than total pages to show\n if (showAllPages) {\n return createRange(1, pageCount).map(paginationIndicator)\n } else {\n // Calculate group of first pages\n const firstPagesStart = 1\n const firstPagesEnd = boundaryPagesRange\n const firstPages = createRange(firstPagesStart, firstPagesEnd).map(\n paginationIndicator\n )\n\n // Calculate group of last pages\n const lastPagesStart = pageCount + 1 - boundaryPagesRange\n const lastPagesEnd = pageCount\n const lastPages = createRange(lastPagesStart, lastPagesEnd).map(\n paginationIndicator\n )\n\n // Calculate group of main pages\n const mainPagesStart = Math.min(\n Math.max(\n currentPage - siblingPagesRange,\n firstPagesEnd + truncateSize + 1\n ),\n lastPagesStart - truncateSize - 2 * siblingPagesRange - 1\n )\n const mainPagesEnd = mainPagesStart + 2 * siblingPagesRange\n const mainPages = createRange(mainPagesStart, mainPagesEnd).map(\n paginationIndicator\n )\n\n // Add group of first pages\n items.push(...firstPages)\n\n // Calculate and add truncate before group of main pages\n const firstEllipsisPageNumber = mainPagesStart - 1\n const showPageInsteadOfFirstEllipsis =\n firstEllipsisPageNumber === firstPagesEnd + 1\n items.push(\n showPageInsteadOfFirstEllipsis ? (\n paginationIndicator(firstEllipsisPageNumber)\n ) : (\n <TruncateIndicator key={firstEllipsisPageNumber} />\n )\n )\n\n // Add group of main pages\n items.push(...mainPages)\n\n // Calculate and add truncate after group of main pages\n const secondEllipsisPageNumber = mainPagesEnd + 1\n const showPageInsteadOfSecondEllipsis =\n secondEllipsisPageNumber === lastPagesStart - 1\n items.push(\n showPageInsteadOfSecondEllipsis ? (\n paginationIndicator(secondEllipsisPageNumber)\n ) : (\n <TruncateIndicator key={secondEllipsisPageNumber} />\n )\n )\n\n // Add group of last pages\n items.push(...lastPages)\n }\n return items\n }\n\n const previousPageDisabled = currentPage <= 1\n const nextPageDisabled = currentPage >= pageCount\n\n return (\n <nav\n className={classnames(styles.container, classNameOverride)}\n {...restProps}\n >\n <DirectionalLink\n label={ariaLabelPreviousPage}\n direction=\"prev\"\n disabled={previousPageDisabled}\n onClick={(): void => handleButtonClick(\"prev\")}\n />\n\n <div className={styles.pagesIndicatorWrapper}>{pagination()}</div>\n\n <DirectionalLink\n label={ariaLabelNextPage}\n direction=\"next\"\n disabled={nextPageDisabled}\n onClick={(): void => handleButtonClick(\"next\")}\n />\n </nav>\n )\n}\n"],"names":["Pagination","_a","_b","currentPage","pageCount","ariaLabelNextPage","ariaLabelPreviousPage","ariaLabelPage","onPageChange","classNameOverride","restProps","__rest","handleButtonClick","newPage","paginationIndicator","page","React","PaginationLink","key","pageNumber","isActive","concat","onClick","pagination","items","boundaryPagesRange","siblingPagesRange","truncateSize","showAllPages","createRange","map","firstPagesStart","firstPagesEnd","firstPages","lastPagesStart","lastPagesEnd","lastPages","mainPagesStart","Math","min","max","mainPagesEnd","mainPages","push","apply","firstEllipsisPageNumber","showPageInsteadOfFirstEllipsis","createElement","TruncateIndicator","secondEllipsisPageNumber","showPageInsteadOfSecondEllipsis","previousPageDisabled","nextPageDisabled","__assign","className","classnames","styles","container","DirectionalLink","label","direction","disabled","pagesIndicatorWrapper"],"mappings":"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~~gBAE5C7B~~,KAAA,CAAA+B,aAAA,CAACC,iBAAiB,EAAA;QAAC9B,GAAG,EAAE2B;MAAuB,CAAA,~~CAChD~~,CACF;;MAGDrB,KAAK,CAACmB,IAAI,CAAAC,KAAA,CAAVpB,KAAK,EAASkB,SAAS,CAAC;;MAGxB,IAAMO,wBAAwB,GAAGR,YAAY,GAAG,CAAC;MACjD,IAAMS,+BAA+B,GACnCD,wBAAwB,KAAKf,cAAc,GAAG,CAAC;MACjDV,KAAK,CAACmB,IAAI,CACRO,+BAA+B,GAC7BpC,mBAAmB,CAACmC,wBAAwB,CAAC,~~gBAE7CjC~~,KAAA,CAAA+B,aAAA,CAACC,iBAAiB,EAAA;QAAC9B,GAAG,EAAE+B;MAAwB,CAAA,~~CACjD~~,CACF;;MAGDzB,KAAK,CAACmB,IAAI,CAAAC,KAAA,CAAVpB,KAAK,EAASY,SAAS,CAAC;IACzB;IACD,OAAOZ,KAAK;EACd,CAAC;EAED,IAAM2B,oBAAoB,GAAGhD,WAAW,IAAI,CAAC;EAC7C,IAAMiD,gBAAgB,GAAGjD,WAAW,IAAIC,SAAS;EAEjD,oBACEY,KAAA,CAAA+B,aAAA,CAAA,KAAA,EAAAM,QAAA,CAAA;IACEC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,SAAS,EAAEhD,iBAAiB;EAAC,GACtDC,SAAS,CAAA,eAEbM,KAAC,CAAA+B,aAAA,CAAAW,eAAe,EACd;IAAAC,KAAK,EAAErD,qBAAqB;IAC5BsD,SAAS,EAAC,MAAM;IAChBC,QAAQ,EAAEV,oBAAoB;IAC9B7B,OAAO,EAAE,SAAAA,CAAA,EAAA;MAAY,OAAAV,iBAAiB,CAAC,MAAM,CAAC;IAAzB;GACrB,CAAA,eAEFI,KAAK,CAAA+B,aAAA,CAAA,KAAA,EAAA;IAAAO,SAAS,EAAEE,MAAM,CAACM;EAAqB,CAAG,EAAAvC,UAAU,EAAE,CAAO,eAElEP,KAAC,CAAA+B,aAAA,CAAAW,eAAe,EACd;IAAAC,KAAK,EAAEtD,iBAAiB;IACxBuD,SAAS,EAAC,MAAM;IAChBC,QAAQ,EAAET,gBAAgB;IAC1B9B,OAAO,EAAE,SAAAA,CAAA,EAAA;MAAY,OAAAV,iBAAiB,CAAC,MAAM,CAAC;IAAA;EAAA,CAAA,CAC9C,CACE;AAEV,CAAA;"}
1	+ {"version":3,"file":"Pagination.mjs","sources":["../../../src/Pagination/Pagination.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { DirectionalLink } from \"./subcomponents/DirectionalLink\"\nimport { PaginationLink } from \"./subcomponents/PaginationLink\"\nimport { TruncateIndicator } from \"./subcomponents/TruncateIndicator\"\nimport { createRange } from \"./utils/createRange\"\nimport styles from \"./Pagination.module.scss\"\n\nexport type PaginationProps = {\n currentPage: number\n pageCount: number\n ariaLabelNextPage: string\n ariaLabelPreviousPage: string\n ariaLabelPage: string\n onPageChange: (newPage: number) => void\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\ntype PageAction = \"prev\" \| \"next\"\n\n/*\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} \|\n * {@link https://cultureamp.design/?path=/docs/components-pagination--docs Storybook}\n /\nexport const Pagination = ({\n currentPage = 1,\n pageCount,\n ariaLabelNextPage,\n ariaLabelPreviousPage,\n ariaLabelPage,\n onPageChange,\n classNameOverride,\n ...restProps\n}: PaginationProps): JSX.Element => {\n // Click event for all pagination buttons (next, prev, and the actual numbers)\n const handleButtonClick = (newPage: number \| PageAction): void => {\n if (newPage === \"prev\") {\n onPageChange(currentPage - 1)\n return\n }\n if (newPage === \"next\") {\n onPageChange(currentPage + 1)\n return\n }\n onPageChange(newPage)\n }\n\n const paginationIndicator = (page: number): JSX.Element => (\n <PaginationLink\n key={page}\n pageNumber={page}\n isActive={currentPage === page}\n aria-label={`${ariaLabelPage} ${page}`}\n onClick={() => handleButtonClick(page)}\n />\n )\n\n const pagination = (): JSX.Element[] => {\n const items: JSX.Element[] = []\n\n const boundaryPagesRange = 1\n const siblingPagesRange = 1\n\n // truncateSize is 1 now but could be 0 if we add the ability to hide it.\n const truncateSize = 1\n\n const showAllPages =\n 1 + 2 truncateSize + 2 * siblingPagesRange + 2 * boundaryPagesRange >=\n pageCount\n\n // Simplify generation of pages if number of available items is equal or greater than total pages to show\n if (showAllPages) {\n return createRange(1, pageCount).map(paginationIndicator)\n } else {\n // Calculate group of first pages\n const firstPagesStart = 1\n const firstPagesEnd = boundaryPagesRange\n const firstPages = createRange(firstPagesStart, firstPagesEnd).map(\n paginationIndicator\n )\n\n // Calculate group of last pages\n const lastPagesStart = pageCount + 1 - boundaryPagesRange\n const lastPagesEnd = pageCount\n const lastPages = createRange(lastPagesStart, lastPagesEnd).map(\n paginationIndicator\n )\n\n // Calculate group of main pages\n const mainPagesStart = Math.min(\n Math.max(\n currentPage - siblingPagesRange,\n firstPagesEnd + truncateSize + 1\n ),\n lastPagesStart - truncateSize - 2 * siblingPagesRange - 1\n )\n const mainPagesEnd = mainPagesStart + 2 * siblingPagesRange\n const mainPages = createRange(mainPagesStart, mainPagesEnd).map(\n paginationIndicator\n )\n\n // Add group of first pages\n items.push(...firstPages)\n\n // Calculate and add truncate before group of main pages\n const firstEllipsisPageNumber = mainPagesStart - 1\n const showPageInsteadOfFirstEllipsis =\n firstEllipsisPageNumber === firstPagesEnd + 1\n items.push(\n showPageInsteadOfFirstEllipsis ? (\n paginationIndicator(firstEllipsisPageNumber)\n ) : (\n <TruncateIndicator key={firstEllipsisPageNumber} />\n )\n )\n\n // Add group of main pages\n items.push(...mainPages)\n\n // Calculate and add truncate after group of main pages\n const secondEllipsisPageNumber = mainPagesEnd + 1\n const showPageInsteadOfSecondEllipsis =\n secondEllipsisPageNumber === lastPagesStart - 1\n items.push(\n showPageInsteadOfSecondEllipsis ? (\n paginationIndicator(secondEllipsisPageNumber)\n ) : (\n <TruncateIndicator key={secondEllipsisPageNumber} />\n )\n )\n\n // Add group of last pages\n items.push(...lastPages)\n }\n return items\n }\n\n const previousPageDisabled = currentPage <= 1\n const nextPageDisabled = currentPage >= pageCount\n\n return (\n <nav\n className={classnames(styles.container, classNameOverride)}\n {...restProps}\n >\n <DirectionalLink\n label={ariaLabelPreviousPage}\n direction=\"prev\"\n disabled={previousPageDisabled}\n onClick={(): void => handleButtonClick(\"prev\")}\n />\n\n <div className={styles.pagesIndicatorWrapper}>{pagination()}</div>\n\n <DirectionalLink\n label={ariaLabelNextPage}\n direction=\"next\"\n disabled={nextPageDisabled}\n onClick={(): void => handleButtonClick(\"next\")}\n />\n </nav>\n )\n}\n"],"names":["Pagination","_a","_b","currentPage","pageCount","ariaLabelNextPage","ariaLabelPreviousPage","ariaLabelPage","onPageChange","classNameOverride","restProps","__rest","handleButtonClick","newPage","paginationIndicator","page","React","PaginationLink","key","pageNumber","isActive","concat","onClick","pagination","items","boundaryPagesRange","siblingPagesRange","truncateSize","showAllPages","createRange","map","firstPagesStart","firstPagesEnd","firstPages","lastPagesStart","lastPagesEnd","lastPages","mainPagesStart","Math","min","max","mainPagesEnd","mainPages","push","apply","firstEllipsisPageNumber","showPageInsteadOfFirstEllipsis","createElement","TruncateIndicator","secondEllipsisPageNumber","showPageInsteadOfSecondEllipsis","previousPageDisabled","nextPageDisabled","__assign","className","classnames","styles","container","DirectionalLink","label","direction","disabled","pagesIndicatorWrapper"],"mappings":"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"}

package/dist/esm/Popover/Popover.mjs CHANGED Viewed

@@ -84,21 +84,22 @@ const Popover = /*#__PURE__*/function () {
       className: classnames(styles.root, mapSizeToClass(size), classNameOverride)
     }, restProps), /*#__PURE__*/React.createElement("div", {
       className: mapVariantToBoxClass(variant)
-    }, heading && /*#__PURE__*/React.createElement("div", {
+    }, heading && ( /*#__PURE__*/React.createElement("div", {
       className: styles.header
-    }, variant !== "default" && /*#__PURE__*/React.createElement("span", {
+    }, variant !== "default" && ( /*#__PURE__*/React.createElement("span", {
       className: classnames(styles.icon, mapVariantToIconClass(variant))
-    }, customIcon !== null && customIcon !== void 0 ? customIcon : mapVariantToIcon(variant)), /*#__PURE__*/React.createElement(Heading, {
+    }, customIcon !== null && customIcon !== void 0 ? customIcon : mapVariantToIcon(variant))), /*#__PURE__*/React.createElement(Heading, {
       variant: "heading-6",
       classNameOverride: styles.singleLine
-    }, heading), dismissible && /*#__PURE__*/React.createElement("button", {
+    }, heading), dismissible && ( /*#__PURE__*/React.createElement("button", {
       className: styles.close,
       onClick: onClose,
       type: "button",
       "aria-label": "close"
     }, /*#__PURE__*/React.createElement(CloseIcon, {
       role: "presentation"
-    }))), /*#__PURE__*/React.createElement(Text, {
+    }))))), /*#__PURE__*/React.createElement(Text, {
+      tag: "div",
       variant: "small",
       classNameOverride: classnames(styles.container, mapLineVariant(singleLine))
     }, children)), /*#__PURE__*/React.createElement("div", {
@@ -143,9 +144,9 @@ var usePopover = function () {
   // eslint-disable-next-line react/display-name
   function () {
     return function (props) {
-      return referenceElement ? /*#__PURE__*/React.createElement(Popover, __assign({}, props, {
+      return referenceElement ? ( /*#__PURE__*/React.createElement(Popover, __assign({}, props, {
         referenceElement: referenceElement
-      })) : null;
+      }))) : null;
     };
   }, [referenceElement]);
   return [setReferenceElement, PopoverWithRef];

package/dist/esm/Popover/Popover.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.mjs","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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"}
1	+ {"version":3,"file":"Popover.mjs","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/esm/ProgressBar/ProgressBar.mjs CHANGED Viewed

@@ -42,13 +42,13 @@ const ProgressBar = /*#__PURE__*/function () {
       style: {
         transform: "translateX(-".concat(100 - percentage, "%")
       }
-    })), subtext && /*#__PURE__*/React.createElement("div", {
+    })), subtext && ( /*#__PURE__*/React.createElement("div", {
       className: styles.subtext
     }, /*#__PURE__*/React.createElement(Heading, {
       variant: "heading-6",
       tag: "p",
       color: isReversed ? "white" : "dark"
-    }, subtext)));
+    }, subtext))));
   };
   ProgressBar.displayName = "ProgressBar";
   return ProgressBar;

package/dist/esm/ProgressBar/ProgressBar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.mjs","sources":["../../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Heading } from \"~components/Heading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Label } from \"./subcomponents/Label\"\nimport { calculatePercentage } from \"./utils/calculatePercentage\"\nimport styles from \"./ProgressBar.module.scss\"\n\nexport type ProgressBarProps = {\n /** A value that represents completed progress /\n value: number\n /* A value that sets the maximum progress that can be achieved /\n max: number\n /* Adds an animated state to indicate loading progress /\n isAnimating: boolean\n mood: Mood\n subtext?: string\n label?: string\n isReversed: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\ntype Mood = \"positive\" \| \"informative\" \| \"negative\" \| \"cautionary\"\n\n/\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} \|\n * {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}\n */\nexport const ProgressBar = ({\n value,\n max,\n isAnimating,\n mood,\n subtext,\n label,\n classNameOverride,\n isReversed = false,\n ...restProps\n}: ProgressBarProps): JSX.Element => {\n const percentage = calculatePercentage({ value, max })\n return (\n <div\n role=\"progressbar\"\n aria-valuenow={percentage}\n aria-valuemin={0}\n aria-valuemax={100}\n className={classNameOverride}\n {...restProps}\n >\n {label && <Label content={label} isReversed={isReversed} />}\n <div className={styles.progressBackground}>\n <div\n className={classnames(\n styles[mood],\n isAnimating && styles.isAnimating\n )}\n style={{ transform: `translateX(-${100 - percentage}%` }}\n />\n </div>\n {subtext && (\n <div className={styles.subtext}>\n <Heading\n variant=\"heading-6\"\n tag=\"p\"\n color={isReversed ? \"white\" : \"dark\"}\n >\n {subtext}\n </Heading>\n </div>\n )}\n </div>\n )\n}\n\nProgressBar.displayName = \"ProgressBar\"\n"],"names":["ProgressBar","_a","value","max","isAnimating","mood","subtext","label","classNameOverride","_b","isReversed","restProps","__rest","percentage","calculatePercentage","React","createElement","__assign","role","className","Label","content","styles","progressBackground","classnames","style","transform","concat","Heading","variant","tag","color","displayName"],"mappings":";;;;;;;;AAuBA;;;AAGG;AAHH,MAIaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAUT,EAAA;IATjB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MACHC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACXC,IAAI,GAAAJ,EAAA,CAAAI,IAAA;MACJC,OAAO,GAAAL,EAAA,CAAAK,OAAA;MACPC,KAAK,GAAAN,EAAA,CAAAM,KAAA;MACLC,iBAAiB,GAAAP,EAAA,CAAAO,iBAAA;MACjBC,kBAAkB;MAAlBC,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACfE,SAAS,GAAAC,MAAA,CAAAX,EAAA,EATc,8FAU3B,CADa;IAEZ,IAAMY,UAAU,GAAGC,mBAAmB,CAAC;MAAEZ,KAAK,EAAAA,KAAA;MAAEC,GAAG,EAAAA;IAAA,CAAE,CAAC;IACtD,oBACEY,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,IAAI,EAAC,aAAa;uBACHL,UAAU;MAAA,eAAA,EACV,CAAC;MAAA,eAAA,EACD,GAAG;MAClBM,SAAS,EAAEX;OACPG,SAAS,CAAA,EAEZJ,KAAK,iBAAIQ,KAAC,CAAAC,aAAA,CAAAI,KAAK,EAAC;MAAAC,OAAO,EAAEd,KAAK;MAAEG,UAAU,EAAEA;KAAc,CAAA,eAC3DK,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEG,MAAM,CAACC;IAAkB,CAAA,eACvCR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEG,SAAS,EAAEK,UAAU,CACnBF,MAAM,CAACjB,IAAI,CAAC,EACZD,WAAW,IAAIkB,MAAM,CAAClB,WAAW,CAClC;MACDqB,KAAK,EAAE;QAAEC,SAAS,EAAE,cAAA,CAAAC,MAAA,CAAe,GAAG,GAAGd,UAAU,EAAA,GAAA;MAAK;IAAA,CAAA,CACxD,CACE,EACLP,OAAO,~~iBACNS~~,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEG,MAAM,CAAChB;IAAO,CAAA,eAC5BS,KAAA,CAAAC,aAAA,CAACY,OAAO,EAAA;MACNC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,GAAG;MACPC,KAAK,EAAErB,UAAU,GAAG,OAAO,GAAG;IAAM,CAAA,EAEnCJ,OAAO,CACA,~~CAEb~~,CACG;EAEV,CAAC;EAEDN,WAAW,CAACgC,WAAW,GAAG,aAAa;EAAA,OA9C1BhC,WAAW;AAAA;"}
1	+ {"version":3,"file":"ProgressBar.mjs","sources":["../../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Heading } from \"~components/Heading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Label } from \"./subcomponents/Label\"\nimport { calculatePercentage } from \"./utils/calculatePercentage\"\nimport styles from \"./ProgressBar.module.scss\"\n\nexport type ProgressBarProps = {\n /** A value that represents completed progress /\n value: number\n /* A value that sets the maximum progress that can be achieved /\n max: number\n /* Adds an animated state to indicate loading progress /\n isAnimating: boolean\n mood: Mood\n subtext?: string\n label?: string\n isReversed: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\ntype Mood = \"positive\" \| \"informative\" \| \"negative\" \| \"cautionary\"\n\n/\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} \|\n * {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}\n */\nexport const ProgressBar = ({\n value,\n max,\n isAnimating,\n mood,\n subtext,\n label,\n classNameOverride,\n isReversed = false,\n ...restProps\n}: ProgressBarProps): JSX.Element => {\n const percentage = calculatePercentage({ value, max })\n return (\n <div\n role=\"progressbar\"\n aria-valuenow={percentage}\n aria-valuemin={0}\n aria-valuemax={100}\n className={classNameOverride}\n {...restProps}\n >\n {label && <Label content={label} isReversed={isReversed} />}\n <div className={styles.progressBackground}>\n <div\n className={classnames(\n styles[mood],\n isAnimating && styles.isAnimating\n )}\n style={{ transform: `translateX(-${100 - percentage}%` }}\n />\n </div>\n {subtext && (\n <div className={styles.subtext}>\n <Heading\n variant=\"heading-6\"\n tag=\"p\"\n color={isReversed ? \"white\" : \"dark\"}\n >\n {subtext}\n </Heading>\n </div>\n )}\n </div>\n )\n}\n\nProgressBar.displayName = \"ProgressBar\"\n"],"names":["ProgressBar","_a","value","max","isAnimating","mood","subtext","label","classNameOverride","_b","isReversed","restProps","__rest","percentage","calculatePercentage","React","createElement","__assign","role","className","Label","content","styles","progressBackground","classnames","style","transform","concat","Heading","variant","tag","color","displayName"],"mappings":";;;;;;;;AAuBA;;;AAGG;AAHH,MAIaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAUT,EAAA;IATjB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MACHC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACXC,IAAI,GAAAJ,EAAA,CAAAI,IAAA;MACJC,OAAO,GAAAL,EAAA,CAAAK,OAAA;MACPC,KAAK,GAAAN,EAAA,CAAAM,KAAA;MACLC,iBAAiB,GAAAP,EAAA,CAAAO,iBAAA;MACjBC,kBAAkB;MAAlBC,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACfE,SAAS,GAAAC,MAAA,CAAAX,EAAA,EATc,8FAU3B,CADa;IAEZ,IAAMY,UAAU,GAAGC,mBAAmB,CAAC;MAAEZ,KAAK,EAAAA,KAAA;MAAEC,GAAG,EAAAA;IAAA,CAAE,CAAC;IACtD,oBACEY,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,IAAI,EAAC,aAAa;uBACHL,UAAU;MAAA,eAAA,EACV,CAAC;MAAA,eAAA,EACD,GAAG;MAClBM,SAAS,EAAEX;OACPG,SAAS,CAAA,EAEZJ,KAAK,iBAAIQ,KAAC,CAAAC,aAAA,CAAAI,KAAK,EAAC;MAAAC,OAAO,EAAEd,KAAK;MAAEG,UAAU,EAAEA;KAAc,CAAA,eAC3DK,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEG,MAAM,CAACC;IAAkB,CAAA,eACvCR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEG,SAAS,EAAEK,UAAU,CACnBF,MAAM,CAACjB,IAAI,CAAC,EACZD,WAAW,IAAIkB,MAAM,CAAClB,WAAW,CAClC;MACDqB,KAAK,EAAE;QAAEC,SAAS,EAAE,cAAA,CAAAC,MAAA,CAAe,GAAG,GAAGd,UAAU,EAAA,GAAA;MAAK;IAAA,CAAA,CACxD,CACE,EACLP,OAAO,mBACNS,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEG,MAAM,CAAChB;IAAO,CAAA,eAC5BS,KAAA,CAAAC,aAAA,CAACY,OAAO,EAAA;MACNC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,GAAG;MACPC,KAAK,EAAErB,UAAU,GAAG,OAAO,GAAG;IAAM,CAAA,EAEnCJ,OAAO,CACA,CACN,CACP,CACG;EAEV,CAAC;EAEDN,WAAW,CAACgC,WAAW,GAAG,aAAa;EAAA,OA9C1BhC,WAAW;AAAA;"}

package/dist/esm/RichTextEditor/RichTextEditor/RichTextEditor.mjs CHANGED Viewed

@@ -56,6 +56,9 @@ const RichTextEditor = /*#__PURE__*/function () {
     var schema = useState(createSchemaFromControls(controls))[0];
     var labelId = useState(labelledBy || reactId)[0];
     var editorId = 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(ProseMirrorState.EditorState.create({
@@ -71,7 +74,8 @@ const RichTextEditor = /*#__PURE__*/function () {
           plugins: getPlugins(controls, schema)
         }), {
           "aria-labelledby": labelId,
-          role: "textbox"
+          role: "textbox",
+          "aria-describedby": ariaDescribedBy
         });
       } catch (_a) {
         return new Error("Bad data error");
@@ -96,15 +100,12 @@ 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 /*#__PURE__*/React.createElement(React.Fragment, null, !labelledBy && labelText && /*#__PURE__*/React.createElement(Label, {
       id: labelId,
       labelText: labelText
     }), /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.editorWrapper, styles[status])
-    }, controls && /*#__PURE__*/React.createElement(Toolbar, {
+    }, controls && ( /*#__PURE__*/React.createElement(Toolbar, {
       "aria-controls": editorId,
       "aria-label": "Text formatting",
       classNameOverride: styles.toolbar
@@ -123,19 +124,18 @@ const RichTextEditor = /*#__PURE__*/function () {
           }
         });
       }));
-    })), /*#__PURE__*/React.createElement("div", __assign({
+    }))), /*#__PURE__*/React.createElement("div", __assign({
       id: editorId,
       ref: editorRef,
-      className: classnames(styles.editor, styles["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && styles.hasToolbar),
-      "aria-describedby": ariaDescribedBy
-    }, restProps))), validationMessage && /*#__PURE__*/React.createElement(FieldMessage, {
+      className: classnames(styles.editor, styles["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && styles.hasToolbar)
+    }, restProps))), validationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
       id: validationMessageAria,
       message: validationMessage,
       status: status
-    }), description && /*#__PURE__*/React.createElement(FieldMessage, {
+    })), description && ( /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionAria,
       message: description
-    }));
+    })));
   };
   RichTextEditor.displayName = "RichTextEditor";
   return RichTextEditor;

package/dist/esm/RichTextEditor/RichTextEditor/RichTextEditor.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RichTextEditor.mjs","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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"}
1	+ {"version":3,"file":"RichTextEditor.mjs","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA;;;AAGG;AAHH,MAIaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAeT,EAAA;IAdpB,IAAAC,QAAQ,cAAA;MACRC,YAAY,kBAAA;MACZC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACUC,UAAU,GAAAJ,EAAA,CAAA,iBAAA,CAAA;MACTK,WAAW,GAAAL,EAAA,CAAA,kBAAA,CAAA;MAC/BM,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;MACjBC,QAAQ,GAAAP,EAAA,CAAAO,QAAA;MACRC,EAAQ,GAAAR,EAAA,CAAAS,IAAA;MAARA,IAAI,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,GAAAA,EAAA;MACRE,SAAS,GAAAV,EAAA,CAAAU,SAAA;MACTC,WAAW,GAAAX,EAAA,CAAAW,WAAA;MACXC,iBAAiB,GAAAZ,EAAA,CAAAY,iBAAA;MACjBC,WAAW,iBAAA;MACXC,EAAA,GAAAd,EAAA,CAAAe,MAAkB;MAAlBA,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,KAAA;MACfE,SAAS,GAdiBC,MAAA,CAAAjB,EAAA,EAAA,CAAA,UAAA,EAAA,cAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,aAAA,EAAA,QAAA,CAe9B,CADa;IAEZ,IAAMkB,OAAO,GAAGC,KAAK,EAAE;IAChB,IAAAC,MAAM,GAAIC,QAAQ,CACvBC,wBAAwB,CAACf,QAAQ,CAAC,CACnC,CAAA,CAAA,CAFY;IAGN,IAAAgB,OAAO,GAAIF,QAAQ,CAASjB,UAAU,IAAIc,OAAO,CAAC,CAAA,CAAA,CAA3C;IACP,IAAAM,QAAQ,GAAIH,QAAQ,CAASH,OAAO,CAAC,GAA7B;IACf,IAAMO,qBAAqB,GAAGb,iBAAiB,GAC3C,EAAG,CAAAc,MAAA,CAAAF,QAAQ,EAAyB,yBAAA,CAAA,GACpC,EAAE;IACN,IAAMG,eAAe,GAAGd,WAAW,GAAG,EAAG,CAAAa,MAAA,CAAAF,QAAQ,EAAkB,kBAAA,CAAA,GAAG,EAAE;IAExE,IAAMI,eAAe,GAAGC,UAAU,CAChCJ,qBAAqB,EACrBE,eAAe,EACftB,WAAW,CACZ;IAED,IAAMyB,uBAAuB,GAAI,YAAA;MAG/B,IAAI;QACF,OAAOC,iBAAiB,CACtBC,gBAAgB,CAACC,WAAW,CAACC,MAAM,CAAC;UAClCC,GAAG,EAAEC,gBAAgB,CAACC,IAAI,CAACC,QAAQ,CAAClB,MAAM,EAAE;YAC1CmB,IAAI,EAAE,KAAK;;;YAGXC,OAAO,EACL,CAAAtC,YAAY,KAAZ,IAAA,IAAAA,YAAY,uBAAZA,YAAY,CAAEuC,MAAM,IAAG,CAAC,GAAGvC,YAAY,GAAG,CAAC;cAAEqC,IAAI,EAAE;aAAa;WACnE,CAAC;UACFnB,MAAM,EAAAA,MAAA;UACNsB,OAAO,EAAEC,UAAU,CAACpC,QAAQ,EAAEa,MAAM;QACrC,CAAA,CAAC,EACF;UACE,iBAAiB,EAAEG,OAAO;UAC1BqB,IAAI,EAAE,SAAS;UACf,kBAAkB,EAAEhB;QACrB,CAAA,CACF;MACF,CAAA,CAAC,OAAA5B,EAAA,EAAM;QACN,OAAO,IAAI6C,KAAK,CAAC,gBAAgB,CAAC;MACnC;KACF,EAAG;IAEJ,IAAIf,uBAAuB,YAAYe,KAAK,EAAE;MAC5ClC,WAAW,IAAIA,WAAW,CAAA,CAAE;MAC5B,oBACEmC,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAA;QACjBC,YAAY,EAAE;UACZC,QAAQ,EAAE,OAAO;UACjBC,OAAO,EAAE;SACV;QACDZ,IAAI,EAAC,UAAU;QACfa,UAAU,EAET;MAAA,CAAA,EAAA1C,SAAS,IAAI,sBAAsB,CACjB;IAExB;IAEM,IAAA2C,SAAS,GAAsCvB,uBAAuB,CAAA,CAAA,CAA7D;MAAEwB,WAAW,GAAyBxB,uBAAuB,CAAA,CAAA,CAAhD;MAAEyB,mBAAmB,GAAIzB,uBAAuB,GAA3B;IAElD,IAAM0B,UAAU,GAAGC,eAAe,CAACrC,MAAM,EAAEkC,WAAW,EAAE/C,QAAQ,CAAC;IAEjEmD,SAAS,CAAC,YAAA;MACRzD,QAAQ,CAACqD,WAAW,CAAC;;IAEvB,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;IAEjB,oBACER,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAa,QAAA,EAAA,IAAA,EACG,CAACvD,UAAU,IAAID,SAAS,iBAAI2C,oBAACc,KAAK,EAAA;MAACC,EAAE,EAAEtC,OAAO;MAAEpB,SAAS,EAAEA;KAAa,CAAA,eAEzE2C,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKe,SAAS,EAAEjC,UAAU,CAACkC,MAAM,CAACC,aAAa,EAAED,MAAM,CAAChD,MAAM,CAAC;IAAC,CAAA,EAC7DR,QAAQ,mBACPuC,KAAA,CAAAC,aAAA,CAACkB,OAAO,EAAA;MAAA,eAAA,EACSzC,QAAQ;MACZ,YAAA,EAAA,iBAAiB;MAC5BlB,iBAAiB,EAAEyD,MAAM,CAACG;KAAO,EAEhCV,UAAU,CAACW,GAAG,CAAC,UAACC,OAAO,EAAEC,KAAK,EAAK;MAAA,oBAClCvB,KAAC,CAAAC,aAAA,CAAAuB,cAAc,EAAC;QAAAC,GAAG,EAAEF;MAAK,CAAA,EACvBD,OAAO,CAACD,GAAG,CAAC,UAACK,aAAa,EAAEC,eAAe,EAAK;QAAA,oBAC/C3B,KAAA,CAAAC,aAAA,CAAC2B,gBAAgB,EACf;UAAAH,GAAG,EAAEE,eAAe;UACpBE,IAAI,EAAEH,aAAa,CAACG,IAAI;UACxBC,QAAQ,EAAEJ,aAAa,CAACI,QAAQ;UAChCC,KAAK,EAAEL,aAAa,CAACK,KAAK;UAC1BC,QAAQ,EAAEN,aAAa,CAACM,QAAQ;UAChCC,OAAO,EAAE,SAAAA,CAAA,EAAA;YACP,OAAAxB,mBAAmB,CAACiB,aAAa,CAACQ,MAAM,CAAC;UAAA;QAAA,CAAA,CAE3C;MACH,CAAA,CAAC,CACa;IAdiB,CAenC,CAAC,CACM,CACX,eACDlC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAkC,QAAA,CAAA;MACEpB,EAAE,EAAErC,QAAQ;MACZ0D,GAAG,EAAE7B,SAAS;MACdS,SAAS,EAAEjC,UAAU,CACnBkC,MAAM,CAACoB,MAAM,EACbpB,MAAM,CAAC,cAAOtD,IAAI,CAAE,CAAC,EACrBH,iBAAiB,EACjBC,QAAQ,IAAI,IAAI,IAAIA,QAAQ,CAACkC,MAAM,GAAG,CAAC,IAAIsB,MAAM,CAACqB,UAAU;IAC7D,CACG,EAAApE,SAAS,EACb,CACE,EAELJ,iBAAiB,mBAChBkC,KAAA,CAAAC,aAAA,CAACsC,YAAY,EAAA;MACXxB,EAAE,EAAEpC,qBAAqB;MACzB6D,OAAO,EAAE1E,iBAAiB;MAC1BG,MAAM,EAAEA;MACR,CACH,EAEAF,WAAW,mBACViC,KAAA,CAAAC,aAAA,CAACsC,YAAY,EAAA;MAACxB,EAAE,EAAElC,eAAe;MAAE2D,OAAO,EAAEzE;KAAW,CAAI,CAC5D,CACA;EAEP,CAAC;EAEDd,cAAc,CAACwF,WAAW,GAAG,gBAAgB;EAAA,OA9IhCxF,cAAc;AAAA;AAgJ3B,SAAS4C,UAAUA,CACjBpC,QAAoC,EACpCa,MAA+B,EAAA;EAU/B,IAAMoE,eAAe,GAAajF,QAAQ,GACtCA,QAAQ,CAACkF,MAAM,CAAC,UAACC,GAAa,EAAEC,CAAe,EAAA;IAAK,uCAAID,GAAG,EAAA,IAAA,CAAA,EAAA,CAAEC,CAAC,CAACC,IAAI;EAAC,CAAA,EAAE,EAAE,CAAC,GACzE,EAAE;EACN,IAAMlD,OAAO,GAAG,CACdmD,kBAAkB,CAACC,OAAO,CAAE,CAAA,EAC5BC,iBAAiB,CAACC,MAAM,CAACC,WAAW,CAAC7E,MAAM,CAAC,CAAC,EAC7C2E,iBAAiB,CAACC,MAAM,CAACE,mBAAmB,CAACC,UAAU,CAAC,EACxDC,eAAe,CAAChF,MAAM,CAAC,CACxB;EAED,IAAIoE,eAAe,CAACa,QAAQ,CAAC,MAAM,CAAC,EAAE;IACpC3D,OAAO,CAAC4D,IAAI,CACVC,iBAAiB,CAAC;MAChBC,QAAQ,EAAEpF,MAAM,CAACqF,KAAK,CAACC;IACxB,CAAA,CAAC,CACH;EACF;EAED,OAAOhE,OAAO;AAChB;"}

package/dist/esm/RichTextEditor/RichTextEditor/utils/controlmap.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"controlmap.mjs","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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"}
1	+ {"version":3,"file":"controlmap.mjs","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/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs CHANGED Viewed

@@ -20,7 +20,7 @@ const LinkEditor = /*#__PURE__*/function () {
     var _e = useState(attrs.href ? attrs.href : undefined),
       href = _e[0],
       setHref = _e[1];
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isPopoverOpen && /*#__PURE__*/React.createElement(LinkPopover, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isPopoverOpen && ( /*#__PURE__*/React.createElement(LinkPopover, {
       href: href,
       selectionPosition: selectionPosition,
       onRemove: function () {
@@ -31,7 +31,7 @@ const LinkEditor = /*#__PURE__*/function () {
         setIsPopoverOpen(false);
         setModalOpen(true);
       }
-    }), /*#__PURE__*/React.createElement(LinkModal, {
+    })), /*#__PURE__*/React.createElement(LinkModal, {
       defaultHref: href,
       isOpen: modalOpen,
       onAfterLeave: focusEditor,

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinkEditor.mjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { SelectionPosition } from \"../../types\"\nimport { LinkModal } from \"../LinkModal\"\nimport { LinkPopover } from \"../LinkPopover\"\n\nexport type LinkEditorAttrs = {\n href: string \| null\n _metadata: { [key: string]: unknown } \| null\n}\n\nexport type LinkEditorProps = {\n removeMark: () => void\n updateAttrs: ({ href }: LinkEditorAttrs) => void\n attrs: LinkEditorAttrs\n selectionPosition: SelectionPosition\n focusEditor: () => void\n}\n\nexport const LinkEditor = ({\n attrs,\n removeMark,\n updateAttrs,\n selectionPosition,\n focusEditor,\n}: LinkEditorProps): JSX.Element => {\n const [isPopoverOpen, setIsPopoverOpen] = useState<boolean>(\n attrs.href != null\n )\n const [modalOpen, setModalOpen] = useState<boolean>(\n // eslint-disable-next-line no-underscore-dangle\n attrs._metadata?.added === true\n )\n\n const [href, setHref] = useState<string \| undefined>(\n attrs.href ? attrs.href : undefined\n )\n\n return (\n <>\n {isPopoverOpen && (\n <LinkPopover\n href={href}\n selectionPosition={selectionPosition}\n onRemove={() => {\n removeMark()\n focusEditor()\n }}\n onEdit={() => {\n setIsPopoverOpen(false)\n setModalOpen(true)\n }}\n />\n )}\n <LinkModal\n defaultHref={href}\n isOpen={modalOpen}\n onAfterLeave={focusEditor}\n onSubmit={(submittedHref: string) => {\n setHref(submittedHref)\n updateAttrs({ href: submittedHref, _metadata: null })\n setModalOpen(false)\n }}\n onDismiss={() => {\n setModalOpen(false)\n if (href) {\n setIsPopoverOpen(true)\n } else {\n removeMark()\n }\n }}\n />\n </>\n )\n}\n\nLinkEditor.displayName = \"LinkEditor\"\n"],"names":["LinkEditor","_a","attrs","removeMark","updateAttrs","selectionPosition","focusEditor","_c","useState","href","isPopoverOpen","setIsPopoverOpen","_d","_b","_metadata","added","modalOpen","setModalOpen","_e","undefined","setHref","React","createElement","Fragment","LinkPopover","onRemove","onEdit","LinkModal","defaultHref","isOpen","onAfterLeave","onSubmit","submittedHref","onDismiss","displayName"],"mappings":";;;MAkBaA,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAMT,EAAA;;IALhB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,UAAU,GAAAF,EAAA,CAAAE,UAAA;MACVC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACXC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACjBC,WAAW,GAAAL,EAAA,CAAAK,WAAA;IAEL,IAAAC,EAAoC,GAAAC,QAAQ,CAChDN,KAAK,CAACO,IAAI,IAAI,IAAI,CACnB;MAFMC,aAAa,GAAAH,EAAA,CAAA,CAAA,CAAA;MAAEI,gBAAgB,QAErC;IACK,IAAAC,KAA4BJ,QAAQ;;MAExC,CAAA,CAAAK,EAAA,GAAAX,KAAK,CAACY,SAAS,0CAAEC,KAAK,MAAK,IAAI,CAChC;MAHMC,SAAS,GAAAJ,EAAA,CAAA,CAAA,CAAA;MAAEK,YAAY,QAG7B;IAEK,IAAAC,EAAA,GAAkBV,QAAQ,CAC9BN,KAAK,CAACO,IAAI,GAAGP,KAAK,CAACO,IAAI,GAAGU,SAAS,CACpC;MAFMV,IAAI,GAAAS,EAAA,CAAA,CAAA,CAAA;MAAEE,OAAO,GAAAF,EAAA,CAAA,CAAA,CAEnB;IAED,oBACEG,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACGb,aAAa,~~iBACZW~~,KAAC,CAAAC,aAAA,CAAAE,WAAW;MACVf,IAAI,EAAEA,IAAI;MACVJ,iBAAiB,EAAEA,iBAAiB;MACpCoB,QAAQ,EAAE,SAAAA,CAAA,EAAA;QACRtB,UAAU,EAAE;QACZG,WAAW,EAAE;MACd,CAAA;MACDoB,MAAM,EAAE,SAAAA,CAAA,EAAA;QACNf,gBAAgB,CAAC,KAAK,CAAC;QACvBM,YAAY,CAAC,IAAI,CAAC;MACnB;IAAA,~~EAEJ~~,eACDI,KAAA,CAAAC,aAAA,CAACK,SAAS,EACR;MAAAC,WAAW,EAAEnB,IAAI;MACjBoB,MAAM,EAAEb,SAAS;MACjBc,YAAY,EAAExB,WAAW;MACzByB,QAAQ,EAAE,SAAAA,CAACC,aAAqB,EAAA;QAC9BZ,OAAO,CAACY,aAAa,CAAC;QACtB5B,WAAW,CAAC;UAAEK,IAAI,EAAEuB,aAAa;UAAElB,SAAS,EAAE;QAAM,CAAA,CAAC;QACrDG,YAAY,CAAC,KAAK,CAAC;MACpB,CAAA;MACDgB,SAAS,EAAE,SAAAA,CAAA,EAAA;QACThB,YAAY,CAAC,KAAK,CAAC;QACnB,IAAIR,IAAI,EAAE;UACRE,gBAAgB,CAAC,IAAI,CAAC;QACvB,CAAA,MAAM;UACLR,UAAU,EAAE;QACb;MACF;IAAA,CAAA,CACD,CACD;EAEP,CAAC;EAEDH,UAAU,CAACkC,WAAW,GAAG,YAAY;EAAA,OAzDxBlC,UAAU;AAAA;"}
1	+ {"version":3,"file":"LinkEditor.mjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { SelectionPosition } from \"../../types\"\nimport { LinkModal } from \"../LinkModal\"\nimport { LinkPopover } from \"../LinkPopover\"\n\nexport type LinkEditorAttrs = {\n href: string \| null\n _metadata: { [key: string]: unknown } \| null\n}\n\nexport type LinkEditorProps = {\n removeMark: () => void\n updateAttrs: ({ href }: LinkEditorAttrs) => void\n attrs: LinkEditorAttrs\n selectionPosition: SelectionPosition\n focusEditor: () => void\n}\n\nexport const LinkEditor = ({\n attrs,\n removeMark,\n updateAttrs,\n selectionPosition,\n focusEditor,\n}: LinkEditorProps): JSX.Element => {\n const [isPopoverOpen, setIsPopoverOpen] = useState<boolean>(\n attrs.href != null\n )\n const [modalOpen, setModalOpen] = useState<boolean>(\n // eslint-disable-next-line no-underscore-dangle\n attrs._metadata?.added === true\n )\n\n const [href, setHref] = useState<string \| undefined>(\n attrs.href ? attrs.href : undefined\n )\n\n return (\n <>\n {isPopoverOpen && (\n <LinkPopover\n href={href}\n selectionPosition={selectionPosition}\n onRemove={() => {\n removeMark()\n focusEditor()\n }}\n onEdit={() => {\n setIsPopoverOpen(false)\n setModalOpen(true)\n }}\n />\n )}\n <LinkModal\n defaultHref={href}\n isOpen={modalOpen}\n onAfterLeave={focusEditor}\n onSubmit={(submittedHref: string) => {\n setHref(submittedHref)\n updateAttrs({ href: submittedHref, _metadata: null })\n setModalOpen(false)\n }}\n onDismiss={() => {\n setModalOpen(false)\n if (href) {\n setIsPopoverOpen(true)\n } else {\n removeMark()\n }\n }}\n />\n </>\n )\n}\n\nLinkEditor.displayName = \"LinkEditor\"\n"],"names":["LinkEditor","_a","attrs","removeMark","updateAttrs","selectionPosition","focusEditor","_c","useState","href","isPopoverOpen","setIsPopoverOpen","_d","_b","_metadata","added","modalOpen","setModalOpen","_e","undefined","setHref","React","createElement","Fragment","LinkPopover","onRemove","onEdit","LinkModal","defaultHref","isOpen","onAfterLeave","onSubmit","submittedHref","onDismiss","displayName"],"mappings":";;;MAkBaA,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAMT,EAAA;;IALhB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,UAAU,GAAAF,EAAA,CAAAE,UAAA;MACVC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACXC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACjBC,WAAW,GAAAL,EAAA,CAAAK,WAAA;IAEL,IAAAC,EAAoC,GAAAC,QAAQ,CAChDN,KAAK,CAACO,IAAI,IAAI,IAAI,CACnB;MAFMC,aAAa,GAAAH,EAAA,CAAA,CAAA,CAAA;MAAEI,gBAAgB,QAErC;IACK,IAAAC,KAA4BJ,QAAQ;;MAExC,CAAA,CAAAK,EAAA,GAAAX,KAAK,CAACY,SAAS,0CAAEC,KAAK,MAAK,IAAI,CAChC;MAHMC,SAAS,GAAAJ,EAAA,CAAA,CAAA,CAAA;MAAEK,YAAY,QAG7B;IAEK,IAAAC,EAAA,GAAkBV,QAAQ,CAC9BN,KAAK,CAACO,IAAI,GAAGP,KAAK,CAACO,IAAI,GAAGU,SAAS,CACpC;MAFMV,IAAI,GAAAS,EAAA,CAAA,CAAA,CAAA;MAAEE,OAAO,GAAAF,EAAA,CAAA,CAAA,CAEnB;IAED,oBACEG,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACGb,aAAa,mBACZW,KAAC,CAAAC,aAAA,CAAAE,WAAW;MACVf,IAAI,EAAEA,IAAI;MACVJ,iBAAiB,EAAEA,iBAAiB;MACpCoB,QAAQ,EAAE,SAAAA,CAAA,EAAA;QACRtB,UAAU,EAAE;QACZG,WAAW,EAAE;MACd,CAAA;MACDoB,MAAM,EAAE,SAAAA,CAAA,EAAA;QACNf,gBAAgB,CAAC,KAAK,CAAC;QACvBM,YAAY,CAAC,IAAI,CAAC;MACnB;IAAA,EACD,CACH,eACDI,KAAA,CAAAC,aAAA,CAACK,SAAS,EACR;MAAAC,WAAW,EAAEnB,IAAI;MACjBoB,MAAM,EAAEb,SAAS;MACjBc,YAAY,EAAExB,WAAW;MACzByB,QAAQ,EAAE,SAAAA,CAACC,aAAqB,EAAA;QAC9BZ,OAAO,CAACY,aAAa,CAAC;QACtB5B,WAAW,CAAC;UAAEK,IAAI,EAAEuB,aAAa;UAAElB,SAAS,EAAE;QAAM,CAAA,CAAC;QACrDG,YAAY,CAAC,KAAK,CAAC;MACpB,CAAA;MACDgB,SAAS,EAAE,SAAAA,CAAA,EAAA;QACThB,YAAY,CAAC,KAAK,CAAC;QACnB,IAAIR,IAAI,EAAE;UACRE,gBAAgB,CAAC,IAAI,CAAC;QACvB,CAAA,MAAM;UACLR,UAAU,EAAE;QACb;MACF;IAAA,CAAA,CACD,CACD;EAEP,CAAC;EAEDH,UAAU,CAACkC,WAAW,GAAG,YAAY;EAAA,OAzDxBlC,UAAU;AAAA;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { forwardRef, useState, useRef, useEffect } from 'react';
+import React, { forwardRef, useState, useEffect, useRef } from 'react';
 import { createPortal } from 'react-dom';
 import debounce from 'lodash.debounce';
 const Positioner = /*#__PURE__*/function () {
@@ -7,9 +7,16 @@ const Positioner = /*#__PURE__*/function () {
       left = _a.left,
       height = _a.height,
       width = _a.width;
-    var _b = useState([window.scrollX, window.scrollY]),
-      windowScroll = _b[0],
-      setWindowScroll = _b[1];
+    var _b = useState(),
+      portalContainer = _b[0],
+      setPortalContainer = _b[1];
+    var _c = useState(),
+      windowScroll = _c[0],
+      setWindowScroll = _c[1];
+    useEffect(function () {
+      setWindowScroll([window.scrollX, window.scrollY]);
+      setPortalContainer(document.body);
+    }, []);
     var onResize = useRef(debounce(function () {
       return setWindowScroll([window.scrollX, window.scrollY]);
     }, 15));
@@ -20,6 +27,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 /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
@@ -32,7 +40,7 @@ const Positioner = /*#__PURE__*/function () {
         top: "".concat(top + y, "px"),
         width: "".concat(width, "px")
       }
-    }), document.body);
+    }), portalContainer);
   });
   Positioner.displayName = "Positioner";
   return Positioner;

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Positioner.mjs","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,gBAAGC,UAAU,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~~,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,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~~,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,~~oBAAOY~~,YAAY,eACjBC,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;"}
1	+ {"version":3,"file":"Positioner.mjs","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,gBAAGC,UAAU,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,QAAQ,CAAe,CAAA;MAA9DC,eAAe,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,kBAAkB,GAAAH,EAAA,CAAA,CAAA,CAA2B;IAC/D,IAAAI,EAAA,GAAkCH,QAAQ,CAAoB,CAAA;MAA7DI,YAAY,GAAAD,EAAA,CAAA,CAAA,CAAA;MAAEE,eAAe,GAAAF,EAAA,CAAA,CAAA,CAAgC;IAEpEG,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,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,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,oBAAOkB,YAAY,eACjBC,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/esm/RichTextEditor/utils/schema/marks.mjs CHANGED Viewed

@@ -19,18 +19,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/esm/RichTextEditor/utils/schema/marks.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"marks.mjs","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,6BACnCC,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,YAAY,~~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;"}
1	+ {"version":3,"file":"marks.mjs","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,6BACnCC,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,YAAY,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;"}