@cloudoperators/juno-ui-components 2.33.0 → 2.35.0

package/build/types/src/components/NavigationItem/NavigationItem.stories.d.ts

@@ -0,0 +1,96 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+import { NavigationItemProps } from './index';
+type StoryDefinition = () => React.ReactNode;
+declare const _default: {
+    title: string;
+    component: React.FC<NavigationItemProps>;
+    argTypes: {};
+    decorators: ((story: StoryDefinition) => React.JSX.Element)[];
+};
+export default _default;
+export declare const DefaultWithChildren: {
+    render: {
+        ({ children, ...args }: NavigationItemProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        children: string;
+    };
+};
+export declare const WithValueAndLabel: {
+    render: {
+        ({ children, ...args }: NavigationItemProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        value: string;
+        label: string;
+    };
+};
+export declare const ActiveItem: {
+    render: {
+        ({ children, ...args }: NavigationItemProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        active: boolean;
+        children: string;
+    };
+};
+export declare const DisabledItem: {
+    render: {
+        ({ children, ...args }: NavigationItemProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        disabled: boolean;
+        children: string;
+    };
+};
+export declare const ItemAsLink: {
+    render: {
+        ({ children, ...args }: NavigationItemProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        href: string;
+        children: string;
+    };
+};
+export declare const DisabledLinkItem: {
+    render: {
+        ({ children, ...args }: NavigationItemProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        href: string;
+        children: string;
+        disabled: boolean;
+    };
+};
+export declare const WithIcon: {
+    render: {
+        ({ children, ...args }: NavigationItemProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+    };
+    args: {
+        label: string;
+        icon: string;
+    };
+};
+//# sourceMappingURL=NavigationItem.stories.d.ts.map

package/build/types/src/components/NavigationItem/NavigationItem.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/NavigationItem/NavigationItem.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,EAAkB,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAG7D,KAAK,eAAe,GAAG,MAAM,KAAK,CAAC,SAAS,CAAA;;;;;yBAMrB,eAAe;;AAJtC,wBAKC;AAOD,eAAO,MAAM,mBAAmB;;gCALS,mBAAmB;;;;;;;;CAU3D,CAAA;AAED,eAAO,MAAM,iBAAiB;;gCAZW,mBAAmB;;;;;;;;;CAkB3D,CAAA;AAED,eAAO,MAAM,UAAU;;gCApBkB,mBAAmB;;;;;;;;;CA0B3D,CAAA;AAED,eAAO,MAAM,YAAY;;gCA5BgB,mBAAmB;;;;;;;;;CAkC3D,CAAA;AAED,eAAO,MAAM,UAAU;;gCApCkB,mBAAmB;;;;;;;;;CA0C3D,CAAA;AAED,eAAO,MAAM,gBAAgB;;gCA5CY,mBAAmB;;;;;;;;;;CAmD3D,CAAA;AAED,eAAO,MAAM,QAAQ;;gCArDoB,mBAAmB;;;;;;;;;CA2D3D,CAAA"}

package/build/types/src/components/NavigationItem/NavigationItem.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=NavigationItem.test.d.ts.map

package/build/types/src/components/NavigationItem/NavigationItem.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationItem.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/NavigationItem/NavigationItem.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/NavigationItem/index.d.ts

@@ -0,0 +1,2 @@
+export { NavigationItem, type NavigationItemProps } from './NavigationItem.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/NavigationItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NavigationItem/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,4BAA4B,CAAA"}

package/build/types/src/components/PageFooter/PageFooter.component.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+/**
+ * The page footer component renders a footer at the bottom of the website. Place as last child of AppBody.
+ */
+export declare const PageFooter: React.FC<PageFooterProps>;
+export interface PageFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Add custom class name */
+    className?: string;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=PageFooter.component.d.ts.map

package/build/types/src/components/PageFooter/PageFooter.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFooter.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/PageFooter/PageFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAwBzB;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAOhD,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}

package/build/types/src/components/PageFooter/PageFooter.stories.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { PageFooterProps } from './index';
+declare const _default: {
+    title: string;
+    component: React.FC<PageFooterProps>;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Simple: {
+    render: (args: PageFooterProps) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {};
+};
+//# sourceMappingURL=PageFooter.stories.d.ts.map

package/build/types/src/components/PageFooter/PageFooter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFooter.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/PageFooter/PageFooter.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;AAErD,wBAQC;AAID,eAAO,MAAM,MAAM;mBAFK,eAAe;;;;;;;;;CAetC,CAAA"}

package/build/types/src/components/PageFooter/PageFooter.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PageFooter.test.d.ts.map

package/build/types/src/components/PageFooter/PageFooter.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFooter.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/PageFooter/PageFooter.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/PageFooter/index.d.ts

@@ -0,0 +1,2 @@
+export { PageFooter, type PageFooterProps } from './PageFooter.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/PageFooter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PageFooter/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAA"}

package/build/types/src/components/PageHeader/PageHeader.component.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+/**
+ * The PageHeader component renders a header to the application.
+ * In order to customize the header Logo, PageHeader accepts a `logo` prop that expects a custom component: `logo={<CustomLogo />}` Ideally, the custom logo component should return an `<img />` or an inline `<svg>` element. When using `svg`, make sure the file does not contain any unnecessary cruft. `Svgo` is a great tool to optimize `svg` files. Make sure the `viewBox` element is not removed when optimizing a file for usage a a header logo.
+ * Pass as prop to AppShell so it gets slotted into the correct place in the layout. If building your layout manually without AppShell place as first child of AppBody.
+ */
+export declare const PageHeader: React.FC<PageHeaderProps>;
+export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Heading (typically the name of the application) */
+    heading?: string | String | JSX.Element | null;
+    /** Add custom class name */
+    className?: string;
+    logo?: boolean | Boolean | JSX.Element | null;
+    /** Optional: onClick handler for brand logo/page title. To be used to navigate to the home page.  */
+    onClick?: React.MouseEventHandler<EventTarget>;
+    /** Children to render in the header such as user name, avatar, log-in/out button, etc. */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=PageHeader.component.d.ts.map

package/build/types/src/components/PageHeader/PageHeader.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/PageHeader/PageHeader.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AA+CzB;;;;GAIG;AAEH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8BhD,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAC9C,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAC7C,qGAAqG;IACrG,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}

package/build/types/src/components/PageHeader/PageHeader.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PageHeaderProps } from './index';
+type Story = StoryObj<PageHeaderProps>;
+declare const meta: Meta<PageHeaderProps>;
+export default meta;
+export declare const Default: Story;
+export declare const WithHeading: Story;
+export declare const WithHeadingAndChildren: Story;
+export declare const NoHeadingWithChildren: Story;
+export declare const NoLogo: Story;
+export declare const WithCustomLogoSquareInline: Story;
+export declare const WithCustomLogoLandscapeInline: Story;
+export declare const WithCustomLogoPortraitInline: Story;
+export declare const WithCustomLogoPNGSquare: Story;
+export declare const WithCustomLogoPNGLandscape: Story;
+export declare const WithCustomLogoPNGPortrait: Story;
+//# sourceMappingURL=PageHeader.stories.d.ts.map

package/build/types/src/components/PageHeader/PageHeader.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/PageHeader/PageHeader.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAW,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAO/D,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAA;AAgBrD,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,eAAe,CAY/B,CAAA;AACD,eAAe,IAAI,CAAA;AAMnB,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAKpC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAInC,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAMxC,CAAA;AAED,eAAO,MAAM,6BAA6B,EAAE,KAM3C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAK1C,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAMrC,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAMxC,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAMvC,CAAA"}

package/build/types/src/components/PageHeader/PageHeader.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PageHeader.test.d.ts.map

package/build/types/src/components/PageHeader/PageHeader.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/PageHeader/PageHeader.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/PageHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { PageHeader, type PageHeaderProps } from './PageHeader.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/PageHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PageHeader/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAA"}

package/build/types/src/components/Pagination/Pagination.component.d.ts

@@ -0,0 +1,72 @@
+import { default as React } from 'react';
+export type PaginationProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onBlur"> & {
+    /**
+     * The variant determines the style and user interaction method of the Pagination component:
+     * - "default": Renders previous and next buttons only.
+     * - "number": Displays the current page number between next and previous buttons.
+     * - "select": Provides a dropdown menu between next and previous buttons for specific page selection.
+     * - "input": Provides an input field for specific page entry.
+     */
+    variant?: "default" | "number" | "select" | "input";
+    /**
+     * The current page number.
+     */
+    currentPage?: number;
+    /**
+     * The total number of pages available.
+     */
+    totalPages?: number;
+    /**
+     * A fallback property for providing the total number of pages, maintained for backward compatibility.
+     */
+    pages?: number;
+    /**
+     * When true, disables the entire pagination component, preventing any interaction.
+     */
+    disabled?: boolean;
+    /**
+     * When true, simulates the component being on the first page, disabling the previous button.
+     */
+    isFirstPage?: boolean;
+    /**
+     * When true, simulates the component being on the last page, disabling the next button.
+     */
+    isLastPage?: boolean;
+    /**
+     * Callback function triggered when the previous button is pressed.
+     */
+    onPressPrevious?: (newPage?: number) => void;
+    /**
+     * Callback function triggered when the next button is pressed.
+     */
+    onPressNext?: (newPage?: number) => void;
+    /**
+     * Callback function triggered when a new page is selected from the dropdown, applicable when variant is "select".
+     */
+    onSelectChange?: (selected: number) => void;
+    /**
+     * Callback function triggered when the input field value changes, applicable when variant is "input".
+     */
+    onInputChange?: (inputValue?: number) => void;
+    /**
+     * Callback function triggered when a key is pressed in the input field, applicable when variant is "input".
+     */
+    onKeyPress?: (controlCurrentPage?: number) => void;
+    /**
+     * Callback function triggered when the input field loses focus, applicable when variant is "input".
+     */
+    onBlur?: (controlCurrentPage?: number) => void;
+    /**
+     * Displays a loading spinner and disables interaction when true.
+     */
+    progress?: boolean;
+    /**
+     * Additional CSS classes for custom styling.
+     */
+    className?: string;
+};
+/**
+ * The Pagination component provides navigation controls for paginated content.
+ */
+export declare const Pagination: React.FC<PaginationProps>;
+//# sourceMappingURL=Pagination.component.d.ts.map

package/build/types/src/components/Pagination/Pagination.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/Pagination.component.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAkBlD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IACnF;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuMhD,CAAA"}

package/build/types/src/components/Pagination/Pagination.stories.d.ts

@@ -0,0 +1,49 @@
+import { Meta } from '@storybook/react';
+import { Pagination, PaginationProps } from './Pagination.component';
+declare const _default: Meta<typeof Pagination>;
+export default _default;
+export declare const Default: {
+    render: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PaginationProps>;
+    args: {
+        variant: string;
+        currentPage: number;
+        pages: number;
+    };
+};
+export declare const PaginationWithNumber: {
+    render: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PaginationProps>;
+    args: {
+        variant: string;
+        currentPage: number;
+        pages: number;
+    };
+};
+export declare const PaginationWithSelect: {
+    render: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PaginationProps>;
+    args: {
+        variant: string;
+        currentPage: number;
+        pages: number;
+    };
+};
+export declare const PaginationWithInput: {
+    render: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PaginationProps>;
+    args: {
+        variant: string;
+        currentPage: number;
+        pages: number;
+    };
+};
+export declare const DisabledPagination: {
+    render: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PaginationProps>;
+    args: {
+        disabled: boolean;
+    };
+};
+export declare const ProgressPagination: {
+    render: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PaginationProps>;
+    args: {
+        progress: boolean;
+    };
+};
+//# sourceMappingURL=Pagination.stories.d.ts.map

package/build/types/src/components/Pagination/Pagination.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/Pagination.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;wBAqB/D,IAAI,CAAC,OAAO,UAAU,CAAC;AAlB5B,wBAkB4B;AAI5B,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;;;;CAOhC,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;;;;CAOhC,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;CAK9B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;CAK9B,CAAA"}

package/build/types/src/components/Pagination/Pagination.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Pagination.test.d.ts.map

package/build/types/src/components/Pagination/Pagination.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/Pagination.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { Pagination } from './Pagination.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA"}

package/build/types/src/components/Panel/Panel.component.d.ts

@@ -0,0 +1,39 @@
+import { FC, HTMLAttributes, ReactNode, MouseEvent } from 'react';
+type PanelSize = "default" | "large";
+export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Title of the panel.
+     */
+    heading?: ReactNode;
+    /**
+     * Size of the opened panel.
+     */
+    size?: PanelSize;
+    /**
+     * Controls whether the panel is open and visible.
+     */
+    opened?: boolean;
+    /**
+     * Determines whether the panel can be closed using a close button.
+     */
+    closeable?: boolean;
+    /**
+     * Handler called when the close button is clicked.
+     */
+    onClose?: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Additional CSS classes to apply to the panel for custom styling.
+     */
+    className?: string;
+    /**
+     * Content to be rendered inside the main body of the panel.
+     */
+    children?: ReactNode;
+}
+/**
+ * A Panel component that slides in from the right side of the screen.
+ * It can be used to display additional content/controls for the content area.
+ */
+export declare const Panel: FC<PanelProps>;
+export {};
+//# sourceMappingURL=Panel.component.d.ts.map

package/build/types/src/components/Panel/Panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/Panel.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAA+B,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAsDrG,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IAEH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAClD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA8DhC,CAAA"}

package/build/types/src/components/Panel/Panel.stories.d.ts

@@ -0,0 +1,25 @@
+import { Meta } from '@storybook/react';
+import { PanelProps } from './Panel.component';
+declare const _default: Meta;
+export default _default;
+export declare const WithHeading: {
+    render: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        heading: string;
+        opened: boolean;
+    };
+};
+export declare const Plain: {
+    render: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
+    args: {
+        opened: boolean;
+    };
+};
+//# sourceMappingURL=Panel.stories.d.ts.map

package/build/types/src/components/Panel/Panel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/Panel.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAS,UAAU,EAAE,MAAM,mBAAmB,CAAA;wBA4BhD,IAAI;AAvBT,wBAuBS;AAWT,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAgBvB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;CAMjB,CAAA"}

package/build/types/src/components/Panel/Panel.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Panel.test.d.ts.map

package/build/types/src/components/Panel/Panel.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/Panel.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/Panel/index.d.ts

@@ -0,0 +1,2 @@
+export { Panel } from './Panel.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/Panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA"}

package/build/types/src/components/PanelBody/PanelBody.component.d.ts

@@ -0,0 +1,23 @@
+import { default as React, ReactNode, HTMLAttributes } from 'react';
+export interface PanelBodyProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes to apply to the panel body for custom styling.
+     */
+    className?: string;
+    /**
+     * The content to be rendered inside the panel body.
+     * Typically, this will include form elements and other interactive content.
+     */
+    children?: ReactNode;
+    /**
+     * Optional footer component to be rendered below the main content.
+     * The footer can include buttons or other control elements.
+     */
+    footer?: React.ReactElement;
+}
+/**
+ * A PanelBody component is used to encapsulate the main content of a panel.
+ * The primary content for the panel, such as forms or information, is rendered here.
+ */
+export declare const PanelBody: React.FC<PanelBodyProps>;
+//# sourceMappingURL=PanelBody.component.d.ts.map

package/build/types/src/components/PanelBody/PanelBody.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelBody.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/PanelBody/PanelBody.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAOxD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAO9C,CAAA"}

package/build/types/src/components/PanelBody/PanelBody.stories.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+import { Meta } from '@storybook/react';
+import { PanelBodyProps } from './PanelBody.component';
+declare const _default: Meta;
+export default _default;
+export declare const Body: {
+    render: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelBodyProps>;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {};
+};
+export declare const BodyWithFooter: {
+    render: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelBodyProps>;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        footer: React.JSX.Element;
+    };
+};
+//# sourceMappingURL=PanelBody.stories.d.ts.map

