@trilogy-ds/react 4.14.4 → 4.15.0-beta-1

package/lib/components/textarea/Textarea.native.js

@@ -5,7 +5,7 @@ import { InputAutoCapitalize, InputKeyboardAppearance, InputKeyboardType, InputT
 import { TypographyColor } from '../../objects';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 import { StatusState } from '../../objects/facets/Status';
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { StyleSheet, Text, TextInput, View } from 'react-native';
 import { SpacerSize } from '../spacer';
 import { Text as TrilogyText } from '../text';
@@ -41,42 +41,48 @@ var Textarea = React.forwardRef(function (_a, ref) {
     var defaultValue = _a.defaultValue, name = _a.name, sample = _a.sample, onChange = _a.onChange, disabled = _a.disabled, help = _a.help, placeholder = _a.placeholder, keyboardStyle = _a.keyboardStyle, autoCapitalize = _a.autoCapitalize, autoCorrect = _a.autoCorrect, textContentType = _a.textContentType, keyboardType = _a.keyboardType, status = _a.status, maxLength = _a.maxLength, label = _a.label, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, _b = _a.customHeight, customHeight = _b === void 0 ? 120 : _b, value = _a.value, required = _a.required, others = __rest(_a, ["defaultValue", "name", "sample", "onChange", "disabled", "help", "placeholder", "keyboardStyle", "autoCapitalize", "autoCorrect", "textContentType", "keyboardType", "status", "maxLength", "label", "iconNameLeft", "iconNameRight", "customHeight", "value", "required"]);
     var _c = __read(useState(value || ''), 2), _value = _c[0], setValue = _c[1];
     var _d = __read(useState(false), 2), isFocus = _d[0], setIsFocus = _d[1];
-    var textareaColor = isFocus ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.STROKE);
+    var getTextareaColor = isFocus ? TrilogyColor.MAIN : TrilogyColor.NEUTRAL;
+    var getStatusColor = status === 'success'
+        ? StatusState.SUCCESS
+        : status === 'warning'
+            ? StatusState.WARNING
+            : status === 'error'
+                ? StatusState.ERROR
+                : getTextareaColor;
+    var borderColorTextarea = getColorStyle(getStatusColor);
+    var helpColor = getColorStyle(getStatusColor);
+    var colorTextarea = getColorStyle(TrilogyColor.MAIN);
+    var backgroundColorTeaxtarea = getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : TrilogyColor.BACKGROUND);
+    var counterColor = getColorStyle(TrilogyColor.MAIN);
+    var counterBackground = getColorStyle(disabled ? TrilogyColor.DISABLED : TrilogyColor.BACKGROUND);
+    var placeholderTextColor = getColorStyle(disabled ? TrilogyColor.DISABLED : TrilogyColor.FONT_PLACEHOLDER);
     var styles = StyleSheet.create({
         textarea: {
             borderWidth: isFocus ? 2 : 1,
             borderRadius: 3,
-            borderColor: (status && status === 'success' && getColorStyle(StatusState.SUCCESS)) ||
-                (status && status === 'warning' && getColorStyle(StatusState.WARNING)) ||
-                (status && status === 'error' && getColorStyle(StatusState.ERROR)) ||
-                (status && status === 'default' && textareaColor) ||
-                textareaColor,
+            borderColor: borderColorTextarea,
             height: customHeight,
             justifyContent: 'flex-start',
             paddingLeft: (iconNameLeft && isFocus && 47) || (iconNameLeft && 48) || 16,
             paddingRight: (iconNameRight && 48) || 16,
             paddingTop: isFocus ? 10 : 11,
             textAlignVertical: 'top',
-            color: getColorStyle(TrilogyColor.MAIN),
-            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : getColorStyle(TrilogyColor.BACKGROUND),
+            color: colorTextarea,
+            backgroundColor: backgroundColorTeaxtarea,
         },
         help: {
             fontSize: 12,
-            color: (status && status === 'success' && getColorStyle(StatusState.SUCCESS)) ||
-                (status && status === 'warning' && getColorStyle(StatusState.WARNING)) ||
-                (status && status === 'error' && getColorStyle(StatusState.ERROR)) ||
-                (status && status === 'default' && textareaColor) ||
-                textareaColor,
+            color: helpColor,
             paddingLeft: 4,
             paddingTop: 2,
         },
         counter: {
             fontSize: 10,
-            color: getColorStyle(TrilogyColor.MAIN),
+            color: counterColor,
             position: 'absolute',
             bottom: help ? 24 : 8,
             right: 8,
-            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : 'white',
+            backgroundColor: counterBackground,
             padding: 3,
         },
         leftIcon: {
@@ -92,6 +98,9 @@ var Textarea = React.forwardRef(function (_a, ref) {
             zIndex: 10,
         },
     });
+    useEffect(function () {
+        setValue(value !== null && value !== void 0 ? value : '');
+    }, [value]);
     return (React.createElement(View, { style: { gap: SpacerSize.THREE } },
         label && (React.createElement(TrilogyText, { typo: TypographyColor.TEXT_MAIN },
             label,
@@ -108,7 +117,7 @@ var Textarea = React.forwardRef(function (_a, ref) {
                         textareaValue: text,
                     });
                 }
-            }, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); }, placeholderTextColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : getColorStyle(TrilogyColor.FONT_PLACEHOLDER) }, others)),
+            }, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); }, placeholderTextColor: placeholderTextColor }, others)),
         iconNameRight && (React.createElement(Text, { style: styles.rightIcon },
             React.createElement(Icon, { name: iconNameRight, size: 'small', color: status && status.toUpperCase() }))),
         maxLength && (React.createElement(Text, { style: styles.counter }, _value ? "".concat(_value === null || _value === void 0 ? void 0 : _value.length, " / ").concat(maxLength) : "0 / ".concat(maxLength))),
