@cloudoperators/juno-ui-components 2.28.0 → 2.30.0

package/build/components/MenuItem/index.d.ts

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

package/build/components/MenuItem/index.d.ts.map

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

package/build/components/MenuSection/MenuSection.component.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+/** Use MenuSection to structure and sub-divide MenuItems in a menu. All but the last MenuSection will render a visible divider at the bottom. Optionally, a MenuSection can have a title.*/
+export declare const MenuSection: React.FC<MenuSectionProps>;
+export interface MenuSectionProps {
+    /** The children to render in the MenuSection */
+    children?: React.ReactNode;
+    /** Pass a custom className */
+    className?: string;
+    /** Pass an optional section title */
+    title?: string;
+}
+//# sourceMappingURL=MenuSection.component.d.ts.map

package/build/components/MenuSection/MenuSection.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSection.component.d.ts","sourceRoot":"","sources":["../../../src/components/MenuSection/MenuSection.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,4LAA4L;AAC5L,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAOlD,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/build/components/MenuSection/index.d.ts

@@ -0,0 +1,2 @@
+export { MenuSection, type MenuSectionProps } from "./MenuSection.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/MenuSection/index.d.ts.map

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

package/build/components/NativeSelect/NativeSelect.component.d.ts

@@ -0,0 +1,65 @@
+import React, { ReactNode, ChangeEvent, MouseEvent, FC } from "react";
+export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    /**
+     * Name of the select element.
+     * Used as a key for the selected value if a form is submitted.
+     */
+    name?: string;
+    /**
+     * ID of the select element.
+     */
+    id?: string;
+    /**
+     * Additional CSS classes to apply to the select element for custom styling.
+     */
+    className?: string;
+    /**
+     * Elements to be rendered inside the select element.
+     * This can be any React node or a collection of React nodes.
+     * Typically, these are SelectOption or SelectOptionGroup components.
+     */
+    children?: ReactNode;
+    /**
+     * Disables the select element, making it unclickable.
+     */
+    disabled?: boolean;
+    /**
+     * Highlights the select element as invalid, indicating incorrect user input or validation errors.
+     */
+    invalid?: boolean;
+    /**
+     * Highlights the select element as valid, indicating correct user input or successful validation.
+     */
+    valid?: boolean;
+    /**
+     * Displays a loading indicator over the select element.
+     * Used for async operations like fetching data.
+     */
+    loading?: boolean;
+    /**
+     * Displays an error state over the select element, such as during data fetching errors.
+     * Should not be used for validation errors.
+     */
+    error?: boolean;
+    /**
+     * Event handler for the change event of the select element.
+     * Triggered when the user changes the selected option.
+     */
+    onChange?: (event: ChangeEvent<HTMLSelectElement>) => void;
+    /**
+     * Event handler for the click event on the select element.
+     * Triggered when the user clicks on the select element.
+     */
+    onClick?: (event: MouseEvent<HTMLSelectElement>) => void;
+    /**
+     * Additional CSS classes to apply to the outer wrapper of the select component for custom styling.
+     */
+    wrapperClassName?: string;
+}
+/**
+ * A basic, uncontrolled native HTML select component.
+ * Takes NativeSelectOption and NativeSelectOptionGroup children as options.
+ * Handles states such as loading, valid, invalid, and error.
+ */
+export declare const NativeSelect: FC<NativeSelectProps>;
+//# sourceMappingURL=NativeSelect.component.d.ts.map

package/build/components/NativeSelect/NativeSelect.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.component.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelect/NativeSelect.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAuB,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AA+E1F,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IAEH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAE1D;;;OAGG;IAEH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAExD;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAmCD;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4D9C,CAAA"}

package/build/components/NativeSelect/index.d.ts

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

package/build/components/NativeSelect/index.d.ts.map

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

package/build/components/NativeSelectOption/NativeSelectOption.component.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+export interface NativeSelectOptionProps extends Omit<React.OptionHTMLAttributes<HTMLOptionElement>, "label" | "value"> {
+    /**
+     * A visible label for the option.
+     * It will be displayed to the user in the dropdown.
+     */
+    label?: string | number;
+    /**
+     * The value that the option represents.
+     * It will be sent when submitting a form.
+     */
+    value?: string | number;
+    /**
+     * Determines whether the option is disabled.
+     * If true, the option will be unselectable.
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS classes to apply to the option for custom styling.
+     */
+    className?: string;
+}
+/**
+ * The NativeSelectOption component represents an individual option in a dropdown list.
+ * It should be used inside the NativeSelect component to define each option.
+ */
+export declare const NativeSelectOption: React.FC<NativeSelectOptionProps>;
+//# sourceMappingURL=NativeSelectOption.component.d.ts.map

package/build/components/NativeSelectOption/NativeSelectOption.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelectOption.component.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelectOption/NativeSelectOption.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC9E;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAYhE,CAAA"}

package/build/components/NativeSelectOption/index.d.ts

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

package/build/components/NativeSelectOption/index.d.ts.map

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

