allaw-ui 0.0.296 → 0.0.302

package/dist/components/atoms/selects/Select.d.ts

@@ -18,5 +18,7 @@ export interface SelectProps<T extends string | string[]> {
 export interface SelectRef {
     validate: () => boolean;
 }
-declare const Select: React.ForwardRefExoticComponent<SelectProps<string | string[]> & React.RefAttributes<SelectRef>>;
-export default Select;
+declare const _default: <T extends string | string[]>(props: SelectProps<T> & {
+    ref?: React.Ref<SelectRef>;
+}) => React.ReactElement;
+export default _default;

package/dist/components/atoms/selects/Select.js

@@ -11,24 +11,24 @@ import React, { useState, useEffect, useRef, useImperativeHandle, forwardRef, }
 import "./Select.css";
 import "../../../styles/global.css";
 import TinyInfo from "../typography/TinyInfo";
-var Select = forwardRef(function (_a, ref) {
+function Select(_a, ref) {
     var _b;
     var items = _a.items, selectedItem = _a.selectedItem, _c = _a.placeholder, placeholder = _c === void 0 ? "Select..." : _c, _d = _a.multiple, multiple = _d === void 0 ? false : _d, _e = _a.isRequired, isRequired = _e === void 0 ? false : _e, _f = _a.showError, showError = _f === void 0 ? false : _f, onChange = _a.onChange, onError = _a.onError;
     var _g = useState(false), isOpen = _g[0], setIsOpen = _g[1];
-    var _h = useState(multiple ? [] : selectedItem || ""), selected = _h[0], setSelected = _h[1];
+    var _h = useState((multiple ? selectedItem || [] : selectedItem || "")), selected = _h[0], setSelected = _h[1];
     var _j = useState(""), error = _j[0], setError = _j[1];
     var selectRef = useRef(null);
     useEffect(function () {
-        setSelected(multiple ? [] : selectedItem || "");
+        setSelected((multiple ? selectedItem || [] : selectedItem || ""));
     }, [selectedItem, multiple]);
     var handleSelect = function (item) {
         var newSelected;
         if (multiple) {
-            newSelected = Array.isArray(selected)
+            newSelected = (Array.isArray(selected)
                 ? selected.includes(item.value)
                     ? selected.filter(function (i) { return i !== item.value; })
                     : __spreadArray(__spreadArray([], selected, true), [item.value], false)
-                : [item.value];
+                : [item.value]);
         }
         else {
             newSelected = item.value;
@@ -43,9 +43,6 @@ var Select = forwardRef(function (_a, ref) {
         var errorMessage = isRequired && isEmpty ? "Ce champ est requis" : "";
         setError(errorMessage);
         onError === null || onError === void 0 ? void 0 : onError(errorMessage);
-        // console.log(
-        //   `Select: Validation result - ${errorMessage ? "invalid" : "valid"}`
-        // );
         return !errorMessage;
     };
     var toggleOpen = function () {
@@ -76,11 +73,12 @@ var Select = forwardRef(function (_a, ref) {
                     ? (_b = items.find(function (item) { return item.value === selected; })) === null || _b === void 0 ? void 0 : _b.label
                     : placeholder),
             React.createElement("span", { className: "select-icon ".concat(isOpen ? "allaw-icon-chevron-up" : "allaw-icon-chevron-down") })),
-        isOpen && (React.createElement("div", { className: "select-list" }, items.map(function (item) { return (React.createElement("div", { key: item.value, className: "select-item ".concat(Array.isArray(selected) && selected.includes(item.value) ? "selected" : "", " ").concat(!multiple ? "single-select" : ""), onClick: function () { return handleSelect(item); } },
+        isOpen && (React.createElement("div", { className: "select-list" }, items.map(function (item) { return (React.createElement("div", { key: item.value, className: "select-item ".concat(Array.isArray(selected) && selected.includes(item.value)
+                ? "selected"
+                : "", " ").concat(!multiple ? "single-select" : ""), onClick: function () { return handleSelect(item); } },
             multiple && (React.createElement("span", { className: "select-item-icon allaw-icon-check" })),
             React.createElement("span", { className: "select-item-text" }, item.label))); }))),
         isRequired && showError && error && (React.createElement("div", { className: "error-message" },
             React.createElement(TinyInfo, { variant: "medium12", color: "actions-error", text: error })))));
-});
-Select.displayName = "Select";
-export default Select;
+}
+export default forwardRef(Select);

package/package.json

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