@@ -116,4 +125,4 @@ var Textarea = React.forwardRef(function (_a, ref) {
 });
 Textarea.displayName = ComponentName.Textarea;
 export default Textarea;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0YXJlYS9UZXh0YXJlYS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixvQkFBb0IsR0FDckIsTUFBTSw4QkFBOEIsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ3JELE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZDLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0QyxPQUFPLEVBQUUsSUFBSSxJQUFJLFdBQVcsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFHN0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMEJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDL0IsVUFDRSxFQXNCQyxFQUNELEdBQUc7SUF0QkQsSUFBQSxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxV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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0YXJlYS9UZXh0YXJlYS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixvQkFBb0IsR0FDckIsTUFBTSw4QkFBOEIsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ3JELE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdEMsT0FBTyxFQUFFLElBQUksSUFBSSxXQUFXLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBRzdDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBCRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFzQkMsRUFDRCxHQUFHO0lBdEJELElBQUEsWUFBWSxrQkFBQSxFQUNaLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxF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

package/lib/components/textarea/TextareaProps.d.ts

@@ -1,15 +1,15 @@
 import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
 import { Referenceable, ReferenceableNative } from '../../objects/facets/Referenceable';
+import { TextInput } from 'react-native';
 import { IconStatus } from '../../components/icon';
 import { InputAutoCapitalize, InputAutoCapitalizeValues, InputAutoCompleteType, InputAutoCompleteTypeValues, InputKeyboardAppearance, InputKeyboardAppearanceValues, InputKeyboardType, InputKeyboardTypeValues, InputStatus, InputStatusValues, InputTextContentType, InputTextContentTypeValues } from '../../components/input/InputEnum';
 import { Accessibility, Dev } from '../../objects';
-import { TextInput } from 'react-native';
 import { CommonProps } from '../../objects/facets/CommonProps';
 export interface TextareaChangeEvent {
     textareaName: string;
     textareaValue: string;
 }
