@rededor/cura 1.0.0 → 1.2.0-alpha.0

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

@@ -0,0 +1,92 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { CuraInputTextCustomEvent } from '../../../components';
+export declare class CuraInputDate {
+    el: HTMLElement;
+    /**
+     * Label text for the input date
+     */
+    label?: string;
+    /**
+     * Indicates input status (default: default)
+     */
+    status: 'error' | 'success' | 'default';
+    /**
+     * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
+     */
+    size: 'small' | 'medium' | 'large';
+    /**
+     * Name text for the input date
+     */
+    name?: string;
+    /**
+     * Helper text displayed below the input
+     */
+    helperText?: string;
+    /**
+     * Enables the date range selection mode, allowing users to select a period of dates
+     */
+    enableRangeDates: boolean;
+    /**
+     * Controls whether future dates (dates before the current date) should be disabled
+     */
+    disableFutureDates: boolean;
+    /**
+     * Controls whether past dates (dates before the current date) should be disabled
+     */
+    disablePassDates: boolean;
+    /**
+     * Whether to display a cura icon (default: null)
+     */
+    iconName?: string;
+    /**
+     * Placeholder text for the input
+     */
+    placeholder?: string | null;
+    /**
+     * Emitted when the value of the input changes
+     * @type {EventEmitter<string>}
+     */
+    dateChange: EventEmitter<string>;
+    styles: {};
+    isCalendarVisible: boolean;
+    dates: Date[];
+    value?: string;
+    connectedCallback(): void;
+    /**
+     * Callback for form association
+     */
+    formAssociatedCallback(form: {
+        ariaLabel: string;
+    }): void;
+    /**
+     * Formats the placeholder based on the enableRangeDates flag
+     *
+     * @returns {string} A string representing the placeholder format,
+     * either for a date range ('dd/mm/yyyy - dd/mm/yyyy') or a single date ('dd/mm/yyyy')
+     */
+    setPlaceholder(): string;
+    /**
+     * Sets the mask type based on the enableRangeDates flag
+     *
+     * @returns {string} The mask type, either 'dateRange' or 'date'
+     */
+    setMask(): string;
+    /**
+     * Sets the mode type based on the enableRangeDates flag
+     *
+     * @returns {'range' | 'single'}
+     */
+    setMode(): 'range' | 'single';
+    handleClick(ev: {
+        target: Node;
+    }): void;
+    hideCalendar(): void;
+    showCalendar(): void;
+    handleInputDates(event: any): void;
+    handleChangeDates(event: CuraInputTextCustomEvent<string | number>): void;
+    isDateValid(date: Date): boolean;
+    parseStringToDate(dateString: string): Date;
+    parseDateToString(date: Date): string;
+    renderCalendarOrHelperText(): any;
+    render(): any;
+}

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

@@ -0,0 +1,125 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => string;
+    argTypes: {
+        label: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+            };
+        };
+        name: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+            };
+        };
+        status: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        placeholder: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+            };
+        };
+        size: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        helperText: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        disableFutureDates: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        enableRangeDates: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        disablePassDates: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        iconName: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const InputDate: {
+    args: {
+        label: string;
+        helperText: string;
+        size: string;
+        name: string;
+        enableRangeDates: boolean;
+        disableFutureDates: boolean;
+        disablePassDates: boolean;
+        status: string;
+        iconName: string;
+        placeholder: string;
+    };
+};

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

@@ -60,6 +60,7 @@ export declare class CuraInputText {
      * @see: https://imask.js.org/
      */
     maskPreset?: MaskPreset;
+    enableSelectionMode: boolean;
     /**
      * Regular expression for custom input masking. Uses IMask library.
      *  @see: https://imask.js.org/
@@ -104,6 +105,10 @@ export declare class CuraInputText {
      * Removes the alertCircle icon when necessary(as used in CuraDropdownSearch)
      */
     hideErrorIcon: boolean;
+    /**
+     * Defines whether the input should have autocomplete
+     */
+    autocomplete?: string;
     /**
      * Emitted when the value of the input changes
      * @type {EventEmitter<string | number>}
@@ -146,6 +151,7 @@ export declare class CuraInputText {
         isFocused: boolean;
         isHovered: boolean;
         transparent: boolean;
+        selection: boolean;
     };
     getLabelColor(): "neutral-black" | "neutral-medium" | "neutral-dark";
     renderIcon(): any;

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

@@ -218,6 +218,20 @@ declare const _default: {
                 };
             };
         };
+        autocomplete: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
     };
 };
 export default _default;
@@ -243,5 +257,6 @@ export declare const InputText: {
         isLoading: boolean;
         readOnly: boolean;
         maxlength: any;
+        autocomplete: string;
     };
 };

package/dist/types/components/forms/cura-select/cura-select.d.ts

@@ -40,6 +40,11 @@ export declare class CuraSelect {
      * Reflects as an attribute in the DOM.
      */
     required: boolean;
+    /**
+     * Enable / Disable search at options by term.
+     * Default: false
+     */
+    searchBehavior: boolean;
     /**
      * Internal state: Whether the input is hovered.
      * Default: false

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

@@ -103,6 +103,16 @@ declare const _default: {
                 };
             };
         };
+        searchBehavior: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
         helperText: {
             name: string;
             control: string;
@@ -151,6 +161,7 @@ export declare const CuraSelect: {
         status: string;
         disabled: boolean;
         required: boolean;
+        searchBehavior: boolean;
         helperText: string;
     };
 };