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

package/esm/DSAccordionDatatestid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSAccordionDatatestid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSAccordionDataTestid = {\n  ITEM: {\n    CONTENT: 'ds-accordion_item-content',\n    HEADER: 'ds-accordion_item-header',\n    CONTAINER: 'ds-accordion_item',\n  },\n  GROUP: 'ds-accordion_group',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA;AAAA,EAEb,OAAO;AAAA;",
+  "names": []
+}

package/esm/DSAccordionTypes.js

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

package/esm/DSAccordionTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/esm/config/useAccordion.js

@@ -1,35 +1,31 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.some.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.some.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import { useState, useMemo, useCallback } from 'react';
-import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
-import { useAccordionRefs } from './useAccordionRefs.js';
-import { defaultProps } from '../defaultProps.js';
-
-const useAccordion = props => {
+import * as React from "react";
+import { useMemo, useState, useCallback } from "react";
+import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { useAccordionRefs } from "./useAccordionRefs";
+import { defaultProps } from "../defaultProps";
+const useAccordion = (props) => {
   const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
-  const {
-    activeValue,
-    allowMultipleOpen,
-    onChange
-  } = propsWithDefaults;
-  const {
-    focusableChildrenReferences,
-    allChildrenReferences
-  } = useAccordionRefs(propsWithDefaults);
+  const { activeValue, allowMultipleOpen, onChange } = propsWithDefaults;
+  const { focusableChildrenReferences, allChildrenReferences } = useAccordionRefs(propsWithDefaults);
   const [internalActiveValue, setInternalActiveValue] = useState(activeValue);
   const actualActiveValue = useMemo(() => {
-    if (activeValue === undefined) return internalActiveValue;
+    if (activeValue === void 0)
+      return internalActiveValue;
     return activeValue;
   }, [activeValue, internalActiveValue]);
   const setActiveValues = useCallback((value, e) => {
     let newState;
-    if (allowMultipleOpen && (actualActiveValue === undefined || actualActiveValue === null)) newState = [value];else if (allowMultipleOpen && Array.isArray(actualActiveValue)) {
-      if (!actualActiveValue.some(currentValues => currentValues === value)) newState = [...actualActiveValue, value];else newState = actualActiveValue.filter(currentValues => currentValues !== value);
-    } else if (actualActiveValue === value) newState = null;else newState = value;
+    if (allowMultipleOpen && (actualActiveValue === void 0 || actualActiveValue === null))
+      newState = [value];
+    else if (allowMultipleOpen && Array.isArray(actualActiveValue))
+      if (!actualActiveValue.some((currentValues) => currentValues === value))
+        newState = [...actualActiveValue, value];
+      else
+        newState = actualActiveValue.filter((currentValues) => currentValues !== value);
+    else if (actualActiveValue === value)
+      newState = null;
+    else
+      newState = value;
     setInternalActiveValue(newState);
     return onChange(newState, e);
   }, [actualActiveValue, allowMultipleOpen, onChange]);
@@ -42,5 +38,7 @@ const useAccordion = props => {
   }), [actualActiveValue, allChildrenReferences, focusableChildrenReferences, propsWithDefaults, setActiveValues]);
   return ctx;
 };
-
-export { useAccordion };
+export {
+  useAccordion
+};
+//# sourceMappingURL=useAccordion.js.map

