@festo-ui/react 9.0.0-dev.681 → 9.0.0-dev.683

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

@@ -1,162 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _flatpickr = _interopRequireDefault(require("flatpickr"));
-var _reactIcons = require("@festo-ui/react-icons");
-var _useId = _interopRequireDefault(require("../../helper/useId.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function DatePicker(_ref) {
-  let {
-    children,
-    className,
-    disabled,
-    required,
-    error,
-    hint,
-    value,
-    defaultValue = new Date(),
-    formatDate = Intl.DateTimeFormat().format,
-    options,
-    onChange,
-    id: idProps,
-    allowManualInput = false,
-    dateFormat = "d/m/Y",
-    openOnInputClick = true
-  } = _ref;
-  const id = (0, _useId.default)(idProps);
-  const [open, setOpen] = (0, _react.useState)(false);
-  const [calendar, setCalendar] = (0, _react.useState)(null);
-  const innerDefaultValue = value || defaultValue;
-  function toggle() {
-    const newOpen = !open;
-    setOpen(newOpen);
-    if (newOpen) {
-      calendar?.open();
-    } else {
-      calendar?.close();
-    }
-  }
-  const datePickerRef = (0, _react.useRef)(null);
-  const {
-    keepOpenOnDateChange,
-    maxDate,
-    minDate,
-    position = "below center"
-  } = options || {};
-  (0, _react.useEffect)(() => {
-    if (calendar !== null && value !== undefined) {
-      calendar.setDate(value);
-    }
-  }, [calendar, value]);
-  (0, _react.useEffect)(() => {
-    function handleChange(date) {
-      datePickerRef.current?.blur();
-      if (onChange) {
-        onChange(date);
-      }
-    }
-    function handleClose() {
-      setOpen(false);
-      datePickerRef.current?.blur();
-    }
-    if (datePickerRef.current) {
-      if (calendar === null) {
-        setCalendar((0, _flatpickr.default)(datePickerRef.current, {
-          defaultDate: innerDefaultValue,
-          onChange: v => handleChange(v[0]),
-          onClose: handleClose,
-          position,
-          formatDate,
-          closeOnSelect: !keepOpenOnDateChange,
-          clickOpens: false,
-          minDate,
-          maxDate,
-          allowInput: allowManualInput,
-          dateFormat
-        }));
-      } else {
-        calendar.set({
-          defaultDate: innerDefaultValue,
-          minDate,
-          maxDate,
-          position,
-          closeOnSelect: !keepOpenOnDateChange,
-          allowInput: allowManualInput,
-          dateFormat
-        });
-      }
-    }
-  }, [datePickerRef, calendar, maxDate, minDate, onChange, innerDefaultValue, formatDate, keepOpenOnDateChange, position, allowManualInput, dateFormat]);
-  (0, _react.useEffect)(() => () => {
-    if (calendar !== null) {
-      calendar.destroy();
-    }
-  }, [calendar]);
-  const handleKeyDown = event => {
-    if (event.key === "Enter") {
-      toggle();
-    }
-  };
-  const handleKeyUp = event => {
-    if (event.key === " ") {
-      toggle();
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    tabIndex: 0,
-    role: "button",
-    onClick: toggle,
-    onKeyDown: handleKeyDown,
-    onKeyUp: handleKeyUp,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-      className: (0, _classnames.default)("fwe-input-text fwe-input-text-icon", className),
-      htmlFor: id,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCalendar, {
-        className: (0, _classnames.default)({
-          "fwe-color-hero": open && !disabled,
-          "fwe-color-control-disabled": disabled,
-          "icon-hover": allowManualInput && !openOnInputClick
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        id: id,
-        ref: datePickerRef,
-        "aria-label": "picked date",
-        type: "text",
-        readOnly: !allowManualInput,
-        onClick: e => {
-          if (allowManualInput && !openOnInputClick) e.stopPropagation();
-        },
-        onKeyDown: e => {
-          if (allowManualInput && !openOnInputClick) e.stopPropagation();
-        },
-        onBlur: () => {
-          if (allowManualInput && calendar && datePickerRef.current) {
-            const raw = datePickerRef.current.value;
-            if (raw) calendar.setDate(raw, true, dateFormat);
-          }
-        },
-        required: required,
-        className: (0, _classnames.default)("fr-date-picker", {
-          "fwe-border-hero": open && !disabled
-        }),
-        disabled: disabled
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "fwe-input-text-label",
-        children: children
-      }), hint && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "fwe-input-text-info",
-        children: hint
-      }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "fwe-input-text-invalid",
-        children: error
-      })]
-    })
-  });
-}
-var _default = exports.default = DatePicker;

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

