@festo-ui/react 5.0.1 → 5.1.0-dev.164

package/node/lib/forms/select/Select.js

@@ -4,34 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _SelectOption = require("./select-option/SelectOption");
+var _react = _interopRequireWildcard(require("react"));
+var _useControlled = _interopRequireDefault(require("../../helper/useControlled"));
+var _useForkRef = _interopRequireDefault(require("../../helper/useForkRef"));
+var _useOnClickOutside = _interopRequireDefault(require("../../helper/useOnClickOutside"));
+var _ListItem = _interopRequireDefault(require("./list-item/ListItem"));
+var _utils = _interopRequireDefault(require("./utils"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function calcVirtualScrollHeight(config, itemLength) {
-  const defaultHeight = 48;
-  let height = defaultHeight;
-  if (itemLength === 2) {
-    height = defaultHeight * 2;
-  } else if (itemLength >= 3) {
-    height = defaultHeight * 3;
-  }
-  if (config?.scroll?.viewportSize != null && config.scroll.viewportSize !== undefined) {
-    if (itemLength >= config.scroll.viewportSize) {
-      height = config.scroll.viewportSize * defaultHeight;
-    } else if (itemLength < config.scroll.viewportSize) {
-      height = itemLength * defaultHeight;
-    }
-  }
-  return height;
-}
 const Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-    defaultValue,
+    defaultValue = '',
     value,
     label,
     options,
@@ -51,8 +37,12 @@ const Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     isFocused: false,
     action: ''
   });
-  const controlled = value !== undefined;
-  const [innerValue, setInnerValue] = (0, _react.useState)(controlled ? value : defaultValue);
+  const [innerValue, setInnerValue] = (0, _useControlled.default)({
+    controlled: value,
+    default: defaultValue
+  });
+  const innerRef = (0, _react.useRef)(null);
+  const combinedRef = (0, _useForkRef.default)(ref, innerRef);
   const buttonEl = (0, _react.useRef)(null);
   const childrenList = [];
   _react.default.Children.forEach(children, element => {
@@ -70,17 +60,7 @@ const Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const listItemRef = (0, _react.useRef)(Array.from({
     length: usedOptions.length
   }, () => /*#__PURE__*/_react.default.createRef()));
-  (0, _react.useEffect)(() => {
-    if (controlled) {
-      setInnerValue(value);
-    }
-  }, [value, controlled]);
-  const getSelectedOptionLabel = (0, _react.useCallback)(() => {
-    if (innerValue !== undefined) {
-      return usedOptions.find(option => option.data === innerValue)?.label;
-    }
-    return undefined;
-  }, [usedOptions, innerValue]);
+  const getSelectedOptionLabel = (0, _react.useCallback)(() => usedOptions.find(option => option.data === innerValue)?.label, [usedOptions, innerValue]);
   const scroll = config?.scroll;
   function handleButtonFocus(blur) {
     if (buttonEl && buttonEl.current) {
@@ -91,30 +71,31 @@ const Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       }
     }
   }
-  const focusNextElement = nextIndex => {
+  const focusNextElement = (0, _react.useCallback)(nextIndex => {
     if (listItemRef && listItemRef.current) {
       const nextItem = listItemRef.current[nextIndex].current;
       if (nextItem !== null) {
         nextItem.focus();
       }
     }
-  };
+  }, []);
+  const handleKeyAction = (0, _react.useCallback)(index => {
+    if (index >= 0) {
+      focusNextElement(index);
+    }
+  }, [focusNextElement]);
   (0, _react.useEffect)(() => {
     if (optionsWrapper.isFocused) {
       if (optionsWrapper.action === 'key') {
         const index = usedOptions.findIndex(option => option.label === getSelectedOptionLabel());
-        if (index >= 0) {
-          focusNextElement(index);
-        }
+        handleKeyAction(index);
       } else if (optionsWrapper.action === 'click') {
         handleButtonFocus(true);
       }
     }
-  }, [optionsWrapper, usedOptions, innerValue, getSelectedOptionLabel]);
+  }, [optionsWrapper, usedOptions, innerValue, getSelectedOptionLabel, handleKeyAction]);
   const handleOptionChange = newOption => {
-    if (!controlled) {
-      setInnerValue(newOption.data);
-    }
+    setInnerValue(newOption.data);
     if (onChange) {
       onChange(newOption.data);
     }
@@ -126,28 +107,23 @@ const Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       buttonEl.current.focus();
     }
   };
