@elliemae/ds-accordion 2.3.0-alpha.8 → 2.3.0-next.2

package/esm/parts/accordionItem/useAccordionItem.js

@@ -0,0 +1,49 @@
+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 { useContext, useMemo, useCallback } from 'react';
+import { DSAccordionContext } from '../../DSAccordionCTX.js';
+
+const useAccordionItem = _ref => {
+  let {
+    value,
+    disabled
+  } = _ref;
+  const {
+    actualActiveValue,
+    setActiveValues,
+    focusableChildrenReferences
+  } = useContext(DSAccordionContext);
+  const selected = useMemo(() => {
+    if (Array.isArray(actualActiveValue)) {
+      return actualActiveValue.some(currentValue => currentValue === value);
+    }
+
+    return value === actualActiveValue;
+  }, [actualActiveValue, value]);
+  const handleOnClick = useCallback(e => {
+    if (!disabled) setActiveValues(value, e);
+  }, [disabled, setActiveValues, value]);
+  const handleOnKeyDown = 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') {
+      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 {
+    handleOnClick,
+    handleOnKeyDown,
+    selected
+  };
+};
+
+export { useAccordionItem };

package/esm/propTypes.js

@@ -0,0 +1,21 @@
+import { PropTypes } from 'react-desc';
+
+const accordionItemPropTypes = {
+  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,
+  title: PropTypes.string.description('Set a primary title.'),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Dimsum AccordionItem value, this value should be unique.').isRequired,
+  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.'),
+  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.'),
+  secondaryTitle: PropTypes.string.description('Set a secondary title'),
+  customActions: PropTypes.arrayOf(PropTypes.object).description('Set Dimsum AccordionItem custom actions.'),
+  renderCustomActions: 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: PropTypes.object.description('Adds props to the container.'),
+  activeValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.string, PropTypes.number]).description('Selected active value. This property makes the component a controlled one.'),
+  children: PropTypes.node.description('Dimsum AccordionItems to show.'),
+  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),
+  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.')
+};
+
+export { accordionItemPropTypes, accordionPropTypes };

package/package.json

@@ -1,66 +1,63 @@
 {
   "name": "@elliemae/ds-accordion",
-  "version": "2.3.0-alpha.8",
+  "version": "2.3.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Accordion",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./propTypes": {
-      "import": "./dist/esm/propTypes.js",
-      "require": "./dist/cjs/propTypes.js"
+      "import": "./esm/propTypes.js",
+      "require": "./cjs/propTypes.js"
     },
     "./parts/accordionItem/useAccordionItem": {
-      "import": "./dist/esm/parts/accordionItem/useAccordionItem.js",
-      "require": "./dist/cjs/parts/accordionItem/useAccordionItem.js"
+      "import": "./esm/parts/accordionItem/useAccordionItem.js",
+      "require": "./cjs/parts/accordionItem/useAccordionItem.js"
     },
     "./parts/accordionItem/styles": {
-      "import": "./dist/esm/parts/accordionItem/styles.js",
-      "require": "./dist/cjs/parts/accordionItem/styles.js"
+      "import": "./esm/parts/accordionItem/styles.js",
+      "require": "./cjs/parts/accordionItem/styles.js"
     },
     "./parts/accordionItem/DSAccordionItem": {
-      "import": "./dist/esm/parts/accordionItem/DSAccordionItem.js",
-      "require": "./dist/cjs/parts/accordionItem/DSAccordionItem.js"
+      "import": "./esm/parts/accordionItem/DSAccordionItem.js",
+      "require": "./cjs/parts/accordionItem/DSAccordionItem.js"
     },
     "./parts/accordionContent/AccordionContent": {
-      "import": "./dist/esm/parts/accordionContent/AccordionContent.js",
-      "require": "./dist/cjs/parts/accordionContent/AccordionContent.js"
+      "import": "./esm/parts/accordionContent/AccordionContent.js",
+      "require": "./cjs/parts/accordionContent/AccordionContent.js"
     },
     "./DSAccordionTypes": {
-      "import": "./dist/esm/DSAccordionTypes.js",
-      "require": "./dist/cjs/DSAccordionTypes.js"
+      "import": "./esm/DSAccordionTypes.js",
+      "require": "./cjs/DSAccordionTypes.js"
     },
     "./DSAccordionDatatestid": {
-      "import": "./dist/esm/DSAccordionDatatestid.js",
-      "require": "./dist/cjs/DSAccordionDatatestid.js"
+      "import": "./esm/DSAccordionDatatestid.js",
+      "require": "./cjs/DSAccordionDatatestid.js"
     },
     "./DSAccordionCTX": {
-      "import": "./dist/esm/DSAccordionCTX.js",
-      "require": "./dist/cjs/DSAccordionCTX.js"
+      "import": "./esm/DSAccordionCTX.js",
+      "require": "./cjs/DSAccordionCTX.js"
     },
     "./DSAccordion": {
-      "import": "./dist/esm/DSAccordion.js",
-      "require": "./dist/cjs/DSAccordion.js"
+      "import": "./esm/DSAccordion.js",
+      "require": "./cjs/DSAccordion.js"
     },
     "./defaultProps": {
-      "import": "./dist/esm/defaultProps.js",
-      "require": "./dist/cjs/defaultProps.js"
+      "import": "./esm/defaultProps.js",
+      "require": "./cjs/defaultProps.js"
     },
     "./config/useAccordionRefs": {
-      "import": "./dist/esm/config/useAccordionRefs.js",
-      "require": "./dist/cjs/config/useAccordionRefs.js"
+      "import": "./esm/config/useAccordionRefs.js",
+      "require": "./cjs/config/useAccordionRefs.js"
     },
     "./config/useAccordion": {
-      "import": "./dist/esm/config/useAccordion.js",
-      "require": "./dist/cjs/config/useAccordion.js"
+      "import": "./esm/config/useAccordion.js",
+      "require": "./cjs/config/useAccordion.js"
     }
   },
   "sideEffects": [
@@ -72,24 +69,27 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-alpha.8",
-    "@elliemae/ds-classnames": "2.3.0-alpha.8",
-    "@elliemae/ds-icons": "2.3.0-alpha.8",
-    "@elliemae/ds-popperjs": "2.3.0-alpha.8",
-    "@elliemae/ds-props-helpers": "2.3.0-alpha.8",
-    "@elliemae/ds-shared": "2.3.0-alpha.8",
-    "@elliemae/ds-system": "2.3.0-alpha.8",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.8",
-    "@elliemae/ds-utilities": "2.3.0-alpha.8",
+    "@elliemae/ds-button": "2.3.0-next.2",
+    "@elliemae/ds-classnames": "2.3.0-next.2",
+    "@elliemae/ds-icons": "2.3.0-next.2",
+    "@elliemae/ds-shared": "2.3.0-next.2",
+    "@elliemae/ds-system": "2.3.0-next.1",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.2",
     "react-desc": "^4.1.3"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.16.1",
+    "@testing-library/jest-dom": "~5.15.0",
     "@testing-library/react": "~12.1.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
@@ -100,12 +100,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSAccordion.d.ts

@@ -0,0 +1,45 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import type { DSAccordionPropsT } from './DSAccordionTypes';
+declare const DSAccordion: {
+    (props: DSAccordionPropsT): JSX.Element;
+    propTypes: {
+        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;
+        };
+    };
+};
+declare const DSAccordionWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSAccordion, DSAccordionWithSchema };
+export default DSAccordion;

package/types/DSAccordionCTX.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { DSAccordionContextT } from './DSAccordionTypes';
+export declare const DSAccordionContext: import("react").Context<DSAccordionContextT>;

package/types/DSAccordionDatatestid.d.ts

@@ -0,0 +1,8 @@
+export declare const DSAccordionDataTestid: {
+    ITEM: {
+        CONTENT: string;
+        HEADER: string;
+        CONTAINER: string;
+    };
+    GROUP: string;
+};

package/types/DSAccordionTypes.d.ts

@@ -0,0 +1,137 @@
+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;
+}
+export interface StyledItemHeaderContainerPropsT {
+    disabled: 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

@@ -0,0 +1,4 @@
+export * from './DSAccordion';
+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?: unknown): 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, StyledItemHeaderContainerPropsT } 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, StyledItemHeaderContainerPropsT, 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/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/types/tests/Accordion.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/DSAccordion.js

@@ -1,52 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSAccordion_exports = {};
-__export(DSAccordion_exports, {
-  DSAccordion: () => DSAccordion,
-  DSAccordionWithSchema: () => DSAccordionWithSchema,
-  default: () => DSAccordion_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_AccordionContent = require("./parts/accordionContent/AccordionContent");
-var import_useAccordion = require("./config/useAccordion");
-var import_DSAccordionCTX = require("./DSAccordionCTX");
-var import_propTypes = require("./propTypes");
-const DSAccordion = (props) => {
-  const ctx = (0, import_useAccordion.useAccordion)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_DSAccordionCTX.DSAccordionContext.Provider, {
-    value: ctx
-  }, /* @__PURE__ */ import_react.default.createElement(import_AccordionContent.AccordionContent, null));
-};
-DSAccordion.propTypes = import_propTypes.accordionPropTypes;
-const DSAccordionWithSchema = (0, import_react_desc.describe)(DSAccordion);
-DSAccordionWithSchema.propTypes = import_propTypes.accordionPropTypes;
-var DSAccordion_default = DSAccordion;
-module.exports = __toCommonJS(DSAccordion_exports);
-//# sourceMappingURL=DSAccordion.js.map