@elliemae/ds-accordion 3.4.2 → 3.4.3

package/dist/cjs/parts/accordionItem/DSAccordionItem.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSAccordionItem_exports = {};
 __export(DSAccordionItem_exports, {
@@ -27,7 +30,8 @@ __export(DSAccordionItem_exports, {
 });
 module.exports = __toCommonJS(DSAccordionItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_button = require("@elliemae/ds-button");
 var import_ds_popperjs = require("@elliemae/ds-popperjs");
@@ -38,7 +42,10 @@ var import_DSAccordionCTX = require("../../DSAccordionCTX");
 var import_DSAccordionDatatestid = require("../../exported-related/DSAccordionDatatestid");
 var import_react_desc_prop_types = require("../../react-desc-prop-types");
 const DSAccordionItem = (props) => {
-  const propsWithDefaults = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_defaultProps.accordionItemDefaultProps);
+  const propsWithDefaults = (0, import_ds_utilities.useMemoMergePropsWithDefault)(
+    props,
+    import_defaultProps.accordionItemDefaultProps
+  );
   const {
     children,
     title,
@@ -60,64 +67,99 @@ const DSAccordionItem = (props) => {
     actualActiveValue,
     props: { isDSMobile }
   } = (0, import_react.useContext)(import_DSAccordionCTX.DSAccordionContext);
-  const onKeyDownWithIndex = (0, import_react.useCallback)((e) => {
-    handleOnKeyDown(e, dsIndex);
-  }, [dsIndex, handleOnKeyDown]);
+  const onKeyDownWithIndex = (0, import_react.useCallback)(
+    (e) => {
+      handleOnKeyDown(e, dsIndex);
+    },
+    [dsIndex, handleOnKeyDown]
+  );
   const [showPopover, setShowPopover] = (0, import_react.useState)(false);
   const [referenceElement, setReferenceElement] = (0, import_react.useState)();
   const CustomActionsContent = (0, import_react.useMemo)(() => {
     if (!isDSMobile && customActions?.length > 0)
-      return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemCustomActions, {
-        isDSMobile
-      }, customActions?.map(({ onClick, id, ...otherProps }) => /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-        key: id,
-        onClick: (e) => {
-          e.stopPropagation();
-          if (onClick)
-            onClick(e);
-        },
-        ...otherProps,
-        buttonType: import_ds_button.BUTTON_TYPE.SECONDARY
-      })));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemCustomActions, {
+        isDSMobile,
+        children: customActions?.map(({ onClick, id, ...otherProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
+          onClick: (e) => {
+            e.stopPropagation();
+            if (onClick)
+              onClick(e);
+          },
+          ...otherProps,
+          buttonType: import_ds_button.BUTTON_TYPE.SECONDARY
+        }, id))
+      });
     if (!isDSMobile && renderCustomActions)
-      return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemCustomActions, {
-        isDSMobile
-      }, renderCustomActions({ allRefs: allChildrenReferences, actualActiveValue }));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemCustomActions, {
+        isDSMobile,
+        children: renderCustomActions({ allRefs: allChildrenReferences, actualActiveValue })
+      });
     return null;
   }, [actualActiveValue, allChildrenReferences, customActions, isDSMobile, renderCustomActions]);
   const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = (0, import_ds_utilities.useIsShowingEllipsis)();
   const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = (0, import_ds_utilities.useIsShowingEllipsis)();