@@ -1,142 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _flatpickr = _interopRequireDefault(require("flatpickr"));
-var _rangePlugin = _interopRequireDefault(require("flatpickr/dist/plugins/rangePlugin.js"));
-var _react = require("react");
-var _reactIcons = require("@festo-ui/react-icons");
-var _useId = _interopRequireDefault(require("../../helper/useId.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function DateRangePicker(_ref) {
-  let {
-    children,
-    className,
-    disabled,
-    error,
-    formatDate,
-    hint,
-    onChange,
-    options,
-    required,
-    defaultValue = new Date()
-  } = _ref;
-  const [open, setOpen] = (0, _react.useState)(false);
-  const [calendar, setCalendar] = (0, _react.useState)(null);
-  const id = (0, _useId.default)();
-  function toggle() {
-    const newOpen = !open;
-    setOpen(newOpen);
-    if (newOpen) {
-      calendar?.open();
-    } else {
-      calendar?.close();
-    }
-  }
-  const inputRef = (0, _react.useRef)(null);
-  const input2Ref = (0, _react.useRef)(null);
-  const containerRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    function handleChange(dates) {
-      if (onChange) {
-        onChange(dates);
-      }
-    }
-    function handleClose() {
-      setOpen(false);
-      inputRef.current?.blur();
-      input2Ref.current?.blur();
-    }
-    if (containerRef.current && inputRef.current && input2Ref.current && calendar === null) {
-      setCalendar((0, _flatpickr.default)(inputRef.current, {
-        defaultDate: defaultValue,
-        plugins: [(0, _rangePlugin.default)({
-          input: input2Ref.current
-        })],
-        onChange: v => handleChange(v),
-        position: "below center",
-        positionElement: containerRef.current,
-        formatDate,
-        closeOnSelect: !options?.keepOpenOnDateChange ?? true,
-        clickOpens: false,
-        onClose: handleClose,
-        minDate: options?.minDate,
-        maxDate: options?.maxDate
-      }));
-    }
-  }, [inputRef, input2Ref, containerRef, formatDate, options, onChange, calendar, defaultValue]);
-  (0, _react.useEffect)(() => () => {
-    if (calendar !== null) {
-      calendar.destroy();
-    }
-  }, [calendar]);
-  const handleKeyDown = event => {
-    if (event.key === "Enter") {
-      toggle();
-    }
-  };
-  const handleKeyUp = event => {
-    if (event.key === " ") {
-      toggle();
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    tabIndex: 0,
-    role: "button",
-    className: (0, _classnames.default)("fr-date-range-picker", className),
-    onClick: toggle,
-    onKeyDown: handleKeyDown,
-    onKeyUp: handleKeyUp,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-      className: "fwe-input-text fwe-input-text-icon",
-      htmlFor: id,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconCalendar, {
-        className: (0, _classnames.default)({
-          "fwe-color-hero": open && !disabled,
-          "fwe-color-control-disabled": disabled
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        ref: containerRef,
-        className: "fr-date-range-picker-inputs",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-          ref: inputRef,
-          "aria-label": "picked start date",
-          type: "text",
-          readOnly: true,
-          required: required,
-          className: (0, _classnames.default)({
-            "fwe-border-hero": open && !disabled
-          }),
-          disabled: disabled,
-          id: id
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-          ref: input2Ref,
-          "aria-label": "picked end date",
-          type: "text",
-          readOnly: true,
-          required: required,
-          className: (0, _classnames.default)({
-            "fwe-border-hero": open && !disabled
-          }),
-          disabled: disabled
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _classnames.default)("fwe-input-text-label", {
-          "fwe-color-text-disabled": disabled
-        }),
-        children: children
-      }), hint && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "fwe-input-text-info",
-        children: hint
-      }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "fwe-input-text-invalid",
-        children: error
-      })]
-    })
-  });
-}
-var _default = exports.default = DateRangePicker;

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

