@trilogy-ds/react 0.0.1-beta.9 → 0.0.3-beta-v4

package/lib/components/countdown/Countdown.js

@@ -1,39 +1,43 @@
-import React, { useState, useEffect } from 'react';
+import { __assign, __read, __rest } from "tslib";
+import React, { useEffect, useState } from 'react';
 import { CountdownFormat, CountdownUnite } from './CountdownEnum';
 import clsx from 'clsx';
 import { hashClass } from '../../helpers';
 import { is } from '../../services';
 import { useTrilogyContext } from '../../context';
-const calculateTimer = (timeDifference) => {
-    const seconds = Math.floor((timeDifference / 1000) % 60);
-    const minutes = Math.floor((timeDifference / 1000 / 60) % 60);
-    const hours = Math.floor((timeDifference / (1000 * 60 * 60)) % 24);
-    const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
-    return { days, hours, minutes, seconds };
+var calculateTimer = function (timeDifference) {
+    var seconds = Math.floor((timeDifference / 1000) % 60);
+    var minutes = Math.floor((timeDifference / 1000 / 60) % 60);
+    var hours = Math.floor((timeDifference / (1000 * 60 * 60)) % 24);
+    var days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
+    return { days: days, hours: hours, minutes: minutes, seconds: seconds };
 };
 /**
  * Countdown Component
  * @param deadline {Date} Date to reach before the end of the countdown
  * @param format {CountdownFormat} Format of countdown
+ * @param inverted {Boolean} White countdown on darked background
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param event
  * @param small
- * @param centered
  * @param others
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param centered
  */
-const Countdown = ({ deadline, className, format, event, small, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const [timeLeft] = useState(deadline);
-    const initialTimeDifference = deadline.getTime() - new Date().getTime();
-    const initialTimer = calculateTimer(initialTimeDifference);
-    const [timer, setTimer] = useState(initialTimer);
-    const [init, setInit] = useState(false);
-    const show = [timer.days != 0, timer.hours != 0, timer.minutes != 0, timer.seconds != 0];
-    const parsedFormat = format === null || format === void 0 ? void 0 : format.split('-');
-    const classes = hashClass(styled, clsx('countdown', small && is('small'), className));
+var Countdown = function (_a) {
+    var deadline = _a.deadline, className = _a.className, id = _a.id, format = _a.format, event = _a.event, small = _a.small, inverted = _a.inverted, others = __rest(_a, ["deadline", "className", "id", "format", "event", "small", "inverted"]);
+    var styled = useTrilogyContext().styled;
+    var _b = __read(useState(deadline), 1), timeLeft = _b[0];
+    var initialTimeDifference = deadline.getTime() - new Date().getTime();
+    var initialTimer = calculateTimer(initialTimeDifference);
+    var _c = __read(useState(initialTimer), 2), timer = _c[0], setTimer = _c[1];
+    var _d = __read(useState(false), 2), init = _d[0], setInit = _d[1];
+    var show = [timer.days != 0, timer.hours != 0, timer.minutes != 0, timer.seconds != 0];
+    var parsedFormat = format === null || format === void 0 ? void 0 : format.split('-');
+    var classes = hashClass(styled, clsx('countdown', inverted && is('inverted'), small && is('small'), className));
     if (parsedFormat) {
-        parsedFormat.forEach((item) => {
+        parsedFormat.forEach(function (item) {
             switch (item) {
                 case 'dd':
                     show[CountdownUnite.DAY] = true;
@@ -58,9 +62,9 @@ const Countdown = ({ deadline, className, format, event, small, ...others }) =>
         show[CountdownUnite.MIN] = true;
         show[CountdownUnite.SEC] = true;
     }
-    useEffect(() => {
-        setInterval(() => {
-            const difference = timeLeft.getTime() - new Date().getTime();
+    useEffect(function () {
+        setInterval(function () {
+            var difference = timeLeft.getTime() - new Date().getTime();
             if (difference > 0) {
                 switch (format) {
                     case CountdownFormat.DAY:
@@ -100,13 +104,13 @@ const Countdown = ({ deadline, className, format, event, small, ...others }) =>
             setInit(true);
         }, 1000);
     }, [timeLeft, format]);
-    useEffect(() => {
+    useEffect(function () {
         if (timer.days + timer.hours + timer.minutes + timer.seconds === 0 && event && init) {
             event(null);
             setInit(false);
         }
     }, [timer, event, init]);
-    return (React.createElement("ul", { className: classes, ...others },
+    return (React.createElement("ul", __assign({ id: id, className: classes }, others),
         (show[CountdownUnite.DAY] || timer.days != 0) && (React.createElement("li", { className: hashClass(styled, clsx('count')) },
             React.createElement("span", { className: hashClass(styled, clsx('value')) }, timer.days ? timer.days : 0),
             "j")),
@@ -121,4 +125,4 @@ const Countdown = ({ deadline, className, format, event, small, ...others }) =>
             "s"))));
 };
 export default Countdown;
-//# sourceMappingURL=Countdown.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb3VudGRvd24vQ291bnRkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRWxELE9BQU8sRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDakUsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0MsSUFBTSxjQUFjLEdBQUcsVUFBQyxjQUFzQjtJQUM1QyxJQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFBO0lBQ3hELElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsSUFBSSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFBO0lBQzdELElBQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsQ0FBQyxJQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDbEUsSUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEdBQUcsQ0FBQyxJQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFBO0lBRS9ELE9BQU8sRUFBRSxJQUFJLE1BQUEsRUFBRSxLQUFLLE9BQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxP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

package/lib/components/countdown/Countdown.native.d.ts

@@ -1,17 +1,18 @@
 /// <reference types="react" />
 import { CountdownProps } from './CountdownProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Countdown Component
  * @param deadline {Date} Date to reach before the end of the countdown
  * @param format {CountdownFormat} Format of countdown
+ * @param inverted {Boolean} White countdown on darked background
  * @param event
  * @param small
  * @param centered
  * @param others
  */
 declare const Countdown: {
-    ({ deadline, format, event, small, centered, ...others }: CountdownProps): JSX.Element;
+    ({ deadline, format, event, small, inverted, ...others }: CountdownProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Countdown;

package/lib/components/countdown/Countdown.native.js

@@ -1,37 +1,43 @@
-import React, { useState, useEffect } from 'react';
-import { StyleSheet, View, Text } from 'react-native';
+import { __assign, __read, __rest } from "tslib";
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 import { CountdownFormat, CountdownUnite } from './CountdownEnum';
-import { ComponentName } from '../enumsComponentsName';
-const calculateTimer = (timeDifference) => {
-    const seconds = Math.floor((timeDifference / 1000) % 60);
-    const minutes = Math.floor((timeDifference / 1000 / 60) % 60);
-    const hours = Math.floor((timeDifference / (1000 * 60 * 60)) % 24);
-    const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
-    return { days, hours, minutes, seconds };
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Text, TextLevels } from '../../components/text';
+import { getTypographyBoldStyle, TypographyBold } from '../../objects/Typography';
+var calculateTimer = function (timeDifference) {
+    var seconds = Math.floor((timeDifference / 1000) % 60);
+    var minutes = Math.floor((timeDifference / 1000 / 60) % 60);
+    var hours = Math.floor((timeDifference / (1000 * 60 * 60)) % 24);
+    var days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
+    return { days: days, hours: hours, minutes: minutes, seconds: seconds };
 };
 /**
  * Countdown Component
  * @param deadline {Date} Date to reach before the end of the countdown
  * @param format {CountdownFormat} Format of countdown
+ * @param inverted {Boolean} White countdown on darked background
  * @param event
  * @param small
  * @param centered
  * @param others
  */
-const Countdown = ({ deadline, format, event, small, centered, ...others }) => {
-    const [init, setInit] = useState(false);
-    const [timeLeft, setTimeLeft] = useState(deadline);
-    const initialTimeDifference = deadline.getTime() - new Date().getTime();
-    const initialTimer = calculateTimer(initialTimeDifference);
-    const [timer, setTimer] = useState(initialTimer);
-    const show = [timer.days != 0, timer.hours != 0, timer.minutes != 0, timer.seconds != 0];
-    const parsedFormat = format === null || format === void 0 ? void 0 : format.split('-');
-    useEffect(() => {
+var Countdown = function (_a) {
+    var deadline = _a.deadline, format = _a.format, event = _a.event, small = _a.small, inverted = _a.inverted, others = __rest(_a, ["deadline", "format", "event", "small", "inverted"]);
+    var _b = __read(useState(false), 2), init = _b[0], setInit = _b[1];
+    var _c = __read(useState(deadline), 2), timeLeft = _c[0], setTimeLeft = _c[1];
+    var initialTimeDifference = deadline.getTime() - new Date().getTime();
+    var initialTimer = calculateTimer(initialTimeDifference);
+    var _d = __read(useState(initialTimer), 2), timer = _d[0], setTimer = _d[1];
+    var show = [timer.days != 0, timer.hours != 0, timer.minutes != 0, timer.seconds != 0];
+    var parsedFormat = format === null || format === void 0 ? void 0 : format.split('-');
+    var centered = false;
+    useEffect(function () {
         setTimeLeft(deadline);
     }, [deadline, setTimeLeft]);
     if (parsedFormat) {
-        parsedFormat.forEach((item) => {
+        parsedFormat.forEach(function (item) {
             switch (item) {
                 case 'dd':
                     show[CountdownUnite.DAY] = true;
@@ -56,14 +62,14 @@ const Countdown = ({ deadline, format, event, small, centered, ...others }) => {
         show[CountdownUnite.MIN] = true;
         show[CountdownUnite.SEC] = true;
     }
-    let width = 90;
-    show.forEach((item) => {
+    var width = 90;
+    show.forEach(function (item) {
         if (!item)
             width = width - 20;
     });
-    useEffect(() => {
-        setInterval(() => {
-            const difference = timeLeft.getTime() - new Date().getTime();
+    useEffect(function () {
+        setInterval(function () {
+            var difference = timeLeft.getTime() - new Date().getTime();
             if (difference > 0) {
                 switch (format) {
                     case CountdownFormat.DAY:
@@ -103,14 +109,14 @@ const Countdown = ({ deadline, format, event, small, centered, ...others }) => {
             }
         }, 1000);
     }, [timeLeft, format]);
-    useEffect(() => {
+    useEffect(function () {
         if (timer.days + timer.hours + timer.minutes + timer.seconds === 0 && event && init) {
             event(null);
             setInit(false);
         }
     }, [timer, event, init]);
-    const countdownColor = getColorStyle(TrilogyColor.TERTIARY);
-    const styles = StyleSheet.create({
+    var countdownColor = inverted ? getColorStyle(TrilogyColor.BACKGROUND) : getColorStyle(TrilogyColor.MAIN);
+    var styles = StyleSheet.create({
         countdown: {
             alignSelf: centered ? 'center' : 'flex-start',
             borderColor: countdownColor,
@@ -118,19 +124,18 @@ const Countdown = ({ deadline, format, event, small, centered, ...others }) => {
             borderRadius: small ? 4 : 8,
             flexDirection: 'row',
             alignItems: 'center',
-            paddingHorizontal: small ? 8 : 16,
+            paddingHorizontal: small ? 8 : 12,
             paddingVertical: small ? 8 : 12,
         },
         text: {
-            fontFamily: 'poppins-regular',
             color: countdownColor,
-            fontSize: small ? 16 : 24,
             fontWeight: '600',
-            marginTop: -2,
+            fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD),
         },
         date: {
             fontSize: small ? 12 : 14,
             fontWeight: small ? '500' : '400',
+            fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD),
         },
         separator: {
             width: 1,
@@ -139,23 +144,23 @@ const Countdown = ({ deadline, format, event, small, centered, ...others }) => {
             margin: 8,
         },
     });
-    return (React.createElement(View, { style: styles.countdown, ...others },
-        (show[CountdownUnite.DAY] || timer.days != 0) && (React.createElement(Text, { style: styles.text },
+    return (React.createElement(View, __assign({ style: styles.countdown }, others),
+        (show[CountdownUnite.DAY] || timer.days != 0) && (React.createElement(Text, { style: styles.text, testId: 'day-id' },
             timer.days ? timer.days : 0,
             React.createElement(Text, { style: styles.date }, "j"))),
-        show[CountdownUnite.DAY] && show[CountdownUnite.HOUR] && React.createElement(View, { style: styles.separator }),
+        show[CountdownUnite.DAY] && show[CountdownUnite.HOUR] && (React.createElement(View, { style: styles.separator, testID: 'hour-day-id' })),
         (show[CountdownUnite.HOUR] || timer.hours != 0) && (React.createElement(Text, { style: styles.text },
             timer.hours ? timer.hours : 0,
             React.createElement(Text, { style: styles.date }, "h"))),
-        show[CountdownUnite.HOUR] && show[CountdownUnite.MIN] && React.createElement(View, { style: styles.separator }),
+        show[CountdownUnite.HOUR] && show[CountdownUnite.MIN] && (React.createElement(View, { style: styles.separator, testID: 'hour-min-id' })),
         (show[CountdownUnite.MIN] || timer.minutes != 0) && (React.createElement(Text, { style: styles.text },
             timer.minutes ? timer.minutes : 0,
             React.createElement(Text, { style: styles.date }, "m"))),
-        show[CountdownUnite.SEC] && show[CountdownUnite.MIN] && React.createElement(View, { style: styles.separator }),
-        (show[CountdownUnite.SEC] || timer.seconds != 0) && (React.createElement(Text, { style: styles.text },
+        show[CountdownUnite.SEC] && show[CountdownUnite.MIN] && (React.createElement(View, { style: styles.separator, testID: 'sec-min-id' })),
+        (show[CountdownUnite.SEC] || timer.seconds != 0) && (React.createElement(Text, { style: styles.text, level: TextLevels.ONE },
             timer.seconds ? timer.seconds : 0,
             React.createElement(Text, { style: styles.date }, "s")))));
 };
 Countdown.displayName = ComponentName.Countdown;
 export default Countdown;
-//# sourceMappingURL=Countdown.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY291bnRkb3duL0NvdW50ZG93bi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRWpFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUVqRixJQUFNLGNBQWMsR0FBRyxVQUFDLGNBQXNCO0lBQzVDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDeEQsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDN0QsSUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQTtJQUNsRSxJQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsR0FBRyxDQUFD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

package/lib/components/countdown/CountdownEnum.js

@@ -15,7 +15,7 @@ export var CountdownUnite;
     CountdownUnite[CountdownUnite["MIN"] = 2] = "MIN";
     CountdownUnite[CountdownUnite["SEC"] = 3] = "SEC";
 })(CountdownUnite || (CountdownUnite = {}));
-export const getFormatWidth = (format) => {
+export var getFormatWidth = function (format) {
     switch (format) {
         case CountdownFormat.HOUR_MIN_SEC:
         case CountdownFormat.DAY_HOUR_MIN:
@@ -30,4 +30,4 @@ export const getFormatWidth = (format) => {
             return '80%';
     }
 };
-//# sourceMappingURL=CountdownEnum.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duRW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY291bnRkb3duL0NvdW50ZG93bkVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksZUFRWDtBQVJELFdBQVksZUFBZTtJQUN6QixtREFBZ0MsQ0FBQTtJQUNoQyw0Q0FBeUIsQ0FBQTtJQUN6QixvQ0FBaUIsQ0FBQTtJQUNqQiw2QkFBVSxDQUFBO0lBQ1YsNkJBQVUsQ0FBQTtJQUNWLHFDQUFrQixDQUFBO0lBQ2xCLDRDQUF5QixDQUFBO0FBQzNCLENBQUMsRUFSVyxlQUFlLEtBQWYsZUFBZSxRQVExQjtBQUNELE1BQU0sQ0FBTixJQUFZLGNBS1g7QUFMRCxXQUFZLGNBQWM7SUFDeEIsaURBQUcsQ0FBQTtJQUNILG1EQUFJLENBQUE7SUFDSixpREFBRyxDQUFBO0lBQ0gsaURBQUcsQ0FBQTtBQUNMLENBQUMsRUFMVyxjQUFjLEtBQWQsY0FBYyxRQUt6QjtBQUVELE1BQU0sQ0FBQyxJQUFNLGNBQWMsR0FBRyxVQUFDLE1BQXVCO0lBQ3BELFFBQVEsTUFBTSxFQUFFO1FBQ2QsS0FBSyxlQUFlLENBQUMsWUFBWSxDQUFDO1FBQ2xDLEtBQUssZUFBZSxDQUFDLFlBQVk7WUFDL0IsT0FBTyxLQUFLLENBQUE7UUFDZCxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUM7UUFDN0IsS0FBSyxlQUFlLENBQUMsUUFBUTtZQUMzQixPQUFPLEtBQUssQ0FBQTtRQUNkLEtBQUssZUFBZSxDQUFDLEdBQUcsQ0FBQztRQUN6QixLQUFLLGVBQWUsQ0FBQyxHQUFHO1lBQ3RCLE9BQU8sS0FBSyxDQUFBO1FBQ2Q7WUFDRSxPQUFPLEtBQUssQ0FBQTtLQUNmO0FBQ0gsQ0FBQyxDQUFBIn0=

package/lib/components/countdown/CountdownProps.d.ts

@@ -1,13 +1,13 @@
 import { ClickEvent } from '../../events/OnClickEvent';
 import { CountdownFormat } from './CountdownEnum';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Countdown Interface
  */
-export interface CountdownProps {
-    className?: string;
+export interface CountdownProps extends CommonProps {
     deadline: Date;
     format?: CountdownFormat;
     event?: ClickEvent;
     small?: boolean;
-    centered?: boolean;
+    inverted?: boolean;
 }

package/lib/components/countdown/CountdownProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=CountdownProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvdW50ZG93bi9Db3VudGRvd25Qcm9wcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/countdown/CountdownPropsDefaults.js

@@ -0,0 +1,56 @@
+export default {
+  "deadline": {
+    "type": "string",
+    "values": []
+  },
+  "format": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "dd-hh-mm-ss",
+      "hh-mm-ss",
+      "mm-ss",
+      "ss",
+      "dd",
+      "dd-hh",
+      "dd-hh-mm"
+    ]
+  },
+  "event": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "small": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "inverted": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

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

@@ -1,2 +1,3 @@
-import Countdown from './Countdown';
-export { Countdown };
+import Countdown from "./Countdown";
+import { CountdownFormat, CountdownUnite } from "./CountdownEnum";
+export { Countdown, CountdownFormat, CountdownUnite };

package/lib/components/countdown/index.js

@@ -1,3 +1,4 @@
-import Countdown from './Countdown';
-export { Countdown };
-//# sourceMappingURL=index.js.map
+import Countdown from "./Countdown";
+import { CountdownFormat, CountdownUnite } from "./CountdownEnum";
+export { Countdown, CountdownFormat, CountdownUnite };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvdW50ZG93bi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUE7QUFDbkMsT0FBTyxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUVqRSxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsQ0FBQSJ9

package/lib/components/divider/Divider.d.ts

@@ -4,14 +4,12 @@ import { DividerProps } from './DividerProps';
  * Divider Component
  * @param content {string} Add text content for Divider
  * @param unboxed {boolean} Full-width separator in another component
- * @param marginless {boolean} Marginless divider
+ * @param marginless {boolean} delete margin
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
  * @param iconName {IconName} Custom icon for Divider
  * @param color {TrilogyColor} Border color of Divider
- * @param backgroundColor {TrilogyColor} Background color of Divider
- * @param textColor {TrilogyColor} Text color of Divider
  * @param others
  */
-declare const Divider: ({ className, unboxed, content, marginless, iconName, color, backgroundColor, textColor, ...others }: DividerProps) => JSX.Element;
+declare const Divider: ({ className, id, unboxed, content, marginless, iconName, inverted, ...others }: DividerProps) => JSX.Element;
 export default Divider;

package/lib/components/divider/Divider.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import { has, is } from '../../services/classify';
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { is } from '../../services/classify';
 import { Icon, IconSize } from '../icon';
-import { getColorClassName } from '../../objects';
 import clsx from 'clsx';
 import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
@@ -9,36 +9,35 @@ import { useTrilogyContext } from '../../context';
  * Divider Component
  * @param content {string} Add text content for Divider
  * @param unboxed {boolean} Full-width separator in another component
- * @param marginless {boolean} Marginless divider
+ * @param marginless {boolean} delete margin
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
  * @param iconName {IconName} Custom icon for Divider
  * @param color {TrilogyColor} Border color of Divider
- * @param backgroundColor {TrilogyColor} Background color of Divider
- * @param textColor {TrilogyColor} Text color of Divider
  * @param others
  */
-const Divider = ({ className, unboxed, content, marginless, iconName, color, backgroundColor, textColor, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('divider', unboxed && is('unboxed'), marginless && is('marginless'), className, color && has(`background-${getColorClassName(color)}`), iconName && 'has-icon'));
-    const contentClasses = hashClass(styled, clsx('divider-content', textColor && has(`text-${getColorClassName(textColor)}`), backgroundColor && has(`background-${getColorClassName(backgroundColor)}`)));
-    // si il y a du text et une icone , SEULEMENT le text compte
+var Divider = function (_a) {
+    var className = _a.className, id = _a.id, unboxed = _a.unboxed, content = _a.content, marginless = _a.marginless, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["className", "id", "unboxed", "content", "marginless", "iconName", "inverted"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('divider', unboxed && is('unboxed'), marginless && is('marginless'), className, inverted && is('inverted'), iconName && 'has-icon'));
+    var contentClasses = hashClass(styled, clsx('divider-content'));
+    // s'il y a du text et une icone , SEULEMENT le text compte
     if (content && iconName) {
-        return (React.createElement("div", { "data-testid": 'separator', className: classes },
+        return (React.createElement("div", { id: id, "data-testid": 'separator', className: classes },
             React.createElement("p", { className: contentClasses }, content)));
     }
     if (content) {
-        return (React.createElement("div", { "data-testid": 'separator', className: classes },
+        return (React.createElement("div", { id: id, "data-testid": 'separator', className: classes },
             React.createElement("p", { className: contentClasses }, content)));
     }
     // si il y a seulement une icone
     if (iconName) {
-        return (React.createElement("div", { "data-testid": 'separator', className: classes },
+        return (React.createElement("div", { id: id, "data-testid": 'separator', className: classes },
             React.createElement("p", { className: contentClasses },
-                React.createElement(Icon, { name: iconName, size: backgroundColor ? IconSize.SMALL : IconSize.MEDIUM }))));
+                React.createElement(Icon, { name: iconName, size: IconSize.MEDIUM }))));
     }
     // divider normal trilogy
-    return React.createElement("div", { "data-testid": 'separator', className: classes, ...others });
+    return React.createElement("div", __assign({ id: id, "data-testid": 'separator', className: classes }, others));
 };
 export default Divider;
-//# sourceMappingURL=Divider.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZGl2aWRlci9EaXZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQVNGO0lBUmIsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVJNLCtFQVNoQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixTQUFTLEVBQ1QsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsUUFBUSxJQUFJLFVBQVUsQ0FDdkIsQ0FDRixDQUFBO0lBQ0QsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFBO0lBRWpFLDJEQUEyRDtJQUMzRCxJQUFJLE9BQU8sSUFBSSxRQUFRLEVBQUU7UUFDdkIsT0FBTyxDQUNMLDZCQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFjLFdBQVcsRUFBQyxTQUFTLEVBQUUsT0FBTztZQUNyRCwyQkFBRyxTQUFTLEVBQUUsY0FBYyxJQUFHLE9BQU8sQ0FBSyxDQUN2QyxDQUNQLENBQUE7S0FDRjtJQUVELElBQUksT0FBTyxFQUFFO1FBQ1gsT0FBTyxDQUNMLDZCQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFjLFdBQVcsRUFBQyxTQUFTLEVBQUUsT0FBTztZQUNyRCwyQkFBRyxTQUFTLEVBQUUsY0FBYyxJQUFHLE9BQU8sQ0FBSyxDQUN2QyxDQUNQLENBQUE7S0FDRjtJQUVELGdDQUFnQztJQUNoQyxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU8sQ0FDTCw2QkFBSyxFQUFFLEVBQUUsRUFBRSxpQkFBYyxXQUFXLEVBQUMsU0FBUyxFQUFFLE9BQU87WUFDckQsMkJBQUcsU0FBUyxFQUFFLGNBQWM7Z0JBQzFCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsTUFBTSxHQUFJLENBQzdDLENBQ0EsQ0FDUCxDQUFBO0tBQ0Y7SUFFRCx5QkFBeUI7SUFDekIsT0FBTyxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxpQkFBYyxXQUFXLEVBQUMsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUNoRixDQUFDLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/divider/Divider.native.d.ts

@@ -1,19 +1,17 @@
 /// <reference types="react" />
-import { DividerProps } from './DividerProps';
-import { ComponentName } from '../enumsComponentsName';
+import { DividerProps } from "./DividerProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Divider Native Component
  * @param content {string} Add text content for Divider
  * @param unboxed {boolean} Full-width separator in another component
- * @param marginless {boolean} Marginless divider
+ * @param marginless {boolean} delete margin
  * @param iconName {IconName} Custom icon for Divider
  * @param color {TrilogyColor} Border color of Divider
- * @param backgroundColor {TrilogyColor} Background color of Divider
- * @param textColor {TrilogyColor} Text color of Divider
  * @param others
  */
 declare const Divider: {
-    ({ content, unboxed, marginless, iconName, color, backgroundColor, textColor, ...others }: DividerProps): JSX.Element;
+    ({ content, unboxed, marginless, iconName, inverted, ...others }: DividerProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Divider;