@elliemae/ds-accordion 2.1.0-rc.6 → 2.1.0

package/types/DSAccordionTypes.d.ts

@@ -0,0 +1,134 @@
+import React from 'react';
+export declare type InternalActiveValueT = (string | number)[] | string | number | null | undefined;
+export interface DefaultIconPropsT {
+    isDSMobile: boolean;
+}
+export interface CustomActionsT {
+    onClick: (e: React.MouseEvent) => void;
+    id: string;
+}
+export interface FocusableChildrenReferences {
+    index: number;
+    value: string | number;
+    ref: React.MutableRefObject<HTMLButtonElement | null>;
+}
+export interface AllChildrenReferences {
+    [index: string]: React.MutableRefObject<HTMLButtonElement | null>;
+}
+export interface DSAccordionPropsT {
+    containerProps?: Record<string, unknown>;
+    activeValue?: (string | number)[] | string | number | null;
+    children?: React.ReactElement<DSAccordionItemPropsT>[];
+    allowMultipleOpen?: boolean;
+    contentExpandable?: boolean;
+    onChange?: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;
+    disabled?: boolean;
+    isDSMobile?: boolean;
+}
+export interface DSAccordionDefaultPropsT {
+    containerProps: Record<string, unknown>;
+    allowMultipleOpen: boolean;
+    contentExpandable: boolean;
+    onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;
+    children: React.ReactElement<DSAccordionItemPropsT>[];
+    isDSMobile: boolean;
+}
+export interface DSAccordionPropsWithDefaultsT {
+    containerProps: Record<string, unknown>;
+    activeValue?: (string | number)[] | string | number | null;
+    children: React.ReactElement<DSAccordionItemPropsT>[];
+    allowMultipleOpen: boolean;
+    contentExpandable: boolean;
+    onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;
+    isDSMobile: boolean;
+}
+export interface DSAccordionItemPropsT {
+    title?: string;
+    value: string | number;
+    iconClosed?: React.FunctionComponent<DefaultIconPropsT>;
+    iconOpened?: React.FunctionComponent<DefaultIconPropsT>;
+    children?: React.ReactNode;
+    secondaryTitle?: string;
+    customActions?: CustomActionsT[];
+    disabled?: boolean;
+    dsIndex: number;
+    renderCustomActions?: (props: {
+        allRefs: AllChildrenReferences;
+        actualActiveValue: InternalActiveValueT;
+    }) => JSX.Element;
+}
+export interface DSAccordionItemDefaultPropsT {
+    iconClosed: React.MemoExoticComponent<React.FunctionComponent<DefaultIconPropsT>>;
+    iconOpened: React.MemoExoticComponent<React.FunctionComponent<DefaultIconPropsT>>;
+    title: string;
+    customActions: CustomActionsT[];
+    disabled: boolean;
+}
+export interface DSAccordionItemPropsWithDefaultsT {
+    title: string;
+    value: string | number;
+    iconClosed: React.MemoExoticComponent<React.FunctionComponent<DefaultIconPropsT>> | React.FunctionComponent<DefaultIconPropsT>;
+    iconOpened: React.MemoExoticComponent<React.FunctionComponent<DefaultIconPropsT>> | React.FunctionComponent<DefaultIconPropsT>;
+    children?: React.ReactNode;
+    secondaryTitle?: string;
+    customActions: CustomActionsT[];
+    disabled: boolean;
+    dsIndex: number;
+    renderCustomActions?: (props: {
+        allRefs: AllChildrenReferences;
+        actualActiveValue: InternalActiveValueT;
+    }) => JSX.Element;
+}
+export interface DSAccordionContextT {
+    props: DSAccordionPropsWithDefaultsT;
+    actualActiveValue: InternalActiveValueT;
+    setActiveValues: (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => void;
+    focusableChildrenReferences: FocusableChildrenReferences[];
+    allChildrenReferences: AllChildrenReferences;
+}
+export interface DSAccordionUseAccordionContextT {
+    props: DSAccordionPropsWithDefaultsT;
+    actualActiveValue: InternalActiveValueT;
+    setActiveValues: (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => void;
+    focusableChildrenReferences: FocusableChildrenReferences[];
+    allChildrenReferences: AllChildrenReferences;
+}
+export interface UseAccordionPropsT {
+    value: string | number;
+    disabled: boolean;
+}
+export interface UseAccordionItemReturnTypeT {
+    handleOnClick: (e: React.MouseEvent) => void;
+    handleOnKeyDown: (e: React.KeyboardEvent, dsIndex: number) => void;
+    selected: boolean;
+}
+export interface UseAccordionRefsPropsT {
+    children: React.ReactElement<DSAccordionItemPropsT>[];
+}
+export interface UseAccordionRefsReturnTypeT {
+    focusableChildrenReferences: FocusableChildrenReferences[];
+    allChildrenReferences: AllChildrenReferences;
+}
+export interface StyledItemHeaderPropsT {
+    withCustomActions: boolean;
+    withSecondaryTitle?: string;
+    isDSMobile: boolean;
+}
+export interface StyledItemTitlesPropsT {
+    withSecondaryTitle?: string;
+    isDSMobile: boolean;
+}
+export interface StyledPrimaryTitlePropsT {
+    disabled: boolean;
+    isDSMobile: boolean;
+}
+export interface StyledItemContentPropsT {
+    isDSMobile: boolean;
+}
+export interface StyledSecondaryTitlePropsT {
+    disabled: boolean;
+}
+export interface StyledItemAddonPropsT {
+    disabled: boolean;
+    isDSMobile: boolean;
+}

package/types/config/useAccordion.d.ts

@@ -0,0 +1,2 @@
+import type { DSAccordionPropsT, DSAccordionUseAccordionContextT } from '../DSAccordionTypes';
+export declare const useAccordion: (props: DSAccordionPropsT) => DSAccordionUseAccordionContextT;

package/types/config/useAccordionRefs.d.ts

@@ -0,0 +1,2 @@
+import type { UseAccordionRefsPropsT, UseAccordionRefsReturnTypeT } from '../DSAccordionTypes';
+export declare const useAccordionRefs: ({ children }: UseAccordionRefsPropsT) => UseAccordionRefsReturnTypeT;

package/types/defaultProps.d.ts

@@ -0,0 +1,3 @@
+import type { DSAccordionDefaultPropsT, DSAccordionItemDefaultPropsT } from './DSAccordionTypes';
+export declare const defaultProps: DSAccordionDefaultPropsT;
+export declare const accordionItemDefaultProps: DSAccordionItemDefaultPropsT;

package/types/index.d.ts

@@ -1,3 +1,4 @@
 export * from './DSAccordion';
-export * from './DSAccordionItem';
+export * from './parts/accordionItem/DSAccordionItem';
+export type { DSAccordionPropsT, DSAccordionItemPropsT } from './DSAccordionTypes';
 export { default } from './DSAccordion';

package/types/parts/accordionContent/AccordionContent.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AccordionContent: () => JSX.Element;

package/types/parts/accordionItem/DSAccordionItem.d.ts

@@ -0,0 +1,53 @@
+/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import type { DSAccordionItemPropsT } from '../../DSAccordionTypes';
+declare const DSAccordionItem: {
+    (props: DSAccordionItemPropsT): JSX.Element;
+    propTypes: {
+        children: import("react-desc").PropTypesDescValue;
+        title: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        value: import("react-desc").PropTypesDescValue;
+        iconClosed: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        iconOpened: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        secondaryTitle: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        customActions: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        renderCustomActions: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const DSAccordionItemWithSchema: {
+    (props?: DSAccordionItemPropsT | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSAccordionItem, DSAccordionItemWithSchema };
+export default DSAccordionItem;

package/types/parts/accordionItem/styles.d.ts

@@ -0,0 +1,10 @@
+import type { StyledItemAddonPropsT, StyledItemHeaderPropsT, StyledItemTitlesPropsT, StyledPrimaryTitlePropsT, StyledSecondaryTitlePropsT, StyledItemContentPropsT } from '../../DSAccordionTypes';
+export declare const StyledItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledItemHeader: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, StyledItemHeaderPropsT, never>;
+export declare const StyledItemContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledItemContentPropsT, never>;
+export declare const StyledItemAddon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledItemAddonPropsT, never>;
+export declare const StyledItemTitles: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledItemTitlesPropsT, never>;
+export declare const StyledPrimaryTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledPrimaryTitlePropsT, never>;
+export declare const StyledSecondaryTitle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, StyledSecondaryTitlePropsT, never>;
+export declare const StyledItemCustomActions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledItemHeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/parts/accordionItem/useAccordionItem.d.ts

@@ -0,0 +1,2 @@
+import type { UseAccordionPropsT, UseAccordionItemReturnTypeT } from '../../DSAccordionTypes';
+export declare const useAccordionItem: ({ value, disabled }: UseAccordionPropsT) => UseAccordionItemReturnTypeT;

package/types/parts/accordionItem/useIsShowingEllipsis.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const useIsShowingEllipsis: () => {
+    setElement: React.Dispatch<React.SetStateAction<HTMLSpanElement | undefined>>;
+    isShowingEllipsis: boolean;
+};

package/types/propTypes.d.ts

@@ -0,0 +1,73 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const accordionItemPropTypes: {
+    children: import("react-desc").PropTypesDescValue;
+    title: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    value: import("react-desc").PropTypesDescValue;
+    iconClosed: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    iconOpened: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    secondaryTitle: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    customActions: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    renderCustomActions: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+};
+export declare const accordionPropTypes: {
+    containerProps: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    activeValue: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    children: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    allowMultipleOpen: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    onChange: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+};

package/cjs/DSAccordionHeader.js

@@ -1,57 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsSystem = require('@elliemae/ds-system');
-var dsIcons = require('@elliemae/ds-icons');
-var DSButton = require('@elliemae/ds-button');
-var DSAccordionHeaderActions = require('./DSAccordionHeaderActions.js');
-var DSAccordionHeaderTitle = require('./DSAccordionHeaderTitle.js');
-var blocks = require('./blocks.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-const DSAccordionHeader = dsSystem.withTheme(_ref => {
-  let {
-    title,
-    secondaryTitle,
-    customActions,
-    idx,
-    icon,
-    selected,
-    setTabRef,
-    onClick,
-    onKeyDown
-  } = _ref;
-  const mobile = dsSystem.useIsMobile();
-  const hasSecondaryTitle = Boolean(secondaryTitle);
-  const selectedClass = selected ? 'selected' : '';
-  const labelClass = hasSecondaryTitle ? 'secondary-title' : '';
-  const IconMobile = selected ? dsIcons.ChevronDown : dsIcons.ChevronRight;
-  return /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-    "aria-controls": "sec".concat(idx),
-    "aria-expanded": selected,
-    "aria-label": title,
-    as: "div",
-    buttonType: "secondary",
-    className: "".concat(blocks.accordionButton, " ").concat(selectedClass, " ").concat(hasSecondaryTitle ? 'with-secondary-title' : ''),
-    "data-testid": "ds-accordion_item-header",
-    innerRef: setTabRef,
-    labelText: /*#__PURE__*/_jsx__default["default"]("div", {
-      className: "".concat(blocks.accordionTitle, " ").concat(selectedClass, " ").concat(labelClass)
-    }, void 0, !mobile && icon, /*#__PURE__*/_jsx__default["default"](DSAccordionHeaderTitle, {
-      idx: idx,
-      secondaryTitle: secondaryTitle,
-      title: title
-    }), !mobile && /*#__PURE__*/_jsx__default["default"](DSAccordionHeaderActions, {
-      customActions: customActions
-    }), mobile && /*#__PURE__*/_jsx__default["default"](IconMobile, {})),
-    onClick: onClick,
-    onKeyDown: onKeyDown
-  });
-});
-
-module.exports = DSAccordionHeader;

package/cjs/DSAccordionHeaderTitle.js

@@ -1,36 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var blocks = require('./blocks.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
-
-var _div;
-
-const DSAccordionHeader = _ref => {
-  let {
-    title,
-    secondaryTitle,
-    idx
-  } = _ref;
-  const hasSecondaryTitle = Boolean(secondaryTitle);
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: "".concat(blocks.accordionTitleWrapper, " ").concat(hasSecondaryTitle ? 'with-secondary-title' : '')
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("h2", {
-    id: "accordion_".concat(idx, "id")
-  }, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
-    className: blocks.accordionH2Title,
-    value: title
-  })), hasSecondaryTitle && /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
-    className: blocks.accordionSecondaryTitle,
-    containerComponent: _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {})),
-    value: secondaryTitle
-  }));
-};
-
-module.exports = DSAccordionHeader;

