arengibook 3.0.3-select → 3.0.4-select

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.
Files changed (2) hide show
  1. package/dist/index.js +5 -6
  2. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -40364,7 +40364,7 @@ var Badge = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPr
40364
40364
  }));
40365
40365
  Badge.displayName = 'Badge';
40366
40366
 
40367
- var css_248z$1 = ".multiselect-container {\n position: relative;\n display: inline-block;\n}\n\n.selected-options-tooltip {\n position: absolute;\n background-color: #ffffff;\n border: 1px solid #ccc;\n border-radius: 4px;\n padding: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n z-index: 1000;\n width: 400px;\n top: 100%;\n left: 0;\n}\n\n.selected-options-tooltip div {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.multiselect-tooltip-item {\n width: 100%;\n cursor: pointer;\n}\n\n/* ===== Checkbox hiding (replaces inline <style> tags) ===== */\n\n.ms-no-checkbox .p-multiselect-items .p-multiselect-item .p-checkbox {\n display: none !important;\n}\n\n.ms-no-checkbox .p-multiselect-items .p-multiselect-item {\n padding-left: 1rem !important;\n align-items: center;\n}\n\n/* ===== Custom panel header ===== */\n\n.ms-panel-header {\n padding: 0;\n}\n\n.ms-search-row {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 12px;\n border-bottom: 1px solid #e5e7eb;\n}\n\n.ms-search-row .p-multiselect-filter-container {\n flex: 1;\n min-width: 0;\n position: relative;\n}\n\n.ms-search-row .p-multiselect-filter-container .p-inputtext {\n width: 100%;\n padding-right: 1.75rem;\n}\n\n.ms-search-row .p-multiselect-filter-container .p-multiselect-filter-icon {\n right: 0.75rem;\n color: #6b7280;\n}\n\n.ms-sort-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n background: none;\n border: 1px solid #d1d5db;\n border-radius: 4px;\n cursor: pointer;\n padding: 6px 8px;\n color: #6b7280;\n transition: background 0.15s, color 0.15s;\n}\n\n.ms-sort-btn:hover {\n background: #f3f4f6;\n color: #374151;\n}\n\n.ms-selectall-row {\n display: flex;\n align-items: center;\n padding: 0.75rem 1.25rem;\n border-bottom: 1px solid #e5e7eb;\n}\n\n.ms-selectall-row .p-checkbox {\n margin-right: 0;\n}\n\n.ms-selectall-label {\n font-size: 14px;\n color: #374151;\n}\n\n.ms-counter {\n font-size: 13px;\n color: #9ca3af;\n margin-left: auto;\n white-space: nowrap;\n}\n\n/* ===== Custom panel footer ===== */\n\n.ms-panel-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n padding: 8px 12px;\n border-top: 1px solid #e5e7eb;\n}\n\n.ms-cancel-btn {\n background: none;\n border: none;\n cursor: pointer;\n color: #6b7280;\n font-size: 14px;\n padding: 6px 12px;\n transition: color 0.15s;\n}\n\n.ms-cancel-btn:hover {\n color: #374151;\n}\n\n.ms-apply-btn {\n background: #374151;\n color: #fff;\n border: none;\n border-radius: 4px;\n padding: 6px 16px;\n cursor: pointer;\n font-size: 14px;\n transition: background 0.15s;\n}\n\n.ms-apply-btn:hover {\n background: #1f2937;\n}\n\n/* ===== Group header ===== */\n\n.ms-group-header {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 4px 0;\n user-select: none;\n}\n\n.ms-group-checkbox {\n width: 24px;\n height: 24px;\n border: 2px solid #d1d5db;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n flex-shrink: 0;\n background: #fff;\n font-size: 13px;\n color: #fff;\n transition: all 0.15s;\n}\n\n.ms-group-checkbox.checked {\n background-color: #22d3ee;\n border-color: #22d3ee;\n}\n\n.ms-group-checkbox.partial {\n background: linear-gradient(to top right, #22d3ee 50%, transparent 50%);\n border-color: #22d3ee;\n}\n\n.ms-group-label {\n font-weight: bold;\n font-size: 14px;\n flex: 1;\n min-width: 0;\n}\n\n.ms-group-collapse-btn {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #9ca3af;\n border-radius: 4px;\n background: #fff;\n cursor: pointer;\n font-size: 14px;\n font-weight: bold;\n color: #374151;\n margin-left: 8px;\n}\n\n.ms-group-collapse-btn:hover {\n background: #f3f4f6;\n}\n\n.p-checkbox-input {\n display: none;\n}\n";
40367
+ var css_248z$1 = ".multiselect-container {\n position: relative;\n display: inline-block;\n}\n\n.selected-options-tooltip {\n position: absolute;\n background-color: #ffffff;\n border: 1px solid #ccc;\n border-radius: 4px;\n padding: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n z-index: 1000;\n width: 400px;\n top: 100%;\n left: 0;\n}\n\n.selected-options-tooltip div {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.multiselect-tooltip-item {\n width: 100%;\n cursor: pointer;\n}\n\n/* ===== Checkbox hiding (replaces inline <style> tags) ===== */\n\n.ms-no-checkbox .p-multiselect-items .p-multiselect-item .p-checkbox {\n display: none !important;\n}\n\n.ms-no-checkbox .p-multiselect-items .p-multiselect-item {\n padding-left: 1rem !important;\n align-items: center;\n}\n\n/* ===== Custom panel header ===== */\n\n.ms-panel-header {\n padding: 0;\n}\n\n.ms-search-row {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 12px;\n border-bottom: 1px solid #e5e7eb;\n}\n\n.ms-search-row .p-multiselect-filter-container {\n flex: 1;\n min-width: 0;\n position: relative;\n}\n\n.ms-search-row .p-multiselect-filter-container .p-inputtext {\n width: 100%;\n padding-right: 1.75rem;\n}\n\n.ms-search-row .p-multiselect-filter-container .p-multiselect-filter-icon {\n right: 0.75rem;\n color: #6b7280;\n}\n\n.ms-sort-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n background: none;\n border: 1px solid #d1d5db;\n border-radius: 4px;\n cursor: pointer;\n padding: 6px 8px;\n color: #6b7280;\n transition: background 0.15s, color 0.15s;\n}\n\n.ms-sort-btn:hover {\n background: #f3f4f6;\n color: #374151;\n}\n\n.ms-selectall-row {\n display: flex;\n align-items: center;\n padding: 0.75rem 1.25rem;\n border-bottom: 1px solid #e5e7eb;\n}\n\n.ms-selectall-row .p-checkbox {\n margin-right: 0;\n}\n\n.ms-selectall-label {\n font-size: 14px;\n color: #374151;\n}\n\n.ms-counter {\n font-size: 13px;\n color: #9ca3af;\n margin-left: auto;\n white-space: nowrap;\n}\n\n/* ===== Custom panel footer ===== */\n\n.ms-panel-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n padding: 8px 12px;\n border-top: 1px solid #e5e7eb;\n}\n\n.ms-cancel-btn {\n background: none;\n border: none;\n cursor: pointer;\n color: #6b7280;\n font-size: 14px;\n padding: 6px 12px;\n transition: color 0.15s;\n}\n\n.ms-cancel-btn:hover {\n color: #374151;\n}\n\n.ms-apply-btn {\n background: #374151;\n color: #fff;\n border: none;\n border-radius: 4px;\n padding: 6px 16px;\n cursor: pointer;\n font-size: 14px;\n transition: background 0.15s;\n}\n\n.ms-apply-btn:hover {\n background: #1f2937;\n}\n\n/* ===== Group header ===== */\n\n.ms-group-header {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 4px 0;\n user-select: none;\n}\n\n.ms-group-checkbox {\n width: 24px;\n height: 24px;\n border: 2px solid #d1d5db;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n flex-shrink: 0;\n background: #fff;\n font-size: 13px;\n color: #fff;\n transition: all 0.15s;\n}\n\n.ms-group-checkbox.checked {\n background-color: #22d3ee;\n border-color: #22d3ee;\n}\n\n.ms-group-checkbox.partial {\n background: linear-gradient(to top right, #22d3ee 50%, transparent 50%);\n border-color: #22d3ee;\n}\n\n.ms-group-label {\n font-weight: bold;\n font-size: 14px;\n flex: 1;\n min-width: 0;\n}\n\n.ms-group-collapse-btn {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #9ca3af;\n border-radius: 4px;\n background: #fff;\n cursor: pointer;\n font-size: 14px;\n font-weight: bold;\n color: #374151;\n margin-left: 8px;\n}\n\n.ms-group-collapse-btn:hover {\n background: #f3f4f6;\n}\n";
40368
40368
  styleInject(css_248z$1);
