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

package/cjs/index.js

@@ -1,14 +1,37 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSAccordion = require('./DSAccordion.js');
-var DSAccordionItem = require('./parts/accordionItem/DSAccordionItem.js');
-
-
-
-exports.DSAccordion = DSAccordion.DSAccordion;
-exports.DSAccordionWithSchema = DSAccordion.DSAccordionWithSchema;
-exports["default"] = DSAccordion.DSAccordion;
-exports.DSAccordionItem = DSAccordionItem.DSAccordionItem;
-exports.DSAccordionItemWithSchema = DSAccordionItem.DSAccordionItemWithSchema;
+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/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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/cjs/parts/accordionContent/AccordionContent.js

@@ -1,41 +1,50 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-var React = require('react');
-var DSAccordionCTX = require('../../DSAccordionCTX.js');
-var DSAccordionDatatestid = require('../../DSAccordionDatatestid.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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
-    }
-  } = React.useContext(DSAccordionCTX.DSAccordionContext);
+    props: { containerProps, children }
+  } = (0, import_react.useContext)(import_DSAccordionCTX.DSAccordionContext);
   const childrenWithIndex = [];
-  React__default["default"].Children.forEach(children, (child, index) => childrenWithIndex.push( /*#__PURE__*/React__default["default"].cloneElement(child, {
+  import_react.default.Children.forEach(children, (child, index) => childrenWithIndex.push(import_react.default.cloneElement(child, {
     dsIndex: index
   })));
-  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-    "data-testid": DSAccordionDatatestid.DSAccordionDataTestid.GROUP,
-    children: childrenWithIndex
-  }));
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    ...containerProps,
+    "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.GROUP
+  }, childrenWithIndex);
 };
-
-exports.AccordionContent = AccordionContent;
+module.exports = __toCommonJS(AccordionContent_exports);
+//# sourceMappingURL=AccordionContent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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/cjs/parts/accordionItem/DSAccordionItem.js

