@trilogy-ds/react 0.0.9-beta-v4 → 0.0.9-calendar

package/lib/components/calendar/Calendar.js

@@ -0,0 +1,269 @@
+import { __read, __spreadArray } from "tslib";
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers';
+import { is } from '../../services';
+import translation from '@trilogy-ds/locales/lib/calendar';
+import clsx from 'clsx';
+import React from 'react';
+import { ComponentName } from '../enumsComponentsName';
+import { Icon } from '../icon';
+import { Select, SelectOption } from '../select';
+import { Text } from '../text';
+var days = __spreadArray([], __read(translation.days), false);
+var months = __spreadArray([], __read(translation.months), false);
+var currentDate = new Date();
+function checkIsRange(date) {
+    return !(date instanceof Date);
+}
+var Calendar = function (_a) {
+    var _b = _a.value, value = _b === void 0 ? currentDate : _b, _c = _a.minDate, minDate = _c === void 0 ? new Date(currentDate.getFullYear() - 10, 0, 1) : _c, _d = _a.maxDate, maxDate = _d === void 0 ? new Date(currentDate.getFullYear() + 10, 12, 0) : _d, disabled = _a.disabled, readOnly = _a.readOnly, disabledDates = _a.disabledDates, onChange = _a.onChange, onMonthChange = _a.onMonthChange;
+    var styled = useTrilogyContext().styled;
+    var _e = __read(React.useState(value instanceof Date ? value : value[0] || currentDate), 2), visibleMonth = _e[0], setVisibleMonth = _e[1];
+    var _f = __read(React.useState(value), 2), activeDate = _f[0], setActiveDate = _f[1];
+    var _g = __read(React.useState(), 2), dateEndHovered = _g[0], setDateEndHovered = _g[1];
+    var refsDays = React.useRef([]);
+    var refDayFocused = React.useRef();
+    var weeksId = React.useId();
+    var daysId = React.useId();
+    var calendarClasses = hashClass(styled, clsx('calendar'));
+    var calendarheaderClasses = hashClass(styled, clsx('calendar-header'));
+    var headerDropdownClasses = hashClass(styled, clsx('calendar-header-dropdown'));
+    var calendarActiveMonthClasses = hashClass(styled, clsx('calendar-active-month'));
+    var calendarDayLabelClasses = hashClass(styled, clsx('calendar-week-day-label'));
+    var calendarWeekDayClasses = hashClass(styled, clsx('calendar-week-day'));
+    var calendarActiveDateClasses = hashClass(styled, clsx('calendar-active-date'));
+    var calendarNextMonthClasses = hashClass(styled, clsx('calendar-next-month'));
+    var calendarPrevMonthClasses = hashClass(styled, clsx('calendar-prev-month'));
+    var calendarWeekDayDisabledClasses = hashClass(styled, clsx('calendar-week-day-disabled'));
+    var isDisabledClass = hashClass(styled, clsx(is('disabled')));
+    var isActiveClasses = hashClass(styled, clsx(is('active')));
+    var calendarWeekClasses = hashClass(styled, clsx('calendar-week'));
+    var dateStartClasses = hashClass(styled, clsx('calendar-date-start'));
+    var dateEndClasses = hashClass(styled, clsx('calendar-date-end'));
+    var rangeClasses = hashClass(styled, clsx('calendar-range'));
+    var dateInRangeClasses = hashClass(styled, clsx('calendar-date-in-range'));
+    var rangeInitClasses = hashClass(styled, clsx('calendar-range-init'));
+    var rondedLeftClasses = hashClass(styled, clsx('calendar-date-rounded-left'));
+    var rondedRightClasses = hashClass(styled, clsx('calendar-date-rounded-right'));
+    var isRange = checkIsRange(activeDate);
+    var isNextDisabled = React.useMemo(function () {
+        return disabled ||
+            ((maxDate === null || maxDate === void 0 ? void 0 : maxDate.getMonth()) === (visibleMonth === null || visibleMonth === void 0 ? void 0 : visibleMonth.getMonth()) && (maxDate === null || maxDate === void 0 ? void 0 : maxDate.getFullYear()) === (visibleMonth === null || visibleMonth === void 0 ? void 0 : visibleMonth.getFullYear()));
+    }, [maxDate, visibleMonth]);
+    var isPrevDisabled = React.useMemo(function () {
+        return disabled ||
+            ((minDate === null || minDate === void 0 ? void 0 : minDate.getMonth()) === (visibleMonth === null || visibleMonth === void 0 ? void 0 : visibleMonth.getMonth()) && (minDate === null || minDate === void 0 ? void 0 : minDate.getFullYear()) === (visibleMonth === null || visibleMonth === void 0 ? void 0 : visibleMonth.getFullYear()));
+    }, [minDate, visibleMonth]);
+    var getAllDaysInMonth = React.useCallback(function (year, month) {
+        var date = new Date(year, month, 1);
+        var days = [];
+        var firstDayOfMonth = date.getDay();
+        var lastDayOfMonth = new Date(year, month + 1, 0).getDate();
+        var allDays = [];
+        for (var i = 0; i < firstDayOfMonth; i++)
+            days.push(null);
+        for (var day = 1; day <= lastDayOfMonth; day++)
+            days.push(new Date(year, month, day));
+        for (var i = 0; i < days.length; i += 7)
+            allDays.push(days.slice(i, i + 7));
+        return allDays;
+    }, []);
+    var yearsBetween = React.useMemo(function () {
+        var minYear = minDate.getFullYear();
+        var maxYear = maxDate.getFullYear();
+        return Array.from({ length: maxYear - minYear + 1 }, function (_, i) { return minYear + i; });
+    }, [minDate, maxDate]);
+    var availableMonths = React.useMemo(function () {
+        var currentYear = visibleMonth.getFullYear();
+        var minYear = minDate.getFullYear();
+        var maxYear = maxDate.getFullYear();
+        var minMonth = minDate.getMonth();
+        var maxMonth = maxDate.getMonth();
+        return Array.from({ length: 12 }, function (_, monthIndex) {
+            if (currentYear === minYear && monthIndex < minMonth)
+                return false;
+            if (currentYear === maxYear && monthIndex > maxMonth)
+                return false;
+            return true;
+        });
+    }, [minDate, maxDate, visibleMonth]);
+    var allDaysInMonth = React.useMemo(function () {
+        refsDays.current = [];
+        var activeYear = visibleMonth.getFullYear();
+        var activeMonth = visibleMonth.getMonth();
+        return getAllDaysInMonth(activeYear, activeMonth);
+    }, [visibleMonth]);
+    var handleClickNextPrevMonth = React.useCallback(function (month) {
+        var nextMonth = new Date(visibleMonth.getFullYear(), visibleMonth.getMonth() + month, visibleMonth.getDate());
+        setVisibleMonth(nextMonth);
+        onMonthChange && onMonthChange(nextMonth);
+    }, [visibleMonth, onMonthChange]);
+    var handleMonthSelect = React.useCallback(function (selectedMonth) {
+        var newDate = new Date(visibleMonth.getFullYear(), selectedMonth, visibleMonth.getDate());
+        setVisibleMonth(newDate);
+        onMonthChange && onMonthChange(newDate);
+    }, [visibleMonth, onMonthChange, minDate, maxDate]);
+    var handleYearSelect = React.useCallback(function (selectedYear) {
+        var newDate = new Date(selectedYear, visibleMonth.getMonth(), visibleMonth.getDate());
+        if (newDate.getTime() < minDate.getTime() || newDate.getTime() > maxDate.getTime()) {
+            if (newDate.getTime() < minDate.getTime()) {
+                setVisibleMonth(new Date(selectedYear, minDate.getMonth(), visibleMonth.getDate()));
+                onMonthChange && onMonthChange(new Date(selectedYear, minDate.getMonth(), visibleMonth.getDate()));
+            }
+            else {
+                setVisibleMonth(new Date(selectedYear, maxDate.getMonth(), visibleMonth.getDate()));
+                onMonthChange && onMonthChange(new Date(selectedYear, maxDate.getMonth(), visibleMonth.getDate()));
+            }
+            return;
+        }
+        setVisibleMonth(newDate);
+        onMonthChange && onMonthChange(newDate);
+    }, [visibleMonth, onMonthChange, minDate, maxDate]);
+    var navigateInDaysWithKeyboard = React.useCallback(function (currentIndex, nextIndex) {
+        var _a;
+        var nextRef = refsDays.current[currentIndex + nextIndex];
+        if (nextRef) {
+            refDayFocused.current = nextRef;
+            return nextRef.focus();
+        }
+        var mustNextMonth = [1, 7].includes(nextIndex);
+        var mustPrevMonth = [-1, -7].includes(nextIndex);
+        setVisibleMonth(function (prev) {
+            var currentYear = prev.getFullYear();
+            var currentMonth = prev.getMonth();
+            if (mustNextMonth && !isNextDisabled)
+                return new Date(currentYear, currentMonth + 1);
+            if (mustPrevMonth && !isPrevDisabled)
+                return new Date(currentYear, currentMonth - 1);
+            return prev;
+        });
+        if (mustNextMonth && isNextDisabled)
+            return;
+        if (mustPrevMonth && isPrevDisabled)
+            return;
+        var prevDayFocused = new Date(Number((_a = refDayFocused.current) === null || _a === void 0 ? void 0 : _a.dataset.timestamp));
+        setTimeout(function () {
+            var year = prevDayFocused.getFullYear();
+            var month = prevDayFocused.getMonth();
+            var day = prevDayFocused.getDate() + nextIndex;
+            var nextDayFocused = new Date(year, month, day);
+            refsDays.current[nextDayFocused.getDate() - 1].focus();
+            refDayFocused.current = refsDays.current[nextDayFocused.getDate() - 1];
+        }, 10);
+    }, [refsDays.current, refDayFocused.current, isNextDisabled, isPrevDisabled]);
+    var handlePressEnterInDays = React.useCallback(function (e) {
+        if (readOnly)
+            return;
+        var elm = e.target;
+        if (!elm)
+            return;
+        refsDays.current.forEach(function (day) { return (day.tabIndex = -1); });
+        elm.tabIndex = 0;
+        var newDate = new Date(Number(elm.dataset.timestamp));
+        var newActiveDate = [newDate];
+        if (!isRange)
+            newActiveDate = newDate;
+        if (isRange && activeDate.length === 1 && newDate.getTime() > activeDate[0].getTime()) {
+            newActiveDate = __spreadArray(__spreadArray([], __read(activeDate), false), [newDate], false);
+        }
+        setActiveDate(newActiveDate);
+        setDateEndHovered(undefined);
+        onChange && onChange(newActiveDate);
+    }, [refsDays.current, onChange, readOnly, activeDate, isRange]);
+    var onKeyDownDay = React.useCallback(function (e, index, isDisabled) {
+        switch (e.key) {
+            case 'ArrowRight':
+                return navigateInDaysWithKeyboard(index, 1);
+            case 'ArrowLeft':
+                return navigateInDaysWithKeyboard(index, -1);
+            case 'ArrowUp':
+                return navigateInDaysWithKeyboard(index, -7);
+            case 'ArrowDown':
+                return navigateInDaysWithKeyboard(index, 7);
+            case 'Enter':
+                return !isDisabled && handlePressEnterInDays(e);
+            default:
+                return;
+        }
+    }, [handlePressEnterInDays]);
+    React.useEffect(function () {
+        var _a;
+        if (refsDays.current) {
+            var haveActiveDate = refsDays.current.some(function (day) { return day.tabIndex === 0; });
+            if (!haveActiveDate && ((_a = refsDays === null || refsDays === void 0 ? void 0 : refsDays.current[0]) === null || _a === void 0 ? void 0 : _a.tabIndex)) {
+                var firstActiveDate = refsDays.current.findIndex(function (day) { return !day.disabled; });
+                if (firstActiveDate !== -1) {
+                    refsDays.current[firstActiveDate].tabIndex = 0;
+                    refDayFocused.current = refsDays.current[firstActiveDate];
+                }
+            }
+        }
+    }, [refsDays.current, refDayFocused.current]);
+    return (React.createElement("table", { className: clsx(calendarClasses, isRange && rangeClasses, isRange && activeDate.length === 1 && rangeInitClasses) },
+        React.createElement("thead", { className: calendarheaderClasses },
+            React.createElement("tr", null,
+                React.createElement("th", { colSpan: 1, className: calendarPrevMonthClasses },
+                    React.createElement("button", { onClick: function () { return handleClickNextPrevMonth(-1); }, "aria-label": 'Previous month', type: 'button', disabled: isPrevDisabled },
+                        React.createElement(Icon, { name: 'tri-arrow-left' }))),
+                React.createElement("th", { colSpan: 5, className: calendarActiveMonthClasses },
+                    React.createElement("div", { className: headerDropdownClasses },
+                        React.createElement(Select, { selected: String(visibleMonth.getMonth()), onChange: function (value) { return handleMonthSelect(Number(value.selectValue)); } }, months.map(function (monthName, monthIndex) { return (React.createElement(SelectOption, { key: monthIndex, value: String(monthIndex), disabled: !availableMonths[monthIndex] }, monthName)); })),
+                        React.createElement(Select, { selected: String(visibleMonth.getFullYear()), onChange: function (value) { return handleYearSelect(Number(value.selectValue)); } }, yearsBetween.map(function (year) { return (React.createElement(SelectOption, { key: year, value: String(year) }, String(year))); })))),
+                React.createElement("th", { colSpan: 1, className: calendarNextMonthClasses },
+                    React.createElement("button", { onClick: function () { return handleClickNextPrevMonth(1); }, "aria-label": 'Next month', type: 'button', disabled: isNextDisabled },
+                        React.createElement(Icon, { name: 'tri-arrow-right' })))),
+            React.createElement("tr", null, days.map(function (day, index) {
+                return (React.createElement("td", { className: calendarDayLabelClasses, key: index },
+                    React.createElement(Text, null, day.slice(0, 1))));
+            }))),
+        React.createElement("tbody", null, allDaysInMonth.map(function (week, weekIndex) {
+            return (React.createElement("tr", { key: "".concat(weeksId, "_").concat(weekIndex), className: calendarWeekClasses }, week.map(function (day, dayIndex) {
+                var ind = day !== null && day.getDate() - 1;
+                var isDateStart = isRange && activeDate[0] && (day === null || day === void 0 ? void 0 : day.getTime()) === activeDate[0].getTime();
+                var isDateEnd = isRange && activeDate[1] && (day === null || day === void 0 ? void 0 : day.getTime()) === activeDate[1].getTime();
+                var isActive = !isRange
+                    ? (day === null || day === void 0 ? void 0 : day.getFullYear()) === activeDate.getFullYear() &&
+                        (day === null || day === void 0 ? void 0 : day.getMonth()) === activeDate.getMonth() &&
+                        (day === null || day === void 0 ? void 0 : day.getDate()) === activeDate.getDate()
+                    : activeDate === null || activeDate === void 0 ? void 0 : activeDate.some(function (date) {
+                        return (date === null || date === void 0 ? void 0 : date.getFullYear()) === (day === null || day === void 0 ? void 0 : day.getFullYear()) &&
+                            (date === null || date === void 0 ? void 0 : date.getMonth()) === (day === null || day === void 0 ? void 0 : day.getMonth()) &&
+                            (date === null || date === void 0 ? void 0 : date.getDate()) === (day === null || day === void 0 ? void 0 : day.getDate());
+                    });
+                var isDisabled = disabled ||
+                    (day && day.getTime() > (maxDate === null || maxDate === void 0 ? void 0 : maxDate.getTime())) ||
+                    (day && day.getTime() < (minDate === null || minDate === void 0 ? void 0 : minDate.getTime())) ||
+                    (day &&
+                        (disabledDates === null || disabledDates === void 0 ? void 0 : disabledDates.some(function (date) {
+                            return (date === null || date === void 0 ? void 0 : date.getFullYear()) === (day === null || day === void 0 ? void 0 : day.getFullYear()) &&
+                                (date === null || date === void 0 ? void 0 : date.getMonth()) === (day === null || day === void 0 ? void 0 : day.getMonth()) &&
+                                (date === null || date === void 0 ? void 0 : date.getDate()) === (day === null || day === void 0 ? void 0 : day.getDate());
+                        }))) ||
+                    false;
+                var isInRange = (isRange &&
+                    activeDate[0] &&
+                    dateEndHovered &&
+                    day &&
+                    day.getTime() >= activeDate[0].getTime() &&
+                    day.getTime() < dateEndHovered.getTime()) ||
+                    (isRange &&
+                        activeDate[0] &&
+                        activeDate[1] &&
+                        day &&
+                        day.getTime() >= activeDate[0].getTime() &&
+                        day.getTime() < activeDate[1].getTime());
+                return (React.createElement("td", { key: "".concat(daysId, "_").concat(dayIndex, "_").concat(day === null || day === void 0 ? void 0 : day.getTime()), className: clsx(calendarWeekDayClasses, isActive && calendarActiveDateClasses, isDisabled && calendarWeekDayDisabledClasses, isDateStart && dateStartClasses, isDateEnd && dateEndClasses, isInRange && dateInRangeClasses, dayIndex === 0 && rondedLeftClasses, dayIndex === 6 && rondedRightClasses) }, day && ind !== false && (React.createElement("button", { type: 'button', onKeyDown: function (e) { return onKeyDownDay(e, ind, isDisabled); }, tabIndex: isActive ? 0 : -1, "aria-selected": isActive ? 'true' : 'false', "data-timestamp": day === null || day === void 0 ? void 0 : day.getTime(), ref: function (el) {
+                        if (el)
+                            refsDays.current[ind] = el;
+                    }, onMouseUp: function (e) { return !isDisabled && handlePressEnterInDays(e); }, className: clsx(isDisabled && isDisabledClass, isActive && isActiveClasses), onMouseOver: function () {
+                        if (!isRange)
+                            return;
+                        if (activeDate[0] !== undefined && activeDate.length === 1)
+                            setDateEndHovered(day);
+                    } }, day.getDate()))));
+            })));
+        }))));
+};
+Calendar.displayName = ComponentName.Calendar;
+export default Calendar;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FsZW5kYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhbGVuZGFyL0NhbGVuZGFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLFdBQVcsTUFBTSxrQ0FBa0MsQ0FBQTtBQUMxRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2hELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFHOUIsSUFBTSxJQUFJLDRCQUFPLFdBQVcsQ0FBQyxJQUFJLFNBQUMsQ0FBQTtBQUNsQyxJQUFNLE1BQU0sNEJBQU8sV0FBVyxDQUFDLE1BQU0sU0FBQyxDQUFBO0FBQ3RDLElBQU0sV0FBVyxHQUFHLElBQUksSUFBSSxFQUFFLENBQUE7QUFFOUIsU0FBUyxZQUFZLENBQUMsSUFBZTtJQUNuQyxPQUFPLENBQUMsQ0FBQyxJQUFJLFlBQVksSUFBSSxDQUFDLENBQUE7QUFDaEMsQ0FBQztBQUVELElBQU0sUUFBUSxHQUFHLFVBQUMsRUFTRjtRQVJkLGFBQW1CLEVBQW5CLEtBQUssbUJBQUcsV0FBVyxLQUFBLEVBQ25CLGVBQXdELEVBQXhELE9BQU8sbUJBQUcsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLFdBQVcsRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLEVBQUUs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

