allaw-ui 0.1.1 → 0.1.4

package/dist/components/molecules/documentCard/DocumentCard.css

@@ -2,7 +2,7 @@
 
 .document-card {
   display: flex;
-  width: 404px;
+  width: 100%;
   padding: 16px;
   justify-content: space-between;
   align-items: flex-start;
@@ -15,7 +15,7 @@
 .document-card-left {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 16px;
   align-self: stretch;
 }
 

package/dist/components/molecules/documentCard/DocumentCard.d.ts

@@ -4,10 +4,11 @@ export interface DocumentCardProps {
     type: "document" | "note" | "invoice" | "waiting";
     title: string;
     date: Date;
-    status: "sent" | "received";
+    status: "sent" | "received" | "internal";
     documents?: {
         [key: string]: boolean;
     };
+    onCardClick?: () => any;
     documentCount?: string;
 }
 declare const DocumentCard: React.FC<DocumentCardProps>;

package/dist/components/molecules/documentCard/DocumentCard.js

@@ -2,8 +2,9 @@ import React from "react";
 import "./DocumentCard.css";
 import IconButton from "../../atoms/buttons/IconButton";
 import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
+import { Paragraph } from "../../atoms/typography";
 var DocumentCard = function (_a) {
-    var type = _a.type, title = _a.title, date = _a.date, status = _a.status, _b = _a.documents, documents = _b === void 0 ? {} : _b, _c = _a.documentCount, documentCount = _c === void 0 ? "" : _c;
+    var type = _a.type, title = _a.title, date = _a.date, onCardClick = _a.onCardClick, status = _a.status, _b = _a.documents, documents = _b === void 0 ? {} : _b, _c = _a.documentCount, documentCount = _c === void 0 ? "" : _c;
     var getIconName = function () {
         switch (type) {
             case "document":
@@ -18,6 +19,18 @@ var DocumentCard = function (_a) {
                 return "allaw-icon-document";
         }
     };
+    var getStatusName = function () {
+        switch (status) {
+            case "internal":
+                return "INTERNE";
+            case "received":
+                return "REÇU";
+            case "sent":
+                return "ENVOYÉ";
+            default:
+                return "INTERNE";
+        }
+    };
     var getDisplayType = function (type) {
         if (type === "invoice") {
             return "FACTURE";
@@ -33,7 +46,7 @@ var DocumentCard = function (_a) {
     };
     if (type === "waiting") {
         var documentList = Object.keys(documents);
-        return (React.createElement("div", { className: "document-card waiting" },
+        return (React.createElement("div", { className: "document-card waiting", style: { cursor: onCardClick ? "pointer" : "default" }, onClick: function () { return onCardClick && onCardClick(); } },
             React.createElement("div", { className: "document-card-left" },
                 React.createElement(OtherStatusTag, { type: "information", label: "Documents demand\u00E9s pour ce rendez-vous" }),
                 React.createElement("h3", { className: "document-card-title" }, title),
@@ -46,14 +59,14 @@ var DocumentCard = function (_a) {
                 React.createElement(IconButton, { style: "smallFilled", iconName: "allaw-icon-document" }),
                 React.createElement("span", { className: "document-count" }, documentCount))));
     }
-    return (React.createElement("div", { className: "document-card" },
+    return (React.createElement("div", { className: "document-card", onClick: function () { return onCardClick && onCardClick(); }, style: { cursor: onCardClick ? "pointer" : "default" } },
         React.createElement("div", { className: "document-card-left" },
             React.createElement(IconButton, { style: "largeFilled", iconName: getIconName() }),
             React.createElement("div", { className: "document-card-info" },
                 React.createElement("span", { className: "document-card-type" }, getDisplayType(type)),
-                React.createElement("h3", { className: "document-card-title" }, title),
+                React.createElement(Paragraph, { text: title, variant: "semiBold", size: "default", maxLines: 1, color: "noir" }),
                 React.createElement("span", { className: "document-card-date" }, formatDate(date)))),
         React.createElement("div", { className: "document-card-right" },
-            React.createElement(OtherStatusTag, { type: "information", label: status === "sent" ? "ENVOYÉ" : "REÇU" }))));
+            React.createElement(OtherStatusTag, { type: "information", label: getStatusName() }))));
 };
 export default DocumentCard;

package/dist/components/molecules/proCard/ProCard.js

@@ -18,8 +18,8 @@ var ProCard = function (_a) {
                     React.createElement(OtherStatusTag, { label: uppercaseJob, type: "information" }),
                     React.createElement("h3", { className: "pro-card-name" },
                         React.createElement("a", { href: profileUrl }, "".concat(firstName, " ").concat(lastName))))),
-            React.createElement("div", { className: "pro-card-address" },
+            address && /[a-zA-Z0-9]/.test(address) && (React.createElement("div", { className: "pro-card-address" },
                 React.createElement("i", { className: "icon allaw-icon-map-pin" }),
-                React.createElement("span", null, address)))));
+                React.createElement("span", null, address))))));
 };
 export default ProCard;

