@elliemae/ds-accordion 2.3.0-alpha.9 → 2.3.0-next.3

package/dist/cjs/defaultProps.js

@@ -1,64 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var defaultProps_exports = {};
-__export(defaultProps_exports, {
-  accordionItemDefaultProps: () => accordionItemDefaultProps,
-  defaultProps: () => defaultProps
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_icons = require("@elliemae/ds-icons");
-const DefaultIconClosed = (0, import_react.memo)(({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronRight, {
-  width: "20px"
-}) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, {
-  width: "20px"
-}));
-const DefaultIconOpen = (0, import_react.memo)(({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDown, {
-  width: "20px"
-}) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
-  width: "20px"
-}));
-const noop = () => {
-};
-const defaultProps = {
-  containerProps: {},
-  allowMultipleOpen: false,
-  contentExpandable: false,
-  onChange: noop,
-  children: [],
-  isDSMobile: false
-};
-const accordionItemDefaultProps = {
-  iconClosed: DefaultIconClosed,
-  iconOpened: DefaultIconOpen,
-  title: "",
-  customActions: [],
-  disabled: false
-};
-module.exports = __toCommonJS(defaultProps_exports);
-//# sourceMappingURL=defaultProps.js.map

package/dist/cjs/defaultProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/defaultProps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { memo } from 'react';\nimport { ArrowheadRight, ArrowheadDown, ChevronRight, ChevronDown } from '@elliemae/ds-icons';\nimport type { DefaultIconPropsT, DSAccordionDefaultPropsT, DSAccordionItemDefaultPropsT } from './DSAccordionTypes';\n\nconst DefaultIconClosed = memo(({ isDSMobile = false }: DefaultIconPropsT) =>\n  isDSMobile ? <ChevronRight width=\"20px\" /> : <ArrowheadRight width=\"20px\" />,\n);\n\nconst DefaultIconOpen = memo(({ isDSMobile = false }: DefaultIconPropsT) =>\n  isDSMobile ? <ChevronDown width=\"20px\" /> : <ArrowheadDown width=\"20px\" />,\n);\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nexport const defaultProps: DSAccordionDefaultPropsT = {\n  containerProps: {},\n  allowMultipleOpen: false,\n  contentExpandable: false,\n  onChange: noop,\n  children: [],\n  isDSMobile: false,\n};\n\nexport const accordionItemDefaultProps: DSAccordionItemDefaultPropsT = {\n  iconClosed: DefaultIconClosed,\n  iconOpened: DefaultIconOpen,\n  title: '',\n  customActions: [],\n  disabled: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAC5B,sBAAyE;AAGzE,MAAM,oBAAoB,uBAAK,CAAC,EAAE,aAAa,YAC7C,aAAa,mDAAC,8BAAD;AAAA,EAAc,OAAM;AAAA,KAAY,mDAAC,gCAAD;AAAA,EAAgB,OAAM;AAAA;AAGrE,MAAM,kBAAkB,uBAAK,CAAC,EAAE,aAAa,YAC3C,aAAa,mDAAC,6BAAD;AAAA,EAAa,OAAM;AAAA,KAAY,mDAAC,+BAAD;AAAA,EAAe,OAAM;AAAA;AAInE,MAAM,OAAO,MAAY;AAAA;AAElB,MAAM,eAAyC;AAAA,EACpD,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA;AAGP,MAAM,4BAA0D;AAAA,EACrE,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AAAA;",
-  "names": []
-}

package/dist/cjs/index.js

@@ -1,37 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  default: () => import_DSAccordion.default
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSAccordion"));
-__reExport(src_exports, require("./parts/accordionItem/DSAccordionItem"));
-var import_DSAccordion = __toESM(require("./DSAccordion"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSAccordion';\nexport * from './parts/accordionItem/DSAccordionItem';\n\nexport type { DSAccordionPropsT, DSAccordionItemPropsT } from './DSAccordionTypes';\n\nexport { default } from './DSAccordion';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AAId,yBAAwB;",
-  "names": []
-}

package/dist/cjs/parts/accordionContent/AccordionContent.js

@@ -1,50 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var AccordionContent_exports = {};
-__export(AccordionContent_exports, {
-  AccordionContent: () => AccordionContent
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_DSAccordionCTX = require("../../DSAccordionCTX");
-var import_DSAccordionDatatestid = require("../../DSAccordionDatatestid");
-const AccordionContent = () => {
-  const {
-    props: { containerProps, children }
-  } = (0, import_react.useContext)(import_DSAccordionCTX.DSAccordionContext);
-  const childrenWithIndex = [];
-  import_react.default.Children.forEach(children, (child, index) => childrenWithIndex.push(import_react.default.cloneElement(child, {
-    dsIndex: index
-  })));
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    ...containerProps,
-    "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.GROUP
-  }, childrenWithIndex);
-};
-module.exports = __toCommonJS(AccordionContent_exports);
-//# sourceMappingURL=AccordionContent.js.map

package/dist/cjs/parts/accordionContent/AccordionContent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/accordionContent/AccordionContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { DSAccordionContext } from '../../DSAccordionCTX';\nimport { DSAccordionDataTestid } from '../../DSAccordionDatatestid';\nimport type { DSAccordionItemPropsT } from '../../DSAccordionTypes';\n\nexport const AccordionContent = (): JSX.Element => {\n  const {\n    props: { containerProps, children },\n  } = useContext(DSAccordionContext);\n\n  const childrenWithIndex: React.ReactElement<DSAccordionItemPropsT>[] = [];\n\n  React.Children.forEach(children, (child, index) =>\n    childrenWithIndex.push(\n      React.cloneElement(child, {\n        dsIndex: index,\n      }),\n    ),\n  );\n\n  return (\n    <div {...containerProps} data-testid={DSAccordionDataTestid.GROUP}>\n      {childrenWithIndex}\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,4BAAmC;AACnC,mCAAsC;AAG/B,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB;AAAA,MACvB,6BAAW;AAEf,QAAM,oBAAiE;AAEvE,uBAAM,SAAS,QAAQ,UAAU,CAAC,OAAO,UACvC,kBAAkB,KAChB,qBAAM,aAAa,OAAO;AAAA,IACxB,SAAS;AAAA;AAKf,SACE,mDAAC,OAAD;AAAA,OAAS;AAAA,IAAgB,eAAa,mDAAsB;AAAA,KACzD;AAAA;",
-  "names": []
-}

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

@@ -1,179 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSAccordionItem_exports = {};
-__export(DSAccordionItem_exports, {
-  DSAccordionItem: () => DSAccordionItem,
-  DSAccordionItemWithSchema: () => DSAccordionItemWithSchema,
-  default: () => DSAccordionItem_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_ds_button = require("@elliemae/ds-button");
-var import_ds_popperjs = require("@elliemae/ds-popperjs");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_defaultProps = require("../../defaultProps");
-var import_styles = require("./styles");
-var import_propTypes = require("../../propTypes");
-var import_useAccordionItem = require("./useAccordionItem");
-var import_DSAccordionCTX = require("../../DSAccordionCTX");
-var import_DSAccordionDatatestid = require("../../DSAccordionDatatestid");
-const DSAccordionItem = (props) => {
-  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_defaultProps.accordionItemDefaultProps);
-  const {
-    children,
-    title,
-    secondaryTitle,
-    customActions,
-    iconOpened: IconOpened,
-    iconClosed: IconClosed,
-    value,
-    disabled,
-    dsIndex,
-    renderCustomActions
-  } = propsWithDefaults;
-  const { handleOnClick, handleOnKeyDown, selected } = (0, import_useAccordionItem.useAccordionItem)({ value, disabled });
-  const {
-    allChildrenReferences,
-    actualActiveValue,
-    props: { isDSMobile }
-  } = (0, import_react.useContext)(import_DSAccordionCTX.DSAccordionContext);
-  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, null, customActions?.map(({ onClick, id, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-        key: id,
-        onClick: (e) => {
-          e.stopPropagation();
-          if (onClick)
-            onClick(e);
-        },
-        ...rest,
-        buttonType: import_ds_button.BUTTON_TYPE.SECONDARY
-      })));
-    if (!isDSMobile && renderCustomActions)
-      return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemCustomActions, null, 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 handleOnBlur = (0, import_react.useCallback)(() => setShowPopover(false), []);
-  const Titles = (0, import_react.useMemo)(() => {
-    if (isPrimaryShowingEllipsis || isSecondaryShowingEllipsis)
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledPrimaryTitle, {
-        ref: setPrimaryElement,
-        id: `accordion_${title}id`,
-        disabled,
-        isDSMobile
-      }, title), !isDSMobile && secondaryTitle && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSecondaryTitle, {
-        ref: setSecondaryElement,
-        disabled
-      }, secondaryTitle), /* @__PURE__ */ import_react.default.createElement(import_ds_popperjs.DSPopperJS, {
-        referenceElement,
-        showPopover
-      }, /* @__PURE__ */ import_react.default.createElement("div", {
-        style: { maxWidth: 260, padding: 8, background: "white", display: "grid", gap: 8 }
-      }, /* @__PURE__ */ import_react.default.createElement("p", {
-        style: { margin: 0 }
-      }, title), /* @__PURE__ */ import_react.default.createElement("p", {
-        style: { margin: 0 }
-      }, " ", secondaryTitle))));
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledPrimaryTitle, {
-      ref: setPrimaryElement,
-      id: `accordion_${title}id`,
-      disabled,
-      isDSMobile
-    }, title), !isDSMobile && secondaryTitle && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSecondaryTitle, {
-      ref: setSecondaryElement,
-      disabled
-    }, secondaryTitle));
-  }, [
-    disabled,
-    isDSMobile,
-    isPrimaryShowingEllipsis,
-    isSecondaryShowingEllipsis,
-    referenceElement,
-    secondaryTitle,
-    setPrimaryElement,
-    setSecondaryElement,
-    showPopover,
-    title
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemContainer, {
-    "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.CONTAINER
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemHeaderContainer, {
-    disabled
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemHeader, {
-    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
-  }, /* @__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,
-    ref: setReferenceElement
-  }, 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));
-};
-DSAccordionItem.propTypes = import_propTypes.accordionItemPropTypes;
-const DSAccordionItemWithSchema = (0, import_react_desc.describe)(DSAccordionItem);
-DSAccordionItemWithSchema.propTypes = import_propTypes.accordionItemPropTypes;
-var DSAccordionItem_default = DSAccordionItem;
-module.exports = __toCommonJS(DSAccordionItem_exports);
-//# sourceMappingURL=DSAccordionItem.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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 } from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { DSButton, BUTTON_TYPE } from '@elliemae/ds-button';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { useIsShowingEllipsis } from '@elliemae/ds-utilities';\nimport { accordionItemDefaultProps } from '../../defaultProps';\nimport {\n  StyledItemAddon,\n  StyledItemContainer,\n  StyledItemContent,\n  StyledItemCustomActions,\n  StyledItemHeader,\n  StyledItemHeaderContainer,\n  StyledItemTitles,\n  StyledPrimaryTitle,\n  StyledSecondaryTitle,\n} from './styles';\nimport { accordionItemPropTypes } from '../../propTypes';\nimport { useAccordionItem } from './useAccordionItem';\nimport { DSAccordionContext } from '../../DSAccordionCTX';\nimport { DSAccordionDataTestid } from '../../DSAccordionDatatestid';\nimport type { DSAccordionItemPropsT, DSAccordionItemPropsWithDefaultsT } from '../../DSAccordionTypes';\n\nconst DSAccordionItem = (props: DSAccordionItemPropsT): JSX.Element => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    accordionItemDefaultProps,\n  ) as DSAccordionItemPropsWithDefaultsT;\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  } = propsWithDefaults;\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();\n\n  const CustomActionsContent = useMemo(() => {\n    if (!isDSMobile && customActions?.length > 0)\n      return (\n        <StyledItemCustomActions>\n          {customActions?.map(({ onClick, id, ...rest }) => (\n            <DSButton\n              key={id}\n              onClick={(e: React.MouseEvent) => {\n                e.stopPropagation();\n                if (onClick) onClick(e);\n              }}\n              {...rest}\n              buttonType={BUTTON_TYPE.SECONDARY}\n            />\n          ))}\n        </StyledItemCustomActions>\n      );\n\n    if (!isDSMobile && renderCustomActions)\n      return (\n        <StyledItemCustomActions>\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  const Titles = useMemo(() => {\n    if (isPrimaryShowingEllipsis || isSecondaryShowingEllipsis)\n      return (\n        <>\n          <StyledPrimaryTitle\n            ref={setPrimaryElement}\n            id={`accordion_${title}id`}\n            disabled={disabled}\n            isDSMobile={isDSMobile}\n          >\n            {title}\n          </StyledPrimaryTitle>\n          {!isDSMobile && secondaryTitle && (\n            <StyledSecondaryTitle ref={setSecondaryElement} disabled={disabled}>\n              {secondaryTitle}\n            </StyledSecondaryTitle>\n          )}\n          <DSPopperJS referenceElement={referenceElement} showPopover={showPopover}>\n            <div style={{ maxWidth: 260, padding: 8, background: 'white', display: 'grid', gap: 8 }}>\n              <p style={{ margin: 0 }}>{title}</p>\n              <p style={{ margin: 0 }}> {secondaryTitle}</p>\n            </div>\n          </DSPopperJS>\n        </>\n      );\n\n    return (\n      <>\n        <StyledPrimaryTitle\n          ref={setPrimaryElement}\n          id={`accordion_${title}id`}\n          disabled={disabled}\n          isDSMobile={isDSMobile}\n        >\n          {title}\n        </StyledPrimaryTitle>\n        {!isDSMobile && secondaryTitle && (\n          <StyledSecondaryTitle ref={setSecondaryElement} disabled={disabled}>\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    title,\n  ]);\n\n  return (\n    <StyledItemContainer data-testid={DSAccordionDataTestid.ITEM.CONTAINER}>\n      <StyledItemHeaderContainer disabled={disabled}>\n        <StyledItemHeader\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        >\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            ref={setReferenceElement}\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.propTypes = accordionItemPropTypes;\n\nconst DSAccordionItemWithSchema = describe(DSAccordionItem);\nDSAccordionItemWithSchema.propTypes = accordionItemPropTypes;\n\nexport { DSAccordionItem, DSAccordionItemWithSchema };\nexport default DSAccordionItem;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,143 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styles_exports = {};
-__export(styles_exports, {
-  StyledItemAddon: () => StyledItemAddon,
-  StyledItemContainer: () => StyledItemContainer,
-  StyledItemContent: () => StyledItemContent,
-  StyledItemCustomActions: () => StyledItemCustomActions,
-  StyledItemHeader: () => StyledItemHeader,
-  StyledItemHeaderContainer: () => StyledItemHeaderContainer,
-  StyledItemTitles: () => StyledItemTitles,
-  StyledPrimaryTitle: () => StyledPrimaryTitle,
-  StyledSecondaryTitle: () => StyledSecondaryTitle
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const StyledItemContainer = import_styled_components.default.div`
-  display: grid;
-  grid-template-rows: auto auto;
-  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};
-  align-items: center;
-`;
-const StyledItemHeader = import_styled_components.default.button`
-  display: flex;
-  height: ${({ theme, withSecondaryTitle }) => withSecondaryTitle ? theme.space.m : theme.space.s};
-  width: 100%;
-  align-items: center;
-  border: none;
-  outline: none;
-  background: none;
-
-  &:hover {
-    cursor: ${({ disabled }) => disabled ? "not-allowed" : "pointer"};
-  }
-
-  padding: ${({ isDSMobile }) => isDSMobile ? `0 16px` : `0`};
-
-  ${({ isDSMobile }) => isDSMobile ? `flex-direction: row-reverse;` : ``}
-
-  &:focus {
-    &:after {
-      position: absolute;
-      content: '';
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 100%;
-      border-radius: 2px;
-      border: 2px solid ${({ theme }) => theme.colors.brand[700]};
-      pointer-events: none;
-    }
-  }
-`;
-const StyledItemContent = import_styled_components.default.div`
-  margin: ${({ isDSMobile }) => isDSMobile ? `16px 16px 24px 16px` : `16px 16px 16px 32px`};
-  grid-column: 1/2;
-`;
-const StyledItemAddon = import_styled_components.default.div`
-  ${({ theme, isDSMobile }) => !isDSMobile ? `padding: 0 ${theme.space.xxs};` : ``}
-  height: 100%;
-  width: ${({ theme }) => theme.space.s};
-  display: grid;
-  place-items: center;
-
-  & .em-ds-icon svg {
-    fill: ${({ disabled, theme }) => disabled ? theme.colors.neutral[200] : theme.colors.brand[800]};
-  }
-`;
-const StyledItemTitles = import_styled_components.default.div`
-  display: grid;
-  grid-template-columns: 100%;
-  width: 100%;
-  align-content: center;
-`;
-const StyledPrimaryTitle = import_styled_components.default.div`
-  margin: 0;
-  font-size: 16px;
-  color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[200] : theme.colors.neutral[700]};
-  font-weight: ${({ theme, isDSMobile }) => isDSMobile ? theme.fontWeights.regular : theme.fontWeights.regular};
-  text-overflow: ellipsis;
-  overflow: hidden;
-  height: ${({ theme }) => theme.space.xs};
-  width: 100%;
-  text-align: left;
-  display: block;
-  white-space: nowrap;
-`;
-const StyledSecondaryTitle = import_styled_components.default.span`
-  margin: 0;
-  font-size: ${({ theme }) => theme.fontSizes.label[200]};
-  text-align: left;
-  color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[200] : theme.colors.neutral[500]};
-  text-overflow: ellipsis;
-  overflow: hidden;
-  height: ${({ theme }) => theme.space.xs};
-  width: 100%;
-  text-align: left;
-  display: block;
-  white-space: nowrap;
-`;
-const StyledItemCustomActions = import_styled_components.default.div`
-  display: grid;
-  grid-auto-flow: column;
-  grid-gap: ${({ theme }) => theme.space.xxs};
-  margin: 0 ${({ theme }) => theme.space.xs};
-  justify-content: flex-end;
-`;
-const StyledItemHeaderContainer = import_styled_components.default.div`
-  display: grid;
-  grid-template-columns: auto max-content;
-  place-items: center;
-  position: relative;
-  &:hover {
-    ${({ disabled, theme }) => !disabled ? `background: ${theme.colors.brand[200]};` : ``}
-  }
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/accordionItem/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import styled from 'styled-components';\nimport type {\n  StyledItemAddonPropsT,\n  StyledItemHeaderPropsT,\n  StyledItemTitlesPropsT,\n  StyledPrimaryTitlePropsT,\n  StyledSecondaryTitlePropsT,\n  StyledItemContentPropsT,\n  StyledItemHeaderContainerPropsT,\n} from '../../DSAccordionTypes';\n\nexport const StyledItemContainer = styled.div`\n  display: grid;\n  grid-template-rows: auto auto;\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n  align-items: center;\n`;\n\nexport const StyledItemHeader = styled.button<StyledItemHeaderPropsT>`\n  display: flex;\n  height: ${({ theme, withSecondaryTitle }) => (withSecondaryTitle ? theme.space.m : theme.space.s)};\n  width: 100%;\n  align-items: center;\n  border: none;\n  outline: none;\n  background: none;\n\n  &:hover {\n    cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n  }\n\n  padding: ${({ isDSMobile }) => (isDSMobile ? `0 16px` : `0`)};\n\n  ${({ isDSMobile }) => (isDSMobile ? `flex-direction: row-reverse;` : ``)}\n\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<StyledItemContentPropsT>`\n  margin: ${({ isDSMobile }) => (isDSMobile ? `16px 16px 24px 16px` : `16px 16px 16px 32px`)};\n  grid-column: 1/2;\n`;\n\nexport const StyledItemAddon = styled.div<StyledItemAddonPropsT>`\n  ${({ theme, isDSMobile }) => (!isDSMobile ? `padding: 0 ${theme.space.xxs};` : ``)}\n  height: 100%;\n  width: ${({ theme }) => theme.space.s};\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<StyledItemTitlesPropsT>`\n  display: grid;\n  grid-template-columns: 100%;\n  width: 100%;\n  align-content: center;\n`;\n\nexport const StyledPrimaryTitle = styled.div<StyledPrimaryTitlePropsT>`\n  margin: 0;\n  font-size: 16px;\n  color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[200] : theme.colors.neutral[700])};\n  font-weight: ${({ theme, isDSMobile }) => (isDSMobile ? theme.fontWeights.regular : theme.fontWeights.regular)};\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: ${({ theme }) => theme.space.xs};\n  width: 100%;\n  text-align: left;\n  display: block;\n  white-space: nowrap;\n`;\n\nexport const StyledSecondaryTitle = styled.span<StyledSecondaryTitlePropsT>`\n  margin: 0;\n  font-size: ${({ theme }) => theme.fontSizes.label[200]};\n  text-align: left;\n  color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[200] : theme.colors.neutral[500])};\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: ${({ theme }) => theme.space.xs};\n  width: 100%;\n  text-align: left;\n  display: block;\n  white-space: nowrap;\n`;\n\nexport const StyledItemCustomActions = styled.div`\n  display: grid;\n  grid-auto-flow: column;\n  grid-gap: ${({ theme }) => theme.space.xxs};\n  margin: 0 ${({ theme }) => theme.space.xs};\n  justify-content: flex-end;\n`;\n\nexport const StyledItemHeaderContainer = styled.div<StyledItemHeaderContainerPropsT>`\n  display: grid;\n  grid-template-columns: auto max-content;\n  place-items: center;\n  position: relative;\n  &:hover {\n    ${({ disabled, theme }) => (!disabled ? `background: ${theme.colors.brand[200]};` : ``)}\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAWZ,MAAM,sBAAsB,iCAAO;AAAA;AAAA;AAAA,6BAGb,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI1D,MAAM,mBAAmB,iCAAO;AAAA;AAAA,YAE3B,CAAC,EAAE,OAAO,yBAA0B,qBAAqB,MAAM,MAAM,IAAI,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAQnF,CAAC,EAAE,eAAgB,WAAW,gBAAgB;AAAA;AAAA;AAAA,aAG/C,CAAC,EAAE,iBAAkB,aAAa,WAAW;AAAA;AAAA,IAEtD,CAAC,EAAE,iBAAkB,aAAa,iCAAiC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAW7C,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAMrD,MAAM,oBAAoB,iCAAO;AAAA,YAC5B,CAAC,EAAE,iBAAkB,aAAa,wBAAwB;AAAA;AAAA;AAI/D,MAAM,kBAAkB,iCAAO;AAAA,IAClC,CAAC,EAAE,OAAO,iBAAkB,CAAC,aAAa,cAAc,MAAM,MAAM,SAAS;AAAA;AAAA,WAEtE,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,YAK1B,CAAC,EAAE,UAAU,YAAa,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,MAAM;AAAA;AAAA;AAIzF,MAAM,mBAAmB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhC,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA,WAG9B,CAAC,EAAE,UAAU,YAAa,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ;AAAA,iBAChF,CAAC,EAAE,OAAO,iBAAkB,aAAa,MAAM,YAAY,UAAU,MAAM,YAAY;AAAA;AAAA;AAAA,YAG5F,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhC,MAAM,uBAAuB,iCAAO;AAAA;AAAA,eAE5B,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA;AAAA,WAEzC,CAAC,EAAE,UAAU,YAAa,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,YAGrF,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhC,MAAM,0BAA0B,iCAAO;AAAA;AAAA;AAAA,cAGhC,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,cAC3B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAIlC,MAAM,4BAA4B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM1C,CAAC,EAAE,UAAU,YAAa,CAAC,WAAW,eAAe,MAAM,OAAO,MAAM,UAAU;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,66 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useAccordionItem_exports = {};
-__export(useAccordionItem_exports, {
-  useAccordionItem: () => useAccordionItem
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_DSAccordionCTX = require("../../DSAccordionCTX");
-const useAccordionItem = ({ value, disabled }) => {
-  const { actualActiveValue, setActiveValues, focusableChildrenReferences } = (0, import_react.useContext)(import_DSAccordionCTX.DSAccordionContext);
-  const selected = (0, import_react.useMemo)(() => {
-    if (Array.isArray(actualActiveValue)) {
-      return actualActiveValue.some((currentValue) => currentValue === value);
-    }
-    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();
-    }
-    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();
-    }
-  }, [disabled, focusableChildrenReferences]);
-  return {
-    handleOnClick,
-    handleOnKeyDown,
-    selected
-  };
-};
-module.exports = __toCommonJS(useAccordionItem_exports);
-//# sourceMappingURL=useAccordionItem.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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';\nimport type { UseAccordionPropsT, UseAccordionItemReturnTypeT } from '../../DSAccordionTypes';\n\nexport const useAccordionItem = ({ value, disabled }: UseAccordionPropsT): 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      }\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      }\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;ACAA,YAAuB;ADAvB,mBAAwD;AACxD,4BAAmC;AAG5B,MAAM,mBAAmB,CAAC,EAAE,OAAO,eAAgE;AACxG,QAAM,EAAE,mBAAmB,iBAAiB,gCAAgC,6BAAW;AAEvF,QAAM,WAAW,0BAAQ,MAAM;AAC7B,QAAI,MAAM,QAAQ,oBAAoB;AACpC,aAAO,kBAAkB,KAAK,CAAC,iBAAiB,iBAAiB;AAAA;AAEnE,WAAO,UAAU;AAAA,KAChB,CAAC,mBAAmB;AAEvB,QAAM,gBAAgB,8BACpB,CAAC,MAAwB;AACvB,QAAI,CAAC;AAAU,sBAAgB,OAAO;AAAA,KAExC,CAAC,UAAU,iBAAiB;AAG9B,QAAM,kBAAkB,8BACtB,CAAC,GAAwB,aAAqB;AAC5C,QAAI,CAAC,YAAY,EAAE,QAAQ,aAAa;AACtC,YAAM,eAAe,4BAA4B,UAAU,CAAC,SAAS,KAAK,UAAU;AACpF,UAAI,4BAA4B,eAAe,IAAI,KAAK;AACtD,oCAA4B,eAAe,IAAI,KAAK,SAAS;AAAA;AAGjE,QAAI,CAAC,YAAY,EAAE,QAAQ,WAAW;AACpC,YAAM,eAAe,4BAA4B,UAAU,CAAC,SAAS,KAAK,UAAU;AACpF,UAAI,4BAA4B,eAAe,IAAI,KAAK;AACtD,oCAA4B,eAAe,IAAI,KAAK,SAAS;AAAA;AAAA,KAGnE,CAAC,UAAU;AAGb,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
-  "names": []
-}