allaw-ui 2.9.5 → 2.9.7

package/dist/components/atoms/datepickers/Datepicker.d.ts

@@ -9,6 +9,7 @@ export interface DatepickerProps {
     yearDropdownItemNumber?: number;
     maxDaysInPast?: number;
     minDate?: Date;
+    disableFutur?: Boolean;
 }
 declare const Datepicker: React.FC<DatepickerProps>;
 export default Datepicker;

package/dist/components/atoms/datepickers/Datepicker.js

@@ -48,13 +48,13 @@ var CustomInput = forwardRef(function (_a, ref) {
 });
 CustomInput.displayName = "CustomInput";
 var Datepicker = function (_a) {
-    var value = _a.value, onChange = _a.onChange, _b = _a.placeholder, placeholder = _b === void 0 ? "Sélectionner une date" : _b, _c = _a.yearDropdownItemNumber, yearDropdownItemNumber = _c === void 0 ? 10 : _c, maxDaysInPast = _a.maxDaysInPast, minDate = _a.minDate;
-    var _d = useState(value), selectedDate = _d[0], setSelectedDate = _d[1];
-    var _e = useState(false), isOpen = _e[0], setIsOpen = _e[1];
-    var _f = useState({ top: 0, left: 0 }), position = _f[0], setPosition = _f[1];
+    var value = _a.value, onChange = _a.onChange, _b = _a.placeholder, placeholder = _b === void 0 ? "Sélectionner une date" : _b, _c = _a.yearDropdownItemNumber, yearDropdownItemNumber = _c === void 0 ? 10 : _c, maxDaysInPast = _a.maxDaysInPast, minDate = _a.minDate, _d = _a.disableFutur, disableFutur = _d === void 0 ? true : _d;
+    var _e = useState(value), selectedDate = _e[0], setSelectedDate = _e[1];
+    var _f = useState(false), isOpen = _f[0], setIsOpen = _f[1];
+    var _g = useState({ top: 0, left: 0 }), position = _g[0], setPosition = _g[1];
     var buttonRef = useRef(null);
     var calendarRef = useRef(null);
-    var _g = useState("bottom"), placement = _g[0], setPlacement = _g[1];
+    var _h = useState("bottom"), placement = _h[0], setPlacement = _h[1];
     useEffect(function () {
         setSelectedDate(value);
     }, [value]);
@@ -146,6 +146,6 @@ var Datepicker = function (_a) {
             ReactDOM.createPortal(React.createElement("div", { ref: calendarRef, className: "datepicker-portal ".concat(placement), style: __assign({ left: "".concat(position.left, "px") }, (placement === "bottom"
                     ? { top: "".concat(position.top, "px") }
                     : { top: "".concat(position.top, "px") })) },
-                React.createElement(ReactDatePicker, { selected: selectedDate, onChange: handleDateChange, locale: fr, inline: true, dateFormat: "dd MMMM yyyy", calendarClassName: "custom-calendar", showMonthDropdown: true, showYearDropdown: true, dropdownMode: "select", maxDate: new Date(), minDate: calculatedMinDate })), document.body)));
+                React.createElement(ReactDatePicker, { selected: selectedDate, onChange: handleDateChange, locale: fr, inline: true, dateFormat: "dd MMMM yyyy", calendarClassName: "custom-calendar", showMonthDropdown: true, showYearDropdown: true, dropdownMode: "select", maxDate: disableFutur ? new Date() : undefined, minDate: calculatedMinDate })), document.body)));
 };
 export default Datepicker;

package/dist/components/atoms/typography/Link.d.ts

@@ -8,6 +8,7 @@ export interface LinkProps {
     size?: "default" | "small";
     className?: string;
     onClick?: () => void;
+    isUnderline?: boolean;
 }
 declare const Link: React.FC<LinkProps>;
 export default Link;

package/dist/components/atoms/typography/Link.js