package/esm/config/useAccordion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useAccordion.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo, useState, useCallback } from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { useAccordionRefs } from './useAccordionRefs';\nimport { defaultProps } from '../defaultProps';\nimport type {\n  DSAccordionPropsT,\n  DSAccordionUseAccordionContextT,\n  DSAccordionPropsWithDefaultsT,\n  InternalActiveValueT,\n} from '../DSAccordionTypes';\n\nexport const useAccordion = (props: DSAccordionPropsT): DSAccordionUseAccordionContextT => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSAccordionPropsWithDefaultsT;\n\n  const { activeValue, allowMultipleOpen, onChange } = propsWithDefaults;\n\n  const { focusableChildrenReferences, allChildrenReferences } = useAccordionRefs(propsWithDefaults);\n\n  const [internalActiveValue, setInternalActiveValue] = useState<InternalActiveValueT>(activeValue);\n\n  const actualActiveValue = useMemo(() => {\n    if (activeValue === undefined) return internalActiveValue;\n    return activeValue;\n  }, [activeValue, internalActiveValue]);\n\n  const setActiveValues = useCallback(\n    (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => {\n      let newState: InternalActiveValueT;\n      if (allowMultipleOpen && (actualActiveValue === undefined || actualActiveValue === null)) newState = [value];\n      else if (allowMultipleOpen && Array.isArray(actualActiveValue))\n        if (!actualActiveValue.some((currentValues: string | number) => currentValues === value))\n          newState = [...actualActiveValue, value];\n        else newState = actualActiveValue.filter((currentValues: string | number) => currentValues !== value);\n      else if (actualActiveValue === value) newState = null;\n      else newState = value;\n      setInternalActiveValue(newState);\n      return onChange(newState, e);\n    },\n    [actualActiveValue, allowMultipleOpen, onChange],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      props: propsWithDefaults,\n      actualActiveValue,\n      setActiveValues,\n      focusableChildrenReferences,\n      allChildrenReferences,\n    }),\n    [actualActiveValue, allChildrenReferences, focusableChildrenReferences, propsWithDefaults, setActiveValues],\n  );\n\n  return ctx;\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAQO,MAAM,eAAe,CAAC,UAA8D;AACzF,QAAM,oBAAoB,6BAA6B,OAAO;AAE9D,QAAM,EAAE,aAAa,mBAAmB,aAAa;AAErD,QAAM,EAAE,6BAA6B,0BAA0B,iBAAiB;AAEhF,QAAM,CAAC,qBAAqB,0BAA0B,SAA+B;AAErF,QAAM,oBAAoB,QAAQ,MAAM;AACtC,QAAI,gBAAgB;AAAW,aAAO;AACtC,WAAO;AAAA,KACN,CAAC,aAAa;AAEjB,QAAM,kBAAkB,YACtB,CAAC,OAAwB,MAA8C;AACrE,QAAI;AACJ,QAAI,qBAAsB,uBAAsB,UAAa,sBAAsB;AAAO,iBAAW,CAAC;AAAA,aAC7F,qBAAqB,MAAM,QAAQ;AAC1C,UAAI,CAAC,kBAAkB,KAAK,CAAC,kBAAmC,kBAAkB;AAChF,mBAAW,CAAC,GAAG,mBAAmB;AAAA;AAC/B,mBAAW,kBAAkB,OAAO,CAAC,kBAAmC,kBAAkB;AAAA,aACxF,sBAAsB;AAAO,iBAAW;AAAA;AAC5C,iBAAW;AAChB,2BAAuB;AACvB,WAAO,SAAS,UAAU;AAAA,KAE5B,CAAC,mBAAmB,mBAAmB;AAGzC,QAAM,MAAM,QACV,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,mBAAmB,uBAAuB,6BAA6B,mBAAmB;AAG7F,SAAO;AAAA;",
+  "names": []
+}

package/esm/config/useAccordionRefs.js

