@crystaldesign/diva-backoffice 26.2.0-beta.7 → 26.2.0-beta.8

package/build/esm/index.js

@@ -19816,11 +19816,13 @@ function useSelectClientRelationCatalog (_ref) {
   };
 }
 
+var customSelectContainer = "custom-select-container-rPcLx";
 var customSelect = "custom-select-ESUJX";
-var customSelectOption = "custom-select-option-dUA7N";
-var avatarWrapper = "avatar-wrapper-Vg-xe";
-var selectTextWrapper = "select-text-wrapper-hPSZW";
-var css_248z$w = ".custom-select-ESUJX {\n  width: 300px;\n}\n\n.custom-select-option-dUA7N.ant-select-item {\n  margin: 0px 12px;\n  padding: 0px;\n  border-bottom: 1px solid #ddd;\n}\n\n.custom-select-option-dUA7N .ant-select-item-option-content {\n  display: flex;\n  align-items: center;\n}\n\n.avatar-wrapper-Vg-xe {\n  margin-right: 5px;\n  height: 30px;\n  width: 24px;\n  float: left;\n  position: relative;\n}\n\n.avatar-wrapper-Vg-xe > span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.select-text-wrapper-hPSZW {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n  width: calc(100% - 29px);\n}\n";
+var customSelectContentWrapper = "custom-select-content-wrapper-v98Ms";
+var customSelectOptionContent = "custom-select-option-content-LIbzl";
+var customSelectAvatar = "custom-select-avatar-DPCn1";
+var customSelectOptionText = "custom-select-option-text-crPF-";
+var css_248z$w = ".custom-select-container-rPcLx {\n  display: flex;\n  gap: 8px;\n  height: 32px;\n}\n\n.custom-select-ESUJX {\n  width: 300px;\n}\n\n.custom-select-content-wrapper-v98Ms {\n  display: flex;\n  align-items: center;\n  height: 22px;\n}\n\n.custom-select-option-content-LIbzl {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  max-width: 100%;\n  height: 100%;\n}\n\n.custom-select-option-content-LIbzl .custom-select-avatar-DPCn1 {\n  flex-shrink: 0;\n}\n\n.custom-select-option-content-LIbzl .custom-select-option-text-crPF- {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n";
 styleInject(css_248z$w);
 
 var Selector = function Selector(_ref) {
@@ -19830,87 +19832,96 @@ var Selector = function Selector(_ref) {
     onSelect = _ref.onSelect,
     loading = _ref.loading,
     valueState = _ref.value;
-  var _useState = useState(),
+  var _useState = useState(valueState),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
   useEffect(function () {
-    if (loading == true) {
+    if (loading === true) {
       setValue(undefined);
       onSelect(undefined);
     }
   }, [loading]);
   useEffect(function () {
-    var selItem = items.find(function (i) {
-      return i._id == valueState;
-    });
-    if (selItem) {
-      setValue({
-        label: /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx("div", {
-            className: avatarWrapper,
-            children: /*#__PURE__*/jsx(Avatar, {
-              size: "small",
-              src: selItem.image,
-              shape: "square"
-            })
-          }), /*#__PURE__*/jsx("div", {
-            className: selectTextWrapper,
-            children: selItem.name
-          })]
-        }),
-        value: selItem._id
-      });
-    }
+    setValue(valueState);
   }, [valueState]);
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsx(Select$1, {
-      className: customSelect,
-      showSearch: true,
-      labelInValue: true,
-      allowClear: true,
-      value: value,
-      disabled: disabled,
-      loading: loading,
-      placeholder: text,
+  var options = items.map(function (item) {
+    return {
+      label: item.name,
+      value: item._id,
+      image: item.image
+    };
+  });
+  return /*#__PURE__*/jsx(Select$1, {
+    classNames: {
+      root: customSelect,
+      popup: {
+        listItem: customSelectContentWrapper
+      },
+      content: customSelectContentWrapper,
+      placeholder: customSelectContentWrapper
+    },
+    showSearch: {
       filterOption: function filterOption(input, option) {
-        var _option$value;
-        return !!(option !== null && option !== void 0 && (_option$value = option.value) !== null && _option$value !== void 0 && _option$value.toString().toLowerCase().includes(input.toLowerCase()));
-      },
-      filterSort: filterSort,
-      onChange: function onChange(value, option) {
-        setValue(value);
-        return onSelect(option === null || option === void 0 ? void 0 : option.key);
-      },
-      children: items === null || items === void 0 ? void 0 : items.map(function (i) {
-        return /*#__PURE__*/jsxs(Select$1.Option, {
-          value: i.name,
-          className: customSelectOption,
-          children: [/*#__PURE__*/jsx("div", {
-            className: avatarWrapper,
-            children: /*#__PURE__*/jsx(Avatar, {
-              size: "small",
-              src: i.image,
-              shape: "square"
-            })
-          }), /*#__PURE__*/jsx("div", {
-            className: selectTextWrapper,
-            children: i.name
-          })]
-        }, i._id);
-      })
-    })
+        var _option$label$toStrin, _option$label;
+        return (_option$label$toStrin = option === null || option === void 0 || (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toString().toLowerCase().includes(input.toLowerCase())) !== null && _option$label$toStrin !== void 0 ? _option$label$toStrin : false;
+      },
+      filterSort: filterSort
+    },
+    allowClear: true,
+    value: value,
+    disabled: disabled,
+    loading: loading,
+    placeholder: text,
+    options: options,
+    onChange: function onChange(selectedValue) {
+      setValue(selectedValue);
+      onSelect(selectedValue);
+    },
+    optionRender: function optionRender(option) {
+      return /*#__PURE__*/jsx(CustomSelectOption, {
+        option: {
+          image: option.data.image,
+          label: option.label,
+          value: option.value
+        }
+      });
+    },
+    labelRender: function labelRender(props) {
+      var selectedOption = options.find(function (opt) {
+        return opt.value === props.value;
+      });
+      if (!selectedOption) return props.label;
+      return /*#__PURE__*/jsx(CustomSelectOption, {
+        option: selectedOption
+      });
+    }
   });
 };
 var filterSort = function filterSort(optionA, optionB) {
-  if (!optionA.value && !optionB.value) {
+  if (!optionA.label && !optionB.label) {
     return 0;
-  } else if (!optionA.value) {
+  } else if (!optionA.label) {
     return 1;
-  } else if (!optionB.value) {
+  } else if (!optionB.label) {
     return -1;
   }
-  return optionA.value.toString().toLowerCase().localeCompare(optionB.value.toString().toLowerCase());
+  return optionA.label.toString().toLowerCase().localeCompare(optionB.label.toString().toLowerCase());
+};
+var CustomSelectOption = function CustomSelectOption(_ref2) {
+  var option = _ref2.option;
+  return /*#__PURE__*/jsxs("div", {
+    className: customSelectOptionContent,
+    children: [/*#__PURE__*/jsx(Avatar, {
+      size: "small",
+      src: option.image,
+      shape: "square",
+      className: customSelectAvatar
+    }), /*#__PURE__*/jsx("span", {
+      className: customSelectOptionText,
+      children: option.label
+    })]
+  });
 };
 
 function SelectClientRelationCatalog (_ref) {
@@ -19951,7 +19962,8 @@ function SelectClientRelationCatalog (_ref) {
     catalogs = _useSelectClientRelat.catalogs,
     onSelectCatalog = _useSelectClientRelat.onSelectCatalog,
     loadingCatalogs = _useSelectClientRelat.loadingCatalogs;
-  return /*#__PURE__*/jsxs(Fragment, {
+  return /*#__PURE__*/jsxs("div", {
+    className: customSelectContainer,
     children: [!supplierGuid && /*#__PURE__*/jsx(Selector, {
       value: selectedSupplier,
       items: supplier,
@@ -26503,7 +26515,7 @@ var editableRow = "editable-row-9BEHi";
 var checkbox = "checkbox-H7R-w";
 var editableCellValueWrap = "editable-cell-value-wrap-ugTs4";
 var contentWidth = "content-width-hGyVI";
-var css_248z$n = ".checkbox-readonly-0-bzT {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox-input {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox {\n  cursor: default;\n}\n\n.editable-row-9BEHi:hover .checkbox-H7R-w .ant-checkbox {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);\n}\n\n.editable-cell-value-wrap-ugTs4 {\n  padding: 5px 12px;\n  cursor: pointer;\n}\n\n.editable-row-9BEHi:hover .editable-cell-value-wrap-ugTs4 {\n  padding: 4px 11px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n}\n\n.content-width-hGyVI .ant-modal-confirm-content {\n  width: 100%;\n}\n\n.ant-select {\n  display: flex !important;\n}\n\n/* Fix for antd Table extra column on Windows */\n/* workarround for https://github.com/ant-design/ant-design/issues/55633, if resolved try to remove this */\n.ant-table-cell-scrollbar:not(.ant-table-cell-fix-right) {\n  display: none !important;\n}";
+var css_248z$n = ".checkbox-readonly-0-bzT {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox-input {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox {\n  cursor: default;\n}\n\n.editable-row-9BEHi:hover .checkbox-H7R-w .ant-checkbox {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);\n}\n\n.editable-cell-value-wrap-ugTs4 {\n  padding: 5px 12px;\n  cursor: pointer;\n}\n\n.editable-row-9BEHi:hover .editable-cell-value-wrap-ugTs4 {\n  padding: 4px 11px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n}\n\n.content-width-hGyVI .ant-modal-confirm-content {\n  width: 100%;\n}\n\n.ant-select {\n  display: inline-flex !important;\n}\n\n/* Fix for antd Table extra column on Windows */\n/* workarround for https://github.com/ant-design/ant-design/issues/55633, if resolved try to remove this */\n.ant-table-cell-scrollbar:not(.ant-table-cell-fix-right) {\n  display: none !important;\n}\n";
 styleInject(css_248z$n);
 
 function BooleanCell (_ref) {
@@ -29701,12 +29713,10 @@ function CatalogTable (props) {
         filterContex: state.filterContex,
         setFilterContext: state.setFilterContext,
         tabs: state.configuration.tabs
-      }), /*#__PURE__*/jsx("div", {
-        children: /*#__PURE__*/jsx(SelectClientRelationCatalog, {
-          onSelectedCatalog: state.onSelectedCatalog,
-          onLoadingCatalog: state.setLoading,
-          dontLoadCatalogData: true
-        })
+      }), /*#__PURE__*/jsx(SelectClientRelationCatalog, {
+        onSelectedCatalog: state.onSelectedCatalog,
+        onLoadingCatalog: state.setLoading,
+        dontLoadCatalogData: true
       })]
     }), /*#__PURE__*/jsx(BaseTable, {
       state: state

package/build/types/backoffice/src/ui/SelectClientRelationCatalog/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/SelectClientRelationCatalog/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAMhC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,QAAQ,oEAAqE,KAAK,sBAwDvF,CAAC;AAYF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/SelectClientRelationCatalog/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAWhC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAQF,QAAA,MAAM,QAAQ,oEAAqE,KAAK,sBAyDvF,CAAC;AAsBF,eAAe,QAAQ,CAAC"}

package/build/types/backoffice/src/ui/SelectClientRelationCatalog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/SelectClientRelationCatalog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,UAAU,KAAK;IACb,iBAAiB,EAAE,CAAC,WAAW,CAAC,EAAE,WAAW,EAAE,WAAW,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1E,kBAAkB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACnE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,WAAW,EACvB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,WAAW,GACZ,EAAE,KAAK,qBAwCP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/SelectClientRelationCatalog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,UAAU,KAAK;IACb,iBAAiB,EAAE,CAAC,WAAW,CAAC,EAAE,WAAW,EAAE,WAAW,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1E,kBAAkB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACnE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,WAAW,EACvB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,WAAW,GACZ,EAAE,KAAK,qBAwCP"}

package/build/types/backoffice/src/ui/Table/CatalogTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/Table/CatalogTable/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,MAAM,CAAC,OAAO,WAAW,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,UAAU,qBAe3D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/Table/CatalogTable/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,MAAM,CAAC,OAAO,WAAW,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,UAAU,qBAa3D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-backoffice",
-  "version": "26.2.0-beta.7",
+  "version": "26.2.0-beta.8",
   "license": "COMMERCIAL",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -15,13 +15,13 @@
   "dependencies": {
     "@ant-design/icons": "6.1.0",
     "@babel/runtime": "7.24.7",
-    "@crystaldesign/content-box": "26.2.0-beta.7",
-    "@crystaldesign/content-item": "26.2.0-beta.7",
-    "@crystaldesign/diva-core": "26.2.0-beta.7",
-    "@crystaldesign/diva-utils": "26.2.0-beta.7",
-    "@crystaldesign/media-upload": "26.2.0-beta.7",
-    "@crystaldesign/rtf-editor": "26.2.0-beta.7",
-    "@crystaldesign/spreadsheet": "26.2.0-beta.7",
+    "@crystaldesign/content-box": "26.2.0-beta.8",
+    "@crystaldesign/content-item": "26.2.0-beta.8",
+    "@crystaldesign/diva-core": "26.2.0-beta.8",
+    "@crystaldesign/diva-utils": "26.2.0-beta.8",
+    "@crystaldesign/media-upload": "26.2.0-beta.8",
+    "@crystaldesign/rtf-editor": "26.2.0-beta.8",
+    "@crystaldesign/spreadsheet": "26.2.0-beta.8",
     "@google/model-viewer": "3.5.0",
     "ag-charts-community": "^10.1.0",
     "ag-charts-react": "^10.1.0",
@@ -51,5 +51,5 @@
   },
   "module": "build/esm/index.js",
   "types": "./build/types/backoffice/src/index.d.ts",
-  "gitHead": "8875246d1d5eef03671dc1f06a6d1ac0993e2052"
+  "gitHead": "bd92c858028d36fef4d7e647b5000c32b921075c"
 }