allaw-ui 0.1.18 → 0.1.21

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/stepper/Stepper.css

@@ -1,6 +1,7 @@
 .stepper-container {
   display: flex;
-  width: 100%;
+  width: 100vw;
+  max-width: 768px;
   padding: 48px;
   flex-direction: column;
   justify-content: center;

package/dist/index.d.ts

@@ -38,5 +38,6 @@ export { default as EmployeeCard } from "./components/molecules/employeeCard/Emp
 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 Breadcrumb } from "./components/molecules/breadcrumb/Breadcrumb";
 export { default as ProCard } from "./components/molecules/proCard/ProCard";

package/dist/index.js

@@ -54,6 +54,8 @@ 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";
 // Breadcrumb
 export { default as Breadcrumb } from "./components/molecules/breadcrumb/Breadcrumb";
 // ProCard

package/package.json

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