@@ -1,32 +1,18 @@
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import React, { useMemo } from 'react';
-
-const useAccordionRefs = _ref => {
-  let {
-    children
-  } = _ref;
-  return useMemo(() => {
-    const focusableChildrenReferences = [];
-    const allChildrenReferences = {};
-    React.Children.map(children, (child, index) => {
-      const {
-        value,
-        disabled
-      } = child.props;
-      const currentRef = /*#__PURE__*/React.createRef();
-      allChildrenReferences[index] = currentRef;
-      if (!disabled) focusableChildrenReferences.push({
-        index,
-        value,
-        ref: currentRef
-      });
-    });
-    return {
-      focusableChildrenReferences,
-      allChildrenReferences
-    };
-  }, [children]);
+import * as React from "react";
+import React2, { useMemo } from "react";
+const useAccordionRefs = ({ children }) => useMemo(() => {
+  const focusableChildrenReferences = [];
+  const allChildrenReferences = {};
+  React2.Children.map(children, (child, index) => {
+    const { value, disabled } = child.props;
+    const currentRef = React2.createRef();
+    allChildrenReferences[index] = currentRef;
+    if (!disabled)
+      focusableChildrenReferences.push({ index, value, ref: currentRef });
+  });
+  return { focusableChildrenReferences, allChildrenReferences };
+}, [children]);
+export {
+  useAccordionRefs
 };
-
-export { useAccordionRefs };
+//# sourceMappingURL=useAccordionRefs.js.map

package/esm/config/useAccordionRefs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useAccordionRefs.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport type {\n  UseAccordionRefsPropsT,\n  UseAccordionRefsReturnTypeT,\n  FocusableChildrenReferences,\n  AllChildrenReferences,\n} from '../DSAccordionTypes';\n\nexport const useAccordionRefs = ({ children }: UseAccordionRefsPropsT): UseAccordionRefsReturnTypeT =>\n  useMemo(() => {\n    const focusableChildrenReferences: FocusableChildrenReferences[] = [];\n    const allChildrenReferences: AllChildrenReferences = {};\n\n    React.Children.map(children, (child, index) => {\n      const { value, disabled } = child.props;\n      const currentRef = React.createRef<HTMLButtonElement>();\n      allChildrenReferences[index] = currentRef;\n      if (!disabled) focusableChildrenReferences.push({ index, value, ref: currentRef });\n    });\n    return { focusableChildrenReferences, allChildrenReferences };\n  }, [children]);\n"],
+  "mappings": "AAAA;ACAA;AAQO,MAAM,mBAAmB,CAAC,EAAE,eACjC,QAAQ,MAAM;AACZ,QAAM,8BAA6D;AACnE,QAAM,wBAA+C;AAErD,SAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC7C,UAAM,EAAE,OAAO,aAAa,MAAM;AAClC,UAAM,aAAa,OAAM;AACzB,0BAAsB,SAAS;AAC/B,QAAI,CAAC;AAAU,kCAA4B,KAAK,EAAE,OAAO,OAAO,KAAK;AAAA;AAEvE,SAAO,EAAE,6BAA6B;AAAA,GACrC,CAAC;",
+  "names": []
+}

package/esm/defaultProps.js

