@elliemae/ds-accordion 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/parts/accordionItem/styles.js

@@ -1,147 +1,133 @@
-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: grid;
-  height: ${({ withSecondaryTitle }) => withSecondaryTitle ? "48px" : "32px"};
-  grid-template-columns: ${({ withCustomActions, isDSMobile }) => withCustomActions ? "32px auto" : `${isDSMobile ? `auto 32px` : `32px auto`}`};
-  width: 100%;
-  align-items: center;
-  border: none;
-  outline: none;
-  background: none;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
 
-  &:hover {
-    cursor: ${({ disabled }) => disabled ? "not-allowed" : "pointer"};
-  }
+var styled = require('styled-components');
 
-  padding: ${({ isDSMobile }) => isDSMobile ? `0 16px` : `0`};
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-  ${({ isDSMobile }) => isDSMobile ? `grid-template-areas: 'title addon';` : ``}
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-  &: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`
-  ${({ isDSMobile }) => !isDSMobile ? `  padding: 0 8px;
-          
-` : `
-      grid-area: addon;
-      `}
-  height: 100%;
-  display: grid;
-  place-items: center;
+const StyledItemContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-fnpjby-0"
+})(["display:grid;grid-template-rows:auto auto;border-bottom:1px solid ", ";align-items:center;"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.colors.neutral[200];
+});
+const StyledItemHeader = /*#__PURE__*/styled__default["default"].button.withConfig({
+  componentId: "sc-fnpjby-1"
+})(["display:grid;height:", ";grid-template-columns:", ";width:100%;align-items:center;border:none;outline:none;background:none;&:hover{cursor:", ";}padding:", ";", " &:focus{&:after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;border-radius:2px;border:2px solid ", ";pointer-events:none;}}"], _ref2 => {
+  let {
+    withSecondaryTitle
+  } = _ref2;
+  return withSecondaryTitle ? '48px' : '32px';
+}, _ref3 => {
+  let {
+    withCustomActions,
+    isDSMobile
+  } = _ref3;
+  return withCustomActions ? '32px auto' : "".concat(isDSMobile ? "auto 32px" : "32px auto");
+}, _ref4 => {
+  let {
+    disabled
+  } = _ref4;
+  return disabled ? 'not-allowed' : 'pointer';
+}, _ref5 => {
+  let {
+    isDSMobile
+  } = _ref5;
+  return isDSMobile ? "0 16px" : "0";
+}, _ref6 => {
+  let {
+    isDSMobile
+  } = _ref6;
+  return isDSMobile ? "grid-template-areas: 'title addon';" : "";
+}, _ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return theme.colors.brand[700];
+});
+const StyledItemContent = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-fnpjby-2"
+})(["margin:", ";grid-column:1/2;"], _ref8 => {
+  let {
+    isDSMobile
+  } = _ref8;
+  return isDSMobile ? "16px 16px 24px 16px" : "16px 16px 16px 32px";
+});
+const StyledItemAddon = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-fnpjby-3"
+})(["", " height:100%;display:grid;place-items:center;& .em-ds-icon svg{fill:", ";}"], _ref9 => {
+  let {
+    isDSMobile
+  } = _ref9;
+  return !isDSMobile ? "  padding: 0 8px;\n          \n" : "\n      grid-area: addon;\n      ";
+}, _ref10 => {
+  let {
+    disabled,
+    theme
+  } = _ref10;
+  return disabled ? theme.colors.neutral[200] : theme.colors.brand[800];
+});
+const StyledItemTitles = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-fnpjby-4"
+})(["display:grid;grid-template-columns:100%;align-content:center;", ""], _ref11 => {
+  let {
+    isDSMobile
+  } = _ref11;
+  return isDSMobile ? "grid-area: title;" : "";
+});
+const StyledPrimaryTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-fnpjby-5"
+})(["margin:0;font-size:16px;color:", ";font-weight:", ";text-overflow:ellipsis;overflow:hidden;height:16px;width:100%;text-align:left;display:block;white-space:nowrap;"], _ref12 => {
+  let {
+    disabled,
+    theme
+  } = _ref12;
+  return disabled ? theme.colors.neutral[200] : theme.colors.neutral[700];
+}, _ref13 => {
+  let {
+    theme,
+    isDSMobile
+  } = _ref13;
+  return isDSMobile ? theme.fontWeights.regular : theme.fontWeights.regular;
+});
+const StyledSecondaryTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
+  componentId: "sc-fnpjby-6"
+})(["margin:0;font-size:", ";text-align:left;color:", ";text-overflow:ellipsis;overflow:hidden;height:16px;width:100%;text-align:left;display:block;white-space:nowrap;"], _ref14 => {
+  let {
+    theme
+  } = _ref14;
+  return theme.fontSizes.label[200];
+}, _ref15 => {
+  let {
+    disabled,
+    theme
+  } = _ref15;
+  return disabled ? theme.colors.neutral[200] : theme.colors.neutral[500];
+});
+const StyledItemCustomActions = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-fnpjby-7"
+})(["display:grid;grid-auto-flow:column;grid-gap:8px;margin:0 16px;justify-content:flex-end;"]);
+const StyledItemHeaderContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-fnpjby-8"
+})(["display:grid;grid-template-columns:auto max-content;place-items:center;position:relative;&:hover{", ";}"], _ref16 => {
+  let {
+    disabled,
+    theme
+  } = _ref16;
+  return !disabled ? "background: ".concat(theme.colors.brand[200]) : "";
+});
 
-  & .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%;
-  align-content: center;
-  ${({ isDSMobile }) => isDSMobile ? `grid-area: title;` : ``}
-`;
-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: 16px;
-  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: 16px;
-  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: 8px;
-  margin: 0 16px;
-  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
+exports.StyledItemAddon = StyledItemAddon;
+exports.StyledItemContainer = StyledItemContainer;
+exports.StyledItemContent = StyledItemContent;
+exports.StyledItemCustomActions = StyledItemCustomActions;
+exports.StyledItemHeader = StyledItemHeader;
+exports.StyledItemHeaderContainer = StyledItemHeaderContainer;
+exports.StyledItemTitles = StyledItemTitles;
+exports.StyledPrimaryTitle = StyledPrimaryTitle;
+exports.StyledSecondaryTitle = StyledSecondaryTitle;

