@luscii-healthtech/web-ui 37.7.0 → 38.0.1

package/dist/components/TextEditor/TextEditor.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import type { Delta, EmitterSource } from "quill/core";
+import "quill-paste-smart";
 import "quill/dist/quill.snow.css";
 import "./TextEditor.scss";
 type Props = React.HTMLAttributes<HTMLDivElement> & {
@@ -57,10 +58,6 @@ type Props = React.HTMLAttributes<HTMLDivElement> & {
      * Placeholder text to show in the editor when it is empty.
      */
     placeholder?: string;
-    /**
-     * Allow inline styles in the editor when pasting from clipboard.
-     */
-    allowInlineStyle?: boolean;
 };
 type TextEditorToolbarOption = "bold" | "italic" | "underline" | "strike" | "link" | "video" | {
     list: "ordered";

package/dist/components/VerticalMenu/VerticalMenu.d.ts

@@ -1,8 +1,9 @@
-import React, { type ReactNode } from "react";
+import React, { type ComponentProps, type ReactNode } from "react";
 import { Text } from "../Text/Text";
 import { Divider } from "../Divider/Divider";
 import { DetailsDisclosure } from "../DetailsDisclosure/DetailsDisclosure";
-type Props = React.ComponentPropsWithoutRef<"div"> & {
+import type { Box } from "../Box/Box";
+type Props = Omit<ComponentProps<typeof Box<"div">>, "as"> & {
     /**
      * Renders above the menu items, but below the header.
      */

package/dist/index.development.js

@@ -29,6 +29,7 @@ var ReactSelect = require('react-select');
 var groupBy = require('lodash/groupBy');
 var RadixSwitch = require('@radix-ui/react-switch');
 var Quill = require('quill');
+require('quill-paste-smart');
 require('quill/dist/quill.snow.css');
 var react = require('@headlessui/react');
 var solid = require('@heroicons/react/20/solid');
@@ -6113,7 +6114,7 @@ const TextEditor = (_a) => {
     ["bold", "italic", "underline", "strike"],
     [{ list: "ordered" }, { list: "bullet" }],
     ["link"]
-  ], placeholder, onValueChange, allowInlineStyle = false } = _a, attrs = __rest(_a, ["defaultValue", "formats", "toolbar", "placeholder", "onValueChange", "allowInlineStyle"]);
+  ], placeholder, onValueChange } = _a, attrs = __rest(_a, ["defaultValue", "formats", "toolbar", "placeholder", "onValueChange"]);
   const defaultValueRef = React.useRef(defaultValue);
   const onTextChangeRef = React.useRef(onValueChange);
   const editorRef = React.useRef(null);
@@ -6133,25 +6134,8 @@ const TextEditor = (_a) => {
       });
       quill.on(Quill__default.default.events.TEXT_CHANGE, (value, _, source) => {
         var _a2;
-        (_a2 = onTextChangeRef.current) === null || _a2 === void 0 ? void 0 : _a2.call(onTextChangeRef, !allowInlineStyle ? DOMPurify__default.default.sanitize(quill.getSemanticHTML(), {
-          FORBID_ATTR: ["style"]
-        }) : quill.getSemanticHTML(), value, source);
+        (_a2 = onTextChangeRef.current) === null || _a2 === void 0 ? void 0 : _a2.call(onTextChangeRef, quill.getSemanticHTML(), value, source);
       });
-      if (!allowInlineStyle) {
-        quill.clipboard.addMatcher(Node.ELEMENT_NODE, (_, delta) => {
-          const ops = [];
-          const newDelta = delta;
-          newDelta.ops.forEach((op) => {
-            if (op === null || op === void 0 ? void 0 : op.attributes) {
-              delete op.attributes.color;
-              delete op.attributes.background;
-              ops.push(op);
-            }
-          });
-          newDelta.ops = ops;
-          return newDelta;
-        });
-      }
       if (defaultValueRef.current) {
         quill.setContents(quill.clipboard.convert({
           html: defaultValueRef.current
@@ -6411,8 +6395,8 @@ const VerticalMenu = (props) => {
     context.Provider,
     { value: { variant } },
     React__namespace.default.createElement(
-      "div",
-      Object.assign({ className: classNames__default.default("ui-flex ui-h-full ui-flex-col ui-px-xxs ui-py-m ui-text-slate-800", className) }, rest),
+      Stack,
+      Object.assign({ as: "div", px: "xxs", py: "m", align: "normal", className: classNames__default.default("ui-h-full ui-text-slate-800", className) }, rest),
       header && React__namespace.default.createElement("div", null, header),
       title && React__namespace.default.createElement(Text, { className: classNames__default.default({ "ui-px-m": variant === "primary" }, "ui-pb-m ui-pt-xs"), variant: "lg-strong" }, title),
       React__namespace.default.createElement("div", null, props.children),