@@ -1,47 +1,51 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx2 = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var reactDesc = require('react-desc');
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var DSButton = require('@elliemae/ds-button');
-var dsPopperjs = require('@elliemae/ds-popperjs');
-var defaultProps = require('../../defaultProps.js');
-var styles = require('./styles.js');
-var propTypes = require('../../propTypes.js');
-var useAccordionItem = require('./useAccordionItem.js');
-var DSAccordionCTX = require('../../DSAccordionCTX.js');
-var DSAccordionDatatestid = require('../../DSAccordionDatatestid.js');
-var useIsShowingEllipsis = require('./useIsShowingEllipsis.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-const _excluded = ["onClick", "id"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSAccordionItem = props => {
-  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps.accordionItemDefaultProps);
+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_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");
+var import_useIsShowingEllipsis = require("./useIsShowingEllipsis");
+const DSAccordionItem = (props) => {
+  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_defaultProps.accordionItemDefaultProps);
   const {
     children,
     title,
@@ -54,153 +58,122 @@ const DSAccordionItem = props => {
     dsIndex,
     renderCustomActions
   } = propsWithDefaults;
-  const {
-    handleOnClick,
-    handleOnKeyDown,
-    selected
-  } = useAccordionItem.useAccordionItem({
-    value,
-    disabled
-  });
+  const { handleOnClick, handleOnKeyDown, selected } = (0, import_useAccordionItem.useAccordionItem)({ value, disabled });
   const {
     allChildrenReferences,
     actualActiveValue,
-    props: {
-      isDSMobile
-    }
-  } = React.useContext(DSAccordionCTX.DSAccordionContext);
-  const onKeyDownWithIndex = React.useCallback(e => {
+    props: { isDSMobile }
+  } = (0, import_react.useContext)(import_DSAccordionCTX.DSAccordionContext);
+  const onKeyDownWithIndex = (0, import_react.useCallback)((e) => {
     handleOnKeyDown(e, dsIndex);
   }, [dsIndex, handleOnKeyDown]);
-  const [showPopover, setShowPopover] = React.useState(false);
-  const [referenceElement, setReferenceElement] = React.useState();
-  const CustomActionsContent = React.useMemo(() => {
-    if (!isDSMobile && (customActions === null || customActions === void 0 ? void 0 : customActions.length) > 0) return /*#__PURE__*/_jsx2__default["default"](styles.StyledItemCustomActions, {}, void 0, customActions === null || customActions === void 0 ? void 0 : customActions.map(_ref => {
-      let {
-        onClick,
-        id
-      } = _ref,
-          rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-      return /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({
-        onClick: e => {
+  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: DSButton.BUTTON_TYPE.SECONDARY
-      }), id);
-    }));
-    if (!isDSMobile && renderCustomActions) return /*#__PURE__*/_jsx2__default["default"](styles.StyledItemCustomActions, {}, void 0, renderCustomActions({
-      allRefs: allChildrenReferences,
-      actualActiveValue
-    }));
+          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
-  } = useIsShowingEllipsis.useIsShowingEllipsis();
-  const {
-    isShowingEllipsis: isSecondaryShowingEllipsis,
-    setElement: setSecondaryElement
-  } = useIsShowingEllipsis.useIsShowingEllipsis();
-  const handleOnFocus = React.useCallback(() => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis), [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis]);
-  const handleOnBlur = React.useCallback(() => setShowPopover(false), []);
-  const Titles = React.useMemo(() => {
-    if (isPrimaryShowingEllipsis || isSecondaryShowingEllipsis) return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(styles.StyledPrimaryTitle, {
+  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = (0, import_useIsShowingEllipsis.useIsShowingEllipsis)();
+  const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = (0, import_useIsShowingEllipsis.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_".concat(title, "id"),
-        disabled: disabled,
-        isDSMobile: isDSMobile,
-        children: title
-      }), !isDSMobile && secondaryTitle && /*#__PURE__*/jsxRuntime.jsx(styles.StyledSecondaryTitle, {
+        id: `accordion_${title}id`,
+        disabled,
+        isDSMobile
+      }, title), !isDSMobile && secondaryTitle && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSecondaryTitle, {
         ref: setSecondaryElement,
-        disabled: disabled,
-        children: secondaryTitle
-      }), /*#__PURE__*/_jsx2__default["default"](dsPopperjs.DSPopperJS, {
-        referenceElement: referenceElement,
-        showPopover: showPopover
-      }, void 0, /*#__PURE__*/_jsx2__default["default"]("div", {
-        style: {
-          maxWidth: 260,
-          padding: 8,
-          background: 'white',
-          display: 'grid',
-          gap: 8
-        }
-      }, void 0, /*#__PURE__*/_jsx2__default["default"]("p", {
-        style: {
-          margin: 0
-        }
-      }, void 0, title), /*#__PURE__*/_jsx2__default["default"]("p", {
-        style: {
-          margin: 0
-        }
-      }, void 0, " ", secondaryTitle)))]
-    });
-    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(styles.StyledPrimaryTitle, {
-        ref: setPrimaryElement,
-        id: "accordion_".concat(title, "id"),
-        disabled: disabled,
-        isDSMobile: isDSMobile,
-        children: title
-      }), !isDSMobile && secondaryTitle && /*#__PURE__*/jsxRuntime.jsx(styles.StyledSecondaryTitle, {
-        ref: setSecondaryElement,
-        disabled: disabled,
-        children: secondaryTitle
-      })]
-    });
-  }, [disabled, isDSMobile, isPrimaryShowingEllipsis, isSecondaryShowingEllipsis, referenceElement, secondaryTitle, setPrimaryElement, setSecondaryElement, showPopover, title]);
-  return /*#__PURE__*/_jsx2__default["default"](styles.StyledItemContainer, {
-    "data-testid": DSAccordionDatatestid.DSAccordionDataTestid.ITEM.CONTAINER
-  }, void 0, /*#__PURE__*/_jsx2__default["default"](styles.StyledItemHeaderContainer, {
-    disabled: disabled
-  }, void 0, /*#__PURE__*/jsxRuntime.jsxs(styles.StyledItemHeader, {
-    withCustomActions: ((customActions === null || customActions === void 0 ? void 0 : customActions.length) > 0 || renderCustomActions !== undefined) && !isDSMobile,
+        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 : undefined,
-    disabled: disabled,
+    tabIndex: !disabled ? 0 : void 0,
+    disabled,
     "data-disabled": disabled,
     ref: allChildrenReferences[dsIndex],
     onKeyDown: onKeyDownWithIndex,
-    isDSMobile: isDSMobile,
-    "data-testid": DSAccordionDatatestid.DSAccordionDataTestid.ITEM.HEADER,
-    id: "ds-accordion-header-".concat(value),
+    isDSMobile,
+    "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.HEADER,
+    id: `ds-accordion-header-${value}`,
     "aria-expanded": selected,
     "aria-disabled": disabled,
-    "aria-controls": "ds-accordion-content-".concat(value),
+    "aria-controls": `ds-accordion-content-${value}`,
     onFocus: handleOnFocus,
-    onBlur: handleOnBlur,
-    children: [/*#__PURE__*/_jsx2__default["default"](styles.StyledItemAddon, {
-      disabled: disabled,
-      isDSMobile: isDSMobile
-    }, void 0, selected ? /*#__PURE__*/_jsx2__default["default"](IconOpened, {
-      isDSMobile: isDSMobile
-    }) : /*#__PURE__*/_jsx2__default["default"](IconClosed, {
-      isDSMobile: isDSMobile
-    })), /*#__PURE__*/jsxRuntime.jsx(styles.StyledItemTitles, {
-      onMouseEnter: handleOnFocus,
-      onMouseLeave: handleOnBlur,
-      isDSMobile: isDSMobile,
-      ref: setReferenceElement,
-      children: Titles
-    })]
-  }), CustomActionsContent), selected && /*#__PURE__*/_jsx2__default["default"](styles.StyledItemContent, {
-    "data-testid": DSAccordionDatatestid.DSAccordionDataTestid.ITEM.CONTENT,
-    "aria-labelledby": "ds-accordion-header-".concat(value),
+    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: isDSMobile,
-    id: "ds-accordion-content-".concat(value)
-  }, void 0, children));
+    isDSMobile,
+    id: `ds-accordion-content-${value}`
+  }, children));
 };
-
-const DSAccordionItemWithSchema = reactDesc.describe(DSAccordionItem);
-DSAccordionItemWithSchema.propTypes = propTypes.accordionItemPropTypes;
-
-exports.DSAccordionItem = DSAccordionItem;
-exports.DSAccordionItemWithSchema = DSAccordionItemWithSchema;
-exports["default"] = DSAccordionItem;
+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/cjs/parts/accordionItem/DSAccordionItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/accordionItem/DSAccordionItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import 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 { 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 { useIsShowingEllipsis } from './useIsShowingEllipsis';\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": []
+}