package/cjs/DSAccordionItem.js

@@ -1,174 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var GroupItem = require('@elliemae/ds-shared/GroupContext/GroupItem');
-var dsClassnames = require('@elliemae/ds-classnames');
-var reactDesc = require('react-desc');
-var DSAccordionHeader = require('./DSAccordionHeader.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var GroupItem__default = /*#__PURE__*/_interopDefaultLegacy(GroupItem);
-
-const ICON_SIZE = 's';
-const INCREMENT = 8;
-const QTY_PADDING = 40;
-const {
-  cssClassName,
-  classNameElement
-} = dsClassnames.convertPropToCssClassName('accordion-item');
-
-class DSAccordionItem extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.setHeight = element => {
-      const {
-        actualHeight
-      } = this.state;
-      setTimeout(() => {
-        const {
-          height
-        } = element.getBoundingClientRect();
-
-        if (height) {
-          const newHeight = INCREMENT * QTY_PADDING + height;
-          if (actualHeight === newHeight) return;
-          this.setState({
-            actualHeight: 'auto' // newHeight,
-
-          });
-        }
-      }, 0);
-    };
-
-    this.childElements = /*#__PURE__*/React__default["default"].createRef();
-    this.state = {
-      actualHeight: null
-    };
-  }
-
-  componentDidMount() {
-    this.setHeight(this.childElements.current);
-  }
-
-  componentDidUpdate() {
-    const {
-      expandable
-    } = this.props;
-
-    if (expandable) {
-      this.setHeight(this.childElements.current);
-    }
-  }
-
-  render() {
-    const {
-      children,
-      title,
-      secondaryTitle,
-      customActions,
-      value,
-      idx,
-      iconOpened,
-      iconClosed,
-      setTabRef,
-      handleKeyPress
-    } = this.props;
-    const {
-      actualHeight
-    } = this.state;
-    return /*#__PURE__*/_jsx__default["default"](GroupItem__default["default"], {
-      render: context => {
-        const {
-          activeValue
-        } = context;
-        const selected = activeValue !== undefined && (activeValue === value || activeValue.length && activeValue.indexOf(value) > -1);
-        const OpenedCloseIcon = selected ? iconOpened : iconClosed;
-        return /*#__PURE__*/_jsx__default["default"]("div", {
-          className: cssClassName,
-          "data-testid": "ds-accordion_item"
-        }, void 0, /*#__PURE__*/_jsx__default["default"](DSAccordionHeader, {
-          customActions: customActions,
-          icon: /*#__PURE__*/_jsx__default["default"](OpenedCloseIcon, {
-            size: ICON_SIZE
-          }),
-          idx: idx,
-          onClick: () => context.onChange(value),
-          onKeyDown: e => handleKeyPress(idx, e),
-          secondaryTitle: secondaryTitle,
-          selected: selected,
-          setTabRef: setTabRef,
-          title: title
-        }), /*#__PURE__*/_jsx__default["default"]("div", {
-          "data-testid": "ds-accordion_item-content",
-          "aria-hidden": !selected,
-          "aria-labelledby": "accordion_".concat(idx, "id"),
-          className: "".concat(classNameElement('container'), " ").concat(selected ? 'expanded' : 'closed'),
-          "data-testid": "ds-accordion_item-content",
-          id: "sec".concat(idx),
-          role: "region",
-          style: {
-            height: selected ? actualHeight : 0
-          }
-        }, void 0, /*#__PURE__*/jsxRuntime.jsx("div", {
-          ref: this.childElements,
-          className: classNameElement('expand-zone'),
-          children: /*#__PURE__*/_jsx__default["default"]("div", {
-            className: classNameElement('expand-zone-space')
-          }, void 0, selected && children)
-        })));
-      }
-    });
-  }
-
-}
-
-const props = {
-  /** accordion content */
-  children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.node), reactDesc.PropTypes.node]).isRequired.description('accordion content'),
-
-  /** accordion title */
-  title: reactDesc.PropTypes.string.description('accordion title'),
-
-  /** accordion item value, for selected */
-  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).isRequired.description('accordion item value, for selected'),
-
-  /** icon for closed accordion */
-  iconClosed: reactDesc.PropTypes.node.description('icon for closed accordion'),
-
-  /** icon for open accordion */
-  iconOpened: reactDesc.PropTypes.node.description('icon for open accordion'),
-
-  /** secondary title */
-  secondaryTitle: reactDesc.PropTypes.string.description('secondary title'),
-
-  /** accordion item custom actions */
-  customActions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('accordion item custom actions')
-};
-DSAccordionItem.defaultProps = {
-  iconClosed: () => /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {
-    width: "20px",
-    color: ['brand-primary', 800]
-  }),
-  iconOpened: () => /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
-    width: "20px",
-    color: ['brand-primary', 800]
-  }),
-  title: '',
-  secondaryTitle: null,
-  customActions: null
-};
-const DSAccordionItemWithSchema = reactDesc.describe(DSAccordionItem);
-DSAccordionItemWithSchema.propTypes = props;
-
-exports.DSAccordionItem = DSAccordionItem;
-exports.DSAccordionItemWithSchema = DSAccordionItemWithSchema;
-exports["default"] = DSAccordionItem;