-  const handleOnFocus = (0, import_react.useCallback)(() => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis), [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis]);
+  const handleOnFocus = (0, import_react.useCallback)(
+    () => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis),
+    [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis]
+  );
   const handleOnBlur = (0, import_react.useCallback)(() => setShowPopover(false), []);
   const Titles = (0, import_react.useMemo)(() => {
     if ((isPrimaryShowingEllipsis || isSecondaryShowingEllipsis) && !isDSMobile)
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledPrimaryTitle, {
-        ref: setPrimaryElement,
-        ...title ? { id: `accordion_${title || ""}id` } : void 0,
-        disabled,
-        isDSMobile,
-        selected,
-        withSecondaryTitle: secondaryTitle
-      }, title), !isDSMobile && secondaryTitle && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSecondaryTitle, {
-        ref: setSecondaryElement,
-        disabled,
-        selected
-      }, secondaryTitle), /* @__PURE__ */ import_react.default.createElement(import_ds_popperjs.DSPopperJS, {
-        referenceElement,
-        showPopover
-      }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTooltipContent, null, /* @__PURE__ */ import_react.default.createElement("p", null, title), /* @__PURE__ */ import_react.default.createElement("p", null, " ", secondaryTitle))));
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledPrimaryTitle, {
-      ref: setPrimaryElement,
-      ...title ? { id: `accordion_${title || ""}id` } : void 0,
-      disabled,
-      isDSMobile,
-      selected,
-      withSecondaryTitle: secondaryTitle
-    }, title), !isDSMobile && secondaryTitle && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSecondaryTitle, {
-      ref: setSecondaryElement,
-      disabled,
-      selected
-    }, secondaryTitle));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledPrimaryTitle, {
+            ref: setPrimaryElement,
+            ...title ? { id: `accordion_${title || ""}id` } : void 0,
+            disabled,
+            isDSMobile,
+            selected,
+            withSecondaryTitle: secondaryTitle,
+            children: title
+          }),
+          !isDSMobile && secondaryTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledSecondaryTitle, {
+            ref: setSecondaryElement,
+            disabled,
+            selected,
+            children: secondaryTitle
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popperjs.DSPopperJS, {
+            referenceElement,
+            showPopover,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTooltipContent, {
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+                  children: title
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+                  children: [
+                    " ",
+                    secondaryTitle
+                  ]
+                })
+              ]
+            })
+          })
+        ]
+      });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledPrimaryTitle, {
+          ref: setPrimaryElement,
+          ...title ? { id: `accordion_${title || ""}id` } : void 0,
+          disabled,
+          isDSMobile,
+          selected,
+          withSecondaryTitle: secondaryTitle,
+          children: title
+        }),
+        !isDSMobile && secondaryTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledSecondaryTitle, {
+          ref: setSecondaryElement,
+          disabled,
+          selected,
+          children: secondaryTitle
+        })
+      ]
+    });
   }, [
     disabled,
     isDSMobile,
@@ -131,52 +173,67 @@ const DSAccordionItem = (props) => {
     selected,
     title
   ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledItemContainer, {
     "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.CONTAINER,
     className,
-    ...xstyledAttrs
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemHeaderContainer, {
-    disabled,
-    ref: setReferenceElement
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemHeader, {
-    type: "button",
-    withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0) && !isDSMobile,
-    withSecondaryTitle: secondaryTitle,
-    onClick: handleOnClick,
-    tabIndex: !disabled ? 0 : void 0,
-    disabled,
-    "data-disabled": disabled,
-    ref: allChildrenReferences[dsIndex],
-    onKeyDown: onKeyDownWithIndex,
-    isDSMobile,
-    "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.HEADER,
-    id: `ds-accordion-header-${value}`,
-    "aria-expanded": selected,
-    "aria-disabled": disabled,
-    "aria-controls": `ds-accordion-content-${value}`,
-    onFocus: handleOnFocus,
-    onBlur: handleOnBlur,
-    ...globalAttrs
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemAddon, {
-    disabled,
-    isDSMobile
-  }, selected ? /* @__PURE__ */ import_react.default.createElement(IconOpened, {
-    isDSMobile
-  }) : /* @__PURE__ */ import_react.default.createElement(IconClosed, {
-    isDSMobile
-  })), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemTitles, {
-    onMouseEnter: handleOnFocus,
-    onMouseLeave: handleOnBlur,
-    isDSMobile,
-    withSecondaryTitle: secondaryTitle,
-    selected
-  }, Titles)), CustomActionsContent), selected && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemContent, {
-    "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.CONTENT,
-    "aria-labelledby": `ds-accordion-header-${value}`,
-    role: "region",
-    isDSMobile,
-    id: `ds-accordion-content-${value}`
-  }, children));
+    ...xstyledAttrs,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledItemHeaderContainer, {
+        disabled,
+        ref: setReferenceElement,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledItemHeader, {
+            type: "button",
+            withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0) && !isDSMobile,
+            withSecondaryTitle: secondaryTitle,
+            onClick: handleOnClick,
+            tabIndex: !disabled ? 0 : void 0,
+            disabled,
+            "data-disabled": disabled,
+            ref: allChildrenReferences[dsIndex],
+            onKeyDown: onKeyDownWithIndex,
+            isDSMobile,
+            "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.HEADER,
+            id: `ds-accordion-header-${value}`,
+            "aria-expanded": selected,
+            "aria-disabled": disabled,
+            "aria-controls": `ds-accordion-content-${value}`,
+            onFocus: handleOnFocus,
+            onBlur: handleOnBlur,
+            ...globalAttrs,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemAddon, {
+                disabled,
+                isDSMobile,
+                children: selected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconOpened, {
+                  isDSMobile
+                }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconClosed, {
+                  isDSMobile
+                })
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemTitles, {
+                onMouseEnter: handleOnFocus,
+                onMouseLeave: handleOnBlur,
+                isDSMobile,
+                withSecondaryTitle: secondaryTitle,
+                selected,
+                children: Titles
+              })
+            ]
+          }),
+          CustomActionsContent
+        ]
+      }),
+      selected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemContent, {
+        "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.CONTENT,
+        "aria-labelledby": `ds-accordion-header-${value}`,
+        role: "region",
+        isDSMobile,
+        id: `ds-accordion-content-${value}`,
+        children
+      })
+    ]
+  });
 };
 DSAccordionItem.displayName = "DSAccordionItem";
 const DSAccordionItemWithSchema = (0, import_ds_utilities.describe)(DSAccordionItem);