@@ -1,31 +1,18 @@
-import _jsx2 from '@babel/runtime/helpers/esm/jsx';
-import { memo } from 'react';
-import { ChevronRight, ArrowheadRight, ChevronDown, ArrowheadDown } from '@elliemae/ds-icons';
-
-var _ChevronRight, _ArrowheadRight, _ChevronDown, _ArrowheadDown;
-const DefaultIconClosed = /*#__PURE__*/memo(_ref => {
-  let {
-    isDSMobile = false
-  } = _ref;
-  return isDSMobile ? _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx2(ChevronRight, {
-    width: "20px"
-  })) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx2(ArrowheadRight, {
-    width: "20px"
-  }));
-});
-const DefaultIconOpen = /*#__PURE__*/memo(_ref2 => {
-  let {
-    isDSMobile = false
-  } = _ref2;
-  return isDSMobile ? _ChevronDown || (_ChevronDown = /*#__PURE__*/_jsx2(ChevronDown, {
-    width: "20px"
-  })) : _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx2(ArrowheadDown, {
-    width: "20px"
-  }));
-}); // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-const noop = () => {};
-
+import * as React from "react";
+import React2, { memo } from "react";
+import { ArrowheadRight, ArrowheadDown, ChevronRight, ChevronDown } from "@elliemae/ds-icons";
+const DefaultIconClosed = memo(({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ React2.createElement(ChevronRight, {
+  width: "20px"
+}) : /* @__PURE__ */ React2.createElement(ArrowheadRight, {
+  width: "20px"
+}));
+const DefaultIconOpen = memo(({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ React2.createElement(ChevronDown, {
+  width: "20px"
+}) : /* @__PURE__ */ React2.createElement(ArrowheadDown, {
+  width: "20px"
+}));
+const noop = () => {
+};
 const defaultProps = {
   containerProps: {},
   allowMultipleOpen: false,
@@ -37,9 +24,12 @@ const defaultProps = {
 const accordionItemDefaultProps = {
   iconClosed: DefaultIconClosed,
   iconOpened: DefaultIconOpen,
-  title: '',
+  title: "",
   customActions: [],
   disabled: false
 };
-
-export { accordionItemDefaultProps, defaultProps };
+export {
+  accordionItemDefaultProps,
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

package/esm/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AAGA,MAAM,oBAAoB,KAAK,CAAC,EAAE,aAAa,YAC7C,aAAa,qCAAC,cAAD;AAAA,EAAc,OAAM;AAAA,KAAY,qCAAC,gBAAD;AAAA,EAAgB,OAAM;AAAA;AAGrE,MAAM,kBAAkB,KAAK,CAAC,EAAE,aAAa,YAC3C,aAAa,qCAAC,aAAD;AAAA,EAAa,OAAM;AAAA,KAAY,qCAAC,eAAD;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/esm/index.js

@@ -1,2 +1,8 @@
-export { DSAccordion, DSAccordionWithSchema, DSAccordion as default } from './DSAccordion.js';
-export { DSAccordionItem, DSAccordionItemWithSchema } from './parts/accordionItem/DSAccordionItem.js';
+import * as React from "react";
+export * from "./DSAccordion";
+export * from "./parts/accordionItem/DSAccordionItem";
+import { default as default2 } from "./DSAccordion";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

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

package/esm/parts/accordionContent/AccordionContent.js

@@ -1,32 +1,21 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import React, { useContext } from 'react';
-import { DSAccordionContext } from '../../DSAccordionCTX.js';
-import { DSAccordionDataTestid } from '../../DSAccordionDatatestid.js';
-import { jsx } from 'react/jsx-runtime';
-
-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(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; }
+import * as React from "react";
+import React2, { useContext } from "react";
+import { DSAccordionContext } from "../../DSAccordionCTX";
+import { DSAccordionDataTestid } from "../../DSAccordionDatatestid";
 const AccordionContent = () => {
   const {
-    props: {
-      containerProps,
-      children
-    }
+    props: { containerProps, children }
   } = useContext(DSAccordionContext);
   const childrenWithIndex = [];
-  React.Children.forEach(children, (child, index) => childrenWithIndex.push( /*#__PURE__*/React.cloneElement(child, {
+  React2.Children.forEach(children, (child, index) => childrenWithIndex.push(React2.cloneElement(child, {
     dsIndex: index
   })));
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-    "data-testid": DSAccordionDataTestid.GROUP,
-    children: childrenWithIndex
-  }));
+  return /* @__PURE__ */ React2.createElement("div", {
+    ...containerProps,
+    "data-testid": DSAccordionDataTestid.GROUP
+  }, childrenWithIndex);
 };
-
-export { AccordionContent };
+export {
+  AccordionContent
+};
+//# sourceMappingURL=AccordionContent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/accordionContent/AccordionContent.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB;AAAA,MACvB,WAAW;AAEf,QAAM,oBAAiE;AAEvE,SAAM,SAAS,QAAQ,UAAU,CAAC,OAAO,UACvC,kBAAkB,KAChB,OAAM,aAAa,OAAO;AAAA,IACxB,SAAS;AAAA;AAKf,SACE,qCAAC,OAAD;AAAA,OAAS;AAAA,IAAgB,eAAa,sBAAsB;AAAA,KACzD;AAAA;",
+  "names": []
+}

package/esm/parts/accordionItem/DSAccordionItem.js

@@ -1,35 +1,27 @@
-import _jsx2 from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useContext, useCallback, useState, useMemo } from 'react';
-import { describe } from 'react-desc';
-import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
-import DSButton, { BUTTON_TYPE } from '@elliemae/ds-button';
-import { DSPopperJS } from '@elliemae/ds-popperjs';
-import { accordionItemDefaultProps } from '../../defaultProps.js';
-import { StyledItemCustomActions, StyledPrimaryTitle, StyledSecondaryTitle, StyledItemContainer, StyledItemHeaderContainer, StyledItemHeader, StyledItemAddon, StyledItemTitles, StyledItemContent } from './styles.js';
-import { accordionItemPropTypes } from '../../propTypes.js';
-import { useAccordionItem } from './useAccordionItem.js';
-import { DSAccordionContext } from '../../DSAccordionCTX.js';
-import { DSAccordionDataTestid } from '../../DSAccordionDatatestid.js';
-import { useIsShowingEllipsis } from './useIsShowingEllipsis.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-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(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 => {
+import * as React from "react";
+import React2, { useState, useContext, useCallback, useMemo } from "react";
+import { describe } from "react-desc";
+import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { DSButton, BUTTON_TYPE } from "@elliemae/ds-button";
+import { DSPopperJS } from "@elliemae/ds-popperjs";
+import { useIsShowingEllipsis } from "@elliemae/ds-utilities";
+import { accordionItemDefaultProps } from "../../defaultProps";
+import {
+  StyledItemAddon,
+  StyledItemContainer,
+  StyledItemContent,
+  StyledItemCustomActions,
+  StyledItemHeader,
+  StyledItemHeaderContainer,
+  StyledItemTitles,
+  StyledPrimaryTitle,
+  StyledSecondaryTitle
+} from "./styles";
+import { accordionItemPropTypes } from "../../propTypes";
+import { useAccordionItem } from "./useAccordionItem";
+import { DSAccordionContext } from "../../DSAccordionCTX";
+import { DSAccordionDataTestid } from "../../DSAccordionDatatestid";
+const DSAccordionItem = (props) => {
   const propsWithDefaults = useMemoMergePropsWithDefault(props, accordionItemDefaultProps);
   const {
     children,
@@ -43,151 +35,126 @@ const DSAccordionItem = props => {
     dsIndex,
     renderCustomActions
   } = propsWithDefaults;
-  const {
-    handleOnClick,
-    handleOnKeyDown,
-    selected
-  } = useAccordionItem({
-    value,
-    disabled
-  });
+  const { handleOnClick, handleOnKeyDown, selected } = useAccordionItem({ value, disabled });
   const {
     allChildrenReferences,
     actualActiveValue,
-    props: {
-      isDSMobile
-    }
+    props: { isDSMobile }
   } = useContext(DSAccordionContext);
-  const onKeyDownWithIndex = useCallback(e => {
+  const onKeyDownWithIndex = useCallback((e) => {
     handleOnKeyDown(e, dsIndex);
   }, [dsIndex, handleOnKeyDown]);
   const [showPopover, setShowPopover] = useState(false);
   const [referenceElement, setReferenceElement] = useState();
   const CustomActionsContent = useMemo(() => {
-    if (!isDSMobile && (customActions === null || customActions === void 0 ? void 0 : customActions.length) > 0) return /*#__PURE__*/_jsx2(StyledItemCustomActions, {}, void 0, customActions === null || customActions === void 0 ? void 0 : customActions.map(_ref => {
-      let {
-        onClick,
-        id
-      } = _ref,
-          rest = _objectWithoutProperties(_ref, _excluded);
-
-      return /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({
-        onClick: e => {
+    if (!isDSMobile && customActions?.length > 0)
+      return /* @__PURE__ */ React2.createElement(StyledItemCustomActions, null, customActions?.map(({ onClick, id, ...rest }) => /* @__PURE__ */ React2.createElement(DSButton, {
+        key: id,
+        onClick: (e) => {
           e.stopPropagation();
-          if (onClick) onClick(e);
-        }
-      }, rest), {}, {
+          if (onClick)
+            onClick(e);
+        },
+        ...rest,
         buttonType: BUTTON_TYPE.SECONDARY
-      }), id);
-    }));
-    if (!isDSMobile && renderCustomActions) return /*#__PURE__*/_jsx2(StyledItemCustomActions, {}, void 0, renderCustomActions({
-      allRefs: allChildrenReferences,
-      actualActiveValue
-    }));
+      })));
+    if (!isDSMobile && renderCustomActions)
+      return /* @__PURE__ */ React2.createElement(StyledItemCustomActions, null, renderCustomActions({ allRefs: allChildrenReferences, actualActiveValue }));
     return null;
   }, [actualActiveValue, allChildrenReferences, customActions, isDSMobile, renderCustomActions]);
-  const {
-    isShowingEllipsis: isPrimaryShowingEllipsis,
-    setElement: setPrimaryElement
-  } = useIsShowingEllipsis();
-  const {
-    isShowingEllipsis: isSecondaryShowingEllipsis,
-    setElement: setSecondaryElement
-  } = useIsShowingEllipsis();
+  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();
+  const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();
   const handleOnFocus = useCallback(() => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis), [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis]);
   const handleOnBlur = useCallback(() => setShowPopover(false), []);
   const Titles = useMemo(() => {
-    if (isPrimaryShowingEllipsis || isSecondaryShowingEllipsis) return /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(StyledPrimaryTitle, {
-        ref: setPrimaryElement,
-        id: "accordion_".concat(title, "id"),
-        disabled: disabled,
-        isDSMobile: isDSMobile,
-        children: title
-      }), !isDSMobile && secondaryTitle && /*#__PURE__*/jsx(StyledSecondaryTitle, {
-        ref: setSecondaryElement,
-        disabled: disabled,
-        children: secondaryTitle
-      }), /*#__PURE__*/_jsx2(DSPopperJS, {
-        referenceElement: referenceElement,
-        showPopover: showPopover
-      }, void 0, /*#__PURE__*/_jsx2("div", {
-        style: {
-          maxWidth: 260,
-          padding: 8,
-          background: 'white',
-          display: 'grid',
-          gap: 8
-        }
-      }, void 0, /*#__PURE__*/_jsx2("p", {
-        style: {
-          margin: 0
-        }
-      }, void 0, title), /*#__PURE__*/_jsx2("p", {
-        style: {
-          margin: 0
-        }
-      }, void 0, " ", secondaryTitle)))]
-    });
-    return /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(StyledPrimaryTitle, {
+    if (isPrimaryShowingEllipsis || isSecondaryShowingEllipsis)
+      return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledPrimaryTitle, {
         ref: setPrimaryElement,
-        id: "accordion_".concat(title, "id"),
-        disabled: disabled,
-        isDSMobile: isDSMobile,
-        children: title
-      }), !isDSMobile && secondaryTitle && /*#__PURE__*/jsx(StyledSecondaryTitle, {
+        id: `accordion_${title}id`,
+        disabled,
+        isDSMobile
+      }, title), !isDSMobile && secondaryTitle && /* @__PURE__ */ React2.createElement(StyledSecondaryTitle, {
         ref: setSecondaryElement,
-        disabled: disabled,
-        children: secondaryTitle
-      })]
-    });
-  }, [disabled, isDSMobile, isPrimaryShowingEllipsis, isSecondaryShowingEllipsis, referenceElement, secondaryTitle, setPrimaryElement, setSecondaryElement, showPopover, title]);
-  return /*#__PURE__*/_jsx2(StyledItemContainer, {
+        disabled
+      }, secondaryTitle), /* @__PURE__ */ React2.createElement(DSPopperJS, {
+        referenceElement,
+        showPopover
+      }, /* @__PURE__ */ React2.createElement("div", {
+        style: { maxWidth: 260, padding: 8, background: "white", display: "grid", gap: 8 }
+      }, /* @__PURE__ */ React2.createElement("p", {
+        style: { margin: 0 }
+      }, title), /* @__PURE__ */ React2.createElement("p", {
+        style: { margin: 0 }
+      }, " ", secondaryTitle))));
+    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledPrimaryTitle, {
+      ref: setPrimaryElement,
+      id: `accordion_${title}id`,
+      disabled,
+      isDSMobile
+    }, title), !isDSMobile && secondaryTitle && /* @__PURE__ */ React2.createElement(StyledSecondaryTitle, {
+      ref: setSecondaryElement,
+      disabled
+    }, secondaryTitle));
+  }, [
+    disabled,
+    isDSMobile,
+    isPrimaryShowingEllipsis,
+    isSecondaryShowingEllipsis,
+    referenceElement,
+    secondaryTitle,
+    setPrimaryElement,
+    setSecondaryElement,
+    showPopover,
+    title
+  ]);
+  return /* @__PURE__ */ React2.createElement(StyledItemContainer, {
     "data-testid": DSAccordionDataTestid.ITEM.CONTAINER
-  }, void 0, /*#__PURE__*/_jsx2(StyledItemHeaderContainer, {
-    disabled: disabled
-  }, void 0, /*#__PURE__*/jsxs(StyledItemHeader, {
-    withCustomActions: ((customActions === null || customActions === void 0 ? void 0 : customActions.length) > 0 || renderCustomActions !== undefined) && !isDSMobile,
+  }, /* @__PURE__ */ React2.createElement(StyledItemHeaderContainer, {
+    disabled
+  }, /* @__PURE__ */ React2.createElement(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,
+    isDSMobile,
     "data-testid": DSAccordionDataTestid.ITEM.HEADER,
-    id: "ds-accordion-header-".concat(value),
+    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(StyledItemAddon, {
-      disabled: disabled,
-      isDSMobile: isDSMobile
-    }, void 0, selected ? /*#__PURE__*/_jsx2(IconOpened, {
-      isDSMobile: isDSMobile
-    }) : /*#__PURE__*/_jsx2(IconClosed, {
-      isDSMobile: isDSMobile
-    })), /*#__PURE__*/jsx(StyledItemTitles, {
-      onMouseEnter: handleOnFocus,
-      onMouseLeave: handleOnBlur,
-      isDSMobile: isDSMobile,
-      ref: setReferenceElement,
-      children: Titles
-    })]
-  }), CustomActionsContent), selected && /*#__PURE__*/_jsx2(StyledItemContent, {
+    onBlur: handleOnBlur
+  }, /* @__PURE__ */ React2.createElement(StyledItemAddon, {
+    disabled,
+    isDSMobile
+  }, selected ? /* @__PURE__ */ React2.createElement(IconOpened, {
+    isDSMobile
+  }) : /* @__PURE__ */ React2.createElement(IconClosed, {
+    isDSMobile
+  })), /* @__PURE__ */ React2.createElement(StyledItemTitles, {
+    onMouseEnter: handleOnFocus,
+    onMouseLeave: handleOnBlur,
+    isDSMobile,
+    ref: setReferenceElement
+  }, Titles)), CustomActionsContent), selected && /* @__PURE__ */ React2.createElement(StyledItemContent, {
     "data-testid": DSAccordionDataTestid.ITEM.CONTENT,
-    "aria-labelledby": "ds-accordion-header-".concat(value),
+    "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));
 };
-
+DSAccordionItem.propTypes = accordionItemPropTypes;
 const DSAccordionItemWithSchema = describe(DSAccordionItem);
 DSAccordionItemWithSchema.propTypes = accordionItemPropTypes;
-
-export { DSAccordionItem, DSAccordionItemWithSchema, DSAccordionItem as default };
+var DSAccordionItem_default = DSAccordionItem;
+export {
+  DSAccordionItem,
+  DSAccordionItemWithSchema,
+  DSAccordionItem_default as default
+};
+//# sourceMappingURL=DSAccordionItem.js.map