@@ -1,265 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var xss = _interopRequireWildcard(require("xss"));
-var _reactIcons = require("@festo-ui/react-icons");
-var _useId = _interopRequireDefault(require("../../helper/useId.js"));
-var _TextEditorButton = _interopRequireDefault(require("./TextEditorButton.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-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 && {}.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,
-    italic: true,
-    underline: true,
-    alignCenter: false,
-    alignRight: false,
-    bulletList: true,
-    orderedList: true,
-    image: true,
-    link: true
-  }
-};
-function postpone(fn) {
-  Promise.resolve().then(fn);
-}
-function TextEditor(_ref) {
-  let {
-    disabled = false,
-    defaultValue,
-    label,
-    maxLength,
-    value,
-    hint,
-    error,
-    readOnly = false,
-    onChange,
-    className,
-    config: configProps
-  } = _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)(null);
-  const config = {
-    toolbar: {
-      ...defaultConfig.toolbar,
-      ...configProps?.toolbar
-    }
-  };
-  const setEditorContents = (0, _react.useCallback)((e, v) => {
-    if (e) {
-      const whiteList = {
-        ...xss.whiteList,
-        p: [...(xss.whiteList?.p ?? []), "class"],
-        li: [...(xss.whiteList?.li ?? []), "class"],
-        a: [...(xss.whiteList?.a ?? []), "rel", "class"]
-      };
-      const sanitizedValue = xss.filterXSS(v, {
-        whiteList
-      });
-      const content = e.clipboard.convert({
-        html: sanitizedValue
-      });
-      const selection = e.getSelection();
-      e.setContents(content, "silent");
-      setInnerValue(sanitizedValue);
-      postpone(() => e.setSelection(selection));
-    }
-  }, []);
-  (0, _react.useEffect)(() => {
-    const initializeQuill = async () => {
-      let Quill;
-      if (typeof window !== "undefined") {
-        const QuillModule = await Promise.resolve().then(() => _interopRequireWildcard(require("quill")));
-        Quill = QuillModule.default;
-      }
-      if (editorRef.current && Quill && editor === null) {
-        const newEditor = new Quill(editorRef.current, {
-          modules: {
-            toolbar: `#editor-toolbar-${CSS.escape(id ?? "")}`
-          },
-          theme: "snow"
-        });
-        newEditor.root.setAttribute("role", "textbox");
-        newEditor.root.setAttribute("aria-labelledby", `editor-label-${id}`);
-        newEditor.root.setAttribute("aria-multiline", "true");
-        newEditor.enable(!readOnly);
-        if (disabled) {
-          newEditor.disable();
-        } else if (!readOnly) {
-          newEditor.enable();
-        }
-        setEditor(newEditor);
-        if (defaultValue) {
-          setEditorContents(newEditor, defaultValue);
-        }
-      }
-    };
-    initializeQuill();
-  }, [editor, disabled, readOnly, id, setEditorContents, defaultValue]);
-  (0, _react.useEffect)(() => {
-    if (editor) {
-      editor.on("text-change", () => {
-        let html = editor.getSemanticHTML();
-        if (html === "<p><br></p>" || html === "<div><br></div>" || html === undefined) {
-          html = null;
-        }
-        if (html !== null) {
-          // Repairs relative links in an HTML string by prepending "https://".
-          // It ignores links that are already absolute (http, https) as well as mailto: and tel: links.
-          const relativeLinkRegex = /href="(?!https?:\/\/|mailto:|tel:)([^"]+)"/g;
-          html = html.replace(relativeLinkRegex, 'href="https://$1"');
-        }
-        if (onChange) {
-          onChange(html);
-        }
-        setInnerValue(html);
-      });
-    }
-  }, [editor, onChange]);
-  (0, _react.useEffect)(() => {
-    if (value !== innerValue && value !== undefined && value !== null) {
-      setEditorContents(editor, value);
-    }
-  }, [editor, innerValue, setEditorContents, value]);
-  function currentLength() {
-    return innerValue?.length || 0;
-  }
-  function hideDivider(name) {
-    const linkOrImage = config.toolbar?.image || config.toolbar?.link;
-    const lists = config.toolbar?.bulletList || config.toolbar?.orderedList;
-    const typos = config.toolbar?.bold || config.toolbar?.italic || config.toolbar?.underline;
-    const textAlign = config.toolbar?.alignCenter || config.toolbar?.alignRight;
-    switch (name) {
-      case "typo":
-        return !typos || !textAlign && !linkOrImage && !lists;
-      case "text-align":
-        return !textAlign || !linkOrImage && !lists;
-      case "lists":
-        return !lists || !linkOrImage;
-      case "image":
-        return !config.toolbar?.image || !config.toolbar.link;
-      default:
-        break;
-    }
-    return true;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-    className: (0, _classnames.default)("fwe-input-text", {
-      disabled
-    }),
-    htmlFor: `editor-label-${id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)("fwe-editor-toolbar", {
-        [`fwe-editor-toolbar-${className}`]: className
-      }),
-      id: `editor-toolbar-${id}`,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        className: "ql-formats fwe-mr-3",
-        children: [config?.toolbar?.bold && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextEditorButton.default, {
-          disabled: disabled,
-          type: "bold",
-          className: "fwe-mr-3",
-          label: "B"
-        }), config?.toolbar?.italic && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextEditorButton.default, {
-          disabled: disabled,
-          type: "italic",
-          className: "fwe-mr-3",
-          label: "I"
-        }), config?.toolbar?.underline && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextEditorButton.default, {
-          disabled: disabled,
-          type: "underline",
-          label: "U"
-        }), !hideDivider("typo") && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "fwe-divider-y fwe-d-inline-flex fwe-mx-4"
-        }), config?.toolbar?.alignCenter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextEditorButton.default, {
-          disabled: disabled,
-          category: "align",
-          type: "align-center",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconAlignCenter, {
-            className: (0, _classnames.default)({
-              "fwe-gray": disabled
-            })
-          }),
-          value: "center",
-          className: (0, _classnames.default)({
-            "fwe-mr-3": config?.toolbar?.alignRight
-          })
-        }), config?.toolbar?.alignRight && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextEditorButton.default, {
-          disabled: disabled,
-          category: "align",
-          type: "align-right",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconAlignRight, {
-            className: (0, _classnames.default)({
-              "fwe-gray": disabled
-            })
-          }),
-          value: "right"
-        }), !hideDivider("text-align") && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "fwe-divider-y fwe-d-inline-flex fwe-mx-4"
-        }), config?.toolbar?.bulletList && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextEditorButton.default, {
-          disabled: disabled,
-          className: "fwe-mr-3",
-          type: "ul",
-          list: true,
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconListView, {}),
-          value: "bullet"
-        }), config?.toolbar?.orderedList && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextEditorButton.default, {
-          disabled: disabled,
-          type: "ol",
-          list: true,
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconEnumeration, {}),
-          value: "ordered"
-        }), config?.toolbar?.image && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "fwe-divider-y fwe-d-inline-flex fwe-mx-4"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextEditorButton.default, {
-            disabled: disabled,
-            type: "image",
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconImage, {}),
-            noAction: true
-          })]
-        }), config?.toolbar?.link && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "fwe-divider-y fwe-d-inline-flex fwe-mx-4"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextEditorButton.default, {
-            disabled: disabled,
-            type: "link",
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconLink, {}),
-            noAction: true
-          })]
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)("fwe-editor-container", {
-        "fwe-editor-container--error": error
-      }),
-      id: `editor-container-${id}`,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fwe-editor",
-        ref: editorRef
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "fwe-input-text-label",
-      children: label
-    }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "fwe-text-editor-invalid",
-      children: error
-    }), hint && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "fwe-text-editor-info",
-      children: hint
-    }), maxLength && maxLength > 0 && value != null && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "fwe-input-text-count",
-      children: `${currentLength()} / ${maxLength}`
-    })]
-  });
-}
-var _default = exports.default = TextEditor;

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

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function TextEditorButton(_ref) {
-  let {
-    disabled,
-    label,
-    type,
-    className,
-    icon,
-    list,
-    value,
-    noAction,
-    category
-  } = _ref;
-  const [active, setActive] = (0, _react.useState)(false);
-  const btnRef = (0, _react.useRef)(null);
-  function handleClick() {
-    const btn = btnRef.current;
-    setActive(prevActive => !prevActive);
-    btn?.click();
-  }
-  (0, _react.useEffect)(() => {
-    function callback(mutationRecords) {
-      mutationRecords.forEach(mutationRecord => {
-        const {
-          classList
-        } = mutationRecord.target;
-        const {
-          oldValue
-        } = mutationRecord;
-        if (classList.contains("ql-active")) {
-          setActive(true);
-        }
-        if (!classList.contains("ql-active") && oldValue?.includes("ql-active")) {
-          setActive(false);
-        }
-      });
-    }
-    if (btnRef.current && !noAction) {
-      const observer = new MutationObserver(callback);
-      observer.observe(btnRef.current, {
-        attributes: true,
-        attributeFilter: ["class"],
-        attributeOldValue: true
-      });
-    }
-  }, [btnRef, noAction]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-      ref: btnRef,
-      type: "button",
-      className: (0, _classnames.default)({
-        [`ql-${category || type}`]: !list
-      }, {
-        "ql-list": list
-      }, "fwe-d-none", {
-        [`action-${type}`]: !noAction
-      }),
-      "aria-hidden": "true",
-      value: value
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-      type: "button",
-      className: (0, _classnames.default)({
-        "fr-icon-button": !!icon
-      }, "fr-button", className, {
-        "fwe-active": active && !noAction
-      }),
-      onClick: () => handleClick(),
-      disabled: disabled,
-      children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `fr-button-text fwe-text-${type}`,
-        children: label
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: icon
-      })]
-    })]
-  });
-}
-var _default = exports.default = TextEditorButton;