@portnet/ui 0.1.38 → 0.1.41

package/dist/components/inputs/PuiTextField.js

@@ -1,7 +1,11 @@
 "use strict";
 
-require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,15 +21,15 @@ const _excluded = ["id", "className", "label", "name", "type", "value", "disable
   _excluded2 = ["id", "className", "label", "name", "type", "value", "disabled", "required", "helperText", "error", "focused", "consultation", "readOnly", "fullWidth", "sx", "multiline", "rows", "maxRows", "minRows", "onChange", "onClick", "onBlur", "InputProps"],
   _excluded3 = ["formik", "id", "className", "sx", "label", "name", "type", "value", "disabled", "required", "helperText", "error", "focused", "consultation", "readOnly", "fullWidth", "multiline", "rows", "maxRows", "minRows", "InputProps", "onChange", "onClick", "onBlur"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const PuiStandardTextField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
       id,

package/dist/components/others/DateTimePickerField.js

@@ -0,0 +1,381 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.parse-int.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.test.js");
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _AccessTime = _interopRequireDefault(require("@mui/icons-material/AccessTime"));
+var _CalendarMonth = _interopRequireDefault(require("@mui/icons-material/CalendarMonth"));
+var _material = require("@mui/material");
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
+var _reactDatepicker = _interopRequireWildcard(require("@trendmicro/react-datepicker"));
+var _formik = require("formik");
+var _moment = _interopRequireDefault(require("moment"));
+var _react = _interopRequireWildcard(require("react"));
+var _PuiButton = _interopRequireDefault(require("../buttons/PuiButton"));
+var _PuiTextField = _interopRequireDefault(require("../inputs/PuiTextField"));
+require("./custom-datepicker.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DateTimePickerField = _ref => {
+  let {
+    label,
+    name,
+    format = "DD/MM/YYYY HH:mm:ss",
+    onChange,
+    minDate,
+    maxDate,
+    value,
+    required = false,
+    error = false,
+    helperText = null
+  } = _ref;
+  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
+  const [timeAnchorEl, setTimeAnchorEl] = (0, _react.useState)(null);
+  const [renderedValue, setRenderedValue] = (0, _react.useState)(null);
+  const [field] = (0, _formik.useField)(name);
+  const [selectedDate, setSelectedDate] = (0, _react.useState)(value ? (0, _moment.default)(value, format === "DD/MM/YYYY HH:mm" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD HH:mm:ss", true).isValid() ? (0, _moment.default)(value).format("YYYY-MM-DD") : (0, _moment.default)().format("YYYY-MM-DD") : (0, _moment.default)().format("YYYY-MM-DD"));
+  const [selectedTime, setSelectedTime] = (0, _react.useState)(value ? (0, _moment.default)(value, format === "DD/MM/YYYY HH:mm" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD HH:mm:ss", true).isValid() ? format === "DD/MM/YYYY HH:mm" ? (0, _moment.default)(value).format("HH:mm") : (0, _moment.default)(value).format("HH:mm:ss") : format === "DD/MM/YYYY HH:mm" ? (0, _moment.default)(value).format("HH:mm") : (0, _moment.default)(value).format("HH:mm:ss") : format === "DD/MM/YYYY HH:mm" ? (0, _moment.default)(value).format("HH:mm") : (0, _moment.default)(value).format("HH:mm:ss"));
+  const [selectedHour, setSelectedHour] = (0, _react.useState)((0, _moment.default)(selectedTime, format === "DD/MM/YYYY HH:mm" ? "HH:mm" : "HH:mm:ss").format("HH"));
+  const [selectedMinute, setSelectedMinute] = (0, _react.useState)((0, _moment.default)(selectedTime, format === "DD/MM/YYYY HH:mm" ? "HH:mm" : "HH:mm:ss").format("mm"));
+  const [selectedSecond, setSelectedSecond] = (0, _react.useState)((0, _moment.default)(selectedTime, format === "DD/MM/YYYY HH:mm" ? "HH:mm" : "HH:mm:ss").format("ss"));
+  const openDatePopover = Boolean(anchorEl);
+  const openTimePopover = Boolean(timeAnchorEl);
+  (0, _react.useEffect)(() => {
+    const parsedDate = (0, _moment.default)(value);
+    const datePart = parsedDate.format(format.split(" ")[0]);
+    const timePart = parsedDate.format(format === "DD/MM/YYYY HH:mm:ss" ? "HH:mm:ss" : "HH:mm");
+    const valueToRender = "".concat(datePart, " ").concat(timePart);
+    setRenderedValue(valueToRender);
+  }, [value, format]);
+  const handleDateTimeClick = event => setAnchorEl(event.currentTarget);
+  const handleTimeClick = event => {
+    setTimeAnchorEl(event.currentTarget);
+  };
+  const handleDateClose = () => setAnchorEl(null);
+  const handleTimeClose = () => setTimeAnchorEl(null);
+  const updateCombinedDateTime = (newDate, newTime) => {
+    const combinedDateTime = (0, _moment.default)("".concat(newDate, " ").concat(newTime), format === "DD/MM/YYYY HH:mm:ss" ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD HH:mm", true).toISOString();
+    if ((0, _moment.default)(combinedDateTime).isValid()) {
+      onChange(combinedDateTime);
+    }
+  };
+  const handleDateChange = date => {
+    setSelectedDate(date);
+    updateCombinedDateTime(date, selectedTime);
+  };
+  const handleHourChange = event => {
+    const newHour = event.target.value;
+    setSelectedHour(newHour);
+    let newTime = "".concat(newHour, ":").concat(selectedMinute);
+    if (format === "DD/MM/YYYY HH:mm:ss") {
+      newTime = "".concat(newHour, ":").concat(selectedMinute, ":").concat(selectedSecond);
+    }
+    setSelectedTime(newTime);
+    updateCombinedDateTime(selectedDate, newTime);
+  };
+  const handleMinuteChange = event => {
+    const newMinute = event.target.value;
+    setSelectedMinute(newMinute);
+    let newTime = "".concat(selectedHour, ":").concat(newMinute);
+    if (format === "DD/MM/YYYY HH:mm:ss") {
+      newTime = "".concat(selectedHour, ":").concat(newMinute, ":").concat(selectedSecond);
+    }
+    setSelectedTime(newTime);
+    updateCombinedDateTime(selectedDate, newTime);
+  };
+  const handleSecondChange = event => {
+    const newSecond = event.target.value;
+    setSelectedSecond(newSecond);
+    let newTime = "".concat(selectedHour, ":").concat(selectedMinute, ":").concat(newSecond);
+    setSelectedTime(newTime);
+    updateCombinedDateTime(selectedDate, newTime);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiTextField.default, {
+      name: name,
+      label: label,
+      value: renderedValue,
+      onClick: handleDateTimeClick,
+      readOnly: true,
+      error: error,
+      helperText: helperText,
+      required: required,
+      InputProps: {
+        endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment.default, {
+          position: "end",
+          style: {
+            marginLeft: -10,
+            marginTop: "-0.1px"
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarMonth.default, {
+            fontSize: "small"
+          })
+        })
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Popover, {
+      open: openDatePopover,
+      anchorEl: anchorEl,
+      onClose: handleDateClose,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "left"
+      },
+      style: {
+        width: "310px"
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        style: {
+          padding: 16
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+          sx: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-around"
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDatepicker.DateInput, {
+            value: selectedDate,
+            onChange: date => handleDateChange(date)
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
+            value: selectedTime,
+            onChange: event => {
+              const inputValue = event.target.value;
+              const allowedChars = format === "DD/MM/YYYY HH:mm" ? /^[0-9:]{0,5}$/ : /^[0-9:]{0,8}$/;
+              if (allowedChars.test(inputValue)) {
+                setSelectedTime(inputValue);
+              }
+            },
+            onBlur: () => {
+              const timeParts = selectedTime.split(":");
+              const isFullFormat = format === "DD/MM/YYYY HH:mm:ss";
+              let [validatedHour, validatedMinute, validatedSecond] = ["00", "00", isFullFormat ? "00" : undefined];
+              if (timeParts.length > 0) {
+                validatedHour = Math.min(23, parseInt(timeParts[0] || "0", 10)).toString().padStart(2, "0");
+              }
+              if (timeParts.length > 1) {
+                validatedMinute = Math.min(59, parseInt(timeParts[1] || "0", 10)).toString().padStart(2, "0");
+              }
+              if (isFullFormat && timeParts.length > 2) {
+                validatedSecond = Math.min(59, parseInt(timeParts[2] || "0", 10)).toString().padStart(2, "0");
+              }
+              const updatedTime = isFullFormat ? "".concat(validatedHour, ":").concat(validatedMinute, ":").concat(validatedSecond) : "".concat(validatedHour, ":").concat(validatedMinute);
+              setSelectedTime(updatedTime);
+              updateCombinedDateTime(selectedDate, updatedTime);
+            },
+            sx: {
+              "& .MuiInputBase-root": {
+                width: "100%",
+                fontSize: 12.5
+              },
+              "& .MuiOutlinedInput-input": {
+                padding: "4px",
+                height: "23.5px"
+              }
+            },
+            InputProps: {
+              startAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment.default, {
+                onClick: handleTimeClick,
+                position: "start",
+                style: {
+                  marginLeft: -10,
+                  cursor: "pointer"
+                },
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccessTime.default, {
+                  fontSize: "small"
+                })
+              })
+            }
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDatepicker.default, {
+          date: selectedDate,
+          onSelect: date => handleDateChange(date),
+          minDate: minDate,
+          maxDate: maxDate
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          sx: {
+            textAlign: "right",
+            padding: 1
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
+            onClick: handleDateClose,
+            children: "Choisir"
+          })
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Popover, {
+      open: openTimePopover,
+      anchorEl: timeAnchorEl,
+      onClose: handleTimeClose,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "left"
+      },
+      style: {
+        marginTop: 16,
+        marginLeft: -4
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        style: {
+          padding: 4,
+          display: "flex",
+          justifyContent: "center",
+          width: "120px",
+          height: "25px"
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+          value: selectedHour,
+          onChange: handleHourChange,
+          sx: {
+            padding: 0,
+            width: 40,
+            "& .MuiSelect-select": {
+              padding: "4px",
+              fontSize: 12.5
+            },
+            "& .MuiSvgIcon-root": {
+              width: "14px"
+            }
+          },
+          MenuProps: {
+            PaperProps: {
+              sx: {
+                maxHeight: "200px",
+                width: "20px",
+                "& ul": {
+                  overflowY: "auto",
+                  scrollbarWidth: "thin",
+                  "&::-webkit-scrollbar": {
+                    width: "6px",
+                    backgroundColor: "#f0f0f0"
+                  },
+                  "&::-webkit-scrollbar-thumb": {
+                    backgroundColor: "#888",
+                    borderRadius: "4px"
+                  },
+                  "&::-webkit-scrollbar-thumb:hover": {
+                    backgroundColor: "#555"
+                  }
+                }
+              }
+            }
+          },
+          children: [...Array(24).keys()].map(hour => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+            value: hour.toString().padStart(2, "0"),
+            style: {
+              fontSize: 12.5,
+              right: 12
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+              children: hour.toString().padStart(2, "0")
+            })
+          }, hour))
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+          value: selectedMinute,
+          onChange: handleMinuteChange,
+          sx: {
+            padding: 0,
+            width: 40,
+            "& .MuiSelect-select": {
+              padding: "4px",
+              fontSize: 12.5
+            },
+            "& .MuiSvgIcon-root": {
+              width: "14px"
+            }
+          },
+          MenuProps: {
+            PaperProps: {
+              sx: {
+                maxHeight: "200px",
+                width: "20px",
+                "& ul": {
+                  overflowY: "auto",
+                  scrollbarWidth: "thin",
+                  "&::-webkit-scrollbar": {
+                    width: "6px",
+                    backgroundColor: "#f0f0f0"
+                  },
+                  "&::-webkit-scrollbar-thumb": {
+                    backgroundColor: "#888",
+                    borderRadius: "4px"
+                  },
+                  "&::-webkit-scrollbar-thumb:hover": {
+                    backgroundColor: "#555"
+                  }
+                }
+              }
+            }
+          },
+          children: [...Array(60).keys()].map(minute => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+            value: minute.toString().padStart(2, "0"),
+            style: {
+              fontSize: 12.5,
+              right: 12
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+              children: minute.toString().padStart(2, "0")
+            })
+          }, minute))
+        }), format === "DD/MM/YYYY HH:mm:ss" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+          value: selectedSecond,
+          onChange: handleSecondChange,
+          sx: {
+            padding: 0,
+            width: 40,
+            "& .MuiSelect-select": {
+              padding: "4px",
+              fontSize: 12.5
+            },
+            "& .MuiSvgIcon-root": {
+              width: "14px"
+            }
+          },
+          MenuProps: {
+            PaperProps: {
+              sx: {
+                maxHeight: "200px",
+                width: "20px",
+                "& ul": {
+                  overflowY: "auto",
+                  scrollbarWidth: "thin",
+                  "&::-webkit-scrollbar": {
+                    width: "6px",
+                    backgroundColor: "#f0f0f0"
+                  },
+                  "&::-webkit-scrollbar-thumb": {
+                    backgroundColor: "#888",
+                    borderRadius: "4px"
+                  },
+                  "&::-webkit-scrollbar-thumb:hover": {
+                    backgroundColor: "#555"
+                  }
+                }
+              }
+            }
+          },
+          children: [...Array(60).keys()].map(minute => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+            value: minute.toString().padStart(2, "0"),
+            style: {
+              fontSize: 12.5,
+              right: 12
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+              children: minute.toString().padStart(2, "0")
+            })
+          }, minute))
+        })]
+      })
+    })]
+  });
+};
+var _default = exports.default = DateTimePickerField;

