@cloudoperators/juno-ui-components 2.34.0 → 2.35.1

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"}

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

@@ -0,0 +1,28 @@
+import { default as React, FC } from 'react';
+type EventHandler = (_event: React.MouseEvent<EventTarget>, _id: string) => void;
+/**
+A Pill to represent a value, or key and value. Can e.g. be used to represent selected filter values in a filter component. Can optionally be closed. On close the uid, if provided, or the pillKey is returned in the callback.
+ */
+export declare const Pill: FC<PillProps>;
+export interface PillProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> {
+    /** The unique identifier of the pill. Returned by the onClose callback */
+    uid?: string;
+    /** The key of the filter the pill represents. Returned by the onClose callback if uid undefined. Optional. */
+    pillKey?: string;
+    /** The visible label to describe the pill key. If not set pillKey is used. Optional. */
+    pillKeyLabel?: string;
+    /** The value of filter the pill represents. Returned by the onClose callback if uid and pillKey undefined */
+    pillValue: string;
+    /** The visible label to describe the pill value. If not set pillValue is used. Optional. */
+    pillValueLabel?: string;
+    /** add custom classNames */
+    className?: string;
+    /** Whether the pill should be closeable */
+    closeable?: boolean;
+    /** Pass a handler to be executed when closing the Pill. Also returns the event and the uid (fallback: pillKey -> fallback: pillValue) */
+    onClose?: EventHandler;
+    /** Pass a handler to be executed when clicking on the Pill (but not on the close button). Also returns the event and the uid (fallback: pillKey -> fallback: pillValue) */
+    onClick?: EventHandler;
+}
+export {};
+//# sourceMappingURL=Pill.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pill/Pill.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGjC,KAAK,YAAY,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;AAyChF;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAuC9B,CAAA;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACtF,0EAA0E;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,8GAA8G;IAC9G,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6GAA6G;IAC7G,SAAS,EAAE,MAAM,CAAA;IACjB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yIAAyI;IACzI,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,2KAA2K;IAC3K,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB"}

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

@@ -0,0 +1,37 @@
+declare const _default: {
+    title: string;
+    component: import('react').FC<import('./Pill.component.tsx').PillProps>;
+    argTypes: {};
+};
+export default _default;
+export declare const Default: {
+    args: {
+        pillKey: string;
+        pillKeyLabel: string;
+        pillValue: string;
+        pillValueLabel: string;
+    };
+};
+export declare const Closeable: {
+    args: {
+        pillKey: string;
+        pillKeyLabel: string;
+        pillValue: string;
+        pillValueLabel: string;
+        closeable: boolean;
+    };
+};
+export declare const ValueOnly: {
+    args: {
+        pillValue: string;
+        pillValueLabel: string;
+    };
+};
+export declare const ValueOnlyCloseable: {
+    args: {
+        pillValue: string;
+        pillValueLabel: string;
+        closeable: boolean;
+    };
+};
+//# sourceMappingURL=Pill.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pill/Pill.stories.ts"],"names":[],"mappings":";;;;;AAOA,wBAIC;AAED,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;CAQrB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;CAKrB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;CAM9B,CAAA"}

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

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

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

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

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

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

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

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

package/build/types/src/components/PortalProvider/PortalProvider.Portal.component.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+/** A PortalProvider.Portal component to directly use from within other components:
+ *  ```
+ *   <PortalProvider.Portal>
+ *     <MyComponent />
+ *   </PortalProvider.Portal>
+ *  ```
+ */
+export declare const Portal: {
+    ({ children }: PortalProviderPortalProps): React.ReactPortal | null;
+    displayName: string;
+};
+export interface PortalProviderPortalProps {
+    /** The children to mount in a portal. Typically, these will be menus, modal dialogs, etc. */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=PortalProvider.Portal.component.d.ts.map

package/build/types/src/components/PortalProvider/PortalProvider.Portal.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalProvider.Portal.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/PortalProvider/PortalProvider.Portal.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAS9D;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;mBAAyB,yBAAyB;;CAoBpE,CAAA;AAID,MAAM,WAAW,yBAAyB;IACxC,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}

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

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+interface PortalContextType {
+    current: HTMLDivElement | null;
+}
+export declare const PortalContext: React.Context<PortalContextType | undefined>;
+/** A hook that creates a portal container in the current portal root, and returns this newly created container as a node to use in other components:
+ * ```
+ *   const portalRef = usePortalRef()
+ *
+ *   createPortal(<MyComponent />, portalRef ? portalRef : document.body)
+ * ```
+ *  The ref to the portal container element can also be passed as a parameter to components that expect a reference element for positioning, such as Flatpickr / DateTimePickr.
+ */
+export declare function usePortalRef(): HTMLDivElement | null;
+/** A PortalProvider component that helps using and managing portals.
+ * It renders a portal root container, creates a context to expose a ref the container, a `PortalProvider.Portal` component to render content into a portal, and a `usePortalRef` hook to render content into a portal.
+ * Normally, there is no need to include `PortalProvider` manually, when using `AppShell` `PortalProvider` is already included in the app.
+ */
+export declare const PortalProvider: {
+    ({ children, className, id, }: PortalProviderProps): React.JSX.Element;
+    Portal: {
+        ({ children }: import('./PortalProvider.Portal.component').PortalProviderPortalProps): React.ReactPortal | null;
+        displayName: string;
+    };
+};
+export interface PortalProviderProps {
+    /** Optionally a class name can be passed to the portal container which is the container where portals are created by PortalProvider */
+    className?: string;
+    /** Optionally an id can be passed to the portal container which is the container where portals are created by PortalProvider */
+    id?: string;
+    /** The PortalProvider must have children. It is typically used as a wrapper for the whole app. */
+    children?: React.ReactNode;
+}
+export {};
+//# sourceMappingURL=PortalProvider.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PortalProvider.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/PortalProvider/PortalProvider.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiE,MAAM,OAAO,CAAA;AAKrF,UAAU,iBAAiB;IACzB,OAAO,EAAE,cAAc,GAAG,IAAI,CAAA;CAC/B;AACD,eAAO,MAAM,aAAa,8CAA0D,CAAA;AAUpF;;;;;;;GAOG;AACH,wBAAgB,YAAY,0BAoC3B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc;mCAIxB,mBAAmB;;;;;CAiBrB,CAAA;AAKD,MAAM,WAAW,mBAAmB;IAClC,uIAAuI;IACvI,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gIAAgI;IAChI,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,kGAAkG;IAClG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}

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

