@rededor/cura 2.0.0-alpha.13 → 2.0.0-alpha.16

package/dist/esm/utils-BZCR971L.js

@@ -0,0 +1,41 @@
+import { S as Static } from './static-DfJS7YqS.js';
+
+function checkMobile() {
+    return (window === null || window === void 0 ? void 0 : window.innerWidth) < Static.breakpoints.medium.min;
+}
+function checkIOS() {
+    return [
+        'iPad Simulator',
+        'iPhone Simulator',
+        'iPod Simulator',
+        'iPad',
+        'iPhone',
+        'iPod'
+    ].includes(navigator.userAgent)
+        // iPad on iOS 13 detection
+        || (navigator.userAgent.includes("Mac") && "ontouchend" in document);
+}
+function fakeInputIOSHack(targetElement) {
+    if (!checkMobile() || !checkIOS())
+        return null;
+    const fakeInput = document.createElement('input');
+    fakeInput.setAttribute('type', 'text');
+    fakeInput.style.position = 'absolute';
+    fakeInput.style.opacity = '0';
+    fakeInput.style.height = '0';
+    fakeInput.style.fontSize = '16px'; // disable auto zoom
+    targetElement.prepend(fakeInput);
+    // focus so that subsequent async focus will work
+    fakeInput.focus();
+    return fakeInput;
+}
+function addBodyScrollLockClass() {
+    document.body.classList.add("cura-body-scroll-lock");
+}
+function removeBodyScrollLockClass() {
+    if (document.body.classList.contains("cura-body-scroll-lock")) {
+        document.body.classList.remove("cura-body-scroll-lock");
+    }
+}
+
+export { addBodyScrollLockClass as a, checkIOS as b, checkMobile as c, fakeInputIOSHack as f, removeBodyScrollLockClass as r };