package/dist/components/molecules/radioForm/RadioForm.css

@@ -0,0 +1,14 @@
+.radio-form {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.radio-form-required {
+  color: #e15151;
+}
+
+.radio-form-options {
+  display: flex;
+  gap: 32px;
+}

package/dist/components/molecules/radioForm/RadioForm.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./RadioForm.css";
+import "../../../styles/global.css";
+export interface RadioFormProps {
+    label: string;
+    isRequired: boolean;
+    options: string[];
+    defaultSelected?: string;
+    onChange?: (selectedOption: string | null) => void;
+}
+declare const RadioForm: React.FC<RadioFormProps>;
+export default RadioForm;

package/dist/components/molecules/radioForm/RadioForm.js

@@ -0,0 +1,27 @@
+import React, { useState, useEffect } from "react";
+import "./RadioForm.css";
+import "../../../styles/global.css";
+import Paragraph from "../../atoms/typography/Paragraph";
+import RadioButton from "../../atoms/radios/RadioButton";
+var RadioForm = function (_a) {
+    var label = _a.label, isRequired = _a.isRequired, options = _a.options, defaultSelected = _a.defaultSelected, onChange = _a.onChange;
+    var _b = useState(defaultSelected || null), selectedOption = _b[0], setSelectedOption = _b[1];
+    useEffect(function () {
+        if (defaultSelected) {
+            setSelectedOption(defaultSelected);
+        }
+    }, [defaultSelected]);
+    var handleOptionChange = function (option) {
+        setSelectedOption(option);
+        if (onChange) {
+            onChange(option);
+        }
+    };
+    return (React.createElement("div", { className: "radio-form" },
+        React.createElement(Paragraph, { variant: "medium", color: "noir", text: React.createElement(React.Fragment, null,
+                label,
+                " ",
+                isRequired && React.createElement("span", { className: "radio-form-required" }, "*")), size: "default" }),
+        React.createElement("div", { className: "radio-form-options" }, options.map(function (option, index) { return (React.createElement(RadioButton, { key: index, label: option, style: "hybride", isActive: selectedOption === option, onClick: function () { return handleOptionChange(option); } })); }))));
+};
+export default RadioForm;

package/dist/components/molecules/radioForm/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RadioForm } from "./RadioForm";
+export type { RadioFormProps } from "./RadioForm";

package/dist/components/molecules/radioForm/index.js

@@ -0,0 +1 @@
+export { default as RadioForm } from "./RadioForm";

package/dist/components/molecules/selectForm/SelectForm.css

@@ -0,0 +1,9 @@
+.select-form {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.select-form-required {
+  color: #e15151;
+}

package/dist/components/molecules/selectForm/SelectForm.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import "./SelectForm.css";
+import "../../../styles/global.css";
+import { SelectItem } from "../../atoms/selects/Select";
+export interface SelectFormProps {
+    label: string;
+    isRequired: boolean;
+    options: SelectItem[];
+    isMultiple: boolean;
+    width?: number;
+    selectedItem?: string | string[];
+    onChange?: (selected: string | string[]) => void;
+}
+declare const SelectForm: React.FC<SelectFormProps>;
+export default SelectForm;

package/dist/components/molecules/selectForm/SelectForm.js

@@ -0,0 +1,15 @@
+import React from "react";
+import "./SelectForm.css";
+import "../../../styles/global.css";
+import Paragraph from "../../atoms/typography/Paragraph";
+import Select from "../../atoms/selects/Select";
+var SelectForm = function (_a) {
+    var label = _a.label, isRequired = _a.isRequired, options = _a.options, isMultiple = _a.isMultiple, _b = _a.width, width = _b === void 0 ? 100 : _b, selectedItem = _a.selectedItem, onChange = _a.onChange;
+    return (React.createElement("div", { className: "select-form" },
+        React.createElement(Paragraph, { variant: "medium", color: "noir", text: React.createElement(React.Fragment, null,
+                label,
+                " ",
+                isRequired && React.createElement("span", { className: "select-form-required" }, "*")), size: "default" }),
+        React.createElement(Select, { items: options, multiple: isMultiple, isRequired: isRequired, width: width, selectedItem: selectedItem, onChange: onChange })));
+};
+export default SelectForm;

package/dist/components/molecules/selectForm/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SelectForm } from "./SelectForm";
+export type { SelectFormProps } from "./SelectForm";

