@festo-ui/react 8.1.0-dev.563 → 8.1.0-dev.565

package/node/lib/forms/color-picker/ColorHelper.js

@@ -36,7 +36,6 @@ class ColorHelper {
         default:
         // no other option
       }
-
       h /= 6;
     }
     return {
@@ -94,7 +93,6 @@ class ColorHelper {
       default:
       // no other option
     }
-
     return {
       r: this.limitToByte(r * 255),
       g: this.limitToByte(g * 255),

package/node/lib/forms/color-picker/ColorPicker.js

@@ -12,9 +12,9 @@ var _useId = _interopRequireDefault(require("../../helper/useId.js"));
 var _checkSmall = _interopRequireDefault(require("../../components/icons/check-small.js"));
 var _collapse = _interopRequireDefault(require("../../components/icons/collapse.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 _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 && {}.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; }
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 
@@ -53,6 +53,9 @@ function ColorPicker(_ref) {
   const blueId = (0, _useId.default)();
   const hexId = (0, _useId.default)();
   const alphaId = (0, _useId.default)();
+  const gradientKnobRef = (0, _react.useRef)(null);
+  const hueKnobRef = (0, _react.useRef)(null);
+  const alphaKnobRef = (0, _react.useRef)(null);
   function limitAlpha() {
     if (innerAlpha > 100) {
       return 100;
@@ -172,7 +175,6 @@ function ColorPicker(_ref) {
       default:
       // no other value possible
     }
-
     if (typeof currentInput !== 'number' || typeof currentInput === 'number' && currentInput > 255 && currentInput < 0) {
       const rgb = _ColorHelper.default.hexToRgb(innerColor || '#FFFFFF');
       if (rgb) {
@@ -196,7 +198,6 @@ function ColorPicker(_ref) {
       default:
       // no other value possible
     }
-
     if (numberValue <= 255 && numberValue >= 0) {
       const rgb = _ColorHelper.default.hexToRgb(innerColor || '#FFFFFF');
       if (rgb) {
@@ -257,8 +258,10 @@ function ColorPicker(_ref) {
           },
           onDrag: (e, data) => onGradientDrag(e, data),
           bounds: "parent",
+          nodeRef: gradientKnobRef,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "fwe-knob"
+            className: "fwe-knob",
+            ref: gradientKnobRef
           })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -280,11 +283,13 @@ function ColorPicker(_ref) {
           },
           onDrag: (e, data) => onHueDrag(e, data),
           bounds: "parent",
+          nodeRef: hueKnobRef,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "fwe-knob",
             style: {
               background: `hsl(${hsv.h * 360}, 100%, 50%)`
-            }
+            },
+            ref: hueKnobRef
           })
         })]
       }), useAlpha && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -363,8 +368,10 @@ function ColorPicker(_ref) {
           },
           onDrag: (e, data) => onAlphaDrag(e, data),
           bounds: "parent",
+          nodeRef: alphaKnobRef,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "fwe-knob"
+            className: "fwe-knob",
+            ref: alphaKnobRef
           })
         })]
       })]
@@ -400,6 +407,7 @@ function ColorPicker(_ref) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "fwe-d-flex",
         children: [inputType === 'HEX' && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+          "aria-label": "Hexadecimal Color",
           className: "fwe-input-text fwe-hex-input",
           htmlFor: hexId,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
@@ -411,6 +419,7 @@ function ColorPicker(_ref) {
           })
         }), inputType === 'RGB' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+            "aria-label": "RGB Color Red",
             className: "fwe-input-text fwe-red-input",
             htmlFor: redId,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
