@rededor/cura 0.5.4 → 1.0.0-alpha.0

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

@@ -0,0 +1,167 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => string;
+    argTypes: {
+        size: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        border: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        backgroundColor: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            name: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        borderColor: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            name: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        borderRadius: {
+            control: {
+                type: string;
+            };
+            description: string;
+            name: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        type: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        imageSrc: {
+            control: string;
+            name: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        imageSrcDefault: {
+            control: string;
+            name: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        floating: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        cssBackgroundColor: {
+            control: string;
+            name: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        cssBorderColor: {
+            control: string;
+            name: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        cssBorderRadius: {
+            control: {
+                type: string;
+            };
+            description: string;
+            name: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const Avatar: {
+    args: {
+        size: string;
+        type: string;
+        border: boolean;
+        imageSrc: string;
+        imageSrcDefault: string;
+        floating: boolean;
+        backgroundColor: string;
+        borderColor: string;
+        borderRadius: string;
+        cssBackgroundColor: string;
+        cssBorderColor: string;
+        cssBorderRadius: string;
+    };
+};

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

@@ -0,0 +1,323 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CuraCalendar {
+    /**
+     * An array of specific dates to be highlighted or processed.
+     *
+     * @type {string[] | string}
+     * @default []
+     * @example
+     * // Example usage
+     * period = ["2024-08-01", "2024-08-30"];
+     */
+    period: string[] | string;
+    /**
+     * Width of the component.
+     *
+     * @type {string}
+     * @default '300px'
+     */
+    width: string;
+    /**
+     * Selection mode of the date picker.
+     *
+     * @type {'single' | 'multiple' | 'range'}
+     * @default 'single'
+     */
+    mode: 'single' | 'multiple' | 'range';
+    /**
+     * Date format used for display and parsing.
+     *
+     * @type {string}
+     * @default 'yyyy-MM-dd'
+     */
+    dateFormat: string;
+    /**
+     * Locale for date formatting.
+     *
+     * @type {'pt-BR' | 'en-US'}
+     * @default 'pt-BR'
+     */
+    locale: 'pt-BR' | 'en-US';
+    /**
+     * Display type of the date picker.
+     *
+     * @type {'dropdown' | 'static'}
+     * @default 'dropdown'
+     */
+    type: 'dropdown' | 'static';
+    /**
+     * List of dates to disable.
+     *
+     * @type {string[]}
+     * @default []
+     */
+    disable: string[];
+    /**
+     * List of dates to enable.
+     *
+     * @type {string[]}
+     * @default []
+     */
+    enable: string[];
+    /**
+     * Default dates selected on initialization.
+     *
+     * @type {string[]}
+     * @default []
+     */
+    defaultDate: string[];
+    /**
+     * Limits the selectable date range.
+     *
+     * @type {Date | null}
+     * @default null
+     */
+    limitRange: number | null;
+    /**
+     * The current month being viewed in the date picker.
+     *
+     * @type {Date}
+     * @default new Date()
+     */
+    currentDate: Date;
+    /**
+     * Array of currently selected dates.
+     *
+     * @type {Date[]}
+     * @default []
+     */
+    selectedDates: Date[];
+    /**
+     * The start date of the range selection, if applicable.
+     *
+     * @type {Date | null}
+     * @default null
+     */
+    rangeStart: Date | null;
+    /**
+     * Array of default dates that are initially selected.
+     *
+     * @type {Date[]}
+     * @default []
+     */
+    defaultDates: Date[];
+    /**
+   * Selected months on dropdown.
+   *
+   * @type {string}
+   * @default ''
+   */
+    selectMonth: string;
+    /**
+    * Selected year on dropdown.
+    *
+    * @type {string}
+    * @default ''
+    */
+    selectYear: string;
+    /**
+     * CSS styles applied to the component.
+     *
+     * @type {Object}
+     * @default {}
+     */
+    styles: {};
+    /**
+     * Event emitted when a day is changed.
+    *
+    * @event
+    * @type {EventEmitter<{ days: Date[] }>}
+    */
+    onchangeday: EventEmitter<{
+        days: Date[];
+    }>;
+    theme: import("../../api/cura-api.type").APIThemeFunctions;
+    weights: {
+        [key: string]: string;
+    };
+    optionsLocale: {
+        'pt-BR': Locale;
+        'en-US': Locale;
+    };
+    connectedCallback(): void;
+    setFontProperties(): void;
+    /**
+     * Initialize the selected dates based on defaultDate and mode.
+     */
+    initializeDefaultDates(): void;
+    /**
+   * Get the locale for the calendar.
+   *
+   * @returns {Locale} The locale object.
+   */
+    determineLocale(): any;
+    /**
+   * Check if a date is within the valid period.
+   *
+   * @param {Date} date - The date to check.
+   * @returns {boolean} Whether the date is valid.
+   */
+    isDateInValidPeriod(date: Date): boolean;
+    /**
+     * Check if a date is selected.
+     *
+     * @param {Date} date - The date to check.
+     * @returns {boolean} Whether the date is selected.
+     */
+    isDateSelected(date: Date): boolean;
+    /**
+     * Check if has date in defaultDates.
+     *
+     * @param {Date} date - The date to check.
+     * @returns {boolean} Whether the date is selected.
+     */
+    isDateInDefaultSelection(date: Date): boolean;
+    /**
+     * Check if a date is within a disabled period.
+     *
+     * @param {Date} date - The date to check.
+     * @returns {boolean} Whether the date is disabled.
+     */
+    isDateInDisabledPeriod(date: Date): boolean;
+    /**
+     * Check if a date is within an enabled period.
+     *
+     * @param {Date} date - The date to check.
+     * @returns {boolean} Whether the date is enabled.
+     */
+    isDateInEnabledPeriod(date: Date): boolean;
+    /**
+   * Checks if a date is in the provided list of dates.
+   *
+   * @param {Date[]} dates - The list of dates to check against.
+   * @param {Date} date - The date to check.
+   * @returns {boolean} Whether the date is in the list.
+   */
+    isDateInList(dates: Date[], date: Date): boolean;
+    /**
+     * Removes a specific date from a list of dates.
+     *
+     * @param {Date[]} dates - The array of dates to filter.
+     * @param {Date} dateToRemove - The date to remove from the array.
+     * @returns {Date[]} A new array with the specified date removed.
+     */
+    removeDateFromSelection(dates: Date[], dateToRemove: Date): Date[];
+    /**
+     * Change the current month.
+     *
+     * @param {string} direction - 'prev' | 'next'
+     */
+    updateCurrentMonth(direction: 'prev' | 'next'): void;
+    /**
+     * Handle the month dropdown change.
+     *
+     * @param {CustomEvent} event - The change event.
+     */
+    onMonthDropdownChange(event: CustomEvent): void;
+    /**
+     * Handle the year input change.
+     *
+     * @param {CustomEvent} event - The change event.
+     */
+    onYearDropdownChange(event: CustomEvent): void;
+    /**
+     * Flatten date ranges into individual dates.
+     *
+     * @param {({ from: string; to: string } | string)[]} dates - An array of date ranges or individual dates.
+     * @returns {Date[]} An array of individual dates.
+     */
+    expandDateRanges(dates: ({
+        from: string;
+        to: string;
+    } | string)[]): Date[];
+    /**
+     * Handle single date selection.
+     *
+     * @param {Date} date - The date to select.
+     */
+    selectSingleDate(date: Date): void;
+    /**
+     * Handle multiple date selection.
+     *
+     * @param {Date} date - The date to select or deselect.
+     */
+    selectMultiplesDate(date: Date): Date[];
+    /**
+     * Handle range date selection.
+     *
+     * @param {Date} date - The date to select.
+     */
+    selectDateRange(date: Date): void;
+    /**
+     * Handle a click on a date.
+     *
+     * @param {Date} date - The date that was clicked.
+     */
+    onDateClick(date: Date): void;
+    /**
+    * Get the days of the week.
+    *
+    * @returns {string[]} An array of abbreviated day names.
+    */
+    fetchWeekDays(): string[];
+    /**
+     * Get the days of the current month, including leading nulls for alignment.
+     *
+     * @returns {(Date | null)[]} An array of dates and nulls for the current month view.
+     */
+    fetchDaysOfMonth(): Date[];
+    /**
+     * Get the names of all months in the current year.
+     *
+     * @returns {{ months: string[], currentMonth: string }} An object containing an array of month names and the name of the current month.
+     */
+    fetchMonthNames(): {
+        months: string[];
+    };
+    /**
+     * Get a list of years in descending order from the current year to a specified limit.
+     *
+     * @returns {number[]} An array of years.
+     */
+    fetchYearList(): number[];
+    /**
+    * Get the color for the previous button.
+    *
+    * @returns {string} The color name for the previous button.
+    */
+    determinePrevButtonColor(): string;
+    /**
+    * Get the status of a given date, determining its position and interval status.
+    *
+    * @param {Date | null} date - The date to evaluate.
+    * @returns {Object} An object containing the status flags for the date.
+    */
+    getDateStatus(date: Date): {
+        isStart: boolean;
+        isEnd: boolean;
+        isValid: boolean;
+        isInvalid: boolean;
+        isSelected: boolean;
+        isRange: boolean;
+        isDefault: boolean;
+        isInterval: boolean;
+    };
+    /**
+     * Get the CSS classes for a given date based on its status.
+     *
+     * @param {Date | null} date - The date to evaluate.
+     * @returns {Object} An object containing the CSS classes for the date.
+     */
+    getClasses(date: Date): {
+        date: boolean;
+    };
+    /**
+     * Get custom CSS properties for the host element.
+     *
+     * @returns {Object} An object containing CSS properties and their values.
+     */
+    getHostCSSProperties(): {
+        '--width': string;
+    };
+    render(): any;
+}

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

@@ -0,0 +1,128 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    render: (args: any) => string;
+    argTypes: {
+        period: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        width: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        mode: {
+            control: string;
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        type: {
+            control: string;
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        dateFormat: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        locale: {
+            control: string;
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        defaultDate: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        enable: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disable: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        limitRange: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const Calendar: {
+    args: {
+        period: string[];
+        width: string;
+        mode: string;
+        type: string;
+        locale: string;
+        dateFormat: string;
+        defaultDate: any[];
+        enable: any[];
+        disable: any[];
+        limitRange: any;
+    };
+};

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

@@ -0,0 +1,48 @@
+export declare class CuraCard {
+    /**
+     * Determines whether the card should have padding.
+     * @type {boolean}
+     * @default false
+     */
+    hasPadding: boolean;
+    /**
+     * Determines whether the card should have a shadow effect.
+     * @type {boolean}
+     * @default false
+     */
+    hasShadow: boolean;
+    /**
+     * Sets the type of the card background.
+     * - 'solid': A solid background.
+     * - 'transparent': A transparent background.
+     * @type {'solid' | 'transparent'}
+     * @default 'solid'
+     */
+    type: 'solid' | 'transparent';
+    /**
+     * Sets the color mode of the card.
+     * - 'light': Light mode for the card.
+     * - 'dark': Dark mode for the card.
+     * @type {'light' | 'dark'}
+     * @default 'light'
+     */
+    colorMode: 'light' | 'dark';
+    /**
+     * The URL that the card should link to (if set).
+     * If not set, the card acts as a normal card.
+     * @type {string | undefined}
+     */
+    href?: string;
+    /**
+     * The target attribute for the link.
+     * Applicable only if `href` is set.
+     * @type {string}
+     * @default '_self'
+     */
+    target: string;
+    styles: any;
+    weights: any;
+    connectedCallback(): void;
+    getClasses(): {};
+    render(): any;
+}