package/dist/types/components/cura-calendar/cura-calendar.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { ChangeDateInViewEvent } from './cura-calendar.type';
 export declare class CuraCalendar {
     /**
      * Disable component
@@ -7,6 +8,13 @@ export declare class CuraCalendar {
      * @default false
      */
     isDisabled: boolean;
+    /**
+     * Loading state
+     *
+     * @type {boolean}
+     * @default false
+     */
+    isLoading: boolean;
     /**
      * An array of specific dates to be highlighted or processed.
      *
@@ -176,6 +184,13 @@ export declare class CuraCalendar {
     onchangeday: EventEmitter<{
         days: Date[];
     }>;
+    /**
+     * Event emitted when dates displayed changes
+     *
+     * @event
+     * @type {EventEmitter<ChangeDateInViewEvent>}
+     */
+    changeDateInView: EventEmitter<ChangeDateInViewEvent>;
     theme: import("../../api/cura-api.type").APIThemeFunctions;
     weights: {
         [key: string]: string;
@@ -316,9 +331,9 @@ export declare class CuraCalendar {
      */
     showNotColapsedCalendar(): void;
     showColapsedCalendar(): Date[];
-    fetchDaysOfWeek(): Date[];
+    fetchDaysOfWeek(currentDate?: Date): Date[];
     updateCurrentWeek(direction: 'prev' | 'next'): void;
-    fetchDaysOfMonth(): Date[];
+    fetchDaysOfMonth(currentDate?: Date): Date[];
     /**
      * Get the names of all months in the current year.
      *
@@ -373,8 +388,11 @@ export declare class CuraCalendar {
         '--width': string;
         '--min-width': string;
         '--max-width': string;
+        '--color-neutral-purewhite': string;
     };
+    sendEventChangeDateInView(isCollapsed: boolean, currentDate: Date): void;
     watchDefaultDatesArray(): void;
     handleDefaultDateChange(newValue: string[]): void;
+    watchCollapse(isCollapsed: boolean): void;
     render(): any;
 }

package/dist/types/components/cura-calendar/cura-calendar.stories.d.ts

@@ -13,6 +13,16 @@ declare const _default: {
                 };
             };
         };
+        isLoading: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
         period: {
             control: string;
             description: string;
@@ -209,12 +219,30 @@ declare const _default: {
                 };
             };
         };
+        loadingMessage: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        changeDateInView: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: any;
+                };
+            };
+        };
     };
 };
 export default _default;
 export declare const Calendar: {
     args: {
         isDisabled: boolean;
+        isLoading: boolean;
         period: string[];
         width: string;
         maxWidth: string;
@@ -234,5 +262,6 @@ export declare const Calendar: {
         floating: boolean;
         embedded: boolean;
         selectLabelColorMode: string;
+        loadingMessage: string;
     };
 };

package/dist/types/components/cura-calendar/cura-calendar.type.d.ts

@@ -0,0 +1,4 @@
+export interface ChangeDateInViewEvent {
+    datesInView: Date[];
+    monthDays: Date[];
+}

package/dist/types/components/forms/cura-input-textarea/cura-input-textarea.d.ts

@@ -0,0 +1,116 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class CuraInputTextArea {
+    host: HTMLElement;
+    /**
+     * Indicates input status (default: 'default')
+     */
+    status: 'error' | 'success' | 'default' | string;
+    /**
+     * Size of the textarea: 'small', 'medium', or 'large' (default: 'medium')
+     */
+    size: 'small' | 'medium' | 'large' | string;
+    /**
+     * Label text for the textarea
+     */
+    label?: string;
+    /**
+     * Name for the textarea
+     */
+    name?: string;
+    /**
+     * Placeholder text
+     */
+    placeholder?: string | null;
+    /**
+     * Initial value of the textarea
+     */
+    value: string | number;
+    /**
+     * Cura icon name to display
+     */
+    iconName?: string;
+    /**
+     * Helper text displayed below the textarea
+     */
+    helperText?: string;
+    /**
+     * Whether the textarea is disabled (default: false)
+     */
+    disabled?: boolean;
+    /**
+     * Whether the textarea is required (default: false)
+     */
+    required?: boolean;
+    /**
+     * Maximum length of the textarea value
+     */
+    maxlength?: number | undefined;
+    /**
+     * Whether the textarea is read-only (default: false)
+     */
+    readOnly?: boolean;
+    /**
+     * Whether the textarea is resizable (default: true)
+     */
+    resizable?: boolean;
+    /**
+     * Whether the textarea is in loading state (default: false)
+     */
+    isLoading?: boolean;
+    isHovered: boolean;
+    isFocused: boolean;
+    currentValue: string | number;
+    fieldStyles: {
+        [key: string]: string;
+    };
+    /**
+     * Removes the alertCircle icon when necessary (as used in CuraDropdownSearch)
+     */
+    hideErrorIcon: boolean;
+    /**
+     * Whether the textarea should have autocomplete
+     */
+    autocomplete?: string;
+    valueChange: EventEmitter<string | number>;
+    inputClear: EventEmitter<string | number>;
+    internals: ElementInternals;
+    inputRef: HTMLInputElement;
+    styles: {
+        [key: string]: string;
+    };
+    weights: {
+        [key: string]: string;
+    };
+    breakpoints: any;
+    setFocus(): Promise<void>;
+    formStateRestoreCallback(state: {
+        value: string;
+    }): void;
+    formAssociatedCallback(form: {
+        ariaLabel: string;
+    }): void;
+    formResetCallback(): void;
+    formDisabledCallback(disabled: boolean): void;
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    getClasses(): {
+        [x: string]: boolean;
+        disabled: boolean;
+        isLoading: boolean;
+        isFocused: boolean;
+        isHovered: boolean;
+        resizable: boolean;
+    };
+    getLabelColor(): "neutral-black" | "neutral-medium" | "neutral-dark";
+    renderIcon(): any;
+    renderHelperText(): any;
+    renderMaxLength(): any;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    handleClearInput(): void;
+    handleInputFocus(): void;
+    handleInputBlur(): void;
+    handleInputChange(event: any): void;
+    handleTextInputChange(inputValue: string): void;
+    render(): any;
+}

package/dist/types/components/forms/cura-input-textarea/cura-input-textarea.stories.d.ts

@@ -0,0 +1,188 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ helperText, ...args }: {
+        [x: string]: any;
+        helperText: any;
+    }) => string;
+    argTypes: {
+        mode: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        status: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        label: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+            };
+        };
+        name: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+            };
+        };
+        placeholder: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+            };
+        };
+        helperText: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        value: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        required: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        maxlength: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: any;
+                };
+            };
+        };
+        iconName: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        readOnly: {
+            control: string;
+            description: string;
+            category: string;
+            required: boolean;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        isLoading: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        autocomplete: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const InputTextArea: {
+    args: {
+        mode: string;
+        status: string;
+        size: string;
+        label: string;
+        name: string;
+        placeholder: string;
+        helperText: string;
+        value: string;
+        required: boolean;
+        maxlength: any;
+        iconName: string;
+        disabled: boolean;
+        readOnly: boolean;
+        isLoading: boolean;
+        autocomplete: string;
+    };
+};