@onesy/ui-react 1.0.43 → 1.0.45

package/Checkbox/Checkbox.js

@@ -288,11 +288,17 @@ const Checkbox = react_1.default.forwardRef((props_, ref) => {
             classes.root,
             disabled && classes.disabled
         ]) }, other, { children: [(0, jsx_runtime_1.jsx)(IconItem, { className: (0, style_react_1.classNames)([
+                    (0, utils_2.staticClassName)('Checkbox', theme) && [
+                        'onesy-Checkbox-icon-item'
+                    ],
                     classes.iconItem,
                     value && classes.iconItem_checked,
                     indeterminate && classes.iconItem_indeterminate,
                     (value && disabled) && classes.iconItem_checked_disabled
                 ]), style: styles.iconItem }), (0, jsx_runtime_1.jsx)(IconItem, { Component: 'div', className: (0, style_react_1.classNames)([
+                    (0, utils_2.staticClassName)('Checkbox', theme) && [
+                        'onesy-Checkbox-icon-box'
+                    ],
                     classes.icon,
                     classes.iconBox,
                     value && [
@@ -308,10 +314,18 @@ const Checkbox = react_1.default.forwardRef((props_, ref) => {
                         indeterminate && classes.iconBox_indeterminate_disabled,
                     ]
                 ]), style: styles.iconBox }), indeterminate && ((0, jsx_runtime_1.jsx)(IconItem, Object.assign({ className: (0, style_react_1.classNames)([
+                    (0, utils_2.staticClassName)('Checkbox', theme) && [
+                        'onesy-Checkbox-icon',
+                        'onesy-Checkbox-icon-indeterminate'
+                    ],
                     classes.icon,
                     classes.iconDone,
                     indeterminate && classes.indeterminate
                 ]), style: styles.iconDone, noFontSizeDownScale: true }, { children: (0, jsx_runtime_1.jsx)(IconMaterialIndeterminateCheckBox, { size: 'inherit' }) }))), value && ((0, jsx_runtime_1.jsx)(Buttons_1.IconDoneAnimated, { className: (0, style_react_1.classNames)([
+                    (0, utils_2.staticClassName)('Checkbox', theme) && [
+                        'onesy-Checkbox-icon',
+                        'onesy-Checkbox-icon-done'
+                    ],
                     classes.icon,
                     classes.iconDone
                 ]), style: styles.iconDone, in: value, add: true }))] })));

package/SmartTextField/SmartTextField.js

