arengibook 2.4.24 → 2.4.26

package/dist/index.js

@@ -5762,6 +5762,26 @@ function _iterableToArrayLimit$8(r, l) {
 function _nonIterableRest$8() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _objectWithoutProperties$1(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose$2(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose$2(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
 function _slicedToArray$8(r, e) {
   return _arrayWithHoles$8(r) || _iterableToArrayLimit$8(r, e) || _unsupportedIterableToArray$a(r, e) || _nonIterableRest$8();
 }
@@ -12738,9 +12758,10 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".patate input {\n    background-color: blueviolet;\n}";
+var css_248z = ".datepicker-fullwidth {\n    width: 100%;\n}\n\n.datepicker-fullwidth > .p-calendar {\n    width: 100%;\n}\n";
 styleInject(css_248z);
 
+var _excluded$3 = ["value", "onChange", "placeholder", "dateFormat", "view", "invalid", "errorMessage", "disabled", "locale", "showTime", "showIcon", "icon", "iconBgButton", "iconPos", "name", "id", "fullwidth"];
 var normalizeDate = function normalizeDate(v) {
   if (!v) return null;
   return v instanceof Date ? v : new Date(v);
@@ -12772,7 +12793,10 @@ var DatePicker = function DatePicker(_ref) {
     iconBgButton = _ref$iconBgButton === void 0 ? '#000000' : _ref$iconBgButton,
     iconPos = _ref.iconPos,
     name = _ref.name,
-    id = _ref.id;
+    id = _ref.id,
+    _ref$fullwidth = _ref.fullwidth,
+    fullwidth = _ref$fullwidth === void 0 ? true : _ref$fullwidth,
+    rest = _objectWithoutProperties$1(_ref, _excluded$3);
   var _useState = useState(function () {
       return normalizeDate(value);
     }),
@@ -12804,11 +12828,19 @@ var DatePicker = function DatePicker(_ref) {
     }
   };
   addLocale(localLanguage, LOCALES[localLanguage]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "patate flex flex-col gap-1",
-    style: {
-      width: '100%'
+
+  // récupèration automatique de toutes les props comme data-* + required.
+  var inputProps = {};
+  Object.entries(rest).forEach(function (_ref2) {
+    var _ref3 = _slicedToArray$8(_ref2, 2),
+      key = _ref3[0],
+      val = _ref3[1];
+    if (key.startsWith('data-') || key === 'required') {
+      inputProps[key] = val;
     }
+  });
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: fullwidth ? "datepicker-fullwidth flex flex-col gap-1" : "flex flex-col gap-1"
   }, /*#__PURE__*/React__default.createElement(Calendar, {
     value: valeur,
     onChange: handleChange,
@@ -12824,9 +12856,7 @@ var DatePicker = function DatePicker(_ref) {
     iconPos: iconPos,
     inputId: id,
     name: name,
-    inputProps: {
-      required: true
-    }
+    inputProps: inputProps // les data- sont injectées ici grace à la methode
   }), invalid && /*#__PURE__*/React__default.createElement("small", {
     style: {
       color: 'red',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "2.4.24",
+  "version": "2.4.26",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {