@okam/stack-ui 1.19.2 → 1.20.0

package/components/Accordion/components/AccordionItem.d.ts

@@ -0,0 +1,3 @@
+import type { TAccordionItemProps } from '../interface';
+declare const _AccordionItem: (props: TAccordionItemProps) => JSX.Element;
+export default _AccordionItem;

package/components/Accordion/components/AriaAccordionItem.d.ts

@@ -0,0 +1,3 @@
+import type { TAriaAccordionItemProps } from '../interface';
+declare const AriaAccordionItem: (props: TAriaAccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+export default AriaAccordionItem;

package/components/Accordion/hooks/useAccordionState.d.ts

@@ -0,0 +1,10 @@
+import type { AccordionProps } from '../interface';
+/**
+ * Wraps react stately's `useTreeState` hook while automatically setting expanded keys props
+ * to selected keys props for convenience.
+ *
+ * Also sets `defaultSelectedKeys` and `defaultExpandedKeys` based on the children's props
+ *
+ * If the expanded keys props are set, they will act like the regular `useTreeState` hook
+ */
+export default function useAccordionState(params: AccordionProps): import("react-stately").TreeState<import("../interface").TAccordionItemProps>;

package/components/Accordion/interface.d.ts

@@ -1,15 +1,27 @@
-import type React from 'react';
+import type { AccordionItemAriaProps } from '@react-aria/accordion';
+import type { ComponentType, ReactElement } from 'react';
+import type { ItemProps, TreeProps } from 'react-stately';
 import type { TToken } from '../../providers/Theme/interface';
-import type { TDefaultComponent } from '../../types/components';
-export interface TAccordionProps extends TDefaultComponent<TAccordionTokens> {
+import type { TDefaultComponent, TTransition } from '../../types/components';
+type TAccordionDefaultComponent = Omit<TDefaultComponent<TAccordionTokens>, 'children'>;
+export interface AccordionProps extends TreeProps<TAccordionItemProps> {
+    children: ReactElement<TAccordionItemProps> | ReactElement<TAccordionItemProps>[];
+}
+export interface TAccordionProps extends TAccordionDefaultComponent, AccordionProps {
     id: string;
-    title: string;
+    TransitionAnimation?: ComponentType<TTransition>;
+}
+export interface TAccordionItemProps extends ItemProps<TAccordionItemProps>, TAccordionDefaultComponent {
     icon?: React.ReactNode;
-    ariaLabel: string;
-    children: React.ReactNode;
-    onClick?: (isOpen: boolean) => void;
-    defaultIsOpen?: boolean;
+    onOpenChange: (isOpen: boolean) => void;
+    defaultOpen?: boolean;
+    isOpen?: boolean;
 }
+export type TAriaAccordionItemProps = TAccordionDefaultComponent & Omit<AccordionItemAriaProps<TAccordionItemProps>, 'item'> & {
+    item: Omit<AccordionItemAriaProps<TAccordionItemProps>['item'], 'props'> & {
+        props?: TAccordionItemProps;
+    };
+};
 interface TAccordionTokens extends TToken {
     titleBold: boolean;
     textAlign: 'center' | 'left';

package/index.d.ts

@@ -1,6 +1,7 @@
 export { default as ThemeProvider } from './theme';
 export { default as Typography } from './components/Typography';
 export { default as Accordion } from './components/Accordion';
+export { default as AccordionItem } from './components/Accordion/components/AccordionItem';
 export { default as Button, ButtonWithForwardRef } from './components/Button';
 export { default as ShareButton } from './components/ShareButton';
 export { default as SidePanel } from './components/SidePanel';
@@ -35,6 +36,7 @@ export { useIsClient, IsClientContextProvider } from './providers/Client';
 export { useSidePanel, SidePanelContextProvider } from './providers/SidePanel';
 export { MenuContextProvider, useMenu } from './providers/Menu';
 export { RadioGroupProvider, useRadioGroupCtx } from './providers/RadioGroup/RadioGroup';
+export { AccordionContextProvider, useAccordionCtx } from './providers/Accordion';
 export type { TButtonProps } from './components/Button/interface';
 export type { TTypographyProps } from './components/Typography/interface';
 export type { TTheme, TToken, TCustomTheme, TStyle, TDefaultTheme, TStyleCollection, TStyleValue, } from './providers/Theme/interface';
@@ -44,3 +46,4 @@ export { default as useWindow } from './components/ShareButton/utils/useWindow';
 export { default as useFacebookShareUrl } from './components/ShareButton/utils/useFacebookShareUrl';
 export { default as useMailToShareUrl } from './components/ShareButton/utils/useMailToShareUrl';
 export { default as useTwitterShareUrl } from './components/ShareButton/utils/useTwitterShareUrl';
+export { default as useAccordionState } from './components/Accordion/hooks/useAccordionState';