@@ -0,0 +1,47 @@
+import { default as React } from 'react';
+import { PortalProviderProps } from './PortalProvider.component';
+declare const _default: {
+    title: string;
+    component: {
+        ({ children, className, id, }: PortalProviderProps): React.JSX.Element;
+        Portal: {
+            ({ children }: import('./PortalProvider.Portal.component').PortalProviderPortalProps): React.ReactPortal | null;
+            displayName: string;
+        };
+    };
+    subcomponents: {
+        "PortalProvider.Portal": {
+            ({ children }: import('./PortalProvider.Portal.component').PortalProviderPortalProps): React.ReactPortal | null;
+            displayName: string;
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+interface TemplateProps extends PortalProviderProps {
+    children?: React.ReactNode;
+}
+export declare const WithPortalComponent: {
+    render: ({ children, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        children: React.JSX.Element;
+    };
+};
+export declare const WithHook: {
+    render: ({ children, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        children: React.JSX.Element;
+    };
+};
+export declare const MultiplePortals: {
+    render: ({ children, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        children: React.JSX.Element;
+    };
+};
+//# sourceMappingURL=PortalProvider.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PortalProvider.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/PortalProvider/PortalProvider.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAgC,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;;;;;;;;;;;;;;;;;;;;;;;AAG9F,wBAUC;AASD,UAAU,aAAc,SAAQ,mBAAmB;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAGD,eAAO,MAAM,mBAAmB;oCAFS,aAAa;;;;CAWrD,CAAA;AAED,eAAO,MAAM,QAAQ;oCAboB,aAAa;;;;CAuBrD,CAAA;AAED,eAAO,MAAM,eAAe;oCAzBa,aAAa;;;;CAsCrD,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,38 @@
+import { default as React, MouseEventHandler } from 'react';
+type EventUpdateHandler = (_value: string | undefined) => void;
+/** A controlled Radio component. */
+export declare const Radio: React.FC<RadioProps>;
+export interface RadioProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Whether the Radio is checked */
+    checked?: boolean;
+    /** Pass a custom className */
+    className?: string;
+    /** Whether the Radio is disabled */
+    disabled?: boolean;
+    /** A text to render when the Radio has an error or could not be validated */
+    errortext?: React.ReactNode | string;
+    /** A helptext to render to explain meaning and significance of the Radio */
+    helptext?: React.ReactNode | string;
+    /** The id of the Radio. An id will be automatically generated if not passed. */
+    id?: string;
+    /** Whether the Radio was validated unsuccessfully */
+    invalid?: boolean;
+    /** The label of the Radio */
+    label?: string;
+    /** The name attribute of the Radio. Only Radios sharing the same name attribute will work together as expected. */
+    name?: string;
+    /** Handler to execute when the Radio changes */
+    onChange?: EventUpdateHandler;
+    /** Handler to execute when the Radio is clicked */
+    onClick?: MouseEventHandler<HTMLElement>;
+    /** Whether the Radio is required */
+    required?: boolean;
+    /** A text to render when the Radio was successfully validated */
+    successtext?: React.ReactNode | string;
+    /** Whether the Radio was successfully validated */
+    valid?: boolean;
+    /** The value of the Radio */
+    value?: string;
+}
+export {};
+//# sourceMappingURL=Radio.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/Radio.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAmD,iBAAiB,EAAE,MAAM,OAAO,CAAA;AA6EjG,KAAK,kBAAkB,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;AAE9D,oCAAoC;AACpC,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAkNtC,CAAA;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACpC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,gFAAgF;IAChF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mHAAmH;IACnH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,mDAAmD;IACnD,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACtC,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

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

@@ -0,0 +1,88 @@
+import { default as React } from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import('./Radio.component').RadioProps>;
+    argTypes: {
+        errortext: {
+            control: boolean;
+        };
+        helptext: {
+            control: boolean;
+        };
+        successtext: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        value: string;
+    };
+};
+export declare const Checked: {
+    args: {
+        checked: boolean;
+    };
+};
+export declare const WithLabel: {
+    args: {
+        id: string;
+        label: string;
+    };
+};
+export declare const Required: {
+    args: {
+        required: boolean;
+        label: string;
+        helptext: string;
+    };
+};
+export declare const WithHelptext: {
+    args: {
+        label: string;
+        helptext: string;
+    };
+};
+export declare const WithHelpTextAsNode: {
+    args: {
+        label: string;
+        helptext: React.JSX.Element;
+    };
+};
+export declare const Disabled: {
+    args: {
+        checked: boolean;
+        disabled: boolean;
+        label: string;
+    };
+};
+export declare const Valid: {
+    args: {
+        valid: boolean;
+        label: string;
+    };
+};
+export declare const Invalid: {
+    args: {
+        invalid: boolean;
+        label: string;
+    };
+};
+export declare const ValidWithLabel: {
+    args: {
+        valid: boolean;
+        label: string;
+        successtext: string;
+        helptext: string;
+    };
+};
+export declare const InvalidWithLabel: {
+    args: {
+        invalid: boolean;
+        label: string;
+        helptext: string;
+        errortext: string;
+    };
+};
+//# sourceMappingURL=Radio.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/Radio.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;;;;;;;;;;;;;;;;AAGzB,wBAcC;AAED,eAAO,MAAM,OAAO;;;;CAInB,CAAA;AAED,eAAO,MAAM,OAAO;;;;CAInB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;CAKrB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;CAKxB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;CAS9B,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;;;CAO5B,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+type EventUpdateHandler = (_value: string | undefined) => void;
+export interface RadioGroupContextProps {
+    selectedValue?: string;
+    onChange?: EventUpdateHandler;
+    name?: string;
+    updateSelectedValue?: EventUpdateHandler;
+    disabled?: boolean;
+}
+export declare const RadioGroupContext: React.Context<RadioGroupContextProps>;
+/**
+A component to wrap and group individual Radio components: All contained child Radio elements will share the same `name`-attribute passed as a prop to the group, and thus make the Radios work with each other as expected.
+*/
+export declare const RadioGroup: React.FC<RadioGroupProps>;
+export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** The children of the RadioGroup. Typically, these will be `Radio` components. */
+    children?: React.ReactNode;
+    /** Pass a custom className */
+    className?: string;
+    /** Whether all Radios in the group are disabled */
+    disabled?: boolean;
+    /** Text to display in case validation failed or there is an error. Will set the whole group to invalid when passed. */
+    errortext?: string;
+    /** A text to render to further explain meaning and significance of the group */
+    helptext?: string;
+    /** The id of the group. If not passed, RadioGroup will create and use a unique id for the group */
+    id?: string;
+    /** Whether the group not be validated. */
+    invalid?: boolean;
+    /** Label for the group of radios as a whole. Passing a label is mandatory in order to denote a selection in the set is required by passing the `required` prop. */
+    label?: string;
+    /** The name of all radios in a group. If not passed, RadioGroup will create and use a unique name identifier for its child Radios */
+    name?: string;
+    /** An onChange handler to execute when the selected option changes */
+    onChange?: EventUpdateHandler;
+    /** Whether a selection on the RadioGroup is required */
+    required?: boolean;
+    /** The value of the initially selected radio. This will override 'checked' set on any of the child radio elements. */
+    selected?: string;
+    /** Text to display in case validation is successful. When passed, will set the whole group to valid. */
+    successtext?: string;
+    /** Whether the RadioGroup was successfully validated */
+    valid?: boolean;
+}
+export {};
+//# sourceMappingURL=RadioGroup.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/RadioGroup/RadioGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAwDjF,KAAK,kBAAkB,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;AAE9D,MAAM,WAAW,sBAAsB;IACrC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB,CAAC,EAAE,kBAAkB,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,iBAAiB,uCAA4C,CAAA;AAE1E;;EAEE;AACF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6GhD,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC7F,mFAAmF;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uHAAuH;IACvH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mGAAmG;IACnG,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mKAAmK;IACnK,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qIAAqI;IACrI,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sHAAsH;IACtH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wGAAwG;IACxG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB"}