package/cjs/blocks.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dsClassnames = require('@elliemae/ds-classnames');
-
-const {
-  classNameElement
-} = dsClassnames.convertPropToCssClassName('accordion-item');
-const accordionActions = classNameElement('accordion-actions');
-const accordionTitleWrapper = classNameElement('title-wrapper');
-const accordionH2Title = classNameElement('h2-title');
-const accordionSecondaryTitle = classNameElement('secondary-title');
-const accordionTitle = classNameElement('title');
-const accordionButton = classNameElement('accordion-button');
-
-exports.accordionActions = accordionActions;
-exports.accordionButton = accordionButton;
-exports.accordionH2Title = accordionH2Title;
-exports.accordionSecondaryTitle = accordionSecondaryTitle;
-exports.accordionTitle = accordionTitle;
-exports.accordionTitleWrapper = accordionTitleWrapper;
-exports.classNameElement = classNameElement;

package/esm/DSAccordionHeader.js

@@ -1,50 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { withTheme, useIsMobile } from '@elliemae/ds-system';
-import { ChevronDown, ChevronRight } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import DSAccordionHeaderActions from './DSAccordionHeaderActions.js';
-import DSAccordionHeader$1 from './DSAccordionHeaderTitle.js';
-import { accordionButton, accordionTitle } from './blocks.js';
-
-const DSAccordionHeader = withTheme(_ref => {
-  let {
-    title,
-    secondaryTitle,
-    customActions,
-    idx,
-    icon,
-    selected,
-    setTabRef,
-    onClick,
-    onKeyDown
-  } = _ref;
-  const mobile = useIsMobile();
-  const hasSecondaryTitle = Boolean(secondaryTitle);
-  const selectedClass = selected ? 'selected' : '';
-  const labelClass = hasSecondaryTitle ? 'secondary-title' : '';
-  const IconMobile = selected ? ChevronDown : ChevronRight;
-  return /*#__PURE__*/_jsx(DSButton, {
-    "aria-controls": "sec".concat(idx),
-    "aria-expanded": selected,
-    "aria-label": title,
-    as: "div",
-    buttonType: "secondary",
-    className: "".concat(accordionButton, " ").concat(selectedClass, " ").concat(hasSecondaryTitle ? 'with-secondary-title' : ''),
-    "data-testid": "ds-accordion_item-header",
-    innerRef: setTabRef,
-    labelText: /*#__PURE__*/_jsx("div", {
-      className: "".concat(accordionTitle, " ").concat(selectedClass, " ").concat(labelClass)
-    }, void 0, !mobile && icon, /*#__PURE__*/_jsx(DSAccordionHeader$1, {
-      idx: idx,
-      secondaryTitle: secondaryTitle,
-      title: title
-    }), !mobile && /*#__PURE__*/_jsx(DSAccordionHeaderActions, {
-      customActions: customActions
-    }), mobile && /*#__PURE__*/_jsx(IconMobile, {})),
-    onClick: onClick,
-    onKeyDown: onKeyDown
-  });
-});
-
-export { DSAccordionHeader as default };