@cloudoperators/juno-ui-components 2.34.0 → 2.35.0

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

@@ -0,0 +1,683 @@
+import { default as React } from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import('./DateTimePicker.component').DateTimePickerProps>;
+    argTypes: {
+        mode: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        defaultDate: {
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        defaultValue: {
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        locale: {
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        maxDate: {
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        minDate: {
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        value: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        errortext: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        helptext: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        successtext: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        monthSelectorType: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        disable: {
+            control: boolean;
+        };
+        onBlur: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onChange: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClear: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClose: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onFocus: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onReady: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onOpen: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onMonthChange: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onYearChange: {
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {};
+};
+export declare const WithLabel: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        label: string;
+    };
+};
+export declare const Required: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        label: string;
+        required: boolean;
+    };
+};
+export declare const Disabled: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        label: string;
+        disabled: boolean;
+    };
+};
+export declare const WithPlaceholder: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        placeholder: string;
+    };
+};
+export declare const WithValue: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        value: Date;
+    };
+};
+export declare const WithDefaultDate: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        defaultDate: Date;
+    };
+};
+export declare const WithDefaultHourAndMinute: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        defaultHour: number;
+        defaultMinute: number;
+        enableTime: boolean;
+        helptext: string;
+    };
+};
+export declare const WithDefaultValue: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        defaultValue: Date;
+    };
+};
+export declare const WithValueAsDateString: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        value: string;
+    };
+};
+export declare const WithValueAsIsoDateString: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        value: string;
+    };
+};
+export declare const WithValueAsTimestamp: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        value: number;
+    };
+};
+export declare const WithValueAsTodayShortcut: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        value: string;
+    };
+};
+export declare const WithCustomDateFormat: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {};
+    args: {
+        value: string;
+        dateFormat: string;
+    };
+};
+export declare const WithTime: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        enableTime: boolean;
+    };
+};
+export declare const WithTimeAndSeconds: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        enableTime: boolean;
+        enableSeconds: boolean;
+    };
+};
+export declare const WithTimeWithCustomHourIncrement: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        enableTime: boolean;
+        hourIncrement: number;
+        helptext: string;
+    };
+};
+export declare const WithTimeWithCustomMinuteIncrement: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        enableTime: boolean;
+        minuteIncrement: number;
+        helptext: string;
+    };
+};
+export declare const With24hTime: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        enableTime: boolean;
+        time_24hr: boolean;
+    };
+};
+export declare const ShowTwoMonths: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        showMonths: number;
+    };
+};
+export declare const WithWeekNumbers: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        weekNumbers: boolean;
+    };
+};
+export declare const WithShorthandCurrentMonth: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        shorthandCurrentMonth: boolean;
+    };
+};
+export declare const WithMonthSelectorDropdown: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        monthSelectorType: string;
+    };
+};
+export declare const AllowInput: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        allowInput: boolean;
+    };
+};
+export declare const Multiple: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        mode: string;
+    };
+};
+export declare const Range: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        mode: string;
+    };
+};
+export declare const TimePicker: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        enableTime: boolean;
+        noCalendar: boolean;
+        enableSeconds: boolean;
+    };
+};
+export declare const WithMinDate: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        minDate: Date;
+        helptext: string;
+    };
+};
+export declare const WithMaxDate: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        maxDate: Date;
+        helptext: string;
+    };
+};
+export declare const DisableDate: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        disable: Date[];
+        helptext: string;
+    };
+};
+export declare const DisableByFunction: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        disable: ((date: Date) => boolean)[];
+        locale: {
+            firstDayOfWeek: number;
+        };
+        helptext: string;
+    };
+};
+export declare const Valid: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        valid: boolean;
+    };
+};
+export declare const Invalid: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        invalid: boolean;
+    };
+};
+export declare const WithErrortext: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        errortext: string;
+    };
+};
+export declare const WithSuccesstext: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        successtext: string;
+    };
+};
+export declare const WithHelptext: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    args: {
+        helptext: string;
+    };
+};
+export declare const InvalidPreload: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {
+        allowInvalidPreload: boolean;
+        value: string;
+        disable: string[];
+        helptext: string;
+    };
+};
+export declare const ControlledDateTimePicker: {
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    args: {};
+};
+//# sourceMappingURL=DateTimePicker.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateTimePicker/DateTimePicker.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGvC,wBA6IC;AAcD,eAAO,MAAM,OAAO;;;;;CAGnB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;CAKrB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;CAMpB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;CAMpB,CAAA;AAED,eAAO,MAAM,eAAe;;;;;;;CAK3B,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAarB,CAAA;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;CAa3B,CAAA;AAED,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;CAgBpC,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;CAa5B,CAAA;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;CAajC,CAAA;AAED,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;CAYpC,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;CAYhC,CAAA;AAED,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;CAYpC,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;;;;;;CAOhC,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;CAapB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;CAc9B,CAAA;AAED,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;CAc3C,CAAA;AAED,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;CAc7C,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CAavB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAYzB,CAAA;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;CAY3B,CAAA;AAED,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;CAYrC,CAAA;AAED,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;CAarC,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;CAYtB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;CAYpB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAYjB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAetB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CAavB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CAavB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CAavB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;yBAYR,IAAI;;;;;;CASzB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;CAKnB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;CAKzB,CAAA;AAED,eAAO,MAAM,eAAe;;;;;;;CAK3B,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;CAKxB,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;CAiB1B,CAAA;AA8BD,eAAO,MAAM,wBAAwB;;;;;;;;;;;;CAWpC,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+import { default as React, ReactNode, FormHTMLAttributes } from 'react';
+export interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
+    /**
+     * Title for the form.
+     */
+    title?: string;
+    /**
+     * Additional CSS classes to apply to the form for custom styling.
+     */
+    className?: string;
+    /**
+     * Content to render inside the form.
+     * This can include FormSections, FormGroups, and other form elements.
+     */
+    children?: ReactNode;
+}
+/**
+ * A Form component used to encapsulate FormSections and/or FormGroups.
+ * Can be used to build complex forms with structured sections.
+ */
+export declare const Form: React.FC<FormProps>;
+//# sourceMappingURL=Form.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Form.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAY5D,MAAM,WAAW,SAAU,SAAQ,kBAAkB,CAAC,eAAe,CAAC;IACpE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAOpC,CAAA"}