package/build/types/src/components/PanelBody/PanelBody.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelBody.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/PanelBody/PanelBody.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAA;AAGhD,OAAO,EAAa,cAAc,EAAE,MAAM,uBAAuB,CAAA;wBA6B5D,IAAI;AAxBT,wBAwBS;AAiBT,eAAO,MAAM,IAAI;;;;;;;;;;CAYhB,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;CAc1B,CAAA"}

package/build/types/src/components/PanelBody/PanelBody.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PanelBody.test.d.ts.map

package/build/types/src/components/PanelBody/PanelBody.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelBody.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/PanelBody/PanelBody.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/PanelBody/index.d.ts

@@ -0,0 +1,2 @@
+export { PanelBody } from './PanelBody.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/PanelBody/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PanelBody/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA"}

package/build/types/src/components/PanelFooter/PanelFooter.component.d.ts

@@ -0,0 +1,19 @@
+import { default as React, ReactNode, HTMLAttributes } from 'react';
+export interface PanelFooterProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes to apply to the panel footer for custom styling.
+     */
+    className?: string;
+    /**
+     * The content to render inside the panel footer.
+     * Typically, this will include buttons or other control elements.
+     */
+    children?: ReactNode;
+}
+/**
+ * The PanelFooter component renders the footer section of a panel.
+ * Typically used to contain footer elements like buttons, which can be added to the PanelBody component via its `footer` property.
+ * Buttons placed inside will be automatically aligned to the right.
+ */
+export declare const PanelFooter: React.FC<PanelFooterProps>;
+//# sourceMappingURL=PanelFooter.component.d.ts.map

package/build/types/src/components/PanelFooter/PanelFooter.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelFooter.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/PanelFooter/PanelFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAcxD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAA"}

package/build/types/src/components/PanelFooter/PanelFooter.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta } from '@storybook/react';
+import { PanelFooterProps } from './PanelFooter.component';
+declare const _default: Meta;
+export default _default;
+export declare const Footer: {
+    render: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelFooterProps>;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {};
+};
+//# sourceMappingURL=PanelFooter.stories.d.ts.map

package/build/types/src/components/PanelFooter/PanelFooter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelFooter.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/PanelFooter/PanelFooter.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAA;AAKhD,OAAO,EAAe,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;wBAsBlE,IAAI;AAlBT,wBAkBS;AAmBT,eAAO,MAAM,MAAM;;;;;;;;;;CAalB,CAAA"}

package/build/types/src/components/PanelFooter/PanelFooter.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PanelFooter.test.d.ts.map

package/build/types/src/components/PanelFooter/PanelFooter.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelFooter.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/PanelFooter/PanelFooter.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/PanelFooter/index.d.ts

@@ -0,0 +1,2 @@
+export { PanelFooter } from './PanelFooter.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/PanelFooter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PanelFooter/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA"}