-  const handleListKeyDown = (event, option, index) => {
+  const handleListKeyDown = (e, option, index) => {
     const arrowKeys = ['ArrowDown', 'ArrowUp'];
     const validKeys = ['Enter', ' '];
-    if (arrowKeys.concat(validKeys).includes(event.key)) {
-      event.preventDefault();
+    if (arrowKeys.concat(validKeys).includes(e.key)) {
+      e.preventDefault();
     }
-    if (event.key === 'ArrowDown') {
+    if (e.key === 'ArrowDown') {
       focusNextElement((index + 1) % usedOptions.length);
     }
-    if (event.key === 'ArrowUp') {
-      event.preventDefault();
-      let nextIndex = (index - 1) % usedOptions.length;
-      if (nextIndex < 0) {
-        nextIndex += usedOptions.length;
-      }
+    if (e.key === 'ArrowUp') {
+      const nextIndex = (index - 1 + usedOptions.length) % usedOptions.length;
       focusNextElement(nextIndex);
     }
-    if (validKeys.includes(event.key)) {
+    if (validKeys.includes(e.key)) {
       handleOptionChange(option);
-      event.preventDefault();
     }
-    if (event.key === 'Escape') {
+    if (e.key === 'Escape') {
       setOptionsWrapper(prevOptionsWrapper => ({
         ...prevOptionsWrapper,
         isFocused: false
@@ -176,6 +152,16 @@ const Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       }));
     }
   };
+  const handleChange = event => {
+    const child = usedOptions.find(childItem => childItem.data === event.target.value);
+    if (child === undefined) {
+      return;
+    }
+    setInnerValue(child.data);
+    if (onChange) {
+      onChange(child.data);
+    }
+  };
   const selectedOptionLabel = getSelectedOptionLabel();
   const selectClassName = (0, _classnames.default)('fwe-select', {
     'fwe-focus': optionsWrapper.isFocused
@@ -190,16 +176,12 @@ const Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
   function renderOptions() {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [options && options.map((option, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      children: [options && options.map((option, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
         ref: listItemRef.current[i],
-        role: "option",
         "aria-selected": option.label === selectedOptionLabel,
         onClick: () => handleOptionChange(option),
-        className: (0, _classnames.default)('fwe-select-option', {
-          'fwe-empty': !option.label
-        }),
+        empty: !option.label,
         onKeyDown: e => handleListKeyDown(e, option, i),
-        tabIndex: 0,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "fwe-select-option-content",
           children: option.label
@@ -209,81 +191,68 @@ const Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
           option,
           ...propsWithoutOption
         } = child.props;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
           ref: listItemRef.current[i],
-          role: "option",
           "aria-selected": option.label === selectedOptionLabel,
           onClick: () => handleOptionChange(option),
-          className: (0, _classnames.default)('fwe-select-option', {
-            'fwe-empty': !option.label
-          }),
+          empty: !option.label,
           onKeyDown: e => handleListKeyDown(e, option, i),
-          tabIndex: 0,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.SelectOption, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             ...propsWithoutOption
           })
         }, option.data);
       })]
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactOutsideClickHandler.default, {
-    onOutsideClick: () => setOptionsWrapper({
-      action: '',
-      isFocused: false
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      ref: ref,
-      className: (0, _classnames.default)('fwe-select-wrapper', className),
-      ...props,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
-        defaultValue: defaultValue,
-        value: innerValue,
-        name: name,
-        id: id,
-        "aria-label": label,
-        disabled: disabled,
-        required: required,
-        children: usedOptions.map(option => /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          value: option.data,
-          children: option.label
-        }, option.data))
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        role: "button",
-        tabIndex: 0,
-        className: selectClassName,
-        onClick: e => handleClick(e),
-        ref: buttonEl,
-        onKeyDown: handleKeyPress,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "fwe-select-content",
-          children: selectedOptionLabel
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-        className: (0, _classnames.default)('fwe-select-label', {
-          'fwe-sr-only': config?.hideLabel
-        }),
-        htmlFor: id,
-        children: label || ''
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fwe-select-underline"
-      }), hint && !error && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fwe-select-description",
-        children: hint
-      }), error && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "fwe-select-invalid",
-        children: [" ", error, " "]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-        className: `fwe-select-options-container${optionsWrapper.isFocused ? '' : ' fwe-d-none'}`,
-        children: scroll?.enabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "fr-select-scroll",
-          style: {
-            height: calcVirtualScrollHeight(config, usedOptions.length)
-          },
-          children: renderOptions()
-        }) : renderOptions()
-      })]
-    })
+  (0, _useOnClickOutside.default)(innerRef, () => setOptionsWrapper({
+    action: '',
+    isFocused: false
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ref: combinedRef,
+    className: (0, _classnames.default)('fwe-select-wrapper', className),
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      className: "fr-select-input",
+      "aria-hidden": true,
+      tabIndex: -1,
+      value: innerValue,
+      onChange: e => handleChange(e)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      role: "button",
+      tabIndex: 0,
+      className: selectClassName,
+      onClick: e => handleClick(e),
+      ref: buttonEl,
+      onKeyDown: handleKeyPress,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fwe-select-content",
+        children: selectedOptionLabel
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      className: (0, _classnames.default)('fwe-select-label', {
+        'fwe-sr-only': config?.hideLabel
+      }),
+      htmlFor: id,
+      children: label || ''
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fwe-select-underline"
+    }), hint && !error && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fwe-select-description",
+      children: hint
+    }), error && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fwe-select-invalid",
+      children: [" ", error, " "]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      className: `fwe-select-options-container${optionsWrapper.isFocused ? '' : ' fwe-d-none'}`,
+      children: scroll?.enabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fr-select-scroll",
+        style: {
+          height: (0, _utils.default)(config, usedOptions.length)
+        },
+        children: renderOptions()
+      }) : renderOptions()
+    })]
   });
 });
