arengibook 2.4.668 → 2.4.670
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +37 -9
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -13046,8 +13046,8 @@ function styleInject(css, ref) {
|
|
|
13046
13046
|
}
|
|
13047
13047
|
}
|
|
13048
13048
|
|
|
13049
|
-
var css_248z$
|
|
13050
|
-
styleInject(css_248z$
|
|
13049
|
+
var css_248z$3 = "/* Force une largeur à 100% de l'input Calendar */\n.datepicker-fullwidth {\n width: 100%;\n}\n\n.datepicker-fullwidth > .p-calendar {\n width: 100%;\n}\n\n.datepickerbook .p-datepicker-calendar th {\n text-align: center !important;\n}\n\n/* Neutralise les styles hérités */\n.datepickerbook table,\n.datepickerbook tbody,\n.datepickerbook tr,\n.datepickerbook td,\n.datepickerbook th {\n background-color: unset !important;\n color: inherit !important;\n border: none;\n}\n\n/* Restaure les couleurs et l'entete du calendrier */\n.datepickerbook .p-datepicker {\n background-color: #fff !important;\n color: #333 !important;\n border-radius: 6px;\n box-shadow: 0 0 8px rgba(0,0,0,0.1);\n}\n\n.datepickerbook .p-datepicker-calendar td {\n text-align: center;\n background-color: transparent !important;\n color: #333;\n}\n\n.datepickerbook .p-datepicker-calendar td.p-highlight {\n background-color: #6366f1 !important;\n color: #fff !important;\n}\n\n.datepickerbook .p-datepicker-calendar th {\n text-align: center !important;\n color: #000;\n}\n\nbody .p-datepicker {\n width: 405px !important;\n min-width: 405px !important;\n max-width: 405px !important;\n}\n\n\n";
|
|
13050
|
+
styleInject(css_248z$3);
|
|
13051
13051
|
|
|
13052
13052
|
var _excluded$3 = ["value", "onChange", "placeholder", "dateFormat", "view", "invalid", "errorMessage", "disabled", "locale", "showTime", "showIcon", "icon", "iconBgButton", "iconPos", "name", "id", "fullWidth", "inputProps", "onBlur", "onSelect", "onClick"];
|
|
13053
13053
|
var normalizeDate = function normalizeDate(v) {
|
|
@@ -36362,9 +36362,18 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
|
|
|
36362
36362
|
}, errorMessage || 'Sélection invalide')));
|
|
36363
36363
|
};
|
|
36364
36364
|
|
|
36365
|
+
var css_248z$2 = ".dropdownbook.p-dropdown-panel {\n z-index: 999999 !important;\n}";
|
|
36366
|
+
styleInject(css_248z$2);
|
|
36367
|
+
|
|
36365
36368
|
var Dropdown = function Dropdown(props) {
|
|
36366
36369
|
var _props$options = props.options,
|
|
36367
36370
|
options = _props$options === void 0 ? [] : _props$options,
|
|
36371
|
+
_props$attr = props.attr,
|
|
36372
|
+
attr = _props$attr === void 0 ? {} : _props$attr,
|
|
36373
|
+
_props$choice_attr = props.choice_attr,
|
|
36374
|
+
choice_attr = _props$choice_attr === void 0 ? function () {
|
|
36375
|
+
return {};
|
|
36376
|
+
} : _props$choice_attr,
|
|
36368
36377
|
_props$isGroupedOptio = props.isGroupedOption,
|
|
36369
36378
|
isGroupedOption = _props$isGroupedOptio === void 0 ? false : _props$isGroupedOptio,
|
|
36370
36379
|
_props$showTooltipGro = props.showTooltipGroup,
|
|
@@ -36509,11 +36518,20 @@ var Dropdown = function Dropdown(props) {
|
|
|
36509
36518
|
};
|
|
36510
36519
|
var optionTemplate = function optionTemplate(option) {
|
|
36511
36520
|
if (!isSelectMeta) {
|
|
36512
|
-
|
|
36513
|
-
|
|
36514
|
-
|
|
36515
|
-
|
|
36516
|
-
|
|
36521
|
+
if (choice_attr) {
|
|
36522
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
36523
|
+
className: "".concat(choice_attr(option).className),
|
|
36524
|
+
style: _objectSpread2({
|
|
36525
|
+
fontSize: '14px'
|
|
36526
|
+
}, optionStyle)
|
|
36527
|
+
}, option === null || option === void 0 ? void 0 : option[optionLabel]);
|
|
36528
|
+
} else {
|
|
36529
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
36530
|
+
style: _objectSpread2({
|
|
36531
|
+
fontSize: '14px'
|
|
36532
|
+
}, optionStyle)
|
|
36533
|
+
}, option === null || option === void 0 ? void 0 : option[optionLabel]);
|
|
36534
|
+
}
|
|
36517
36535
|
} else {
|
|
36518
36536
|
var _ref = selectMetaConfig || {},
|
|
36519
36537
|
labelStyle = _ref.labelStyle,
|
|
@@ -36668,9 +36686,9 @@ var Dropdown = function Dropdown(props) {
|
|
|
36668
36686
|
}, option.label)));
|
|
36669
36687
|
}
|
|
36670
36688
|
};
|
|
36671
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
36689
|
+
return /*#__PURE__*/React__default.createElement("div", _extends$C({}, attr, {
|
|
36672
36690
|
className: "flex flex-col gap-1"
|
|
36673
|
-
}, /*#__PURE__*/React__default.createElement(Dropdown$1, _extends$C({
|
|
36691
|
+
}), /*#__PURE__*/React__default.createElement(Dropdown$1, _extends$C({
|
|
36674
36692
|
editable: isSelectMeta && isEditing,
|
|
36675
36693
|
value: optionSelected,
|
|
36676
36694
|
options: options,
|
|
@@ -36686,6 +36704,7 @@ var Dropdown = function Dropdown(props) {
|
|
|
36686
36704
|
maxHeight: 'auto',
|
|
36687
36705
|
overflowY: 'auto'
|
|
36688
36706
|
},
|
|
36707
|
+
panelClassName: "dropdownbook",
|
|
36689
36708
|
itemTemplate: optionTemplate,
|
|
36690
36709
|
valueTemplate: valueTemplate,
|
|
36691
36710
|
showClear: showClear,
|
|
@@ -36819,6 +36838,15 @@ var DropdownPresets = {
|
|
|
36819
36838
|
optionStyle: {
|
|
36820
36839
|
fontSize: '14px',
|
|
36821
36840
|
fontFamily: 'Arial'
|
|
36841
|
+
},
|
|
36842
|
+
attr: {
|
|
36843
|
+
className: 'class-custom',
|
|
36844
|
+
'data-item': 'monitem'
|
|
36845
|
+
},
|
|
36846
|
+
choice_attr: function choice_attr(option) {
|
|
36847
|
+
return {
|
|
36848
|
+
className: 'material-icons'
|
|
36849
|
+
};
|
|
36822
36850
|
}
|
|
36823
36851
|
},
|
|
36824
36852
|
SelectMetaSync: {
|