@trilogy-ds/react 0.0.3-calendar → 0.0.3-storybook

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

@@ -7,13 +7,17 @@ export default {
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
+      "tri-arrow-high",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -25,18 +29,24 @@ 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",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -47,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,13 +14,17 @@ export default {
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
+      "tri-arrow-high",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -32,18 +36,24 @@ 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",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -54,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,52 @@
+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"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/timepicker/CircularTimepickerPropsDefaults.js

@@ -0,0 +1,56 @@
+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"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/timepicker/DefaultTimepickerPropsDefaults.js

@@ -0,0 +1,88 @@
+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"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { TimepickerProps, TimepickerRef } from './TimepickerProps';
+/**
+ * Timepicker Component
+ * @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "23:59")
+ * @param onChange {Function} Callback when time changes, receives the new "HH:MM" string
+ * @param disabled {boolean} Disabled state (default: false)
+ * @param step {number} Minute step increment (e.g., 5 for 5-minute steps, default: 5)
+ * @param circular {boolean} Use circular clock picker instead of default scroll picker
+ * @param label {string} Label text (non-circular mode only)
+ * @param sample {string} Example text shown below the label (non-circular mode only)
+ * @param help {string} Help text shown below the field (non-circular mode only)
+ * @param required {boolean} Required field (non-circular mode only)
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param id {string} Custom id attribute
+ */
+declare const Timepicker: React.ForwardRefExoticComponent<TimepickerProps & React.RefAttributes<TimepickerRef>>;
+export default Timepicker;

package/lib/components/timepicker/Timepicker.js

@@ -0,0 +1,30 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
+import { TimepickerCircular } from './circular';
+import { TimepickerDefault } from './default';
+/**
+ * Timepicker Component
+ * @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "23:59")
+ * @param onChange {Function} Callback when time changes, receives the new "HH:MM" string
+ * @param disabled {boolean} Disabled state (default: false)
+ * @param step {number} Minute step increment (e.g., 5 for 5-minute steps, default: 5)
+ * @param circular {boolean} Use circular clock picker instead of default scroll picker
+ * @param label {string} Label text (non-circular mode only)
+ * @param sample {string} Example text shown below the label (non-circular mode only)
+ * @param help {string} Help text shown below the field (non-circular mode only)
+ * @param required {boolean} Required field (non-circular mode only)
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param id {string} Custom id attribute
+ */
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGltZXBpY2tlci9UaW1lcGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFHN0M7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUMsVUFBQyxFQUFzQixFQUFFLEdBQUc7SUFBekIsSUFBQSxRQUFRLGNBQUEsRUFBSyxLQUFLLGNBQXBCLFlBQXNCLENBQUY7SUFDdkYsSUFBSSxRQUFRO1FBQUUsT0FBTyxvQkFBQyxrQkFBa0IsYUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLEtBQUssRUFBSSxDQUFBO0lBQ2hFLE9BQU8sb0JBQUMsaUJBQWlCLGFBQUMsR0FBRyxFQUFFLEdBQWtDLElBQU0sS0FBSyxFQUFJLENBQUE7QUFDbEYsQ0FBQyxDQUFDLENBQUE7QUFFRixVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFDakQsZUFBZSxVQUFVLENBQUEifQ==

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { TimepickerNativeRef, TimepickerProps } from './TimepickerProps';
+/**
+ * Timepicker Component (React Native)
+ * @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "23:59")
+ * @param onChange {Function} Callback when time changes, receives the new "HH:MM" string
+ * @param disabled {boolean} Disabled state (default: false)
+ * @param step {number} Minute step increment (e.g., 5 for 5-minute steps, default: 5)
+ * @param circular {boolean} Use circular clock picker instead of default scroll picker
+ * @param label {string} Label text (non-circular mode only)
+ * @param sample {string} Example text shown below the label (non-circular mode only)
+ * @param help {string} Help text shown below the field (non-circular mode only)
+ * @param required {boolean} Required field (non-circular mode only)
+ * @param testId {string} Test Id for Test Integration
+ */
+declare const Timepicker: React.ForwardRefExoticComponent<TimepickerProps & React.RefAttributes<TimepickerNativeRef>>;
+export default Timepicker;

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

@@ -0,0 +1,27 @@
+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';
+/**
+ * Timepicker Component (React Native)
+ * @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "23:59")
+ * @param onChange {Function} Callback when time changes, receives the new "HH:MM" string
+ * @param disabled {boolean} Disabled state (default: false)
+ * @param step {number} Minute step increment (e.g., 5 for 5-minute steps, default: 5)
+ * @param circular {boolean} Use circular clock picker instead of default scroll picker
+ * @param label {string} Label text (non-circular mode only)
+ * @param sample {string} Example text shown below the label (non-circular mode only)
+ * @param help {string} Help text shown below the field (non-circular mode only)
+ * @param required {boolean} Required field (non-circular mode only)
+ * @param testId {string} Test Id for Test Integration
+ */
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVwaWNrZXIvVGltZXBpY2tlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxrQkFBa0IsTUFBTSxzQ0FBc0MsQ0FBQTtBQUNyRSxPQUFPLGlCQUFpQixNQUFNLG9DQUFvQyxDQUFBO0FBR2xFOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2pDLFVBQUMsRUFBc0IsRUFBRSxHQUFHO0lBQXpCLElBQUEsUUFBUSxjQUFBLEVBQUssS0FBSyxjQUFwQixZQUFzQixDQUFGO0lBQ25CLElBQUksUUFBUTtRQUFFLE9BQU8sb0JBQUMsa0JBQWtCLGFBQUMsR0FBRyxFQUFFLEdBQUcsSUFBTSxLQUFLLEVBQUksQ0FBQTtJQUNoRSxPQUFPLG9CQUFDLGlCQUFpQixhQUFDLEdBQUcsRUFBRSxHQUFHLElBQU0sS0FBSyxFQUFJLENBQUE7QUFDbkQsQ0FBQyxDQUNGLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFDakQsZUFBZSxVQUFVLENBQUEifQ==

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

@@ -0,0 +1,23 @@
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { Dev } from '../../objects/facets/Dev';
+import { type TextInput, type View } from 'react-native';
+interface BaseTimepickerProps extends CommonProps, Dev {
+    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", "23:59")
+ * @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;