allaw-ui 2.9.4 → 2.9.6

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/Heading.js

@@ -2,7 +2,7 @@
 import React, { useEffect, useState } from "react";
 import "./Heading.css";
 var Heading = function (_a) {
-    var variant = _a.variant, _b = _a.color, color = _b === void 0 ? "pure-white" : _b, text = _a.text, _c = _a.align, align = _c === void 0 ? "center" : _c, responsiveSize = _a.responsiveSize, _d = _a.as, Component = _d === void 0 ? "span" : _d;
+    var variant = _a.variant, _b = _a.color, color = _b === void 0 ? "pure-white" : _b, text = _a.text, _c = _a.align, align = _c === void 0 ? "left" : _c, responsiveSize = _a.responsiveSize, _d = _a.as, Component = _d === void 0 ? "span" : _d;
     var _e = useState(variant), currentVariant = _e[0], setCurrentVariant = _e[1];
     useEffect(function () {
         if (!responsiveSize)

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

@@ -75,4 +75,5 @@ export const H6: any;
 export const H7: any;
 export const ResponsiveHeading: any;
 export const CustomElement: any;
+export const CenteredHeading: any;
 import Heading from "./Heading";

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

@@ -61,8 +61,8 @@ export default {
         backgrounds: {
             default: "light",
             values: [
-                { name: "light", value: "#ffffff" },
                 { name: "grey", value: "#728ea7" },
+                { name: "light", value: "#ffffff" },
                 { name: "figma", value: "#404040" },
                 { name: "dark", value: "#171e25" },
             ],
@@ -140,3 +140,11 @@ CustomElement.args = {
     text: "This heading uses a paragraph tag",
     as: "p",
 };
+export var CenteredHeading = Template.bind({});
+CenteredHeading.args = {
+    variant: "h3",
+    color: "bleu-allaw",
+    text: "This heading is centered",
+    align: "center",
+    as: "h3",
+};

package/package.json

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