package/dist/components/molecules/selectForm/index.js

@@ -0,0 +1 @@
+export { default as SelectForm } from "./SelectForm";

package/dist/components/molecules/stepper/Stepper.css

@@ -1,6 +1,7 @@
 .stepper-container {
   display: flex;
-  width: 559px;
+  width: 100vw;
+  max-width: 768px;
   padding: 48px;
   flex-direction: column;
   justify-content: center;
@@ -65,6 +66,16 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  opacity: 0;
+  visibility: hidden;
+  transition:
+    opacity 0.3s ease,
+    visibility 0.3s ease;
+}
+
+.stepper-overlay.visible {
+  opacity: 1;
+  visibility: visible;
 }
 
 .stepper-content {

package/dist/components/molecules/stepper/Stepper.d.ts

@@ -11,17 +11,24 @@ export interface StepperProps {
     secondaryButton?: {
         show: boolean;
         label: string;
-        icon: string;
+        startIcon?: React.ReactNode;
+        endIcon?: React.ReactNode;
+        startIconName?: string;
+        endIconName?: string;
         onSecondaryButtonClick?: (step: number) => void;
     }[];
     primaryButton?: {
         show: boolean;
         label: string;
+        startIcon?: React.ReactNode;
+        endIcon?: React.ReactNode;
+        startIconName?: string;
+        endIconName?: string;
         onPrimaryButtonClick?: (step: number) => void;
     }[];
     showProgressBar?: boolean[];
     onClose?: () => void;
-    validateStep?: (step: number) => boolean;
+    validateStep?: (step: number) => boolean | Promise<boolean>;
 }
 declare const Stepper: React.FC<StepperProps>;
 export default Stepper;

package/dist/components/molecules/stepper/Stepper.js

@@ -1,4 +1,41 @@
-import React, { useState, useEffect, useCallback } from "react";
+"use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React, { useState, useEffect, useCallback, useRef } from "react";
 import ReactDOM from "react-dom";
 import "./Stepper.css";
 import "../../../styles/global.css";
@@ -8,61 +45,79 @@ import PrimaryButton from "../../atoms/buttons/PrimaryButton";
 import SecondaryButton from "../../atoms/buttons/SecondaryButton";
 var Stepper = function (_a) {
     var steps = _a.steps, currentStep = _a.currentStep, _b = _a.startIcon, startIcon = _b === void 0 ? [] : _b, _c = _a.endIcon, endIcon = _c === void 0 ? true : _c, children = _a.children, _d = _a.secondaryButton, secondaryButton = _d === void 0 ? [] : _d, _e = _a.primaryButton, primaryButton = _e === void 0 ? [] : _e, _f = _a.showProgressBar, showProgressBar = _f === void 0 ? [] : _f, onClose = _a.onClose, validateStep = _a.validateStep;
-    var _g = useState(currentStep), step = _g[0], setStep = _g[1];
-    var _h = useState(null), portalContainer = _h[0], setPortalContainer = _h[1];
+    var _g = useState(currentStep || 1), step = _g[0], setStep = _g[1];
+    var _h = useState(false), isVisible = _h[0], setIsVisible = _h[1];
+    var portalContainerRef = useRef(null);
     useEffect(function () {
         var container = document.createElement("div");
         document.body.appendChild(container);
-        setPortalContainer(container);
+        portalContainerRef.current = container;
+        setIsVisible(true);
         return function () {
-            document.body.removeChild(container);
+            setIsVisible(false);
+            if (portalContainerRef.current &&
+                document.body.contains(portalContainerRef.current)) {
+                document.body.removeChild(portalContainerRef.current);
+            }
         };
     }, []);
     useEffect(function () {
-        setStep(currentStep);
+        setStep(currentStep || 1);
     }, [currentStep]);
-    var handleNext = useCallback(function () {
-        // console.log("Stepper: Validating current step");
-        var currentPrimaryButton = primaryButton[step - 1];
-        if (currentPrimaryButton === null || currentPrimaryButton === void 0 ? void 0 : currentPrimaryButton.onPrimaryButtonClick) {
-            currentPrimaryButton.onPrimaryButtonClick(step);
-        }
-        if (validateStep) {
-            var isValid = validateStep(step);
-            // console.log(
-            //   `Stepper: Step ${step} validation result - ${isValid ? "valid" : "invalid"}`
-            // );
-            if (!isValid) {
-                return;
+    var handleNext = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var currentPrimaryButton, isValid;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    currentPrimaryButton = primaryButton[step - 1];
+                    if (currentPrimaryButton === null || currentPrimaryButton === void 0 ? void 0 : currentPrimaryButton.onPrimaryButtonClick) {
+                        currentPrimaryButton.onPrimaryButtonClick(step);
+                    }
+                    if (!validateStep) return [3 /*break*/, 2];
+                    return [4 /*yield*/, validateStep(step)];
+                case 1:
+                    isValid = _a.sent();
+                    if (!isValid) {
+                        return [2 /*return*/];
+                    }
+                    _a.label = 2;
+                case 2:
+                    if (step < steps) {
+                        setStep(step + 1);
+                    }
+                    else if (step === steps && onClose) {
+                        onClose();
+                    }
+                    return [2 /*return*/];
             }
-        }
-        if (step < steps) {
-            setStep(step + 1);
-        }
-        else if (step === steps && onClose) {
-            onClose();
-        }
-    }, [step, steps, validateStep, primaryButton, onClose]);
+        });
+    }); }, [step, steps, validateStep, primaryButton, onClose]);
     var handlePrevious = useCallback(function () {
         if (step > 1) {
             setStep(step - 1);
         }
     }, [step]);
