allaw-ui 4.3.7 → 4.3.8

package/dist/components/atoms/datepickers/datepicker.css

@@ -283,7 +283,7 @@
 }
 .datepicker-input-icon {
   position: absolute;
-  right: 3px;
+  right: 5px;
   top: 50%;
   transform: translateY(-50%);
   background: none;

package/dist/components/molecules/datepickerForm/DatepickerForm.d.ts

@@ -11,6 +11,7 @@ export interface DatepickerFormProps {
     yearDropdownItemNumber?: number;
     maxDaysInPast?: number;
     minDate?: Date;
+    mode?: "button" | "input";
 }
 declare const DatepickerForm: React.FC<DatepickerFormProps>;
 export default DatepickerForm;

package/dist/components/molecules/datepickerForm/DatepickerForm.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import React from "react";
 import "./datepickerForm.css";
 import "../../../styles/global.css";
@@ -5,9 +16,9 @@ import Paragraph from "../../atoms/typography/Paragraph";
 import Datepicker from "../../atoms/datepickers/Datepicker";
 var DatepickerForm = function (_a) {
     // console.log("Valeur reçue dans DatepickerForm :", value);
-    var value = _a.value, onChange = _a.onChange, _b = _a.placeholder, placeholder = _b === void 0 ? "Sélectionner une date" : _b, text = _a.text, _c = _a.variant, variant = _c === void 0 ? "medium" : _c, _d = _a.color, color = _d === void 0 ? "noir" : _d, _e = _a.yearDropdownItemNumber, yearDropdownItemNumber = _e === void 0 ? 10 : _e, maxDaysInPast = _a.maxDaysInPast, minDate = _a.minDate;
+    var value = _a.value, onChange = _a.onChange, _b = _a.placeholder, placeholder = _b === void 0 ? "Sélectionner une date" : _b, text = _a.text, _c = _a.variant, variant = _c === void 0 ? "medium" : _c, _d = _a.color, color = _d === void 0 ? "noir" : _d, _e = _a.yearDropdownItemNumber, yearDropdownItemNumber = _e === void 0 ? 10 : _e, maxDaysInPast = _a.maxDaysInPast, minDate = _a.minDate, mode = _a.mode;
     return (React.createElement("div", { className: "datepicker-form-wrapper" },
         text && React.createElement(Paragraph, { text: text, variant: variant, color: color }),
-        React.createElement(Datepicker, { value: value || undefined, onChange: onChange, placeholder: placeholder, yearDropdownItemNumber: yearDropdownItemNumber, maxDaysInPast: maxDaysInPast, minDate: minDate })));
+        React.createElement(Datepicker, __assign({ value: value || undefined, onChange: onChange, placeholder: placeholder, yearDropdownItemNumber: yearDropdownItemNumber, maxDaysInPast: maxDaysInPast, minDate: minDate }, (mode ? { mode: mode } : {})))));
 };
 export default DatepickerForm;

package/dist/components/molecules/datepickerForm/DatepickerForm.stories.d.ts

@@ -67,6 +67,19 @@ declare namespace _default {
             let description_3: string;
             export { description_3 as description };
         }
+        namespace mode {
+            export namespace control_6 {
+                let type_5: string;
+                export { type_5 as type };
+                let options_2: string[];
+                export { options_2 as options };
+            }
+            export { control_6 as control };
+            let description_4: string;
+            export { description_4 as description };
+            let defaultValue_4: string;
+            export { defaultValue_4 as defaultValue };
+        }
     }
 }
 export default _default;
@@ -161,4 +174,38 @@ export namespace WithBothConstraints {
     }
     export { args_5 as args };
 }
+export namespace InputMode {
+    export namespace args_6 {
+        let text_7: string;
+        export { text_7 as text };
+        let placeholder_6: string;
+        export { placeholder_6 as placeholder };
+        let variant_7: string;
+        export { variant_7 as variant };
+        let color_7: string;
+        export { color_7 as color };
+        let mode_1: string;
+        export { mode_1 as mode };
+        let yearDropdownItemNumber_4: number;
+        export { yearDropdownItemNumber_4 as yearDropdownItemNumber };
+    }
+    export { args_6 as args };
+}
+export namespace ButtonMode {
+    export namespace args_7 {
+        let text_8: string;
+        export { text_8 as text };
+        let placeholder_7: string;
+        export { placeholder_7 as placeholder };
+        let variant_8: string;
+        export { variant_8 as variant };
+        let color_8: string;
+        export { color_8 as color };
+        let mode_2: string;
+        export { mode_2 as mode };
+        let yearDropdownItemNumber_5: number;
+        export { yearDropdownItemNumber_5 as yearDropdownItemNumber };
+    }
+    export { args_7 as args };
+}
 import DatepickerForm from "./DatepickerForm";

package/dist/components/molecules/datepickerForm/DatepickerForm.stories.js

@@ -53,6 +53,11 @@ export default {
             control: { type: "date" },
             description: "Date minimale sélectionnable",
         },
+        mode: {
+            control: { type: "select", options: ["button", "input"] },
+            description: "Mode d'affichage du sélecteur (bouton ou champ de saisie)",
+            defaultValue: "button",
+        },
     },
 };
 export var Default = {
@@ -111,3 +116,23 @@ export var WithBothConstraints = {
         minDate: new Date("2024-01-01"),
     },
 };
+export var InputMode = {
+    args: {
+        text: "DATE D'OUVERTURE (mode input)",
+        placeholder: "jj/mm/aaaa",
+        variant: "medium",
+        color: "noir",
+        mode: "input",
+        yearDropdownItemNumber: 10,
+    },
+};
+export var ButtonMode = {
+    args: {
+        text: "DATE D'OUVERTURE (mode bouton)",
+        placeholder: "Sélectionner une date",
+        variant: "medium",
+        color: "noir",
+        mode: "button",
+        yearDropdownItemNumber: 10,
+    },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "4.3.7",
+  "version": "4.3.8",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",