@luscii-healthtech/web-ui 48.1.3 → 48.1.5

package/dist/index.development.js

@@ -5,8 +5,7 @@ var classNames = require('classnames');
 var sonner = require('sonner');
 var DOMPurify = require('dompurify');
 var React = require('react');
-var isString = require('lodash/isString');
-var omit = require('lodash/omit');
+var lodashEs = require('lodash-es');
 var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
 var tailwindMerge = require('tailwind-merge');
@@ -14,8 +13,6 @@ var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
 var utilities = require('@dnd-kit/utilities');
 var Tooltip$1 = require('@radix-ui/react-tooltip');
 var ReactModal = require('react-modal');
-var debounce = require('lodash/debounce');
-var isNil = require('lodash/isNil');
 var ReactDatePicker = require('react-datepicker');
 var enGB = require('date-fns/locale/en-GB');
 var nl = require('date-fns/locale/nl');
@@ -27,14 +24,11 @@ var PropTypes = require('prop-types');
 var FlyOutMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var RadixHC = require('@radix-ui/react-hover-card');
 var TabsPrimitive = require('@radix-ui/react-tabs');
-var groupBy = require('lodash/groupBy');
 var ReactSelect = require('react-select');
 var RadixSwitch = require('@radix-ui/react-switch');
 var Quill = require('quill');
 require('quill-paste-smart');
 var solid = require('@heroicons/react/20/solid');
-var isFunction = require('lodash/isFunction');
-var isObjectLike = require('lodash/isObjectLike');
 var react = require('@headlessui/react');
 var ToggleGroup = require('@radix-ui/react-toggle-group');
 
