@okam/stack-ui 1.12.1 → 1.13.0

package/components/Button/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import type { TButtonProps } from './interface';
+import type { TAnchorPropsProps, TButtonProps } from './interface';
+export declare const Anchor: React.ForwardRefExoticComponent<TAnchorPropsProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 export declare const ButtonWithForwardRef: React.ForwardRefExoticComponent<TButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 declare const _default: React.MemoExoticComponent<(props: TButtonProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/components/Button/interface.d.ts

@@ -1,4 +1,5 @@
 import type { PressEvent } from '@react-types/shared';
+import type { LinkProps } from 'next/link';
 import type React from 'react';
 import type { TDefaultComponent } from '../../types/components';
 export interface TButtonProps extends TDefaultComponent {
@@ -14,3 +15,6 @@ export interface TButtonProps extends TDefaultComponent {
     role?: string;
     isDisabled?: boolean;
 }
+export interface TAnchorPropsProps extends TButtonProps {
+    nextLinkProps?: LinkProps;
+}

package/components/Menu/components/MenuItems.d.ts

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

package/components/Menu/components/TabContainer.d.ts

@@ -0,0 +1,3 @@
+import type { TDefaultComponent } from 'libs/stack-ui/src/types/components';
+declare const TabContainer: (props: TDefaultComponent) => import("react/jsx-runtime").JSX.Element;
+export default TabContainer;

package/components/Menu/index.d.ts

@@ -0,0 +1,3 @@
+import type TMenuProps from './interface';
+declare const Menu: ({ id, children, beforeTabContent, TransitonAnimation, themeName, tokens, customTheme, }: TMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default Menu;

package/components/Menu/interface.d.ts

@@ -0,0 +1,27 @@
+import type { AriaTabListProps } from '@react-types/tabs';
+import type { LinkProps } from 'next/link';
+import type React from 'react';
+import type { Maybe, TDefaultComponent } from '../../types/components';
+export type MenuProps = {
+    id: string;
+    children: React.ReactNode;
+    beforeTabContent?: React.ReactNode;
+    TransitonAnimation: (props: never) => JSX.Element;
+};
+export type TMenuProps = AriaTabListProps<MenuProps> & MenuProps & TDefaultComponent;
+export type PartialHtmlBaseElement = Omit<Partial<HTMLBaseElement>, 'id' | 'onClick' | 'target' | 'role' | 'children'>;
+export interface IMenuItemProp {
+    childItems?: Maybe<TMenuItemProps[] | null>;
+    id?: string;
+    target?: string | null;
+    path?: string;
+    label?: string;
+    nextLinkProps?: LinkProps;
+    onClick?: () => void;
+}
+export type TMenuItemProps = IMenuItemProp & TDefaultComponent & PartialHtmlBaseElement;
+export interface TMenuItemsProps extends TDefaultComponent {
+    menuItems?: TMenuItemProps[] | null;
+    children?: React.ReactNode;
+}
+export default TMenuProps;

package/components/Popover/interface.d.ts

@@ -4,10 +4,10 @@ import type { Placement } from 'react-aria';
 import type { TDefaultComponent } from '../../types/components';
 import type { TButtonProps } from '../Button/interface';
 export interface IPopoverProps extends TDefaultComponent {
-    isOpen: boolean;
-    onClose: () => void;
+    isOpen?: boolean;
+    onClose?: () => void;
     children: React.ReactElement | React.ReactElement[];
-    positionProps: DOMAttributes;
+    positionProps?: DOMAttributes;
     isDismissable?: boolean;
     shouldCloseOnBlur?: boolean;
 }

package/components/SidePanel/interface.d.ts

@@ -5,5 +5,7 @@ export interface ISidePanelProps extends HTMLAttributes<HTMLElement> {
     id: string;
     children?: React.ReactNode;
     closeBtnRender?: () => React.ReactNode;
+    TransitionAnimation?: (props: unknown) => JSX.Element;
+    onCloseCallBack?: () => void;
 }
 export type TSidePanelProps = ISidePanelProps & TDefaultComponent;

package/components/TabList/components/TabPanel/TabPanel.d.ts

@@ -0,0 +1,4 @@
+import type { TDefaultComponent } from 'libs/stack-ui/src/types/components';
+import type { TTabPanel } from '../../interface';
+declare function TabPanel({ state, customTheme, themeName, tokens, ...props }: TTabPanel & TDefaultComponent): import("react/jsx-runtime").JSX.Element;
+export default TabPanel;

package/components/TabList/interface.d.ts

@@ -0,0 +1,18 @@
+import type { TabListState } from '@react-stately/tabs';
+import type { Node } from '@react-types/shared';
+import type { AriaTabListProps, AriaTabPanelProps } from '@react-types/tabs';
+import type React from 'react';
+export interface TTab {
+    item: Node<object>;
+    state: TabListState<object>;
+}
+export interface TTabPanel extends AriaTabPanelProps {
+    state: TabListState<object>;
+}
+export interface TTabList extends AriaTabListProps<object> {
+    label?: React.ReactNode | string;
+}
+export interface TPreviousTabState {
+    previousSelectedHash: string;
+    previousSelectedKey: string;
+}

package/index.d.ts

@@ -19,6 +19,10 @@ export { default as Calendar } from './components/Calendar';
 export { default as Modal } from './components/Modal';
 export { default as Radio, ReactHookFormRadio } from './components/fields/Radio';
 export { default as RadioGroup } from './components/fields/RadioGroup';
+export { default as RenderWithSlide } from './transitions/RenderWithSlide';
+export { default as Menu } from './components/Menu';
+export { default as MenuItems } from './components/Menu/components/MenuItems';
+export { default as TabContainer } from './components/Menu/components/TabContainer';
 export { default as DirectusImg } from './components/DirectusImg';
 export { default as Img } from './components/Img';
 export * from './components/icons';
@@ -26,10 +30,12 @@ export { makeTheme, createThemeProvider, useTheme, ThemeContextProvider } from '
 export { default as useThemeContext } from './providers/Theme/hooks';
 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 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';
+export type { TMenuProps, TMenuItemProps } from './components/Menu/interface';
 export { default as generateUtmTags } from './components/ShareButton/utils/generateUtmTags';
 export { default as useWindow } from './components/ShareButton/utils/useWindow';
 export { default as useFacebookShareUrl } from './components/ShareButton/utils/useFacebookShareUrl';