@trilogy-ds/react 0.0.1-alpha-prompt

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { View } from 'react-native';
+import { CountdownProps } from './CountdownProps';
+/**
+ * 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: React.ForwardRefExoticComponent<CountdownProps & React.RefAttributes<View>>;
+export default Countdown;

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

@@ -0,0 +1,166 @@
+import { __assign, __read, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Text, TextLevels } from '../../components/text';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { getTypographyBoldStyle, TypographyBold } from '../../objects/Typography';
+import { CountdownFormat, CountdownUnite } from './CountdownEnum';
+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
+ */
+var Countdown = React.forwardRef(function (_a, ref) {
+    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(function (item) {
+            switch (item) {
+                case 'dd':
+                    show[CountdownUnite.DAY] = true;
+                    break;
+                case 'hh':
+                    show[CountdownUnite.HOUR] = true;
+                    break;
+                case 'mm':
+                    show[CountdownUnite.MIN] = true;
+                    break;
+                case 'ss':
+                    show[CountdownUnite.SEC] = true;
+                    break;
+                default:
+                    break;
+            }
+        });
+    }
+    else {
+        show[CountdownUnite.DAY] = true;
+        show[CountdownUnite.HOUR] = true;
+        show[CountdownUnite.MIN] = true;
+        show[CountdownUnite.SEC] = true;
+    }
+    var width = 90;
+    show.forEach(function (item) {
+        if (!item)
+            width = width - 20;
+    });
+    useEffect(function () {
+        setInterval(function () {
+            var difference = timeLeft.getTime() - new Date().getTime();
+            if (difference > 0) {
+                switch (format) {
+                    case CountdownFormat.DAY:
+                        setTimer({
+                            days: Math.ceil(difference / (1000 * 60 * 60 * 24)),
+                            hours: 0,
+                            minutes: 0,
+                            seconds: 0,
+                        });
+                        break;
+                    case CountdownFormat.DAY_HOUR:
+                        setTimer({
+                            days: Math.floor(difference / (1000 * 60 * 60 * 24)),
+                            hours: Math.ceil((difference / (1000 * 60 * 60)) % 24),
+                            minutes: 0,
+                            seconds: 0,
+                        });
+                        break;
+                    case CountdownFormat.DAY_HOUR_MIN:
+                        setTimer({
+                            days: Math.floor(difference / (1000 * 60 * 60 * 24)),
+                            hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
+                            minutes: Math.ceil((difference / 1000 / 60) % 60),
+                            seconds: 0,
+                        });
+                        break;
+                    default:
+                        setTimer({
+                            days: Math.floor(difference / (1000 * 60 * 60 * 24)),
+                            hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
+                            minutes: Math.floor((difference / 1000 / 60) % 60),
+                            seconds: Math.floor((difference / 1000) % 60),
+                        });
+                        break;
+                }
+                setInit(true);
+            }
+        }, 1000);
+    }, [timeLeft, format]);
+    useEffect(function () {
+        if (timer.days + timer.hours + timer.minutes + timer.seconds === 0 && event && init) {
+            event(null);
+            setInit(false);
+        }
+    }, [timer, event, init]);
+    var countdownColor = inverted ? getColorStyle(TrilogyColor.BACKGROUND) : getColorStyle(TrilogyColor.MAIN);
+    var styles = StyleSheet.create({
+        countdown: {
+            alignSelf: centered ? 'center' : 'flex-start',
+            borderColor: countdownColor,
+            borderWidth: 1,
+            borderRadius: small ? 4 : 8,
+            flexDirection: 'row',
+            alignItems: 'center',
+            paddingHorizontal: small ? 8 : 12,
+            paddingVertical: small ? 8 : 12,
+        },
+        text: {
+            color: countdownColor,
+            fontWeight: '600',
+            fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD),
+        },
+        date: {
+            fontSize: small ? 12 : 14,
+            fontWeight: small ? '500' : '400',
+            fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD),
+        },
+        separator: {
+            width: 1,
+            height: '100%',
+            backgroundColor: countdownColor,
+            margin: 8,
+        },
+    });
+    return (React.createElement(View, __assign({ ref: ref, 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, 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, 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, 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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY291bnRkb3duL0NvdW50ZG93bi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsY0FBYyxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDakYsT0FBTyxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUdqRSxJQUFNLGNBQWMsR0FBRyxVQUFDLGNBQXNCO0lBQzVDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDeEQsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDN0QsSUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQTtJQUNsRSxJQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsR0FBRyxDQUFD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

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

@@ -0,0 +1,16 @@
+export declare enum CountdownFormat {
+    DAY_HOUR_MIN_SEC = "dd-hh-mm-ss",
+    HOUR_MIN_SEC = "hh-mm-ss",
+    MIN_SEC = "mm-ss",
+    SEC = "ss",
+    DAY = "dd",
+    DAY_HOUR = "dd-hh",
+    DAY_HOUR_MIN = "dd-hh-mm"
+}
+export declare enum CountdownUnite {
+    DAY = 0,
+    HOUR = 1,
+    MIN = 2,
+    SEC = 3
+}
+export declare const getFormatWidth: (format: CountdownFormat) => string;

package/lib/components/countdown/CountdownEnum.js

@@ -0,0 +1,33 @@
+export var CountdownFormat;
+(function (CountdownFormat) {
+    CountdownFormat["DAY_HOUR_MIN_SEC"] = "dd-hh-mm-ss";
+    CountdownFormat["HOUR_MIN_SEC"] = "hh-mm-ss";
+    CountdownFormat["MIN_SEC"] = "mm-ss";
+    CountdownFormat["SEC"] = "ss";
+    CountdownFormat["DAY"] = "dd";
+    CountdownFormat["DAY_HOUR"] = "dd-hh";
+    CountdownFormat["DAY_HOUR_MIN"] = "dd-hh-mm";
+})(CountdownFormat || (CountdownFormat = {}));
+export var CountdownUnite;
+(function (CountdownUnite) {
+    CountdownUnite[CountdownUnite["DAY"] = 0] = "DAY";
+    CountdownUnite[CountdownUnite["HOUR"] = 1] = "HOUR";
+    CountdownUnite[CountdownUnite["MIN"] = 2] = "MIN";
+    CountdownUnite[CountdownUnite["SEC"] = 3] = "SEC";
+})(CountdownUnite || (CountdownUnite = {}));
+export var getFormatWidth = function (format) {
+    switch (format) {
+        case CountdownFormat.HOUR_MIN_SEC:
+        case CountdownFormat.DAY_HOUR_MIN:
+            return '60%';
+        case CountdownFormat.MIN_SEC:
+        case CountdownFormat.DAY_HOUR:
+            return '40%';
+        case CountdownFormat.SEC:
+        case CountdownFormat.DAY:
+            return '20%';
+        default:
+            return '80%';
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duRW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY291bnRkb3duL0NvdW50ZG93bkVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksZUFRWDtBQVJELFdBQVksZUFBZTtJQUN6QixtREFBZ0MsQ0FBQTtJQUNoQyw0Q0FBeUIsQ0FBQTtJQUN6QixvQ0FBaUIsQ0FBQTtJQUNqQiw2QkFBVSxDQUFBO0lBQ1YsNkJBQVUsQ0FBQTtJQUNWLHFDQUFrQixDQUFBO0lBQ2xCLDRDQUF5QixDQUFBO0FBQzNCLENBQUMsRUFSVyxlQUFlLEtBQWYsZUFBZSxRQVExQjtBQUNELE1BQU0sQ0FBTixJQUFZLGNBS1g7QUFMRCxXQUFZLGNBQWM7SUFDeEIsaURBQUcsQ0FBQTtJQUNILG1EQUFJLENBQUE7SUFDSixpREFBRyxDQUFBO0lBQ0gsaURBQUcsQ0FBQTtBQUNMLENBQUMsRUFMVyxjQUFjLEtBQWQsY0FBYyxRQUt6QjtBQUVELE1BQU0sQ0FBQyxJQUFNLGNBQWMsR0FBRyxVQUFDLE1BQXVCO0lBQ3BELFFBQVEsTUFBTSxFQUFFO1FBQ2QsS0FBSyxlQUFlLENBQUMsWUFBWSxDQUFDO1FBQ2xDLEtBQUssZUFBZSxDQUFDLFlBQVk7WUFDL0IsT0FBTyxLQUFLLENBQUE7UUFDZCxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUM7UUFDN0IsS0FBSyxlQUFlLENBQUMsUUFBUTtZQUMzQixPQUFPLEtBQUssQ0FBQTtRQUNkLEtBQUssZUFBZSxDQUFDLEdBQUcsQ0FBQztRQUN6QixLQUFLLGVBQWUsQ0FBQyxHQUFHO1lBQ3RCLE9BQU8sS0FBSyxDQUFBO1FBQ2Q7WUFDRSxPQUFPLEtBQUssQ0FBQTtLQUNmO0FBQ0gsQ0FBQyxDQUFBIn0=

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

@@ -0,0 +1,16 @@
+import { type View } from 'react-native';
+import { ClickEvent } from '../../events/OnClickEvent';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { CountdownFormat } from './CountdownEnum';
+/**
+ * Countdown Interface
+ */
+export interface CountdownProps extends CommonProps {
+    deadline: Date;
+    format?: CountdownFormat;
+    event?: ClickEvent;
+    small?: boolean;
+    inverted?: boolean;
+}
+export type CountdownRef = HTMLUListElement;
+export type CountdownNativeRef = View;

package/lib/components/countdown/CountdownProps.js

@@ -0,0 +1,2 @@
+export {};
+//# 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

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

package/lib/components/countdown/index.js

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

package/lib/components/datepicker/DatePicker.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { DatePickerProps } from './DatePickerProps';
+/**
+ * DatePicker Component
+ * @param id
+ * @param value {string} Value for DatePicker (YYYY-MM-DD)
+ * @param minDate {string} Min value for DatePicker (YYYY-MM-DD)
+ * @param maxDate {string} Max value for DatePicker (YYYY-MM-DD)
+ * @param disabled {boolean} Disabled DatePicker
+ * @param readOnly {boolean} Read only DatePicker
+ * @param disabledDates {Date[]} Values disabled
+ * @param onChange {Function} DatePicker DatePicker Event
+ * @param className {string} Additional CSS Classes
+ * @param label {string} Label for DatePicker
+ * @param sample {string} Sample for DatePicker (below label)
+ * @param help {string} Help for DatePicker
+ * @param required {boolean} Required DatePicker
+ * @param status {InputStatus} DatePicker with status - (SUCCESS|WARNING|ERROR|DEFAULT)
+ * @param testId {string} Test Id for Test Integration
+ */
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+export default DatePicker;