-var _default = Select;
-exports.default = _default;
+var _default = exports.default = Select;

package/node/lib/forms/select/list-item/ListItem.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ListItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children,
+    className,
+    "aria-selected": ariaSelected,
+    empty,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+    ref: ref,
+    role: "option",
+    "aria-selected": ariaSelected,
+    className: (0, _classnames.default)('fwe-select-option', {
+      'fwe-empty': empty
+    }, className),
+    tabIndex: 0,
+    ...props,
+    children: children
+  });
+});
+var _default = exports.default = ListItem;

package/node/lib/forms/select/select-option/SelectOption.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.SelectOption = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const SelectOption = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const SelectOption = exports.SelectOption = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
     className,
@@ -21,6 +21,4 @@ const SelectOption = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     children: children
   });
 });
-exports.SelectOption = SelectOption;
-var _default = SelectOption;
-exports.default = _default;
+var _default = exports.default = SelectOption;

package/node/lib/forms/select/utils.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = calcVirtualScrollHeight;
+function calcVirtualScrollHeight(config, itemLength) {
+  const defaultHeight = 48;
+  let height = defaultHeight;
+  if (itemLength === 2) {
+    height = defaultHeight * 2;
+  } else if (itemLength >= 3) {
+    height = defaultHeight * 3;
+  }
+  if (config?.scroll?.viewportSize != null && config.scroll.viewportSize !== undefined) {
+    if (itemLength >= config.scroll.viewportSize) {
+      height = config.scroll.viewportSize * defaultHeight;
+    } else if (itemLength < config.scroll.viewportSize) {
+      height = itemLength * defaultHeight;
+    }
+  }
+  return height;
+}

package/node/lib/forms/slider/Slider.js

@@ -9,8 +9,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _useId = _interopRequireDefault(require("../../helper/useId"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function Slider(_ref) {
   let {
     disabled = false,
@@ -97,5 +97,4 @@ function Slider(_ref) {
     })]
   });
 }
-var _default = Slider;
-exports.default = _default;
+var _default = exports.default = Slider;

package/node/lib/forms/switch/Switch.js

@@ -54,5 +54,4 @@ function Switch(_ref) {
     })]
   });
 }
-var _default = Switch;
-exports.default = _default;
+var _default = exports.default = Switch;

package/node/lib/forms/text-area/TextArea.js

@@ -9,8 +9,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _useId = _interopRequireDefault(require("../../helper/useId"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function TextArea(_ref) {
   let {
     disabled,
@@ -113,5 +113,4 @@ function TextArea(_ref) {
     })]
   });
 }
-var _default = TextArea;
-exports.default = _default;
+var _default = exports.default = TextArea;

package/node/lib/forms/text-editor/TextEditor.js

@@ -24,9 +24,13 @@ const defaultConfig = {
     link: true
   }
 };