40369
40369
 
40370
40370
  var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
@@ -41016,9 +41016,9 @@ var MultiSelect = function MultiSelect(props) {
41016
41016
  selectedOptions = _useState2[0],
41017
41017
  setSelectedOptions = _useState2[1];
41018
41018
  var _useState3 = useState(initialSelected),
41019
- _useState4 = _slicedToArray$9(_useState3, 2),
41020
- appliedOptions = _useState4[0],
41021
- setAppliedOptions = _useState4[1];
41019
+ _useState4 = _slicedToArray$9(_useState3, 2);
41020
+ _useState4[0];
41021
+ var setAppliedOptions = _useState4[1];
41022
41022
  var _useState5 = useState(null),
41023
41023
  _useState6 = _slicedToArray$9(_useState5, 2),
41024
41024
  displayValue = _useState6[0],
@@ -41570,7 +41570,6 @@ var MultiSelect = function MultiSelect(props) {
41570
41570
  border: isInvalidEffective ? '1px solid red' : '1px solid #ccc',
41571
41571
  width: '100%'
41572
41572
  };
41573
- var submitValues = applyEnabled ? appliedOptions : selectedOptions;
41574
41573
  var effectiveShowClear = Boolean(showClear || typeof onClearAll === 'function');
41575
41574
  var emptyMessage = loading ? 'Chargement…' : 'Aucune option disponible';
41576
41575
  var handleMouseEnter = function handleMouseEnter() {
@@ -41957,7 +41956,7 @@ var MultiSelect = function MultiSelect(props) {
41957
41956
  label: "Tout effacer",
41958
41957
  size: "small",
41959
41958
  onClick: handleClearAll
41960
- })), name && /*#__PURE__*/React__default.createElement("div", null, (Array.isArray(submitValues) ? submitValues : []).filter(function (opt) {
41959
+ })), name && /*#__PURE__*/React__default.createElement("div", null, (Array.isArray(selectedOptions) ? selectedOptions : []).filter(function (opt) {
41961
41960
  return opt && (_typeof$c(opt) === 'object' || typeof opt === 'number' || typeof opt === 'string');
41962
41961
  }).map(function (opt, index) {
41963
41962
  var id = _typeof$c(opt) === 'object' && opt !== null ? opt[optionValue] : opt;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "arengibook",
3
3
  "private": false,
4
- "version": "3.0.3-select",
4
+ "version": "3.0.4-select",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
7
7
  "exports": {