@@ -200,7 +200,7 @@ const SmartTextField = react_1.default.forwardRef((props_, ref) => {
         setOptionsMention([...(optionsMention_ || [])]);
     }, [(0, utils_1.hash)(optionsMention_)]);
     react_1.default.useEffect(() => {
-        const valuePrevious = (refs.root.current.innerHTML || '').replaceAll(' ', ' ');
+        const valuePrevious = (0, utils_2.decodeHTMLEntities)(refs.root.current.innerHTML || '').replaceAll(' ', ' ');
         const valueNew = (0, utils_1.textToInnerHTML)(value_);
         if (value_ !== undefined && valuePrevious !== valueNew)
             validate(!value_ ? '' : (0, utils_2.sanitize)(value_));
@@ -287,7 +287,7 @@ const SmartTextField = react_1.default.forwardRef((props_, ref) => {
     refs.search.current = getAtSearchData();
     const onInput = react_1.default.useCallback((event) => {
         if (refs.root.current) {
-            let valueInput = refs.root.current.innerHTML || '';
+            let valueInput = (0, utils_2.decodeHTMLEntities)(refs.root.current.innerHTML || '');
             if (refs.root.current.textContent === '') {
                 valueInput = '';
                 refs.root.current.innerHTML = '';
@@ -453,7 +453,7 @@ const SmartTextField = react_1.default.forwardRef((props_, ref) => {
             // Remove the text node
             textNode.remove();
             // Invoke onChange method with new value
-            const valueInput = (0, utils_1.innerHTMLToText)(refs.root.current.innerHTML);
+            const valueInput = (0, utils_1.innerHTMLToText)((0, utils_2.decodeHTMLEntities)(refs.root.current.innerHTML));
             if ((0, utils_1.is)('function', refs.onChange.current))
                 refs.onChange.current(valueInput, { target: refs.root.current });
             // Update the caret position to be outside the span mention

package/esm/Checkbox/Checkbox.js

@@ -311,20 +311,20 @@ const Checkbox = /*#__PURE__*/React.forwardRef((props_, ref) => {
     Component: Component,
     className: classNames([staticClassName('Checkbox', theme) && ['onesy-Checkbox-root', `onesy-Checkbox-version-${version}`, `onesy-Checkbox-size-${size}`, value && `onesy-Checkbox-checked`, disabled && `onesy-Checkbox-disabled`], className, classes.root, disabled && classes.disabled])
   }, other), /*#__PURE__*/React.createElement(IconItem, {
-    className: classNames([classes.iconItem, value && classes.iconItem_checked, indeterminate && classes.iconItem_indeterminate, value && disabled && classes.iconItem_checked_disabled]),
+    className: classNames([staticClassName('Checkbox', theme) && ['onesy-Checkbox-icon-item'], classes.iconItem, value && classes.iconItem_checked, indeterminate && classes.iconItem_indeterminate, value && disabled && classes.iconItem_checked_disabled]),
     style: styles.iconItem
   }), /*#__PURE__*/React.createElement(IconItem, {
     Component: "div",
-    className: classNames([classes.icon, classes.iconBox, value && [classes.iconBox_checked, classes[`iconBox_checked_version_${version}`]], indeterminate && [classes.iconBox_indeterminate, classes[`iconBox_indeterminate_version_${version}`]], disabled && [value && classes.iconBox_checked_disabled, indeterminate && classes.iconBox_indeterminate_disabled]]),
+    className: classNames([staticClassName('Checkbox', theme) && ['onesy-Checkbox-icon-box'], classes.icon, classes.iconBox, value && [classes.iconBox_checked, classes[`iconBox_checked_version_${version}`]], indeterminate && [classes.iconBox_indeterminate, classes[`iconBox_indeterminate_version_${version}`]], disabled && [value && classes.iconBox_checked_disabled, indeterminate && classes.iconBox_indeterminate_disabled]]),
     style: styles.iconBox
   }), indeterminate && /*#__PURE__*/React.createElement(IconItem, {
-    className: classNames([classes.icon, classes.iconDone, indeterminate && classes.indeterminate]),
+    className: classNames([staticClassName('Checkbox', theme) && ['onesy-Checkbox-icon', 'onesy-Checkbox-icon-indeterminate'], classes.icon, classes.iconDone, indeterminate && classes.indeterminate]),
     style: styles.iconDone,
     noFontSizeDownScale: true
   }, /*#__PURE__*/React.createElement(IconMaterialIndeterminateCheckBox, {
     size: "inherit"
   })), value && /*#__PURE__*/React.createElement(IconDoneAnimated, {
-    className: classNames([classes.icon, classes.iconDone]),
+    className: classNames([staticClassName('Checkbox', theme) && ['onesy-Checkbox-icon', 'onesy-Checkbox-icon-done'], classes.icon, classes.iconDone]),
     style: styles.iconDone,
     in: value,
     add: true

package/esm/SmartTextField/SmartTextField.js

@@ -32,7 +32,7 @@ import ToggleButtonElement from '../ToggleButton';
 import ClickListenerElement from '../ClickListener';
 import ToggleButtonsElement from '../ToggleButtons';
 import MenuElement from '../Menu';
-import { sanitize, caret, keyboardStyleCommands, staticClassName } from '../utils';
+import { sanitize, caret, keyboardStyleCommands, staticClassName, decodeHTMLEntities } from '../utils';
 const useStyle = styleMethod(theme => ({
   root: {
     minHeight: '20px',
@@ -226,7 +226,7 @@ const SmartTextField = /*#__PURE__*/React.forwardRef((props_, ref) => {
     setOptionsMention([...(optionsMention_ || [])]);
   }, [hash(optionsMention_)]);
   React.useEffect(() => {
-    const valuePrevious = (refs.root.current.innerHTML || '').replaceAll(' ', ' ');
+    const valuePrevious = decodeHTMLEntities(refs.root.current.innerHTML || '').replaceAll(' ', ' ');
     const valueNew = textToInnerHTML(value_);
     if (value_ !== undefined && valuePrevious !== valueNew) validate(!value_ ? '' : sanitize(value_));
   }, [value_]);
@@ -306,7 +306,7 @@ const SmartTextField = /*#__PURE__*/React.forwardRef((props_, ref) => {
   refs.search.current = getAtSearchData();
   const onInput = React.useCallback(event => {
     if (refs.root.current) {
-      let valueInput = refs.root.current.innerHTML || '';
+      let valueInput = decodeHTMLEntities(refs.root.current.innerHTML || '');
       if (refs.root.current.textContent === '') {
         valueInput = '';
         refs.root.current.innerHTML = '';
@@ -471,7 +471,7 @@ const SmartTextField = /*#__PURE__*/React.forwardRef((props_, ref) => {
       textNode.remove();
 
       // Invoke onChange method with new value
-      const valueInput = innerHTMLToText(refs.root.current.innerHTML);
+      const valueInput = innerHTMLToText(decodeHTMLEntities(refs.root.current.innerHTML));
       if (is('function', refs.onChange.current)) refs.onChange.current(valueInput, {
         target: refs.root.current
       });

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.43
+/** @license UiReact v1.0.45
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/esm/utils.js

@@ -1253,4 +1253,8 @@ export const currencies = [{
   rounding: 0,
   code: 'ZMK',
   name_plural: 'Zambian kwachas'
-}];
+}];
+export const decodeHTMLEntities = html => {
+  const document = new DOMParser().parseFromString(html, 'text/html');
+  return document.documentElement.textContent || '';
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.43",
+  "version": "1.0.45",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",

package/utils.d.ts

@@ -46,3 +46,4 @@ export declare const currencies: {
     code: string;
     name_plural: string;
 }[];
+export declare const decodeHTMLEntities: (html: string) => string;

package/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.currencies = exports.iconFontSize = exports.formats = exports.toNumber = exports.caret = exports.keyboardStyleCommands = exports.keyboardStandardCommands = exports.getOverflowParent = exports.importIframeStyles = exports.replace = exports.sanitize = exports.minMaxBetweenNumbers = exports.controlPoint = exports.line = exports.angleToCoordinates = exports.matches = exports.save = exports.print = exports.canvasOldPhoto = exports.canvasInvert = exports.canvasFade = exports.canvasSaturation = exports.canvasContrast = exports.canvasBrightness = exports.image = exports.valueBreakpoints = exports.iconSizeToFontSize = exports.staticClassName = exports.reflow = void 0;
+exports.decodeHTMLEntities = exports.currencies = exports.iconFontSize = exports.formats = exports.toNumber = exports.caret = exports.keyboardStyleCommands = exports.keyboardStandardCommands = exports.getOverflowParent = exports.importIframeStyles = exports.replace = exports.sanitize = exports.minMaxBetweenNumbers = exports.controlPoint = exports.line = exports.angleToCoordinates = exports.matches = exports.save = exports.print = exports.canvasOldPhoto = exports.canvasInvert = exports.canvasFade = exports.canvasSaturation = exports.canvasContrast = exports.canvasBrightness = exports.image = exports.valueBreakpoints = exports.iconSizeToFontSize = exports.staticClassName = exports.reflow = void 0;
 const utils_1 = require("@onesy/utils");
 function reflow(element) {
     element === null || element === void 0 ? void 0 : element.offsetHeight;
@@ -1420,3 +1420,8 @@ exports.currencies = [
         name_plural: 'Zambian kwachas'
     }
 ];
+const decodeHTMLEntities = (html) => {
+    const document = new DOMParser().parseFromString(html, 'text/html');
+    return document.documentElement.textContent || '';
+};
+exports.decodeHTMLEntities = decodeHTMLEntities;