package/dist/components/others/PuiBadge.js

@@ -1,19 +1,21 @@
 "use strict";
 
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/es.symbol.description.js");
 var _material = require("@mui/material");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _apperance = require("../../config/apperance");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const PuiBadge = _ref => {
   let {

package/dist/components/others/PuiChip.js

@@ -1,34 +1,35 @@
 "use strict";
 
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/es.symbol.description.js");
 var _material = require("@mui/material");
 var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _apperance = require("../../config/apperance");
 var _PuiTooltip = _interopRequireDefault(require("./PuiTooltip"));
-var _CheckCircle = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
-var _Error = _interopRequireDefault(require("@mui/icons-material/Error"));
-var _HourglassEmpty = _interopRequireDefault(require("@mui/icons-material/HourglassEmpty"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["id", "className", "sx", "color", "fullWidth", "children", "icon"];
+const _excluded = ["id", "className", "sx", "color", "fullWidth", "children"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const StyledChip = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, _objectSpread({
+const StyledChip = (0, _styles.styled)(/*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, _objectSpread({
   ref: ref
 }, props))))(() => {
   return {
@@ -40,7 +41,7 @@ const StyledChip = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, re
     }
   };
 });
-const PrimaryChip = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledChip, _objectSpread({
+const PrimaryChip = (0, _styles.styled)(/*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledChip, _objectSpread({
   ref: ref
 }, props))))(() => {
   return {
@@ -49,24 +50,7 @@ const PrimaryChip = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, r
     }
   };
 });
-const iconMapping = {
-  success: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckCircle.default, {
-    style: {
-      color: 'white'
-    }
-  }),
-  error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Error.default, {
-    style: {
-      color: 'white'
-    }
-  }),
-  info: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HourglassEmpty.default, {
-    style: {
-      color: 'white'
-    }
-  })
-};
-const SecondaryChip = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledChip, _objectSpread({
+const SecondaryChip = (0, _styles.styled)(/*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledChip, _objectSpread({
   ref: ref
 }, props))))(() => {
   return {
@@ -77,7 +61,7 @@ const SecondaryChip = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props,
     }
   };
 });
-const InfoChip = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledChip, _objectSpread({
+const InfoChip = (0, _styles.styled)(/*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledChip, _objectSpread({
   ref: ref
 }, props))))(() => {
   return {
@@ -86,7 +70,7 @@ const InfoChip = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref)
     }
   };
 });
-const SuccessChip = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledChip, _objectSpread({
+const SuccessChip = (0, _styles.styled)(/*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledChip, _objectSpread({
   ref: ref
 }, props))))(() => {
   return {
@@ -95,7 +79,7 @@ const SuccessChip = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, r
     }
   };
 });
-const ErrorChip = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledChip, _objectSpread({
+const ErrorChip = (0, _styles.styled)(/*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledChip, _objectSpread({
   ref: ref
 }, props))))(() => {
   return {
@@ -104,7 +88,7 @@ const ErrorChip = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref
     }
   };
 });
-const WarningChip = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledChip, _objectSpread({
+const WarningChip = (0, _styles.styled)(/*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledChip, _objectSpread({
   ref: ref
 }, props))))(() => {
   return {
@@ -137,8 +121,7 @@ const PuiChip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       sx,
       color,
       fullWidth,
-      children,
-      icon
+      children
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiTooltip.default, {
@@ -153,10 +136,7 @@ const PuiChip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         width: fullWidth ? "100%" : "fit-content"
       }),
       className,
-      label: children,
-      icon: icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
-        children: iconMapping[icon]
-      }) : null
+      label: children
     }, rest))
   });
 });
@@ -165,8 +145,7 @@ PuiChip.propTypes = {
   className: _propTypes.default.string,
   sx: _propTypes.default.object,
   fullWidth: _propTypes.default.bool,
-  color: _propTypes.default.oneOf(["primary", "secondary", "info", "success", "warning", "error"]),
-  icon: _propTypes.default.oneOf(["success", "error", "info"]) // Prop icon pour spécifier l'icône
+  color: _propTypes.default.oneOf(["primary", "secondary", "info", "success", "warning", "error"])
 };
 PuiChip.defaultProps = {
   color: "primary"