-    var currentSecondaryButton = secondaryButton[step - 1];
-    var currentPrimaryButton = primaryButton[step - 1];
+    var currentSecondaryButton = secondaryButton[step - 1] || {};
+    var currentPrimaryButton = primaryButton[step - 1] || {};
     var currentShowProgressBar = showProgressBar[step - 1] !== false;
     var currentShowStartIcon = startIcon[step - 1];
-    var stepperContent = (React.createElement("div", { className: "stepper-overlay", onClick: onClose },
+    var handleClose = useCallback(function () {
+        setIsVisible(false);
+        if (onClose) {
+            onClose();
+        }
+    }, [onClose]);
+    var stepperContent = (React.createElement("div", { className: "stepper-overlay ".concat(isVisible ? "visible" : ""), onClick: handleClose },
         React.createElement("div", { className: "stepper-container", onClick: function (e) { return e.stopPropagation(); } },
-            React.createElement(ProgressBar, { steps: steps, currentStep: step, startIcon: currentShowStartIcon, endIcon: endIcon, onStartIconClick: handlePrevious, onEndIconClick: onClose, showProgressBar: currentShowProgressBar }),
+            React.createElement(ProgressBar, { steps: steps, currentStep: step, startIcon: currentShowStartIcon, endIcon: endIcon, onStartIconClick: handlePrevious, onEndIconClick: handleClose, showProgressBar: currentShowProgressBar }),
             React.createElement("div", { className: "stepper-content" }, children[step - 1]),
             React.createElement("div", { className: "stepper-buttons ".concat(!(currentSecondaryButton === null || currentSecondaryButton === void 0 ? void 0 : currentSecondaryButton.show) && !(currentPrimaryButton === null || currentPrimaryButton === void 0 ? void 0 : currentPrimaryButton.show) ? "no-buttons" : "") },
                 (currentSecondaryButton === null || currentSecondaryButton === void 0 ? void 0 : currentSecondaryButton.show) && (React.createElement("div", { className: "stepper-button-container secondary-button-container" },
-                    React.createElement(SecondaryButton, { label: currentSecondaryButton.label, startIcon: currentSecondaryButton.icon, onClick: function () { var _a; return (_a = currentSecondaryButton.onSecondaryButtonClick) === null || _a === void 0 ? void 0 : _a.call(currentSecondaryButton, step); } }))),
+                    React.createElement(SecondaryButton, { label: currentSecondaryButton.label, startIcon: currentSecondaryButton.startIconName ? true : undefined, endIcon: currentSecondaryButton.endIconName ? true : undefined, startIconName: currentSecondaryButton.startIconName, endIconName: currentSecondaryButton.endIconName, onClick: function () { var _a; return (_a = currentSecondaryButton.onSecondaryButtonClick) === null || _a === void 0 ? void 0 : _a.call(currentSecondaryButton, step); } }))),
                 (currentPrimaryButton === null || currentPrimaryButton === void 0 ? void 0 : currentPrimaryButton.show) && (React.createElement("div", { className: "stepper-button-container primary-button-container" },
-                    React.createElement(PrimaryButton, { label: currentPrimaryButton.label, onClick: handleNext })))))));
-    return portalContainer
-        ? ReactDOM.createPortal(stepperContent, portalContainer)
+                    React.createElement(PrimaryButton, { label: currentPrimaryButton.label, startIcon: currentPrimaryButton.startIconName ? true : undefined, endIcon: currentPrimaryButton.endIconName ? true : undefined, startIconName: currentPrimaryButton.startIconName, endIconName: currentPrimaryButton.endIconName, onClick: handleNext })))))));
+    return portalContainerRef.current && isVisible
+        ? ReactDOM.createPortal(stepperContent, portalContainerRef.current)
         : null;
 };
 export default Stepper;