@@ -13,7 +13,7 @@ import React from "react";
 import styles from "./Link.module.css";
 import { convertToHtml } from "../../../utils/utils";
 var Link = function (_a) {
-    var variant = _a.variant, color = _a.color, text = _a.text, maxLines = _a.maxLines, maxChars = _a.maxChars, _b = _a.size, size = _b === void 0 ? "default" : _b, className = _a.className, onClick = _a.onClick;
+    var variant = _a.variant, color = _a.color, text = _a.text, maxLines = _a.maxLines, maxChars = _a.maxChars, _b = _a.size, size = _b === void 0 ? "default" : _b, className = _a.className, onClick = _a.onClick, _c = _a.isUnderline, isUnderline = _c === void 0 ? false : _c;
     var truncateText = function (text, maxChars) {
         if (text.length <= maxChars)
             return text;
@@ -23,7 +23,7 @@ var Link = function (_a) {
     var truncatedText = maxChars ? truncateText(htmlText, maxChars) : htmlText;
     var isClickable = typeof onClick === "function";
     var colorClassName = color ? "color-".concat(color) : "";
-    return (React.createElement("div", { className: "".concat(styles.link, " ").concat(styles[variant], " ").concat(size === "small" ? styles["link-small"] : "", " ").concat(className || "", " ").concat(isClickable ? styles.pointer : "", " ").concat(styles[colorClassName]), style: __assign({ whiteSpace: "pre-line" }, (maxLines
+    return (React.createElement("div", { className: "".concat(styles.link, " ").concat(styles[variant], " ").concat(size === "small" ? styles["link-small"] : "", " ").concat(className || "", " ").concat(isClickable ? styles.pointer : "", " ").concat(styles[colorClassName], " ").concat(isUnderline ? styles.underline : ""), style: __assign({ whiteSpace: "pre-line" }, (maxLines
             ? {
                 WebkitLineClamp: maxLines,
                 display: "-webkit-box",

package/dist/components/atoms/typography/Link.module.css

@@ -58,3 +58,9 @@
 .pointer:hover {
   cursor: pointer;
 }
+
+.underline:hover {
+  text-decoration: underline;
+  text-underline-offset: 7px;
+  text-decoration-thickness: 1px;
+}

package/dist/components/atoms/typography/Link.stories.d.ts

@@ -31,6 +31,11 @@ declare namespace _default {
             }
             export { control_3 as control };
         }
+        namespace isUnderline {
+            let control_4: string;
+            export { control_4 as control };
+            export let description: string;
+        }
         namespace onClick {
             let action: string;
         }
@@ -54,4 +59,6 @@ export const BoldSmall: any;
 export const SemiBoldSmall: any;
 export const MediumSmall: any;
 export const ClickableLink: any;
+export const UnderlinedLink: any;
+export const ClickableUnderlinedLink: any;
 import Link from "./Link";

package/dist/components/atoms/typography/Link.stories.js

@@ -38,6 +38,10 @@ export default {
                 options: ["default", "small"],
             },
         },
+        isUnderline: {
+            control: "boolean",
+            description: "Ajoute un soulignement au survol",
+        },
         onClick: { action: "clicked" },
     },
     parameters: {
@@ -59,6 +63,7 @@ Bold.args = {
     color: "noir",
     text: "Open Sans - Bold - 16px",
     size: "default",
+    isUnderline: false,
 };
 export var SemiBold = Template.bind({});
 SemiBold.args = {
@@ -66,6 +71,7 @@ SemiBold.args = {
     color: "noir",
     text: "Open Sans - SemiBold - 16px",
     size: "default",
+    isUnderline: false,
 };
 export var Medium = Template.bind({});
 Medium.args = {
@@ -73,6 +79,7 @@ Medium.args = {
     color: "noir",
     text: "Open Sans - Medium - 16px",
     size: "default",
+    isUnderline: false,
 };
 export var BoldSmall = Template.bind({});
 BoldSmall.args = {
@@ -80,6 +87,7 @@ BoldSmall.args = {
     color: "noir",
     text: "Open Sans - Bold - 12px",
     size: "small",
+    isUnderline: false,
 };
 export var SemiBoldSmall = Template.bind({});
 SemiBoldSmall.args = {
@@ -87,6 +95,7 @@ SemiBoldSmall.args = {
     color: "noir",
     text: "Open Sans - SemiBold - 12px",
     size: "small",
+    isUnderline: false,
 };
 export var MediumSmall = Template.bind({});
 MediumSmall.args = {
@@ -94,6 +103,7 @@ MediumSmall.args = {
     color: "noir",
     text: "Open Sans - Medium - 12px",
     size: "small",
+    isUnderline: false,
 };
 export var ClickableLink = Template.bind({});
 ClickableLink.args = {
@@ -102,4 +112,22 @@ ClickableLink.args = {
     text: "Cliquez sur moi",
     size: "small",
     onClick: function () { return console.log("Linke cliqué"); },
+    isUnderline: false,
+};
+export var UnderlinedLink = Template.bind({});
+UnderlinedLink.args = {
+    variant: "semiBold",
+    color: "bleu-allaw",
+    text: "Survolez-moi pour voir le soulignement",
+    size: "default",
+    isUnderline: true,
+};
+export var ClickableUnderlinedLink = Template.bind({});
+ClickableUnderlinedLink.args = {
+    variant: "semiBold",
+    color: "bleu-allaw",
+    text: "Cliquez et survolez-moi",
+    size: "small",
+    onClick: function () { return console.log("Lien cliqué"); },
+    isUnderline: true,
 };

package/package.json

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