+function postpone(fn) {
+  Promise.resolve().then(fn);
+}
 function TextEditor(_ref) {
   let {
     disabled = false,
+    defaultValue,
     label,
     maxLength,
     value,
@@ -40,13 +44,29 @@ function TextEditor(_ref) {
   const editorRef = (0, _react.useRef)(null);
   const [editor, setEditor] = (0, _react.useState)(null);
   const id = (0, _useId.default)();
-  const [innerValue, setInnerValue] = (0, _react.useState)(value);
+  const [innerValue, setInnerValue] = (0, _react.useState)(null);
   const config = {
     toolbar: {
       ...defaultConfig.toolbar,
       ...configProps?.toolbar
     }
   };
+  const setEditorContents = (0, _react.useCallback)((e, v) => {
+    if (e) {
+      const whiteList = {
+        ...xss.whiteList,
+        a: [...xss.whiteList.a, 'rel']
+      };
+      const sanitizedValue = xss(v, {
+        whiteList
+      });
+      const content = e.clipboard.convert(sanitizedValue);
+      const selection = e.getSelection();
+      e.setContents(content, 'silent');
+      setInnerValue(sanitizedValue);
+      postpone(() => e.setSelection(selection));
+    }
+  }, []);
   (0, _react.useEffect)(() => {
     if (editorRef && editor === null && typeof window === 'object') {
       // eslint-disable-next-line global-require
@@ -80,8 +100,11 @@ function TextEditor(_ref) {
         return new Delta().insert('');
       });
       setEditor(newEditor);
+      if (defaultValue) {
+        setEditorContents(newEditor, defaultValue);
+      }
     }
-  }, [editorRef, editor, disabled, readOnly, className, id, config.toolbar?.image]);
+  }, [editorRef, editor, disabled, readOnly, className, id, config.toolbar?.image, setEditorContents, defaultValue]);
   (0, _react.useEffect)(() => {
     if (editor) {
       editor.on('text-change', () => {
@@ -97,18 +120,10 @@ function TextEditor(_ref) {
     }
   }, [editor, onChange]);
   (0, _react.useEffect)(() => {
-    if (editor) {
-      const whiteList = {
-        ...xss.whiteList,
-        a: [...xss.whiteList.a, 'rel']
-      };
-      const sanitizedValue = xss(value, {
-        whiteList
-      });
-      const content = editor.clipboard.convert(sanitizedValue);
-      editor.setContents(content, 'silent');
+    if (value !== innerValue && value !== undefined && value !== null) {
+      setEditorContents(editor, value);
     }
-  }, [editor, value]);
+  }, [editor, innerValue, setEditorContents, value]);
   function currentLength() {
     return innerValue?.length || 0;
   }
@@ -257,5 +272,4 @@ function TextEditor(_ref) {
     })]
   });
 }
-var _default = TextEditor;
-exports.default = _default;
+var _default = exports.default = TextEditor;

package/node/lib/forms/text-editor/TextEditorButton.js

@@ -84,5 +84,4 @@ function TextEditorButton(_ref) {
     })]
   });
 }
-var _default = TextEditorButton;
-exports.default = _default;
+var _default = exports.default = TextEditorButton;

package/node/lib/forms/text-input/TextInput.js

@@ -9,8 +9,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _useId = _interopRequireDefault(require("../../helper/useId"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const TextInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     disabled,
@@ -80,5 +80,4 @@ const TextInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     })]
   });
 });
-var _default = TextInput;
-exports.default = _default;
+var _default = exports.default = TextInput;

package/node/lib/forms/time-picker/TimePicker.js

@@ -13,8 +13,8 @@ var _useId = _interopRequireDefault(require("../../helper/useId"));
 var _useOnClickOutside = _interopRequireDefault(require("../../helper/useOnClickOutside"));
 var _TimePickerDropdown = _interopRequireDefault(require("./time-picker-dropdown/TimePickerDropdown"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const TimePicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
@@ -165,5 +165,4 @@ const TimePicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     }), container.body)]
   });
 });
-var _default = TimePicker;
-exports.default = _default;
+var _default = exports.default = TimePicker;

package/node/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js

@@ -8,8 +8,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _useForkRef = _interopRequireDefault(require("../../../helper/useForkRef"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
@@ -218,5 +218,4 @@ const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     })
   );
 });
-var _default = TimePickerDropdown;
-exports.default = _default;
+var _default = exports.default = TimePickerDropdown;