-type TextareaChangeEventHandler = (event: TextareaChangeEvent) => void;
+export type TextareaChangeEventHandler = (event: TextareaChangeEvent) => void;
 type TextareaPropsWeb = Accessibility & Dev & {
     placeholder?: string;
     defaultValue?: string;

package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js

@@ -7,6 +7,7 @@ export default {
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
+      "tri-arrow-high",
       "tri-bell",
       "tri-calendar",
       "tri-check-circle",
@@ -14,7 +15,9 @@ export default {
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -26,11 +29,14 @@ export default {
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
       "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock",
       "tri-alert",
       "tri-arrow-down",
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
+      "tri-arrow-high",
       "tri-bell",
       "tri-calendar",
       "tri-check-circle",
@@ -38,7 +44,9 @@ export default {
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -49,7 +57,9 @@ export default {
       "tri-picto-payment-cb",
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
+      "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock"
     ]
   },
   "accessibilityLabel": {

package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js

@@ -14,6 +14,7 @@ export default {
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
+      "tri-arrow-high",
       "tri-bell",
       "tri-calendar",
       "tri-check-circle",
@@ -21,7 +22,9 @@ export default {
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -33,11 +36,14 @@ export default {
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
       "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock",
       "tri-alert",
       "tri-arrow-down",
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
+      "tri-arrow-high",
       "tri-bell",
       "tri-calendar",
       "tri-check-circle",
@@ -45,7 +51,9 @@ export default {
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -56,7 +64,9 @@ export default {
       "tri-picto-payment-cb",
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
+      "tri-picto-payment-visa",
+      "tri-paperclip",
+      "tri-clock"
     ]
   },
   "accessibilityLabel": {

package/lib/components/timepicker/BaseTimepickerPropsDefaults.js

@@ -0,0 +1,45 @@
+export default {
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "(time: string) => void"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "step": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/timepicker/CircularTimepickerPropsDefaults.js

@@ -0,0 +1,49 @@
+export default {
+  "circular": {
+    "type": "string",
+    "values": []
+  },
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "(time: string) => void"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "step": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/timepicker/DefaultTimepickerPropsDefaults.js

@@ -0,0 +1,81 @@
+export default {
+  "circular": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false"
+    ]
+  },
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "sample": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "required": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "help": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "(time: string) => void"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "step": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/timepicker/Timepicker.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { TimepickerProps, TimepickerRef } from './TimepickerProps';
+/**
+ * Timepicker Native Component
+ * @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "24:00")
+ * @param onChange {Function} Callback called when time changes, receives new "HH:MM" value
+ * @param disabled {boolean} Disabled state of the component (default: false)
+ * @param step {number} Step for minutes (e.g., 5 for 5-minute increments, default: 5)
+ * @param circular {boolean} to have circular timepicker
+ * @param label {string}
+ * @param sample {string} (below label)
+ * @param help {string}
+ * @param required {boolean} Required
+ */
+declare const Timepicker: React.ForwardRefExoticComponent<TimepickerProps & React.RefAttributes<TimepickerRef>>;
+export default Timepicker;

package/lib/components/timepicker/Timepicker.js

@@ -0,0 +1,26 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
+import { TimepickerCircular } from './circular';
+import { TimepickerDefault } from './default';
+/**
+ * Timepicker Native Component
+ * @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "24:00")
+ * @param onChange {Function} Callback called when time changes, receives new "HH:MM" value
+ * @param disabled {boolean} Disabled state of the component (default: false)
+ * @param step {number} Step for minutes (e.g., 5 for 5-minute increments, default: 5)
+ * @param circular {boolean} to have circular timepicker
+ * @param label {string}
+ * @param sample {string} (below label)
+ * @param help {string}
+ * @param required {boolean} Required
+ */
+var Timepicker = React.forwardRef(function (_a, ref) {
+    var circular = _a.circular, props = __rest(_a, ["circular"]);
+    if (circular)
+        return React.createElement(TimepickerCircular, __assign({ ref: ref }, props));
+    return React.createElement(TimepickerDefault, __assign({ ref: ref }, props));
+});
+Timepicker.displayName = ComponentName.Timepicker;
+export default Timepicker;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGltZXBpY2tlci9UaW1lcGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFHN0M7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpQyxVQUFDLEVBQXNCLEVBQUUsR0FBRztJQUF6QixJQUFBLFFBQVEsY0FBQSxFQUFLLEtBQUssY0FBcEIsWUFBc0IsQ0FBRjtJQUN2RixJQUFJLFFBQVE7UUFBRSxPQUFPLG9CQUFDLGtCQUFrQixhQUFDLEdBQUcsRUFBRSxHQUFHLElBQU0sS0FBSyxFQUFJLENBQUE7SUFDaEUsT0FBTyxvQkFBQyxpQkFBaUIsYUFBQyxHQUFHLEVBQUUsR0FBa0MsSUFBTSxLQUFLLEVBQUksQ0FBQTtBQUNsRixDQUFDLENBQUMsQ0FBQTtBQUVGLFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUNqRCxlQUFlLFVBQVUsQ0FBQSJ9

package/lib/components/timepicker/Timepicker.native.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { TimepickerNativeRef, TimepickerProps } from './TimepickerProps';
+declare const Timepicker: React.ForwardRefExoticComponent<TimepickerProps & React.RefAttributes<TimepickerNativeRef>>;
+export default Timepicker;

package/lib/components/timepicker/Timepicker.native.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
+import TimepickerCircular from './circular/TimepickerCircular.native';
+import TimepickerDefault from './default/TimepickerDefault.native';
+var Timepicker = React.forwardRef(function (_a, ref) {
+    var circular = _a.circular, props = __rest(_a, ["circular"]);
+    if (circular)
+        return React.createElement(TimepickerCircular, __assign({ ref: ref }, props));
+    return React.createElement(TimepickerDefault, __assign({ ref: ref }, props));
+});
+Timepicker.displayName = ComponentName.Timepicker;
+export default Timepicker;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVwaWNrZXIvVGltZXBpY2tlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxrQkFBa0IsTUFBTSxzQ0FBc0MsQ0FBQTtBQUNyRSxPQUFPLGlCQUFpQixNQUFNLG9DQUFvQyxDQUFBO0FBR2xFLElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2pDLFVBQUMsRUFBc0IsRUFBRSxHQUFHO0lBQXpCLElBQUEsUUFBUSxjQUFBLEVBQUssS0FBSyxjQUFwQixZQUFzQixDQUFGO0lBQ25CLElBQUksUUFBUTtRQUFFLE9BQU8sb0JBQUMsa0JBQWtCLGFBQUMsR0FBRyxFQUFFLEdBQUcsSUFBTSxLQUFLLEVBQUksQ0FBQTtJQUNoRSxPQUFPLG9CQUFDLGlCQUFpQixhQUFDLEdBQUcsRUFBRSxHQUFHLElBQU0sS0FBSyxFQUFJLENBQUE7QUFDbkQsQ0FBQyxDQUNGLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFDakQsZUFBZSxVQUFVLENBQUEifQ==

package/lib/components/timepicker/TimepickerProps.d.ts

@@ -0,0 +1,22 @@
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { type TextInput, type View } from 'react-native';
+interface BaseTimepickerProps extends CommonProps {
+    value?: string;
+    onChange?: (time: string) => void;
+    disabled?: boolean;
+    step?: number;
+}
+interface DefaultTimepickerProps extends BaseTimepickerProps {
+    circular?: false;
+    label?: string;
+    sample?: string;
+    required?: boolean;
+    help?: string;
+}
+interface CircularTimepickerProps extends BaseTimepickerProps {
+    circular: true;
+}
+export type TimepickerProps = DefaultTimepickerProps | CircularTimepickerProps;
+export type TimepickerRef = HTMLDivElement | HTMLInputElement;
+export type TimepickerNativeRef = View | TextInput;
+export {};

package/lib/components/timepicker/TimepickerProps.js

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

package/lib/components/timepicker/circular/TimepickerCircular.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TimepickerCircularProps } from './TimepickerCircularProps';
+/**
+ * TimepickerCircular Web Component
+ * @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "24:00")
+ * @param onChange {Function} Callback called when time changes, receives new "HH:MM" value
+ * @param disabled {boolean} Disabled state of the component (default: false)
+ * @param step {number} Step for minutes (e.g., 5 for 5-minute increments, default: 5)
+ */
+declare const TimepickerCircular: React.ForwardRefExoticComponent<TimepickerCircularProps & React.RefAttributes<HTMLDivElement>>;
+export default TimepickerCircular;