package/lib/components/calendar/CalendarProps.d.ts

@@ -0,0 +1,11 @@
+export type DateValue = Date | [Date, Date] | [Date] | [];
+export interface CalendarProps {
+    value?: DateValue;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: boolean;
+    readOnly?: boolean;
+    onChange?: (e: DateValue) => void;
+    onMonthChange?: (e: Date) => void;
+    disabledDates?: Date[];
+}

package/lib/components/calendar/CalendarProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FsZW5kYXJQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FsZW5kYXIvQ2FsZW5kYXJQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/calendar/CalendarPropsDefaults.js

@@ -0,0 +1,63 @@
+export default {
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "Date",
+      "[Date, Date]",
+      "[Date]",
+      "[]"
+    ]
+  },
+  "minDate": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "Date"
+    ]
+  },
+  "maxDate": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "Date"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "readOnly": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "DateValue) => void"
+    ]
+  },
+  "onMonthChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "(e: Date) => void"
+    ]
+  },
+  "disabledDates": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "Date[]"
+    ]
+  }
+};

package/lib/components/calendar/index.d.ts

@@ -0,0 +1,2 @@
+import Calendar from './Calendar';
+export { Calendar };

package/lib/components/calendar/index.js

@@ -0,0 +1,3 @@
+import Calendar from './Calendar';
+export { Calendar };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhbGVuZGFyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUVqQyxPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUEifQ==