@@ -421,6 +430,7 @@ function ColorPicker(_ref) {
               id: redId
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+            "aria-label": "RGB Color Green",
             className: "fwe-input-text fwe-green-input",
             htmlFor: greenId,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
@@ -431,6 +441,7 @@ function ColorPicker(_ref) {
               id: greenId
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+            "aria-label": "RGB Color Blue",
             className: "fwe-input-text fwe-blue-input",
             htmlFor: blueId,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
@@ -442,6 +453,7 @@ function ColorPicker(_ref) {
             })
           })]
         }), useAlpha && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+          "aria-label": "Alpha Channel",
           className: "fwe-input-text fwe-alpha-input fwe-ml-auto",
           htmlFor: alphaId,
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {

package/node/lib/forms/date-picker/DatePicker.js

@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _flatpickr = _interopRequireDefault(require("flatpickr"));
 var _useId = _interopRequireDefault(require("../../helper/useId.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function DatePicker(_ref) {
   let {
     children,

package/node/lib/forms/date-range-picker/DateRangePicker.js

@@ -10,7 +10,7 @@ var _rangePlugin = _interopRequireDefault(require("flatpickr/dist/plugins/rangeP
 var _react = require("react");
 var _useId = _interopRequireDefault(require("../../helper/useId.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function DateRangePicker(_ref) {
   let {
     children,

package/node/lib/forms/radio/RadioButton.js

@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _RadioGroupContext = _interopRequireDefault(require("./RadioGroupContext.js"));
 var _useId = _interopRequireDefault(require("../../helper/useId.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Radio(props) {
   const {
     id: idProps,

package/node/lib/forms/radio/RadioGroup.js

@@ -10,7 +10,7 @@ var _useControlled = _interopRequireDefault(require("../../helper/useControlled.
 var _useId = _interopRequireDefault(require("../../helper/useId.js"));
 var _RadioGroupContext = _interopRequireDefault(require("./RadioGroupContext.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const RadioGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,

package/node/lib/forms/segment/Segment.js

@@ -8,7 +8,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _useControlled = _interopRequireDefault(require("../../helper/useControlled.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const defaultConfig = {
   outline: true,
   iconOnly: true

package/node/lib/forms/segment/segment-control/SegmentControl.js

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _IconWrapper = _interopRequireDefault(require("../../../components/icon-wrapper/IconWrapper.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 _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 && {}.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 SegmentControl(props) {
   const {
     label,

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

@@ -11,7 +11,7 @@ var _index = require("./internal/index.js");
 var _useForkRef = _interopRequireDefault(require("../../helper/useForkRef.js"));
 var _utils = _interopRequireDefault(require("./internal/utils.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function SelectComponent(_ref, ref) {
   let {
     defaultValue = '',
@@ -99,7 +99,7 @@ function SelectComponent(_ref, ref) {
     }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "fwe-select-invalid",
       children: error
-    }), focused && /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OptionsContainer, {
+    }), focused && /*#__PURE__*/_reactDom.default.createPortal(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OptionsContainer, {
       multiple: multiple,
       ref: innerRef,
       config: config,

package/node/lib/forms/select/internal/ListItem.js

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _SelectCheckbox = _interopRequireDefault(require("./SelectCheckbox.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 _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 && {}.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 ListItemComponent(_ref, ref) {
   let {
     children,

package/node/lib/forms/select/internal/SelectButton.js

@@ -8,7 +8,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _SelectButtonContent = _interopRequireDefault(require("./SelectButtonContent.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SelectButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     onToggle,

package/node/lib/forms/select/internal/SelectButtonContent.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = SelectButtonContent;
 var _closeSmall = _interopRequireDefault(require("../../../components/icons/close-small.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 

package/node/lib/forms/select/internal/SelectCheckbox.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = SelectCheckbox;
 var _Checkbox = _interopRequireDefault(require("../../checkbox/Checkbox.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function SelectCheckbox(_ref) {
   let {
     children,

package/node/lib/forms/select/internal/SelectLabel.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = SelectLabel;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function SelectLabel(_ref) {
   let {
     hideLabel,

package/node/lib/forms/select/internal/SelectOptionsContainer.js

@@ -10,7 +10,7 @@ var _SelectScrollContainer = _interopRequireDefault(require("./SelectScrollConta
 var _ListItem = _interopRequireDefault(require("./ListItem.js"));
 var _utils = _interopRequireDefault(require("./utils.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function SelectOptionsContainerComponent(_ref, ref) {
   let {
     options,
@@ -100,7 +100,7 @@ function SelectOptionsContainerComponent(_ref, ref) {
           ref: listItemRef,
           index: i,
           options: usedOptions
-        }, ( /*#__PURE__*/(0, _react.isValidElement)(item) ? item.props.option : item).data))
+        }, (/*#__PURE__*/(0, _react.isValidElement)(item) ? item.props.option : item).data))
       }), allChildren.after]
     })]
   });

package/node/lib/forms/select/internal/SelectScrollContainer.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = SelectScrollContainer;
 var _utils = _interopRequireDefault(require("../utils.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function SelectScrollContainer(_ref) {
   let {
     config,

package/node/lib/forms/select/internal/SelectWrapper.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SelectWrapper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,

package/node/lib/forms/select/internal/index.js

@@ -45,4 +45,4 @@ var _SelectButton = _interopRequireDefault(require("./SelectButton.js"));
 var _SelectOptionsContainer = _interopRequireDefault(require("./SelectOptionsContainer.js"));
 var _SelectWrapper = _interopRequireDefault(require("./SelectWrapper.js"));
 var _SelectLabel = _interopRequireDefault(require("./SelectLabel.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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

@@ -7,15 +7,15 @@ exports.default = getChildren;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _SelectOption = _interopRequireDefault(require("../select-option/SelectOption.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function getChildren(children) {
   const before = [];
   const childrenList = [];
   const after = [];
   let foundFirstOption = false;
   _react.default.Children.forEach(children, element => {
-    if ( /*#__PURE__*/_react.default.isValidElement(element)) {
-      if ( /*#__PURE__*/_react.default.isValidElement(element) && element.type === _SelectOption.default) {
+    if (/*#__PURE__*/_react.default.isValidElement(element)) {
+      if (/*#__PURE__*/_react.default.isValidElement(element) && element.type === _SelectOption.default) {
         foundFirstOption = true;
         const className = (0, _classnames.default)('fwe-select-option-content', element.props.className);
         const {

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

@@ -7,7 +7,7 @@ exports.default = void 0;
 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 _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 && {}.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 SelectOptionComponent(_ref, ref) {
   let {
     children,

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

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _useId = _interopRequireDefault(require("../../helper/useId.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 _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 && {}.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,

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

@@ -8,7 +8,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _useControlled = _interopRequireDefault(require("../../helper/useControlled.js"));
 var _useId = _interopRequireDefault(require("../../helper/useId.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Switch(_ref) {
   let {
     labelPosition = 'after',

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

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _useId = _interopRequireDefault(require("../../helper/useId.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 _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 && {}.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,

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

@@ -10,9 +10,9 @@ var xss = _interopRequireWildcard(require("xss"));
 var _useId = _interopRequireDefault(require("../../helper/useId.js"));
 var _TextEditorButton = _interopRequireDefault(require("./TextEditorButton.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 _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 && {}.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 defaultConfig = {
   toolbar: {
     bold: true,

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

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function TextEditorButton(_ref) {
   let {
     disabled,

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TextInput = void 0;
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _useId = _interopRequireDefault(require("../../helper/useId.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 = exports.TextInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+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 && {}.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,
     required,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TimePicker = void 0;
+exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
@@ -13,9 +13,9 @@ var _useId = _interopRequireDefault(require("../../helper/useId.js"));
 var _TimePickerDropdown = _interopRequireDefault(require("./time-picker-dropdown/TimePickerDropdown.js"));
 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 TimePicker = exports.TimePicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+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 && {}.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(e) { return e && e.__esModule ? e : { default: e }; }
+const TimePicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     error,
     hint,
@@ -146,7 +146,7 @@ const TimePicker = exports.TimePicker = /*#__PURE__*/(0, _react.forwardRef)((_re
           children: error
         })]
       })
-    }), open && /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePickerDropdown.default, {
+    }), open && /*#__PURE__*/_reactDom.default.createPortal(/*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePickerDropdown.default, {
       labelRef: labelRef,
       ref: combinedTimePickerRef,
       onClose: handleClose,

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

@@ -14,8 +14,8 @@ var _collapse = _interopRequireDefault(require("../../../components/icons/collap
 var _expand = _interopRequireDefault(require("../../../components/icons/expand.js"));
 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 _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 && {}.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(e) { return e && e.__esModule ? e : { default: e }; }
 const TimePickerDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     timeFormat,

package/node/lib/helper/useForkRef.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = useForkRef;
 var _react = _interopRequireDefault(require("react"));
 var _setRef = _interopRequireDefault(require("./setRef.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // https://github.com/facebook/react/issues/13029#issuecomment-497629971
 function useForkRef(refA, refB) {
   /**

package/node/lib/helper/useId.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useId;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // eslint-disable-next-line no-useless-concat
 const maybeReactUseId = _react.default['useId' + ''];
 let nextId = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@festo-ui/react",
-  "version": "8.1.0-dev.563",
+  "version": "8.1.0-dev.565",
   "author": "Festo UI (styleguide@festo.com)",
   "copyright": "Copyright (c) 2025 Festo SE & Co. KG. All rights reserved.",
   "license": "apache-2.0",
@@ -31,7 +31,7 @@
     "@popperjs/core": "^2.11.0",
     "classnames": "^2.2.6",
     "flatpickr": "^4.6.9",
-    "react-draggable": "^4.4.4",
+    "react-draggable": "^4.4.6",
     "react-popper": "^2.3.0",
     "react-remove-scroll": "^2.5.7",
     "react-transition-group": "^4.4.2",