@lumx/vue 4.9.0-next.10 → 4.9.0-next.11

package/components/expansion-panel/ExpansionPanel.d.ts

@@ -0,0 +1,39 @@
+import { ExpansionPanelProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS, ExpansionPanelPropsToOverride } from '@lumx/core/js/components/ExpansionPanel';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type ExpansionPanelProps = VueToJSXProps<UIProps, ExpansionPanelPropsToOverride> & {
+    /** Props to pass to the toggle button (minus those already set by the ExpansionPanel). */
+    toggleButtonProps?: {
+        label: string;
+        [key: string]: any;
+    };
+};
+export declare const emitSchema: {
+    open: (event: MouseEvent) => boolean;
+    close: (event: MouseEvent) => boolean;
+    toggleOpen: (shouldOpen: boolean, event: MouseEvent) => boolean;
+};
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+/**
+ * ExpansionPanel component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const ExpansionPanel: import('vue').DefineSetupFnComponent<ExpansionPanelProps, {
+    open: (event: MouseEvent) => boolean;
+    close: (event: MouseEvent) => boolean;
+    toggleOpen: (shouldOpen: boolean, event: MouseEvent) => boolean;
+}, {}, Omit<UIProps, "className" | "footer" | "ref" | "handleClick" | "handleChange" | "handleKeyPress" | "handleClose" | "handleFocus" | "handleBeforeClick" | "handleAfterClick" | "handleMouseEnter" | "handleMouseLeave" | "handleKeyDown" | "children" | "content" | "IconButton" | "handleOpen" | "toggleButtonProps" | "handleToggleOpen" | "wrapperRef" | "headerProps" | "headerContent" | "dragHandle" | "isChildrenVisible"> & {
+    class?: string;
+} & {
+    /** Props to pass to the toggle button (minus those already set by the ExpansionPanel). */
+    toggleButtonProps?: {
+        label: string;
+        [key: string]: any;
+    };
+} & {
+    onClose?: ((event: MouseEvent) => any) | undefined;
+    onOpen?: ((event: MouseEvent) => any) | undefined;
+    onToggleOpen?: ((shouldOpen: boolean, event: MouseEvent) => any) | undefined;
+}, import('vue').PublicProps>;
+export default ExpansionPanel;

package/components/expansion-panel/ExpansionPanel.stories.d.ts

@@ -0,0 +1,54 @@
+declare const _default: {
+    component: any;
+    render: ({ children, ...args }: any) => import("vue/jsx-runtime").JSX.Element;
+    args: {
+        'toggleButtonProps.label': string;
+        label: string;
+        hasBackground?: boolean | undefined;
+        hasHeaderDivider?: boolean | undefined;
+        isOpen?: boolean | undefined;
+        handleOpen?: ((event: any) => void) | undefined;
+        handleClose?: ((event: any) => void) | undefined;
+        toggleButtonProps?: any;
+        handleToggleOpen?: ((shouldOpen: boolean, event: any) => void) | undefined;
+        children?: import('react').ReactNode;
+        ref?: import('../..').CommonRef;
+        wrapperRef?: import('../..').CommonRef;
+        headerProps?: import('../..').GenericProps | undefined;
+        headerContent?: import('react').ReactNode;
+        dragHandle?: import('react').ReactNode;
+        content?: import('react').ReactNode;
+        footer?: import('react').ReactNode;
+        IconButton?: any;
+        isChildrenVisible?: boolean | undefined;
+        className?: string | undefined;
+        closeMode?: "hide" | "unmount" | undefined;
+        theme?: import('../..').Theme | undefined;
+    };
+    decorators: ((story: any, context: any) => any)[];
+    title: string;
+};
+export default _default;
+export declare const Default: {};
+export declare const HasBackground: {
+    args: {
+        hasBackground: boolean;
+    };
+};
+export declare const HasHeaderDivider: {
+    args: {
+        isOpen: boolean;
+        hasBackground: boolean;
+        hasHeaderDivider: boolean;
+    };
+};
+export declare const Nested: {
+    args: {};
+    render: ({ children, isOpen, ...args }: any) => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const HideChildren: {
+    args: {
+        hasBackground: boolean;
+        closeMode: string;
+    };
+};

package/components/expansion-panel/index.d.ts

@@ -0,0 +1 @@
+export { default as ExpansionPanel, type ExpansionPanelProps } from './ExpansionPanel';

package/index.d.ts

@@ -7,6 +7,7 @@ export * from './components/checkbox';
 export * from './components/chip';
 export * from './components/divider';
 export * from './components/drag-handle';
+export * from './components/expansion-panel';
 export * from './components/flag';
 export * from './components/flex-box';
 export * from './components/grid-column';