@@ -61,23 +55,16 @@ function _interopNamespace(e) {
 var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var isString__default = /*#__PURE__*/_interopDefault(isString);
-var omit__default = /*#__PURE__*/_interopDefault(omit);
 var Tooltip__namespace = /*#__PURE__*/_interopNamespace(Tooltip$1);
 var ReactModal__default = /*#__PURE__*/_interopDefault(ReactModal);
-var debounce__default = /*#__PURE__*/_interopDefault(debounce);
-var isNil__default = /*#__PURE__*/_interopDefault(isNil);
 var ReactDatePicker__default = /*#__PURE__*/_interopDefault(ReactDatePicker);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var FlyOutMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(FlyOutMenuPrimitive);
 var RadixHC__namespace = /*#__PURE__*/_interopNamespace(RadixHC);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
-var groupBy__default = /*#__PURE__*/_interopDefault(groupBy);
 var ReactSelect__default = /*#__PURE__*/_interopDefault(ReactSelect);
 var RadixSwitch__namespace = /*#__PURE__*/_interopNamespace(RadixSwitch);
 var Quill__default = /*#__PURE__*/_interopDefault(Quill);
-var isFunction__default = /*#__PURE__*/_interopDefault(isFunction);
-var isObjectLike__default = /*#__PURE__*/_interopDefault(isObjectLike);
 var ToggleGroup__namespace = /*#__PURE__*/_interopNamespace(ToggleGroup);
 
 const SIZES = {
@@ -1063,7 +1050,7 @@ const AccordionItem = ({ id, title, content, isCollapsedByDefault = false, onClo
   const Chevron = isCollapsed ? ChevronRightIcon : ChevronDownIcon;
   return jsxRuntime.jsxs("li", { className: "ui:border-b ui:border-slate-200 ui:bg-white ui:last:border-b-0", "data-test-id": id, children: [jsxRuntime.jsxs("div", { onClick: toggleCollapsed, className: classNames__default.default("ui:flex ui:w-full ui:select-none ui:flex-row ui:space-x-4 ui:p-4", "ui:cursor-pointer ui:transition-colors ui:duration-300 ui:ease-in-out ui:hover:bg-blue-50", {
     "ui:border-b ui:border-slate-200": !isCollapsed
-  }), children: [jsxRuntime.jsx(Chevron, { className: "ui:shrink-0 ui:self-center ui:text-slate-500" }), isString__default.default(title) ? jsxRuntime.jsx(Title, { variant: "xs", children: title }) : title] }), jsxRuntime.jsx("div", { className: classNames__default.default({ "ui:hidden": isCollapsed }), children: content })] });
+  }), children: [jsxRuntime.jsx(Chevron, { className: "ui:shrink-0 ui:self-center ui:text-slate-500" }), lodashEs.isString(title) ? jsxRuntime.jsx(Title, { variant: "xs", children: title }) : title] }), jsxRuntime.jsx("div", { className: classNames__default.default({ "ui:hidden": isCollapsed }), children: content })] });
 };
 
 const Accordion = ({ dataTestId, isCollapsedByDefault = false, items, className, footer }) => {
@@ -1260,7 +1247,7 @@ const Box = (props) => {
   const borderRadiusClassName = createRadiusClassName(borderRadius);
   const borderRadiusLeftClassName = createRadiusLeftClassName(borderRadiusLeft);
   const borderRadiusRightClassName = createRadiusRightClassName(borderRadiusRight);
-  const attributesWithoutSpacingKeys = omit__default.default(attributes, [
+  const attributesWithoutSpacingKeys = lodashEs.omit(attributes, [
     ...spacingKeys,
     ...underscoredSpacingPropNames
   ]);
@@ -1676,11 +1663,11 @@ const List = (props) => {
   if ("draggableListType" in props) {
     switch (props.draggableListType) {
       case "default":
-        return jsxRuntime.jsx(DefaultList, Object.assign({}, omit__default.default(props, "draggableListType")));
+        return jsxRuntime.jsx(DefaultList, Object.assign({}, lodashEs.omit(props, "draggableListType")));
       case "draggable":
-        return jsxRuntime.jsx(DraggableBaseList, Object.assign({}, omit__default.default(props, ["draggableListType"])));
+        return jsxRuntime.jsx(DraggableBaseList, Object.assign({}, lodashEs.omit(props, ["draggableListType"])));
       case "sortable":
-        return jsxRuntime.jsx(SortableBaseList, Object.assign({}, omit__default.default(props, ["draggableListType"])));
+        return jsxRuntime.jsx(SortableBaseList, Object.assign({}, lodashEs.omit(props, ["draggableListType"])));
     }
   }
   return jsxRuntime.jsx(DefaultList, Object.assign({}, props));
@@ -2391,7 +2378,7 @@ const Carousel = ({ id, className, slides = [], labels }) => {
     }
     scrollToIndex(nextIndex);
   }, [scrollToIndex, slides, currentIndex]);
-  const setCurrentIndexDebounced = React.useCallback(debounce__default.default((index) => {
+  const setCurrentIndexDebounced = React.useCallback(lodashEs.debounce((index) => {
     setCurrentIndex(index);
   }, 300), [setCurrentIndex]);
   const onScroll = React.useCallback((e) => {
@@ -2652,7 +2639,7 @@ function RadioGroupInner(_a) {
   var { innerRef, options, defaultValue, title } = _a, registerProps = __rest(_a, ["innerRef", "options", "defaultValue", "title"]);
   return jsxRuntime.jsxs("div", { className: classNames__default.default("ui:flex ui:flex-col ui:space-y-2"), "data-test-id": `${registerProps.name}-radio-group`, children: [title && jsxRuntime.jsx(Text, { text: title }), options.map((option) => {
     let defaultChecked;
-    if (!isNil__default.default(defaultValue)) {
+    if (!lodashEs.isNil(defaultValue)) {
       defaultChecked = defaultValue === option.value;
     }
     return jsxRuntime.jsx(RadioV2, Object.assign({ defaultChecked }, option, registerProps, { ref: innerRef }), option.value);
@@ -4142,7 +4129,7 @@ const HorizontalFlowDivider = (props) => {
 const transformToGroups = (items) => {
   const pinned = items.find((option) => option.isPinned);
   const itemsWithGroup = items.filter((option) => option.group);
-  const groups = Object.entries(groupBy__default.default(itemsWithGroup, "group")).map((group) => ({
+  const groups = Object.entries(lodashEs.groupBy(itemsWithGroup, "group")).map((group) => ({
     title: group[0],
     items: group[1].sort((a, b) => a.label > b.label ? 1 : b.label > a.label ? -1 : 0)
   }));
@@ -4523,7 +4510,7 @@ const useWindowDimensions = () => {
   const [height, setHeight] = React.useState(window.innerHeight);
   const [width, setWidth] = React.useState(window.innerWidth);
   React.useEffect(() => {
-    const handleResize = debounce__default.default(() => {
+    const handleResize = lodashEs.debounce(() => {
       if (height !== window.innerHeight) {
         setHeight(window.innerHeight);
       }
@@ -4914,7 +4901,7 @@ const useOnCloseAnimationFinished = ({
    */
   onCloseAnimationFinished
 }) => {
-  const debouncedOnCloseAnimationFinished = React.useCallback(debounce__default.default(onCloseAnimationFinished, 150), [onCloseAnimationFinished]);
+  const debouncedOnCloseAnimationFinished = React.useCallback(lodashEs.debounce(onCloseAnimationFinished, 150), [onCloseAnimationFinished]);
   const onTransitionEnd = React.useCallback((event) => {
     if (event.target !== dialog.current) {
       return;
@@ -5371,6 +5358,10 @@ const TextEditorToolbar = ({ toolbarId, toolbar, hasTextSelected }) => {
 var css_248z$1 = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.ql-editor {\n  resize: vertical;\n  min-height: 10rem;\n  padding: 1rem;\n  font-size: 0.8rem;\n  line-height: 1.5;\n}\n.ql-editor a {\n  color: var(--ui-color-text-brand-primary-default);\n  text-decoration: underline;\n  cursor: pointer;\n}\n.ql-editor ul,\n.ql-editor ol {\n  padding-left: 1.5rem;\n}\n.ql-editor ul {\n  list-style-type: disc;\n}\n.ql-editor ol {\n  list-style-type: decimal;\n}\n.ql-editor li {\n  margin-bottom: 0.25rem;\n}\n.ql-editor strong {\n  font-weight: 600;\n}\n.ql-editor em {\n  font-style: italic;\n}\n.ql-editor u {\n  text-decoration: underline;\n}\n.ql-editor s {\n  text-decoration: line-through;\n}\n.ql-editor h1,\n.ql-editor h2,\n.ql-editor h3,\n.ql-editor h4,\n.ql-editor h5,\n.ql-editor h6 {\n  font-weight: 600;\n  margin-bottom: 0.75rem;\n  margin-top: 1rem;\n}\n.ql-editor h1:first-child,\n.ql-editor h2:first-child,\n.ql-editor h3:first-child,\n.ql-editor h4:first-child,\n.ql-editor h5:first-child,\n.ql-editor h6:first-child {\n  margin-top: 0;\n}\n.ql-editor h1 {\n  font-size: 2rem;\n}\n.ql-editor h2 {\n  font-size: 1.5rem;\n}\n.ql-editor h3 {\n  font-size: 1.25rem;\n}\n.ql-editor h4 {\n  font-size: 1.125rem;\n}\n.ql-editor h5,\n.ql-editor h6 {\n  font-size: 1rem;\n}";
 styleInject(css_248z$1);
 
+const sanitize = (html) => DOMPurify__default.default.sanitize(html, {
+  ALLOWED_TAGS: ["u", "a", "s", "ul", "ol", "li", "p", "strong", "em"],
+  ALLOWED_ATTR: ["href", "target"]
+});
 const TextEditor = (_a) => {
   var { defaultValue, formats, toolbar = [
     ["bold", "italic", "underline", "strike"],
@@ -5379,7 +5370,7 @@ const TextEditor = (_a) => {
   ], placeholder, onValueChange } = _a, attrs = __rest(_a, ["defaultValue", "formats", "toolbar", "placeholder", "onValueChange"]);
   const rawId = React.useId();
   const toolbarId = `toolbar-${rawId.replace(/:/g, "")}`;
-  const defaultValueRef = React.useRef(defaultValue);
+  const defaultValueRef = React.useRef(sanitize(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ""));
   const onTextChangeRef = React.useRef(onValueChange);
   const editorRef = React.useRef(null);
   const quillRef = React.useRef(null);
@@ -5402,7 +5393,7 @@ 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, quill.getSemanticHTML(), value, source);
+      (_a2 = onTextChangeRef.current) === null || _a2 === void 0 ? void 0 : _a2.call(onTextChangeRef, sanitize(quill.getSemanticHTML()), value, source);
     });
     const handleSelectionChange = () => {
       const selection = quill.getSelection();
@@ -5851,10 +5842,10 @@ const FilterMenu = (props) => {
 };
 
 const isSortingOption = (option) => {
-  if (!option || !isObjectLike__default.default(option) || typeof option !== "object") {
+  if (!option || !lodashEs.isObjectLike(option) || typeof option !== "object") {
     return false;
   }
-  return "isChecked" in option && "label" in option && "id" in option && "value" in option && "sortingCompare" in option && isFunction__default.default(option.sortingCompare);
+  return "isChecked" in option && "label" in option && "id" in option && "value" in option && "sortingCompare" in option && lodashEs.isFunction(option.sortingCompare);
 };
 const SortMenu = (props) => {
   const { localization, sortingOptions, onSortOptionChange } = props;
@@ -5879,14 +5870,14 @@ const FiltersMenus = (props) => {
 };
 
 const isPresetFilterOption = (option) => {
-  if (!option || !isObjectLike__default.default(option) || typeof option !== "object") {
+  if (!option || !lodashEs.isObjectLike(option) || typeof option !== "object") {
     return false;
   }
   const hasBasicShape = "isChecked" in option && "label" in option && "value" in option && "id" in option;
   if (!hasBasicShape) {
     return false;
   }
-  return "filterFn" in option ? isFunction__default.default(option.filterFn) : true;
+  return "filterFn" in option ? lodashEs.isFunction(option.filterFn) : true;
 };
 const PresetFiltersMenu = (props) => {
   const { localization, presetFilterOptions, onPresetFilterOptionChange } = props;