package/cjs/parts/accordionItem/useAccordionItem.js

@@ -1,59 +1,46 @@
-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)(() => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.some.js');
+var React = require('react');
+var DSAccordionCTX = require('../../DSAccordionCTX.js');
+
+const useAccordionItem = _ref => {
+  let {
+    value,
+    disabled
+  } = _ref;
+  const {
+    actualActiveValue,
+    setActiveValues,
+    focusableChildrenReferences
+  } = React.useContext(DSAccordionCTX.DSAccordionContext);
+  const selected = React.useMemo(() => {
     if (Array.isArray(actualActiveValue)) {
-      return actualActiveValue.some((currentValue) => currentValue === value);
+      return actualActiveValue.some(currentValue => currentValue === value);
     }
+
     return value === actualActiveValue;
   }, [actualActiveValue, value]);
-  const handleOnClick = (0, import_react.useCallback)((e) => {
-    if (!disabled)
-      setActiveValues(value, e);
+  const handleOnClick = 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();
+  const handleOnKeyDown = React.useCallback((e, _dsIndex) => {
+    if (!disabled && e.key === 'ArrowDown') {
+      var _focusableChildrenRef, _focusableChildrenRef2, _focusableChildrenRef3, _focusableChildrenRef4, _focusableChildrenRef5;
+
+      const currentIndex = focusableChildrenReferences.findIndex(item => item.index === _dsIndex);
+      if ((_focusableChildrenRef = focusableChildrenReferences[currentIndex + 1]) !== null && _focusableChildrenRef !== void 0 && (_focusableChildrenRef2 = _focusableChildrenRef.ref) !== null && _focusableChildrenRef2 !== void 0 && _focusableChildrenRef2.current) (_focusableChildrenRef3 = focusableChildrenReferences[currentIndex + 1]) === null || _focusableChildrenRef3 === void 0 ? void 0 : (_focusableChildrenRef4 = _focusableChildrenRef3.ref) === null || _focusableChildrenRef4 === void 0 ? void 0 : (_focusableChildrenRef5 = _focusableChildrenRef4.current) === null || _focusableChildrenRef5 === void 0 ? void 0 : _focusableChildrenRef5.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();
+
+    if (!disabled && e.key === 'ArrowUp') {
+      var _focusableChildrenRef6, _focusableChildrenRef7, _focusableChildrenRef8, _focusableChildrenRef9, _focusableChildrenRef10;
+
+      const currentIndex = focusableChildrenReferences.findIndex(item => item.index === _dsIndex);
+      if ((_focusableChildrenRef6 = focusableChildrenReferences[currentIndex - 1]) !== null && _focusableChildrenRef6 !== void 0 && (_focusableChildrenRef7 = _focusableChildrenRef6.ref) !== null && _focusableChildrenRef7 !== void 0 && _focusableChildrenRef7.current) (_focusableChildrenRef8 = focusableChildrenReferences[currentIndex - 1]) === null || _focusableChildrenRef8 === void 0 ? void 0 : (_focusableChildrenRef9 = _focusableChildrenRef8.ref) === null || _focusableChildrenRef9 === void 0 ? void 0 : (_focusableChildrenRef10 = _focusableChildrenRef9.current) === null || _focusableChildrenRef10 === void 0 ? void 0 : _focusableChildrenRef10.focus();
     }
   }, [disabled, focusableChildrenReferences]);
   return {
@@ -62,5 +49,5 @@ const useAccordionItem = ({ value, disabled }) => {
     selected
   };
 };
-module.exports = __toCommonJS(useAccordionItem_exports);
-//# sourceMappingURL=useAccordionItem.js.map
+
+exports.useAccordionItem = useAccordionItem;

package/cjs/parts/accordionItem/useIsShowingEllipsis.js

@@ -1,58 +1,37 @@
-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 useIsShowingEllipsis_exports = {};
-__export(useIsShowingEllipsis_exports, {
-  useIsShowingEllipsis: () => useIsShowingEllipsis
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+
 const useIsShowingEllipsis = () => {
-  const [element, setElement] = (0, import_react.useState)();
-  const [isShowingEllipsis, setIsShowingEllipsis] = (0, import_react.useState)(false);
-  const resizeObserver = (0, import_react.useMemo)(() => new ResizeObserver((entries) => {
+  const [element, setElement] = React.useState();
+  const [isShowingEllipsis, setIsShowingEllipsis] = React.useState(false); // const isShowingEllipsis = element?.scrollWidth > primaryTitleWrapperEl?.clientWidth;
+
+  const resizeObserver = React.useMemo(() => new ResizeObserver(entries => {
     if (entries.length) {
       const [textWrapperEntry] = entries;
       const el = textWrapperEntry.target;
-      setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);
+      setIsShowingEllipsis((el === null || el === void 0 ? void 0 : el.scrollWidth) > (el === null || el === void 0 ? void 0 : el.clientWidth));
     }
   }), []);
-  (0, import_react.useEffect)(() => {
+  React.useEffect(() => {
     if (element) {
-      setIsShowingEllipsis(element?.scrollWidth > element?.clientWidth);
+      setIsShowingEllipsis((element === null || element === void 0 ? void 0 : element.scrollWidth) > (element === null || element === void 0 ? void 0 : element.clientWidth));
       resizeObserver.observe(element);
     }
+
     return () => {
       if (element) {
         resizeObserver.unobserve(element);
       }
     };
   }, [resizeObserver, element]);
-  return { setElement, isShowingEllipsis };
+  return {
+    setElement,
+    isShowingEllipsis
+  };
 };
-module.exports = __toCommonJS(useIsShowingEllipsis_exports);
-//# sourceMappingURL=useIsShowingEllipsis.js.map
+
+exports.useIsShowingEllipsis = useIsShowingEllipsis;

package/cjs/propTypes.js

@@ -1,57 +1,26 @@
-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 propTypes_exports = {};
-__export(propTypes_exports, {
-  accordionItemPropTypes: () => accordionItemPropTypes,
-  accordionPropTypes: () => accordionPropTypes
-});
-var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
 const accordionItemPropTypes = {
-  children: import_react_desc.PropTypes.node.description("Dimsum AccordionItem content.").isRequired,
-  title: import_react_desc.PropTypes.string.description("Set a primary title."),
-  value: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("Dimsum AccordionItem value, this value should be unique.").isRequired,
-  iconClosed: import_react_desc.PropTypes.node.description("Custom Dimsum Icon when it is closed."),
-  iconOpened: import_react_desc.PropTypes.node.description("Custom Dimsum Icon when it is open."),
-  secondaryTitle: import_react_desc.PropTypes.string.description("Set a secondary title"),
-  customActions: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.object).description("Set Dimsum AccordionItem custom actions."),
-  renderCustomActions: import_react_desc.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.")
+  children: reactDesc.PropTypes.node.description('Dimsum AccordionItem content.').isRequired,
+  title: reactDesc.PropTypes.string.description('Set a primary title.'),
+  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Dimsum AccordionItem value, this value should be unique.').isRequired,
+  iconClosed: reactDesc.PropTypes.node.description('Custom Dimsum Icon when it is closed.'),
+  iconOpened: reactDesc.PropTypes.node.description('Custom Dimsum Icon when it is open.'),
+  secondaryTitle: reactDesc.PropTypes.string.description('Set a secondary title'),
+  customActions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('Set Dimsum AccordionItem custom actions.'),
+  renderCustomActions: reactDesc.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.')
 };
 const accordionPropTypes = {
-  containerProps: import_react_desc.PropTypes.object.description("Adds props to the container."),
-  activeValue: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number])),
-    import_react_desc.PropTypes.string,
-    import_react_desc.PropTypes.number
-  ]).description("Selected active value. This property makes the component a controlled one."),
-  children: import_react_desc.PropTypes.node.description("Dimsum AccordionItems to show."),
-  allowMultipleOpen: import_react_desc.PropTypes.bool.description("Allows multiple Dimsum AccordionItems to be open at the same time."),
-  onChange: import_react_desc.PropTypes.func.description("Callback function once the Dimsum Accordion changes.")
+  containerProps: reactDesc.PropTypes.object.description('Adds props to the container.'),
+  activeValue: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number])), reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Selected active value. This property makes the component a controlled one.'),
+  children: reactDesc.PropTypes.node.description('Dimsum AccordionItems to show.'),
+  allowMultipleOpen: reactDesc.PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),
+  onChange: reactDesc.PropTypes.func.description('Callback function once the Dimsum Accordion changes.')
 };
-module.exports = __toCommonJS(propTypes_exports);
-//# sourceMappingURL=propTypes.js.map
+
+exports.accordionItemPropTypes = accordionItemPropTypes;
+exports.accordionPropTypes = accordionPropTypes;

package/esm/DSAccordion.js

@@ -1,23 +1,21 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { AccordionContent } from "./parts/accordionContent/AccordionContent";
-import { useAccordion } from "./config/useAccordion";
-import { DSAccordionContext } from "./DSAccordionCTX";
-import { accordionPropTypes } from "./propTypes";
-const DSAccordion = (props) => {
+import _jsx2 from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { describe } from 'react-desc';
+import { AccordionContent } from './parts/accordionContent/AccordionContent.js';
+import { useAccordion } from './config/useAccordion.js';
+import { DSAccordionContext } from './DSAccordionCTX.js';
+import { accordionPropTypes } from './propTypes.js';
+
+var _AccordionContent;
+
+const DSAccordion = props => {
   const ctx = useAccordion(props);
-  return /* @__PURE__ */ React2.createElement(DSAccordionContext.Provider, {
+  return /*#__PURE__*/_jsx2(DSAccordionContext.Provider, {
     value: ctx
-  }, /* @__PURE__ */ React2.createElement(AccordionContent, null));
+  }, void 0, _AccordionContent || (_AccordionContent = /*#__PURE__*/_jsx2(AccordionContent, {})));
 };
-DSAccordion.propTypes = accordionPropTypes;
+
 const DSAccordionWithSchema = describe(DSAccordion);
 DSAccordionWithSchema.propTypes = accordionPropTypes;
-var DSAccordion_default = DSAccordion;
-export {
-  DSAccordion,
-  DSAccordionWithSchema,
-  DSAccordion_default as default
-};
-//# sourceMappingURL=DSAccordion.js.map
+
+export { DSAccordion, DSAccordionWithSchema, DSAccordion as default };

package/esm/DSAccordionCTX.js

@@ -1,8 +1,9 @@
-import * as React from "react";
-import { createContext } from "react";
-import { defaultProps } from "./defaultProps";
-const noop = () => {
-};
+import { createContext } from 'react';
+import { defaultProps } from './defaultProps.js';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = () => {};
+
 const defaultContext = {
   props: defaultProps,
   actualActiveValue: [],
@@ -10,8 +11,6 @@ const defaultContext = {
   focusableChildrenReferences: [],
   allChildrenReferences: {}
 };
-const DSAccordionContext = createContext(defaultContext);
-export {
-  DSAccordionContext
-};
-//# sourceMappingURL=DSAccordionCTX.js.map
+const DSAccordionContext = /*#__PURE__*/createContext(defaultContext);
+
+export { DSAccordionContext };

package/esm/DSAccordionDatatestid.js

@@ -1,13 +1,10 @@
-import * as React from "react";
 const DSAccordionDataTestid = {
   ITEM: {
-    CONTENT: "ds-accordion_item-content",
-    HEADER: "ds-accordion_item-header",
-    CONTAINER: "ds-accordion_item"
+    CONTENT: 'ds-accordion_item-content',
+    HEADER: 'ds-accordion_item-header',
+    CONTAINER: 'ds-accordion_item'
   },
-  GROUP: "ds-accordion_group"
+  GROUP: 'ds-accordion_group'
 };
-export {
-  DSAccordionDataTestid
-};
-//# sourceMappingURL=DSAccordionDatatestid.js.map
+
+export { DSAccordionDataTestid };

package/esm/DSAccordionTypes.js

@@ -1,2 +1 @@
-import * as React from "react";
-//# sourceMappingURL=DSAccordionTypes.js.map
+