@websolutespa/bom-mixer-ui 1.9.5 → 1.9.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @websolutespa/bom-mixer-ui
 
+## 1.9.7
+
+### Patch Changes
+
+- Added: css props justifySelf, objectFit
+
+## 1.9.6
+
+### Patch Changes
+
+- Fixing: Select, FieldSelect
+
 ## 1.9.5
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -248,6 +248,7 @@ const CssObj = {
   height: 'height',
   inset: 'inset',
   justifyContent: 'justify-content',
+  justifySelf: 'justify-self',
   left: 'left',
   letterSpacing: 'letter-spacing',
   lineHeight: 'line-height',
@@ -260,6 +261,7 @@ const CssObj = {
   maxWidth: 'max-width',
   minHeight: 'min-height',
   minWidth: 'min-width',
+  objectFit: 'object-fit',
   opacity: 'opacity',
   order: 'order',
   outline: 'outline',
@@ -11833,8 +11835,8 @@ const selectVariants = {
 function Select$1(_a) {
   var {
       name,
+      label,
       value: outerValue,
-      label: outerLabel,
       defaultValue: outerDefaultValue,
       options,
       multiple,
@@ -11846,43 +11848,44 @@ function Select$1(_a) {
       onChange,
       children
     } = _a,
-    props = __rest(_a, ["name", "value", "label", "defaultValue", "options", "multiple", "placeholder", "variant", "variants", "onBlur", "onFocus", "onChange", "children"]);
+    props = __rest(_a, ["name", "label", "value", "defaultValue", "options", "multiple", "placeholder", "variant", "variants", "onBlur", "onFocus", "onChange", "children"]);
   const value = outerToInnerSelectValue(outerValue);
   const defaultValue = outerToInnerSelectValue(outerDefaultValue) || (multiple ? [] : '');
   const [innerValue, setInnerValue] = React.useState(value || defaultValue);
-  // console.log('value', value, 'defaultValue', defaultValue);
+  const [previousOuterValue, setPreviousOuterValue] = React.useState(outerValue);
+  // console.log('outerValue', outerValue, 'innerValue', innerValue);
   React.useEffect(() => {
-    if (innerValue !== value) {
+    if (previousOuterValue !== outerValue) {
+      setPreviousOuterValue(outerValue);
       setInnerValue(value);
+      // console.log('useEffect.setInnerValue', value);
     }
-  }, [innerValue, value]);
-  const onBlur_ = event => {
-    onBlur && onBlur(event);
-  };
-  const onFocus_ = event => {
-    onFocus && onFocus(event);
-  };
+  }, [previousOuterValue, outerValue, value]);
   const onChange_ = value => {
     if (innerValue !== value) {
       setInnerValue(value);
+      // console.log('onChange_.setInnerValue', value);
       const outerValue = innerToOuterSelectValue(value, options);
-      console.log('setInnerValue', value, outerValue);
       onChange && onChange(outerValue);
+      // console.log('onChange_.setOuterValue', outerValue);
     }
   };
+  const onBlur_ = event => {
+    onBlur && onBlur(event);
+  };
+  const onFocus_ = event => {
+    onFocus && onFocus(event);
+  };
   const globalVariants = useVariants('select', selectVariants);
   variants = variants || globalVariants;
   return jsxRuntime.jsx(Ariakit__namespace.SelectProvider, Object.assign({
-    value: value,
-    defaultValue: defaultValue,
+    value: innerValue,
     setValue: onChange_
   }, props, {
     children: jsxRuntime.jsx(SelectContext.Provider, {
       value: {
         name,
-        value: outerValue,
-        label: outerLabel,
-        defaultValue: outerDefaultValue,
+        label,
         options,
         multiple,
         placeholder,
@@ -12071,7 +12074,10 @@ function SelectSelection() {
     return;
   }
   const state = selectContext === null || selectContext === void 0 ? void 0 : selectContext.getState();
-  const items = ((state === null || state === void 0 ? void 0 : state.items) || []).filter(x => x.element.parentElement !== (state === null || state === void 0 ? void 0 : state.anchorElement)).map(x => ({
+  const items = context.options ? context.options.map(x => ({
+    value: String(x.id),
+    label: x.name
+  })) : ((state === null || state === void 0 ? void 0 : state.items) || []).filter(x => x.element.parentElement !== (state === null || state === void 0 ? void 0 : state.anchorElement)).map(x => ({
     value: x.value,
     label: x.element.innerText || x.value
   }));
@@ -12090,6 +12096,7 @@ function SelectSelection() {
       return context.placeholder || 'Select';
     }
   }
+  // console.log(context.options, state?.items, items, value);
   return ((_a = items.find(x => x.value === value)) === null || _a === void 0 ? void 0 : _a.label) || context.placeholder || 'Select';
 }