@websolutespa/bom-mixer-ui 1.9.3 → 1.9.5

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @websolutespa/bom-mixer-ui
 
+## 1.9.5
+
+### Patch Changes
+
+- Fixing: Select, FieldSelect
+
+## 1.9.4
+
+### Patch Changes
+
+- Added: Text.Html
+- Updated dependencies
+- Updated dependencies
+  - @websolutespa/bom-mixer-store@1.8.4
+  - @websolutespa/bom-core@1.8.11
+
 ## 1.9.3
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -4079,36 +4079,6 @@ function hasBackground(props) {
   return hasChildOfType(props.children, Background);
 }
 
-styled.css`
-  h1, h2, h3, h4, h5, h6 {
-    // color: var(--color-neutral-500);
-    margin-bottom: 3rem;
-  }
-  h4 {
-    font-size: 1.2em;
-  }
-`;
-styled.css`
-  a[href] {
-    ${CssDefault}
-    ${CssButtonNavInverted}
-  }
-`;
-styled.css`
-  p:not(:last-child) {
-    margin-bottom: 1.25em;
-  }
-`;
-styled.css`
-  ul {
-    list-style: initial;
-    margin: 0 0 2em 1.1em;
-
-    &>li {
-      padding: 0.3em 0;
-    }
-  }
-`;
 const StyledText$1 = styled__default.default.div`
   ${props => getFontVariantResponsive(props, (variant, font) => styled.css`
     ${font.family ? styled.css`font-family: var(--font-${variant}-family, var(--base-font-family));` : ''}
@@ -4125,13 +4095,7 @@ const StyledText$1 = styled__default.default.div`
   ` : ''}
   ${props => getCssResponsive(props)}
 `;
-/*
-${CssH}
-${CssA}
-${CssP}
-${CssUl}
-*/
-const TextBase = /*#__PURE__*/React.forwardRef((_a, ref) => {
+const TextBase = /*#__PURE__*/React.forwardRef(function Text(_a, ref) {
   var {
       children,
       className,
@@ -4147,7 +4111,24 @@ const TextBase = /*#__PURE__*/React.forwardRef((_a, ref) => {
     children: children
   }));
 });
-TextBase.displayName = 'Text';
+const TextHtml = /*#__PURE__*/React.forwardRef(function TextHtml(_a, ref) {
+  var {
+      children,
+      className,
+      as = 'div'
+    } = _a,
+    props = __rest(_a, ["children", "className", "as"]);
+  const classNames = bomCore.getClassNames('text', 'wysiwyg', className, props.variant);
+  return jsxRuntime.jsx(StyledText$1, Object.assign({
+    className: classNames,
+    ref: ref,
+    as: as
+  }, props, {
+    dangerouslySetInnerHTML: {
+      __html: children
+    }
+  }));
+});
 const TextSROnly = styled__default.default.div`
   position: absolute;
   width: 1px;
@@ -4160,6 +4141,7 @@ const TextSROnly = styled__default.default.div`
   border-width: 0;
 `;
 const Text = bomCore.withSchema(TextBase, {
+  Html: TextHtml,
   SROnly: TextSROnly
 });
 
@@ -8249,6 +8231,30 @@ function isEmptyValue(value) {
   }
   return Boolean(value) === false;
 }
+function outerToInnerSelectValue(value) {
+  if (Array.isArray(value)) {
+    return value.map(x => outerToInnerSelectValue(x));
+  }
+  if (bomCore.isObject(value)) {
+    return String(value.id);
+  }
+  if (value == null) {
+    return undefined;
+  }
+  return value;
+}
+function innerToOuterSelectValue(value, options) {
+  if (Array.isArray(value)) {
+    return value.map(x => innerToOuterSelectValue(x, options));
+  }
+  if (value == null) {
+    return null;
+  }
+  if (Array.isArray(options)) {
+    return options.find(x => String(x.id) === value) || null;
+  }
+  return value;
+}
 function outerToInnerValue(value) {
   if (Array.isArray(value)) {
     return value.map(x => outerToInnerValue(x));
@@ -11841,8 +11847,8 @@ function Select$1(_a) {
       children
     } = _a,
     props = __rest(_a, ["name", "value", "label", "defaultValue", "options", "multiple", "placeholder", "variant", "variants", "onBlur", "onFocus", "onChange", "children"]);
-  const value = outerToInnerValue(outerValue);
-  const defaultValue = outerToInnerValue(outerDefaultValue) || (multiple ? [] : '');
+  const value = outerToInnerSelectValue(outerValue);
+  const defaultValue = outerToInnerSelectValue(outerDefaultValue) || (multiple ? [] : '');
   const [innerValue, setInnerValue] = React.useState(value || defaultValue);
   // console.log('value', value, 'defaultValue', defaultValue);
   React.useEffect(() => {
@@ -11859,7 +11865,8 @@ function Select$1(_a) {
   const onChange_ = value => {
     if (innerValue !== value) {
       setInnerValue(value);
-      const outerValue = innerToOuterValue(value, options);
+      const outerValue = innerToOuterSelectValue(value, options);
+      console.log('setInnerValue', value, outerValue);
       onChange && onChange(outerValue);
     }
   };
@@ -13846,6 +13853,7 @@ exports.TextArea = TextArea;
 exports.TextBase = TextBase;
 exports.TextDescription = TextDescription;
 exports.TextHighlight = TextHighlight;
+exports.TextHtml = TextHtml;
 exports.Tooltip = Tooltip;
 exports.Transition = Transition;
 exports.Typography = Typography;
@@ -13880,6 +13888,7 @@ exports.getVariantResponsive = getVariantResponsive;
 exports.hasChild = hasChild;
 exports.hasChildOfType = hasChildOfType;
 exports.highligthText = highligthText;
+exports.innerToOuterSelectValue = innerToOuterSelectValue;
 exports.innerToOuterSingleValue = innerToOuterSingleValue;
 exports.innerToOuterValue = innerToOuterValue;
 exports.inputVariants = inputVariants;
@@ -13903,6 +13912,7 @@ exports.mediaMin = mediaMin;
 exports.mediaOnly = mediaOnly;
 exports.mediaUp = mediaUp;
 exports.modalVariants = modalVariants;
+exports.outerToInnerSelectValue = outerToInnerSelectValue;
 exports.outerToInnerSingleValue = outerToInnerSingleValue;
 exports.outerToInnerValue = outerToInnerValue;
 exports.pickChild = pickChild;