package/dist/index.d.ts

@@ -13,6 +13,8 @@ export { default as Checkbox } from "./components/atoms/checkboxes/Checkbox";
 export { default as Fitler } from "./components/atoms/filter/Filter";
 export { default as Input } from "./components/atoms/inputs/Input";
 export type { InputProps, InputRef } from "./components/atoms/inputs/Input";
+export { default as TextArea } from "./components/atoms/inputs/TextArea";
+export type { TextAreaProps, TextAreaRef, } from "./components/atoms/inputs/TextArea";
 export { default as SearchBar } from "./components/atoms/inputs/SearchBar";
 export { default as ProgressBar } from "./components/atoms/progressBars/ProgressBar";
 export { default as RadioButton } from "./components/atoms/radios/RadioButton";
@@ -33,9 +35,13 @@ export { default as Strokes } from "./components/atoms/uiVariables/Strokes";
 export { default as AppointmentSlot } from "./components/molecules/appointmentSlot/AppointmentSlot";
 export { default as CaseCard } from "./components/molecules/caseCard/CaseCard";
 export { default as ContactCard } from "./components/molecules/contactCard/ContactCard";
+export { default as CaseCardLink } from "./components/molecules/caseLinkCard/CaseLinkCard";
 export { default as DocumentCard } from "./components/molecules/documentCard/DocumentCard";
 export { default as EmployeeCard } from "./components/molecules/employeeCard/EmployeeCard";
 export { default as Stepper } from "./components/molecules/stepper/Stepper";
+export type { StepperProps } from "./components/molecules/stepper/Stepper";
 export { default as CheckboxForm } from "./components/molecules/checkboxForm/CheckboxForm";
+export { default as RadioForm } from "./components/molecules/radioForm/RadioForm";
+export { default as SelectForm } from "./components/molecules/selectForm/SelectForm";
 export { default as Breadcrumb } from "./components/molecules/breadcrumb/Breadcrumb";
 export { default as ProCard } from "./components/molecules/proCard/ProCard";

package/dist/index.js

@@ -17,6 +17,7 @@ export { default as Checkbox } from "./components/atoms/checkboxes/Checkbox";
 export { default as Fitler } from "./components/atoms/filter/Filter";
 // Inputs
 export { default as Input } from "./components/atoms/inputs/Input";
+export { default as TextArea } from "./components/atoms/inputs/TextArea";
 export { default as SearchBar } from "./components/atoms/inputs/SearchBar";
 // Progress Bars
 export { default as ProgressBar } from "./components/atoms/progressBars/ProgressBar";
@@ -46,6 +47,8 @@ export { default as AppointmentSlot } from "./components/molecules/appointmentSl
 export { default as CaseCard } from "./components/molecules/caseCard/CaseCard";
 // Contact Card
 export { default as ContactCard } from "./components/molecules/contactCard/ContactCard";
+// Case Link Card 
+export { default as CaseCardLink } from "./components/molecules/caseLinkCard/CaseLinkCard";
 // Document Card
 export { default as DocumentCard } from "./components/molecules/documentCard/DocumentCard";
 // Employee Card
@@ -54,6 +57,10 @@ export { default as EmployeeCard } from "./components/molecules/employeeCard/Emp
 export { default as Stepper } from "./components/molecules/stepper/Stepper";
 // CheckboxForm
 export { default as CheckboxForm } from "./components/molecules/checkboxForm/CheckboxForm";
+// RadioForm
+export { default as RadioForm } from "./components/molecules/radioForm/RadioForm";
+// SelectForm
+export { default as SelectForm } from "./components/molecules/selectForm/SelectForm";
 // Breadcrumb
 export { default as Breadcrumb } from "./components/molecules/breadcrumb/Breadcrumb";
 // ProCard

package/package.json

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