package/build/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+export interface NativeSelectOptionGroupProps extends React.OptgroupHTMLAttributes<HTMLOptGroupElement> {
+    /**
+     * A visible label for the option group.
+     * It will be displayed as the group heading in the dropdown.
+     */
+    label?: string;
+    /**
+     * Determines whether the option group is disabled.
+     * If true, all options within the group will also be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS classes to apply to the option group for custom styling.
+     */
+    className?: string;
+    /**
+     * Elements to be rendered within the option group.
+     * Typically, these should be NativeSelectOption components.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * The NativeSelectOptionGroup component groups related options within a dropdown list.
+ * It should be used inside the <NativeSelect> component to group <NativeSelectOption> components.
+ */
+export declare const NativeSelectOptionGroup: React.FC<NativeSelectOptionGroupProps>;
+//# sourceMappingURL=NativeSelectOptionGroup.component.d.ts.map

package/build/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelectOptionGroup.component.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACrG;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAY1E,CAAA"}

package/build/components/NativeSelectOptionGroup/index.d.ts

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

package/build/components/NativeSelectOptionGroup/index.d.ts.map

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

package/build/components/StyleProvider/StyleProvider.component.d.ts

@@ -11,6 +11,7 @@ export interface StyleContextProps {
     addCssClass: AddClassFunc;
     removeCssClass: RemoveCssClassFunc;
 }
+export declare const DEFAULT_THEME_NAME = "theme-dark";
 /**
  * Component that inserts the ui styles and manages theming and styles.
  * Also creates a shadow DOM element with styes inside  if 'stylesWrapper' is equal to "shadowRoot".
@@ -39,7 +40,7 @@ export interface StyleProviderProps {
     /** What element to render as a wrapper, respectively where to render the StyleProvider.  */
     stylesWrapper?: StyleProviderStylesWrapper;
     /** The name of the theme to render. */
-    theme?: string;
+    theme?: string | null;
     /** The mode of the shadowRoot. Only relevant when `stylesWrapper="shadowRoot"`. */
     shadowRootMode?: ShadowRootMode;
 }

package/build/components/StyleProvider/StyleProvider.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyleProvider.component.d.ts","sourceRoot":"","sources":["../../../src/components/StyleProvider/StyleProvider.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiE,MAAM,OAAO,CAAA;AACrF,OAAO,EAAc,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAO/E,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEhD,KAAK,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAE3C,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEjD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,iBAAiB,CAAA;IAChC,WAAW,EAAE,YAAY,CAAA;IACzB,cAAc,EAAE,kBAAkB,CAAA;CACnC;AAOD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa;qEAKvB,kBAAkB;;CAsFpB,CAAA;AAED,KAAK,0BAA0B,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;AAElE,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,4FAA4F;IAC5F,aAAa,CAAC,EAAE,0BAA0B,CAAA;IAC1C,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mFAAmF;IACnF,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC"}
+{"version":3,"file":"StyleProvider.component.d.ts","sourceRoot":"","sources":["../../../src/components/StyleProvider/StyleProvider.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiE,MAAM,OAAO,CAAA;AACrF,OAAO,EAAc,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAO/E,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEhD,KAAK,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAE3C,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEjD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,iBAAiB,CAAA;IAChC,WAAW,EAAE,YAAY,CAAA;IACzB,cAAc,EAAE,kBAAkB,CAAA;CACnC;AAKD,eAAO,MAAM,kBAAkB,eAAe,CAAA;AAE9C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa;qEAKvB,kBAAkB;;CAsFpB,CAAA;AAED,KAAK,0BAA0B,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;AAElE,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,4FAA4F;IAC5F,aAAa,CAAC,EAAE,0BAA0B,CAAA;IAC1C,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,mFAAmF;IACnF,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC"}

package/build/components/Switch/Switch.component.d.ts

@@ -0,0 +1,77 @@
+import React from "react";
+type SwitchSize = "small" | "default" | "large";
+export interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<"button">, "ref"> {
+    /**
+     * HTML name attribute for the switch button
+     */
+    name?: string;
+    /**
+     * HTML id attribute for the switch button
+     */
+    id?: string;
+    /**
+     * Label to display next to the Switch component
+     */
+    label?: string;
+    /**
+     * Indicates if the Switch is required
+     */
+    required?: boolean;
+    /**
+     * Specifies the size of the Switch component
+     */
+    size?: SwitchSize;
+    /**
+     * Sets the initial checked state of the Switch component for use in uncontrolled mode
+     */
+    on?: boolean;
+    /**
+     * Disabled state of the Switch component
+     */
+    disabled?: boolean;
+    /**
+     * Indicates if the Switch has an error state
+     */
+    invalid?: boolean;
+    /**
+     * Indicates if the Switch has been validated successfully
+     */
+    valid?: boolean;
+    /**
+     * Help text to provide additional information about the Switch
+     */
+    helptext?: React.ReactNode;
+    /**
+     * Text to display when the Switch has validation errors
+     */
+    errortext?: React.ReactNode;
+    /**
+     * Text to display when the Switch has been validated successfully
+     */
+    successtext?: React.ReactNode;
+    /**
+     * Custom class name to apply to the internal button element
+     */
+    className?: string;
+    /**
+     * Callback function to handle changes to the switch state
+     */
+    onChange?: (event: React.ChangeEvent<HTMLButtonElement>) => void;
+    /**
+     * Callback function to handle click events on the switch
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Custom class name to apply to the wrapper element
+     * Useful for styling and positioning the outermost element of the component
+     */
+    wrapperClassName?: string;
+}
+/**
+ * A basic switch component for toggling between two options.
+ * Use this component for interactions that produce immediate results.
+ * For form scenarios requiring submission, use checkboxes instead.
+ */
+export declare const Switch: React.FC<SwitchProps>;
+export {};
+//# sourceMappingURL=Switch.component.d.ts.map

package/build/components/Switch/Switch.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.component.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAmElE,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE/C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACxF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IAEH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAChE;;OAEG;IAEH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9D;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AA0DD;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiGxC,CAAA"}

package/build/components/Switch/index.d.ts

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

package/build/components/Switch/index.d.ts.map

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