package/lib/components/card/Card.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CardProps } from './CardProps';
+import { CardProps, CardRef } from './CardProps';
 export declare const CardContext: React.Context<{
     horizontal: boolean;
 }>;
@@ -7,15 +7,14 @@ export declare const CardContext: React.Context<{
  * Card Component
  * @param flat {boolean} Adding border for Card content
  * @param horizontal {boolean} Horizontal Card orientation
- * @param backgroundColor {TrilogyColor} Card Background Color
  * @param floating {boolean} Floating card
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
  * @param active {boolean} Activated card
  * - ------------------ WEB PROPERTIES -----------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param fullheight
  */
-declare const Card: ({ className, id, flat, horizontal, floating, skeleton, onClick, reversed, href, fullheight, active, ...others }: CardProps) => React.JSX.Element;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<CardRef>>;
 export default Card;

package/lib/components/card/Card.js

@@ -1,25 +1,25 @@
 import { __assign, __rest } from "tslib";
-import React, { createContext } from 'react';
-import clsx from 'clsx';
-import { is } from '../../services/classify';
-import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
+import clsx from 'clsx';
+import React, { createContext } from 'react';
+import { ComponentName } from '../enumsComponentsName';
 export var CardContext = createContext({ horizontal: false });
 /**
  * Card Component
  * @param flat {boolean} Adding border for Card content
  * @param horizontal {boolean} Horizontal Card orientation
- * @param backgroundColor {TrilogyColor} Card Background Color
  * @param floating {boolean} Floating card
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
  * @param active {boolean} Activated card
  * - ------------------ WEB PROPERTIES -----------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param fullheight
  */
-var Card = function (_a) {
+var Card = React.forwardRef(function (_a, ref) {
     var className = _a.className, id = _a.id, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, skeleton = _a.skeleton, onClick = _a.onClick, reversed = _a.reversed, href = _a.href, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["className", "id", "flat", "horizontal", "floating", "skeleton", "onClick", "reversed", "href", "fullheight", "active"]);
     var styled = useTrilogyContext().styled;
     var hoverStyle = {
@@ -27,13 +27,14 @@ var Card = function (_a) {
     };
     var classes = hashClass(styled, clsx('card', flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && is('floating'), skeleton && is('loading'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active')));
     if (href) {
-        return (React.createElement("a", __assign({ id: id, href: href, onClick: function (e) {
+        return (React.createElement("a", __assign({ ref: ref, id: id, href: href, onClick: function (e) {
                 // eslint-disable-next-line no-unused-expressions
                 onClick === null || onClick === void 0 ? void 0 : onClick(e);
                 e.stopPropagation();
             } }, others, { className: classes })));
     }
-    return (React.createElement("div", __assign({ id: id, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle) }, others)));
-};
+    return (React.createElement("div", __assign({ ref: ref, id: id, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle) }, others)));
+});
+Card.displayName = ComponentName.Card;
 export default Card;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFhWTtJQVpWLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBWlgsd0hBYUMsQ0FEVTtJQUdmLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sVUFBVSxHQUF3QjtRQUN0QyxNQUFNLEVBQUUsU0FBUztLQUNsQixDQUFBO0lBRUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE1BQU0sRUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUMvQixVQUFVLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEVBQ2pELFFBQVEsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQ25DLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUN2QixDQUNGLENBQUE7SUFFRCxJQUFJLElBQUksRUFBRTtRQUNSLE9BQU8sQ0FDTCxvQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxpREFBaUQ7Z0JBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDckIsQ0FBQyxJQUNHLE1BQU0sSUFDVixTQUFTLEVBQUUsT0FBTyxJQUNsQixDQUNILENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsT0FBTyxFQUNsQixLQUFLLEVBQUUsT0FBTyxpQkFBUyxVQUFVLENBQUUsSUFDL0IsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUNELGVBQWUsSUFBSSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RCxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDM0IsVUFDRSxFQUErRyxFQUMvRyxHQUFHO0lBREQsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBN0csd0hBQStHLENBQUY7SUFHckcsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxVQUFVLEdBQXdCO1FBQ3RDLE1BQU0sRUFBRSxTQUFTO0tBQ2xCLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQy9CLFVBQVUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsRUFDakQsUUFBUSxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDbkMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsU0FBUyxFQUNULFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQ3ZCLENBQ0YsQ0FBQTtJQUVELElBQUksSUFBSSxFQUFFO1FBQ1IsT0FBTyxDQUNMLG9DQUNFLEdBQUcsRUFBRSxHQUFtQyxFQUN4QyxFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxpREFBaUQ7Z0JBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDckIsQ0FBQyxJQUNHLE1BQU0sSUFDVixTQUFTLEVBQUUsT0FBTyxJQUNsQixDQUNILENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBZ0MsRUFDckMsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLE9BQU8sRUFDbEIsS0FBSyxFQUFFLE9BQU8saUJBQVMsVUFBVSxDQUFFLElBQy9CLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9

package/lib/components/card/Card.native.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
+import { View } from 'react-native';
 import { CardProps } from './CardProps';
-import { ComponentName } from '../../components/enumsComponentsName';
 export declare const CardContext: React.Context<{
     floating: boolean;
-    backgroundColor: {};
+    backgroundColor: string;
     horizontal: boolean;
     reversed: boolean;
     active: boolean;
@@ -17,13 +17,9 @@ export declare const CardContext: React.Context<{
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
- * @param backgroundColor {TrilogyColor} Card Background Color
  * @param fullheight {boolean}
  * @param active {boolean} Activated box
  * @param others
  */
-declare const Card: {
-    ({ children, flat, horizontal, floating, onClick, skeleton, reversed, fullheight, active, ...others }: CardProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<View>>;
 export default Card;