package/dist/cjs/parts/accordionItem/DSAccordionItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/accordionItem/DSAccordionItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useState, useContext, useCallback, useMemo, WeakValidationMap } from 'react';\nimport {\n  useMemoMergePropsWithDefault,\n  describe,\n  useIsShowingEllipsis,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { DSButton, BUTTON_TYPE } from '@elliemae/ds-button';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { accordionItemDefaultProps } from '../../defaultProps';\nimport {\n  StyledItemAddon,\n  StyledItemContainer,\n  StyledItemContent,\n  StyledItemCustomActions,\n  StyledItemHeader,\n  StyledItemHeaderContainer,\n  StyledItemTitles,\n  StyledPrimaryTitle,\n  StyledSecondaryTitle,\n  StyledTooltipContent,\n} from './styles';\nimport { useAccordionItem } from './useAccordionItem';\nimport { DSAccordionContext } from '../../DSAccordionCTX';\nimport { DSAccordionDataTestid } from '../../exported-related/DSAccordionDatatestid';\nimport { accordionItemPropTypes } from '../../react-desc-prop-types';\nimport type { DSAccordionT } from '../../react-desc-prop-types';\n\nconst DSAccordionItem = (props: DSAccordionT.ItemProps): JSX.Element => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    accordionItemDefaultProps,\n  ) as DSAccordionT.InternalItemProps;\n\n  const {\n    children,\n    title,\n    secondaryTitle,\n    customActions,\n    iconOpened: IconOpened,\n    iconClosed: IconClosed,\n    value,\n    disabled,\n    dsIndex,\n    renderCustomActions,\n    ...rest\n  } = propsWithDefaults;\n\n  const { className, ...globalAttrs } = useGetGlobalAttributes(rest);\n  const xstyledAttrs = useGetXstyledProps(rest);\n\n  const { handleOnClick, handleOnKeyDown, selected } = useAccordionItem({ value, disabled });\n  const {\n    allChildrenReferences,\n    actualActiveValue,\n    props: { isDSMobile },\n  } = useContext(DSAccordionContext);\n\n  const onKeyDownWithIndex = useCallback(\n    (e: React.KeyboardEvent) => {\n      handleOnKeyDown(e, dsIndex);\n    },\n    [dsIndex, handleOnKeyDown],\n  );\n\n  const [showPopover, setShowPopover] = useState(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>();\n\n  const CustomActionsContent = useMemo(() => {\n    if (!isDSMobile && customActions?.length > 0)\n      return (\n        <StyledItemCustomActions isDSMobile={isDSMobile}>\n          {customActions?.map(({ onClick, id, ...otherProps }) => (\n            <DSButton\n              key={id}\n              onClick={(e: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>): void => {\n                e.stopPropagation();\n                if (onClick) onClick(e as React.MouseEvent<HTMLElement, MouseEvent>);\n              }}\n              {...otherProps}\n              buttonType={BUTTON_TYPE.SECONDARY}\n            />\n          ))}\n        </StyledItemCustomActions>\n      );\n\n    if (!isDSMobile && renderCustomActions)\n      return (\n        <StyledItemCustomActions isDSMobile={isDSMobile}>\n          {renderCustomActions({ allRefs: allChildrenReferences, actualActiveValue })}\n        </StyledItemCustomActions>\n      );\n    return null;\n  }, [actualActiveValue, allChildrenReferences, customActions, isDSMobile, renderCustomActions]);\n\n  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();\n\n  const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();\n\n  const handleOnFocus = useCallback(\n    () => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis),\n    [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis],\n  );\n\n  const handleOnBlur = useCallback(() => setShowPopover(false), []);\n\n  // eslint-disable-next-line complexity\n  const Titles = useMemo(() => {\n    if ((isPrimaryShowingEllipsis || isSecondaryShowingEllipsis) && !isDSMobile)\n      return (\n        <>\n          <StyledPrimaryTitle\n            ref={setPrimaryElement}\n            {...(title ? { id: `accordion_${title || ''}id` } : undefined)}\n            disabled={disabled}\n            isDSMobile={isDSMobile}\n            selected={selected}\n            withSecondaryTitle={secondaryTitle}\n          >\n            {title}\n          </StyledPrimaryTitle>\n          {!isDSMobile && secondaryTitle && (\n            <StyledSecondaryTitle ref={setSecondaryElement} disabled={disabled} selected={selected}>\n              {secondaryTitle}\n            </StyledSecondaryTitle>\n          )}\n          <DSPopperJS referenceElement={referenceElement} showPopover={showPopover}>\n            <StyledTooltipContent>\n              <p>{title}</p>\n              <p> {secondaryTitle}</p>\n            </StyledTooltipContent>\n          </DSPopperJS>\n        </>\n      );\n\n    return (\n      <>\n        <StyledPrimaryTitle\n          ref={setPrimaryElement}\n          {...(title ? { id: `accordion_${title || ''}id` } : undefined)}\n          disabled={disabled}\n          isDSMobile={isDSMobile}\n          selected={selected}\n          withSecondaryTitle={secondaryTitle}\n        >\n          {title}\n        </StyledPrimaryTitle>\n        {!isDSMobile && secondaryTitle && (\n          <StyledSecondaryTitle ref={setSecondaryElement} disabled={disabled} selected={selected}>\n            {secondaryTitle}\n          </StyledSecondaryTitle>\n        )}\n      </>\n    );\n  }, [\n    disabled,\n    isDSMobile,\n    isPrimaryShowingEllipsis,\n    isSecondaryShowingEllipsis,\n    referenceElement,\n    secondaryTitle,\n    setPrimaryElement,\n    setSecondaryElement,\n    showPopover,\n    selected,\n    title,\n  ]);\n\n  return (\n    <StyledItemContainer data-testid={DSAccordionDataTestid.ITEM.CONTAINER} className={className} {...xstyledAttrs}>\n      <StyledItemHeaderContainer disabled={disabled} ref={setReferenceElement}>\n        <StyledItemHeader\n          type=\"button\"\n          withCustomActions={(customActions?.length > 0 || renderCustomActions !== undefined) && !isDSMobile}\n          withSecondaryTitle={secondaryTitle}\n          onClick={handleOnClick}\n          tabIndex={!disabled ? 0 : undefined}\n          disabled={disabled}\n          data-disabled={disabled}\n          ref={allChildrenReferences[dsIndex]}\n          onKeyDown={onKeyDownWithIndex}\n          isDSMobile={isDSMobile}\n          data-testid={DSAccordionDataTestid.ITEM.HEADER}\n          id={`ds-accordion-header-${value}`}\n          aria-expanded={selected}\n          aria-disabled={disabled}\n          aria-controls={`ds-accordion-content-${value}`}\n          onFocus={handleOnFocus}\n          onBlur={handleOnBlur}\n          {...globalAttrs}\n        >\n          <StyledItemAddon disabled={disabled} isDSMobile={isDSMobile}>\n            {selected ? <IconOpened isDSMobile={isDSMobile} /> : <IconClosed isDSMobile={isDSMobile} />}\n          </StyledItemAddon>\n          <StyledItemTitles\n            onMouseEnter={handleOnFocus}\n            onMouseLeave={handleOnBlur}\n            isDSMobile={isDSMobile}\n            withSecondaryTitle={secondaryTitle}\n            selected={selected}\n          >\n            {Titles}\n          </StyledItemTitles>\n        </StyledItemHeader>\n        {CustomActionsContent}\n      </StyledItemHeaderContainer>\n      {selected && (\n        <StyledItemContent\n          data-testid={DSAccordionDataTestid.ITEM.CONTENT}\n          aria-labelledby={`ds-accordion-header-${value}`}\n          role=\"region\"\n          isDSMobile={isDSMobile}\n          id={`ds-accordion-content-${value}`}\n        >\n          {children}\n        </StyledItemContent>\n      )}\n    </StyledItemContainer>\n  );\n};\n\nDSAccordionItem.displayName = 'DSAccordionItem';\nconst DSAccordionItemWithSchema = describe(DSAccordionItem);\nDSAccordionItemWithSchema.propTypes = accordionItemPropTypes as WeakValidationMap<unknown>;\n\nexport { DSAccordionItem, DSAccordionItemWithSchema };\nexport default DSAccordionItem;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/parts/accordionItem/styles.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styles_exports = {};
 __export(styles_exports, {

package/dist/cjs/parts/accordionItem/styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/accordionItem/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { styled, css, sizing, space, layout } from '@elliemae/ds-system';\nimport { DSAccordionName, DSAccordionSlots } from '../../exported-related';\ninterface StyledItemHeaderPropsT {\n  withCustomActions: boolean;\n  withSecondaryTitle?: string;\n  isDSMobile: boolean;\n}\n\ninterface StyledItemTitlesPropsT {\n  withSecondaryTitle?: string;\n  isDSMobile: boolean;\n  selected: boolean;\n}\n\ninterface StyledPrimaryTitlePropsT {\n  disabled: boolean;\n  isDSMobile: boolean;\n  selected: boolean;\n  withSecondaryTitle: boolean;\n}\n\ninterface StyledItemContentPropsT {\n  isDSMobile: boolean;\n}\n\ninterface StyledSecondaryTitlePropsT {\n  disabled: boolean;\n  selected: boolean;\n}\n\ninterface StyledItemAddonPropsT {\n  disabled: boolean;\n  isDSMobile: boolean;\n}\n\ninterface StyledItemHeaderContainerPropsT {\n  disabled: boolean;\n}\n\ninterface StyledItemCustomActionsPropsT {\n  isDSMobile: boolean;\n}\n\ninterface PaddingSetterT {\n  isDSMobile: boolean;\n  withSecondaryTitle: boolean;\n}\n\nconst paddingSetter = ({ isDSMobile, withSecondaryTitle }: PaddingSetterT): string => {\n  if (isDSMobile)\n    return css`\n      padding: 13px 0;\n    `;\n  if (withSecondaryTitle)\n    return css`\n      padding: 6px 0;\n    `;\n  return css`\n    padding: 7px 0;\n  `;\n};\n\nexport const StyledItemContainer = styled('div', { name: DSAccordionName, slot: DSAccordionSlots.ITEM.CONTAINER })`\n  display: grid;\n  grid-template-rows: auto auto;\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n  align-items: center;\n  min-width: 240px;\n  ${layout}\n  ${sizing}\n  ${space}\n`;\n\nexport const StyledItemHeader = styled('button', {\n  name: DSAccordionName,\n  slot: DSAccordionSlots.ITEM.HEADER.CONTAINER,\n})<StyledItemHeaderPropsT>`\n  display: flex;\n  min-height: ${({ theme, withSecondaryTitle, isDSMobile }) =>\n    isDSMobile ? `44px` : `${withSecondaryTitle ? theme.space.m : theme.space.s}`};\n  width: 100%;\n  align-items: center;\n  border: none;\n  outline: none;\n  background: none;\n  &:hover {\n    cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n  }\n  padding: ${({ isDSMobile }) => (isDSMobile ? `0 16px` : `0`)};\n  ${({ isDSMobile }) => (isDSMobile ? `flex-direction: row-reverse;` : ``)}\n  &:focus {\n    &:after {\n      position: absolute;\n      content: '';\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      border-radius: 2px;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledItemContent = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionSlots.ITEM.CONTENT.CONTAINER,\n})<StyledItemContentPropsT>`\n  margin: ${({ isDSMobile }) => (isDSMobile ? `3px 16px 24px 16px` : '16px 20px')};\n  grid-column: 1/2;\n`;\n\nexport const StyledItemAddon = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionSlots.ITEM.HEADER.ADDON,\n})<StyledItemAddonPropsT>`\n  height: 100%;\n  display: grid;\n  place-items: center;\n\n  & .em-ds-icon svg {\n    fill: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[200] : theme.colors.brand[800])};\n  }\n`;\n\nexport const StyledItemTitles = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionSlots.ITEM.HEADER.TITLE_CONTAINER,\n})<StyledItemTitlesPropsT>`\n  display: grid;\n  grid-gap: ${({ theme }) => theme.space.xxxs};\n  ${paddingSetter}\n  grid-template-columns: 100%;\n  width: 100%;\n  align-content: center;\n`;\n\nexport const StyledPrimaryTitle = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionSlots.ITEM.HEADER.PRIMARY_TITLE,\n})<StyledPrimaryTitlePropsT>`\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.125;\n  text-align: left;\n  text-overflow: ellipsis;\n  min-height: ${({ theme }) => theme.space.xs};\n  color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[500] : theme.colors.neutral[700])};\n  font-weight: ${({ theme, isDSMobile }) => (isDSMobile ? theme.fontWeights.semibold : theme.fontWeights.regular)};\n  ${({ selected }) =>\n    selected\n      ? `word-break: break-word;`\n      : `\n   overflow: hidden;\n   white-space: nowrap;\n   `};\n  width: 100%;\n  display: block;\n`;\n\nexport const StyledSecondaryTitle = styled('span', {\n  name: DSAccordionName,\n  slot: DSAccordionSlots.ITEM.HEADER.SECONDARY_TITLE,\n})<StyledSecondaryTitlePropsT>`\n  margin: 0;\n  font-size: ${({ theme }) => theme.fontSizes.label[200]};\n  line-height: 1.273;\n  text-align: left;\n  min-height: 12px;\n  color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[500] : theme.colors.neutral[700])};\n  text-overflow: ellipsis;\n  ${({ selected }) =>\n    selected\n      ? `word-break: break-word;`\n      : `\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n  display: block;`}\n`;\n\nexport const StyledItemCustomActions = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionSlots.ITEM.HEADER.CUSTOM_ACTIONS_CONTAINER,\n})<StyledItemCustomActionsPropsT>`\n  display: grid;\n  grid-auto-flow: column;\n  place-items: center;\n  grid-gap: ${({ theme }) => theme.space.xxs};\n  margin: ${({ theme, isDSMobile }) => (isDSMobile ? `0 ${theme.space.xs}` : '0 20px 0 16px')};\n  justify-content: flex-end;\n  height: 28px;\n`;\n\nexport const StyledItemHeaderContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionSlots.ITEM.HEADER.CONTAINER,\n})<StyledItemHeaderContainerPropsT>`\n  display: grid;\n  grid-template-columns: auto max-content;\n  place-items: center;\n  position: relative;\n  border-radius: 2px;\n  &:hover {\n    ${({ disabled, theme }) => (!disabled ? `background: ${theme.colors.brand[200]};` : ``)}\n  }\n`;\n\nexport const StyledTooltipContent = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionSlots.ITEM.HEADER.TOOLTIP,\n})`\n  padding: 8px;\n  width: 250px;\n  background: white;\n  display: grid;\n  gap: ${({ theme }) => theme.space.xxs};\n\n  p {\n    margin: 0;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/parts/accordionItem/useAccordionItem.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useAccordionItem_exports = {};
 __export(useAccordionItem_exports, {
@@ -35,28 +38,34 @@ const useAccordionItem = ({ value, disabled }) => {
     }
     return value === actualActiveValue;
   }, [actualActiveValue, value]);
-  const handleOnClick = (0, import_react.useCallback)((e) => {
-    if (!disabled)
-      setActiveValues(value, e);
-  }, [disabled, setActiveValues, value]);
-  const handleOnKeyDown = (0, import_react.useCallback)((e, _dsIndex) => {
-    if (!disabled && e.key === "ArrowDown") {
-      const currentIndex = focusableChildrenReferences.findIndex((item) => item.index === _dsIndex);
-      if (focusableChildrenReferences[currentIndex + 1]?.ref?.current)
-        focusableChildrenReferences[currentIndex + 1]?.ref?.current?.focus();
-      else if (currentIndex === focusableChildrenReferences.length - 1) {
-        focusableChildrenReferences[0]?.ref?.current?.focus();
+  const handleOnClick = (0, import_react.useCallback)(
+    (e) => {
+      if (!disabled)
+        setActiveValues(value, e);
+    },
+    [disabled, setActiveValues, value]
+  );
+  const handleOnKeyDown = (0, import_react.useCallback)(
+    (e, _dsIndex) => {
+      if (!disabled && e.key === "ArrowDown") {
+        const currentIndex = focusableChildrenReferences.findIndex((item) => item.index === _dsIndex);
+        if (focusableChildrenReferences[currentIndex + 1]?.ref?.current)
+          focusableChildrenReferences[currentIndex + 1]?.ref?.current?.focus();
+        else if (currentIndex === focusableChildrenReferences.length - 1) {
+          focusableChildrenReferences[0]?.ref?.current?.focus();
+        }
       }
-    }
-    if (!disabled && e.key === "ArrowUp") {
-      const currentIndex = focusableChildrenReferences.findIndex((item) => item.index === _dsIndex);
-      if (focusableChildrenReferences[currentIndex - 1]?.ref?.current)
-        focusableChildrenReferences[currentIndex - 1]?.ref?.current?.focus();
-      else if (currentIndex === 0) {
-        focusableChildrenReferences[focusableChildrenReferences.length - 1]?.ref?.current?.focus();
+      if (!disabled && e.key === "ArrowUp") {
+        const currentIndex = focusableChildrenReferences.findIndex((item) => item.index === _dsIndex);
+        if (focusableChildrenReferences[currentIndex - 1]?.ref?.current)
+          focusableChildrenReferences[currentIndex - 1]?.ref?.current?.focus();
+        else if (currentIndex === 0) {
+          focusableChildrenReferences[focusableChildrenReferences.length - 1]?.ref?.current?.focus();
+        }
       }
-    }
-  }, [disabled, focusableChildrenReferences]);
+    },
+    [disabled, focusableChildrenReferences]
+  );
   return {
     handleOnClick,
     handleOnKeyDown,

package/dist/cjs/parts/accordionItem/useAccordionItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/accordionItem/useAccordionItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useCallback, useContext, useMemo } from 'react';\nimport { DSAccordionContext } from '../../DSAccordionCTX';\n\nexport interface UseAccordionItemPropsT {\n  value: string | number;\n  disabled: boolean;\n}\n\ninterface UseAccordionItemReturnTypeT {\n  handleOnClick: (e: React.MouseEvent) => void;\n  handleOnKeyDown: (e: React.KeyboardEvent, dsIndex: number) => void;\n  selected: boolean;\n}\n\nexport const useAccordionItem = ({ value, disabled }: UseAccordionItemPropsT): UseAccordionItemReturnTypeT => {\n  const { actualActiveValue, setActiveValues, focusableChildrenReferences } = useContext(DSAccordionContext);\n\n  const selected = useMemo(() => {\n    if (Array.isArray(actualActiveValue)) {\n      return actualActiveValue.some((currentValue) => currentValue === value);\n    }\n    return value === actualActiveValue;\n  }, [actualActiveValue, value]);\n\n  const handleOnClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (!disabled) setActiveValues(value, e);\n    },\n    [disabled, setActiveValues, value],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent, _dsIndex: number) => {\n      if (!disabled && e.key === 'ArrowDown') {\n        const currentIndex = focusableChildrenReferences.findIndex((item) => item.index === _dsIndex);\n        if (focusableChildrenReferences[currentIndex + 1]?.ref?.current)\n          focusableChildrenReferences[currentIndex + 1]?.ref?.current?.focus();\n        else if (currentIndex === focusableChildrenReferences.length - 1) {\n          focusableChildrenReferences[0]?.ref?.current?.focus();\n        }\n      }\n\n      if (!disabled && e.key === 'ArrowUp') {\n        const currentIndex = focusableChildrenReferences.findIndex((item) => item.index === _dsIndex);\n        if (focusableChildrenReferences[currentIndex - 1]?.ref?.current)\n          focusableChildrenReferences[currentIndex - 1]?.ref?.current?.focus();\n        else if (currentIndex === 0) {\n          focusableChildrenReferences[focusableChildrenReferences.length - 1]?.ref?.current?.focus();\n        }\n      }\n    },\n    [disabled, focusableChildrenReferences],\n  );\n\n  return {\n    handleOnClick,\n    handleOnKeyDown,\n    selected,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwD;AACxD,4BAAmC;AAa5B,MAAM,mBAAmB,CAAC,EAAE,OAAO,eAAoE;AAC5G,QAAM,EAAE,mBAAmB,iBAAiB,gCAAgC,6BAAW,wCAAkB;AAEzG,QAAM,WAAW,0BAAQ,MAAM;AAC7B,QAAI,MAAM,QAAQ,iBAAiB,GAAG;AACpC,aAAO,kBAAkB,KAAK,CAAC,iBAAiB,iBAAiB,KAAK;AAAA,IACxE;AACA,WAAO,UAAU;AAAA,EACnB,GAAG,CAAC,mBAAmB,KAAK,CAAC;AAE7B,QAAM,gBAAgB,8BACpB,CAAC,MAAwB;AACvB,QAAI,CAAC;AAAU,sBAAgB,OAAO,CAAC;AAAA,EACzC,GACA,CAAC,UAAU,iBAAiB,KAAK,CACnC;AAEA,QAAM,kBAAkB,8BACtB,CAAC,GAAwB,aAAqB;AAC5C,QAAI,CAAC,YAAY,EAAE,QAAQ,aAAa;AACtC,YAAM,eAAe,4BAA4B,UAAU,CAAC,SAAS,KAAK,UAAU,QAAQ;AAC5F,UAAI,4BAA4B,eAAe,IAAI,KAAK;AACtD,oCAA4B,eAAe,IAAI,KAAK,SAAS,MAAM;AAAA,eAC5D,iBAAiB,4BAA4B,SAAS,GAAG;AAChE,oCAA4B,IAAI,KAAK,SAAS,MAAM;AAAA,MACtD;AAAA,IACF;AAEA,QAAI,CAAC,YAAY,EAAE,QAAQ,WAAW;AACpC,YAAM,eAAe,4BAA4B,UAAU,CAAC,SAAS,KAAK,UAAU,QAAQ;AAC5F,UAAI,4BAA4B,eAAe,IAAI,KAAK;AACtD,oCAA4B,eAAe,IAAI,KAAK,SAAS,MAAM;AAAA,eAC5D,iBAAiB,GAAG;AAC3B,oCAA4B,4BAA4B,SAAS,IAAI,KAAK,SAAS,MAAM;AAAA,MAC3F;AAAA,IACF;AAAA,EACF,GACA,CAAC,UAAU,2BAA2B,CACxC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwD;AACxD,4BAAmC;AAa5B,MAAM,mBAAmB,CAAC,EAAE,OAAO,SAAS,MAA2D;AAC5G,QAAM,EAAE,mBAAmB,iBAAiB,4BAA4B,QAAI,yBAAW,wCAAkB;AAEzG,QAAM,eAAW,sBAAQ,MAAM;AAC7B,QAAI,MAAM,QAAQ,iBAAiB,GAAG;AACpC,aAAO,kBAAkB,KAAK,CAAC,iBAAiB,iBAAiB,KAAK;AAAA,IACxE;AACA,WAAO,UAAU;AAAA,EACnB,GAAG,CAAC,mBAAmB,KAAK,CAAC;AAE7B,QAAM,oBAAgB;AAAA,IACpB,CAAC,MAAwB;AACvB,UAAI,CAAC;AAAU,wBAAgB,OAAO,CAAC;AAAA,IACzC;AAAA,IACA,CAAC,UAAU,iBAAiB,KAAK;AAAA,EACnC;AAEA,QAAM,sBAAkB;AAAA,IACtB,CAAC,GAAwB,aAAqB;AAC5C,UAAI,CAAC,YAAY,EAAE,QAAQ,aAAa;AACtC,cAAM,eAAe,4BAA4B,UAAU,CAAC,SAAS,KAAK,UAAU,QAAQ;AAC5F,YAAI,4BAA4B,eAAe,IAAI,KAAK;AACtD,sCAA4B,eAAe,IAAI,KAAK,SAAS,MAAM;AAAA,iBAC5D,iBAAiB,4BAA4B,SAAS,GAAG;AAChE,sCAA4B,IAAI,KAAK,SAAS,MAAM;AAAA,QACtD;AAAA,MACF;AAEA,UAAI,CAAC,YAAY,EAAE,QAAQ,WAAW;AACpC,cAAM,eAAe,4BAA4B,UAAU,CAAC,SAAS,KAAK,UAAU,QAAQ;AAC5F,YAAI,4BAA4B,eAAe,IAAI,KAAK;AACtD,sCAA4B,eAAe,IAAI,KAAK,SAAS,MAAM;AAAA,iBAC5D,iBAAiB,GAAG;AAC3B,sCAA4B,4BAA4B,SAAS,IAAI,KAAK,SAAS,MAAM;AAAA,QAC3F;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,UAAU,2BAA2B;AAAA,EACxC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/propTypes.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var propTypes_exports = {};
 __export(propTypes_exports, {
@@ -30,12 +33,16 @@ var import_ds_utilities = require("@elliemae/ds-utilities");
 const accordionItemPropTypes = {
   children: import_ds_utilities.PropTypes.node.description("Dimsum AccordionItem content.").isRequired,
   title: import_ds_utilities.PropTypes.string.description("Set a primary title."),
-  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("Dimsum AccordionItem value, this value should be unique.").isRequired,
+  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description(
+    "Dimsum AccordionItem value, this value should be unique."
+  ).isRequired,
   iconClosed: import_ds_utilities.PropTypes.node.description("Custom Dimsum Icon when it is closed."),
   iconOpened: import_ds_utilities.PropTypes.node.description("Custom Dimsum Icon when it is open."),
   secondaryTitle: import_ds_utilities.PropTypes.string.description("Set a secondary title"),
   customActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("Set Dimsum AccordionItem custom actions.").deprecated({ version: "3.x" }),
-  renderCustomActions: import_ds_utilities.PropTypes.func.description("This property will render any JSX in the custom actions area. You can access to all references and active values within the props.").deprecated({ version: "3.x" })
+  renderCustomActions: import_ds_utilities.PropTypes.func.description(
+    "This property will render any JSX in the custom actions area. You can access to all references and active values within the props."
+  ).deprecated({ version: "3.x" })
 };
 const accordionPropTypes = {
   containerProps: import_ds_utilities.PropTypes.object.description("Adds props to the container."),

package/dist/cjs/propTypes.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/propTypes.ts", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const accordionItemPropTypes = {\n  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n  title: PropTypes.string.description('Set a primary title.'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Dimsum AccordionItem value, this value should be unique.',\n  ).isRequired,\n  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.'),\n  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.'),\n  secondaryTitle: PropTypes.string.description('Set a secondary title'),\n  customActions: PropTypes.arrayOf(PropTypes.object)\n    .description('Set Dimsum AccordionItem custom actions.')\n    .deprecated({ version: '3.x' }),\n  renderCustomActions: PropTypes.func\n    .description(\n      'This property will render any JSX in the custom actions area. You can access to all references and active values within the props.',\n    )\n    .deprecated({ version: '3.x' }),\n};\n\nexport const accordionPropTypes = {\n  containerProps: PropTypes.object.description('Adds props to the container.'),\n  activeValue: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('Selected active value. This property makes the component a controlled one.'),\n  children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,yBAAyB;AAAA,EACpC,UAAU,8BAAU,KAAK,YAAY,+BAA+B,EAAE;AAAA,EACtE,OAAO,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC1D,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAC/D,0DACF,EAAE;AAAA,EACF,YAAY,8BAAU,KAAK,YAAY,uCAAuC;AAAA,EAC9E,YAAY,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAC5E,gBAAgB,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EACpE,eAAe,8BAAU,QAAQ,8BAAU,MAAM,EAC9C,YAAY,0CAA0C,EACtD,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,qBAAqB,8BAAU,KAC5B,YACC,oIACF,EACC,WAAW,EAAE,SAAS,MAAM,CAAC;AAClC;AAEO,MAAM,qBAAqB;AAAA,EAChC,gBAAgB,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAC3E,aAAa,8BAAU,UAAU;AAAA,IAC/B,8BAAU,QAAQ,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,8BAAU;AAAA,IACV,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4EAA4E;AAAA,EAC3F,UAAU,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,mBAAmB,8BAAU,KAAK,YAAY,oEAAoE;AAAA,EAClH,UAAU,8BAAU,KAAK,YAAY,sDAAsD;AAC7F;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,yBAAyB;AAAA,EACpC,UAAU,8BAAU,KAAK,YAAY,+BAA+B,EAAE;AAAA,EACtE,OAAO,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC1D,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF,EAAE;AAAA,EACF,YAAY,8BAAU,KAAK,YAAY,uCAAuC;AAAA,EAC9E,YAAY,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAC5E,gBAAgB,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EACpE,eAAe,8BAAU,QAAQ,8BAAU,MAAM,EAC9C,YAAY,0CAA0C,EACtD,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,qBAAqB,8BAAU,KAC5B;AAAA,IACC;AAAA,EACF,EACC,WAAW,EAAE,SAAS,MAAM,CAAC;AAClC;AAEO,MAAM,qBAAqB;AAAA,EAChC,gBAAgB,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAC3E,aAAa,8BAAU,UAAU;AAAA,IAC/B,8BAAU,QAAQ,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,8BAAU;AAAA,IACV,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4EAA4E;AAAA,EAC3F,UAAU,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,mBAAmB,8BAAU,KAAK,YAAY,oEAAoE;AAAA,EAClH,UAAU,8BAAU,KAAK,YAAY,sDAAsD;AAC7F;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
@@ -32,12 +35,16 @@ const accordionItemPropTypes = {
   ...import_ds_utilities.xstyledPropTypes,
   children: import_ds_utilities.PropTypes.node.description("Dimsum AccordionItem content.").isRequired,
   title: import_ds_utilities.PropTypes.string.description("Set a primary title."),
-  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("Dimsum AccordionItem value, this value should be unique.").isRequired,
+  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description(
+    "Dimsum AccordionItem value, this value should be unique."
+  ).isRequired,
   iconClosed: import_ds_utilities.PropTypes.node.description("Custom Dimsum Icon when it is closed.").deprecated({ version: "3.x" }),
   iconOpened: import_ds_utilities.PropTypes.node.description("Custom Dimsum Icon when it is open.").deprecated({ version: "3.x" }),
   secondaryTitle: import_ds_utilities.PropTypes.string.description("Set a secondary title"),
   customActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("Set Dimsum AccordionItem custom actions.").deprecated({ version: "3.x" }),
-  renderCustomActions: import_ds_utilities.PropTypes.func.description("This property will render any JSX in the header controls area. You can access to all references and active values within the props.")
+  renderCustomActions: import_ds_utilities.PropTypes.func.description(
+    "This property will render any JSX in the header controls area. You can access to all references and active values within the props."
+  )
 };
 const accordionPropTypes = {
   ...import_ds_utilities.globalAttributesPropTypes,

package/dist/cjs/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport type { DSAccordionInternalsT } from './sharedTypes';\n\nexport declare namespace DSAccordionT {\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    allowMultipleOpen: boolean;\n    onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n    children: React.ReactElement<InternalItemProps>[];\n    isDSMobile: boolean;\n  }\n\n  export interface OptionalProps {\n    activeValue?: DSAccordionInternalsT.InternalActiveValue;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactElement<ItemProps>[];\n  }\n\n  export interface Props extends OptionalProps, Partial<Omit<DefaultProps, 'children'>>, RequiredProps {}\n\n  export interface ItemDefaultProps {\n    iconClosed: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n    iconOpened: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n    title: string;\n    customActions: DSAccordionInternalsT.CustomActions[];\n    disabled: boolean;\n  }\n\n  export interface ItemOptionalProps {\n    secondaryTitle?: string;\n    renderCustomActions?: (props: {\n      allRefs: DSAccordionInternalsT.AllChildrenReferences;\n      actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n    }) => JSX.Element;\n  }\n\n  export interface ItemRequiredProps {\n    children: React.ReactNode;\n    value: string | number;\n  }\n\n  export interface ItemProps extends ItemRequiredProps, ItemOptionalProps, Partial<ItemDefaultProps> {}\n\n  export interface InternalItemProps\n    extends ItemRequiredProps,\n      ItemOptionalProps,\n      Omit<ItemDefaultProps, 'disabled' | 'customActions' | 'iconClosed' | 'iconOpened'> {\n    dsIndex: number;\n    disabled: boolean;\n    customActions: DSAccordionInternalsT.CustomActions[];\n    iconClosed: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n    iconOpened: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n  }\n\n  export interface InternalProps\n    extends OptionalProps,\n      Partial<Omit<DefaultProps, 'children' | 'isDSMobile' | 'onChange'>> {\n    children: React.ReactElement<InternalItemProps>[];\n    isDSMobile: boolean;\n    onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n  }\n}\n\nexport const accordionItemPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n  title: PropTypes.string.description('Set a primary title.'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Dimsum AccordionItem value, this value should be unique.',\n  ).isRequired,\n  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.').deprecated({ version: '3.x' }),\n  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.').deprecated({ version: '3.x' }),\n  secondaryTitle: PropTypes.string.description('Set a secondary title'),\n  customActions: PropTypes.arrayOf(PropTypes.object)\n    .description('Set Dimsum AccordionItem custom actions.')\n    .deprecated({ version: '3.x' }),\n  renderCustomActions: PropTypes.func.description(\n    'This property will render any JSX in the header controls area. You can access to all references and active values within the props.',\n  ),\n};\n\nexport const accordionPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  containerProps: PropTypes.object.description('Adds props to the container.'),\n  activeValue: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('Selected active value. This property makes the component a controlled one.'),\n  children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAuE;AAiEhE,MAAM,yBAAyB;AAAA,EACpC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,8BAAU,KAAK,YAAY,+BAA+B,EAAE;AAAA,EACtE,OAAO,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC1D,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAC/D,0DACF,EAAE;AAAA,EACF,YAAY,8BAAU,KAAK,YAAY,uCAAuC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC7G,YAAY,8BAAU,KAAK,YAAY,qCAAqC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC3G,gBAAgB,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EACpE,eAAe,8BAAU,QAAQ,8BAAU,MAAM,EAC9C,YAAY,0CAA0C,EACtD,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,qBAAqB,8BAAU,KAAK,YAClC,qIACF;AACF;AAEO,MAAM,qBAAqB;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,gBAAgB,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAC3E,aAAa,8BAAU,UAAU;AAAA,IAC/B,8BAAU,QAAQ,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,8BAAU;AAAA,IACV,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4EAA4E;AAAA,EAC3F,UAAU,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,mBAAmB,8BAAU,KAAK,YAAY,oEAAoE;AAAA,EAClH,UAAU,8BAAU,KAAK,YAAY,sDAAsD;AAC7F;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAuE;AAiEhE,MAAM,yBAAyB;AAAA,EACpC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,8BAAU,KAAK,YAAY,+BAA+B,EAAE;AAAA,EACtE,OAAO,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC1D,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF,EAAE;AAAA,EACF,YAAY,8BAAU,KAAK,YAAY,uCAAuC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC7G,YAAY,8BAAU,KAAK,YAAY,qCAAqC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC3G,gBAAgB,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EACpE,eAAe,8BAAU,QAAQ,8BAAU,MAAM,EAC9C,YAAY,0CAA0C,EACtD,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,qBAAqB,8BAAU,KAAK;AAAA,IAClC;AAAA,EACF;AACF;AAEO,MAAM,qBAAqB;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,gBAAgB,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAC3E,aAAa,8BAAU,UAAU;AAAA,IAC/B,8BAAU,QAAQ,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,8BAAU;AAAA,IACV,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4EAA4E;AAAA,EAC3F,UAAU,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,mBAAmB,8BAAU,KAAK,YAAY,oEAAoE;AAAA,EAClH,UAAU,8BAAU,KAAK,YAAY,sDAAsD;AAC7F;",
   "names": []
 }

package/dist/cjs/sharedTypes.js

@@ -13,7 +13,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var sharedTypes_exports = {};
 module.exports = __toCommonJS(sharedTypes_exports);

package/dist/cjs/sharedTypes.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/sharedTypes.ts", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export declare namespace DSAccordionInternalsT {\n  export interface CustomActions {\n    onClick: (e: React.MouseEvent) => void;\n    id: string;\n  }\n\n  export interface DefaultIconProps {\n    isDSMobile: boolean;\n  }\n\n  export interface FocusableChildrenReferences {\n    index: number;\n    value: string | number;\n    ref: React.MutableRefObject<HTMLButtonElement | null>;\n  }\n\n  export interface AllChildrenReferences {\n    [index: string]: React.MutableRefObject<HTMLButtonElement | null>;\n  }\n\n  export type InternalActiveValue = (string | number)[] | string | number | null | undefined;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }