@elliemae/ds-accordion 2.3.0-alpha.8 → 2.3.0-alpha.9

package/dist/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/dist/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/dist/types/DSAccordionDatatestid.d.ts

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

package/dist/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/dist/types/config/useAccordion.d.ts

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

package/dist/types/config/useAccordionRefs.d.ts

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

package/dist/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/dist/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/dist/types/parts/accordionContent/AccordionContent.d.ts

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

package/dist/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/dist/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/dist/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/dist/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/dist/types/tests/Accordion.test.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-accordion",
-  "version": "2.3.0-alpha.8",
+  "version": "2.3.0-alpha.9",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Accordion",
   "files": [
@@ -77,15 +77,15 @@
   },
   "author": "ICE MT",
   "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-alpha.9",
+    "@elliemae/ds-classnames": "2.3.0-alpha.9",
+    "@elliemae/ds-icons": "2.3.0-alpha.9",
+    "@elliemae/ds-popperjs": "2.3.0-alpha.9",
+    "@elliemae/ds-props-helpers": "2.3.0-alpha.9",
+    "@elliemae/ds-shared": "2.3.0-alpha.9",
+    "@elliemae/ds-system": "2.3.0-alpha.9",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.9",
+    "@elliemae/ds-utilities": "2.3.0-alpha.9",
     "react-desc": "^4.1.3"
   },
   "devDependencies": {