ui-beyable 1.1.0-beta.21 → 1.1.0-beta.23

package/lib/esm/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useState, useRef, useEffect, useContext, useCallback, useImperativeHandle, useLayoutEffect, Fragment, Children, cloneElement, forwardRef, createElement } from 'react';
+import React, { createContext, useState, useRef, useEffect, useContext, useCallback, useImperativeHandle, useLayoutEffect, Fragment, forwardRef, createElement, Children, cloneElement } from 'react';
 import ReactDOM from 'react-dom';
 
 function styleInject(css, ref) {
@@ -2176,6 +2176,167 @@ var css_248z$s = ".Utils-module_ellips__36ERe{word-wrap:normal;display:block;ove
 var styles$j = {"ellips":"Utils-module_ellips__36ERe","list":"List-module_list__9aWGq","list_horizontal_area_offset":"List-module_list_horizontal_area_offset__lnYER","list_size_l":"List-module_list_size_l__GUGlq","list_remove_vertical_margin":"List-module_list_remove_vertical_margin__YHh2g","list_size_m":"List-module_list_size_m__LKOhv","list_size_s":"List-module_list_size_s__p9g11","list_size_xs":"List-module_list_size_xs__gSkzP","list_size_xxs":"List-module_list_size_xxs__-Xm2h","list_item":"List-module_list_item__ODLyw","list_item_clickable":"List-module_list_item_clickable__4YaMm","list_item_is_active":"List-module_list_item_is_active__5EnPO","list_item_is_dragging":"List-module_list_item_is_dragging__v86sY","list_has_border":"List-module_list_has_border__wqYfB","list_has_last_border":"List-module_list_has_last_border__x6k-T","list_has_last_inner_border":"List-module_list_has_last_inner_border__niFRr","col_main":"List-module_col_main__SNN0x","col_picto":"List-module_col_picto__n56Ja","col_picto_margin":"List-module_col_picto_margin__wrLKS List-module_col_picto__n56Ja","col_actions":"List-module_col_actions__YeUcJ","col_value":"List-module_col_value__khwo0","col_arrow":"List-module_col_arrow__8Jdnc","text":"List-module_text__IsHtz","text_strong":"List-module_text_strong__-a3uw List-module_text__IsHtz","text_ellips":"List-module_text_ellips__Jc0WR Utils-module_ellips__36ERe","text_break_word":"List-module_text_break_word__BkgA3","description":"List-module_description__DGI5j","list_item_italic":"List-module_list_item_italic__0RpbL","list_font_size_m":"List-module_list_font_size_m__51Aq1","list_font_size_l":"List-module_list_font_size_l__Zdqwm","dragHandleBefore":"List-module_dragHandleBefore__Aq7-Q","dragHandleAfter":"List-module_dragHandleAfter__SHpWU","listHorizontalAreaOffset":"List-module_list_horizontal_area_offset__lnYER","listSizeL":"List-module_list_size_l__GUGlq","listRemoveVerticalMargin":"List-module_list_remove_vertical_margin__YHh2g","listSizeM":"List-module_list_size_m__LKOhv","listSizeS":"List-module_list_size_s__p9g11","listSizeXs":"List-module_list_size_xs__gSkzP","listSizeXxs":"List-module_list_size_xxs__-Xm2h","listItem":"List-module_list_item__ODLyw","listItemClickable":"List-module_list_item_clickable__4YaMm","listItemIsActive":"List-module_list_item_is_active__5EnPO","listItemIsDragging":"List-module_list_item_is_dragging__v86sY","listHasBorder":"List-module_list_has_border__wqYfB","listHasLastBorder":"List-module_list_has_last_border__x6k-T","listHasLastInnerBorder":"List-module_list_has_last_inner_border__niFRr","colMain":"List-module_col_main__SNN0x","colPicto":"List-module_col_picto__n56Ja","colPictoMargin":"List-module_col_picto_margin__wrLKS List-module_col_picto__n56Ja","colActions":"List-module_col_actions__YeUcJ","colValue":"List-module_col_value__khwo0","colArrow":"List-module_col_arrow__8Jdnc","textStrong":"List-module_text_strong__-a3uw List-module_text__IsHtz","textEllips":"List-module_text_ellips__Jc0WR Utils-module_ellips__36ERe","textBreakWord":"List-module_text_break_word__BkgA3","listItemItalic":"List-module_list_item_italic__0RpbL","listFontSizeM":"List-module_list_font_size_m__51Aq1","listFontSizeL":"List-module_list_font_size_l__Zdqwm"};
 styleInject(css_248z$s);
 
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+  return false;
+};
+
+const LucideContext = createContext({});
+const useLucideContext = () => useContext(LucideContext);
+
+const Icon = forwardRef(
+  ({ color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref) => {
+    const {
+      size: contextSize = 24,
+      strokeWidth: contextStrokeWidth = 2,
+      absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,
+      color: contextColor = "currentColor",
+      className: contextClass = ""
+    } = useLucideContext() ?? {};
+    const calculatedStrokeWidth = absoluteStrokeWidth ?? contextAbsoluteStrokeWidth ? Number(strokeWidth ?? contextStrokeWidth) * 24 / Number(size ?? contextSize) : strokeWidth ?? contextStrokeWidth;
+    return createElement(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size ?? contextSize ?? defaultAttributes.width,
+        height: size ?? contextSize ?? defaultAttributes.height,
+        stroke: color ?? contextColor,
+        strokeWidth: calculatedStrokeWidth,
+        className: mergeClasses("lucide", contextClass, className),
+        ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const createLucideIcon = (iconName, iconNode) => {
+  const Component = forwardRef(
+    ({ className, ...props }, ref) => createElement(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
+      ...props
+    })
+  );
+  Component.displayName = toPascalCase(iconName);
+  return Component;
+};
+
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$1 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1);
+
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode);
+
 var List = React.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 'm' : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 'm' : _d, _e = _a.hasLastBorder, hasLastBorder = _e === void 0 ? false : _e, _f = _a.hasBorder, hasBorder = _f === void 0 ? true : _f, _g = _a.paddingInline, paddingInline = _g === void 0 ? '' : _g, _h = _a.removeVerticalMargin, removeVerticalMargin = _h === void 0 ? false : _h, _j = _a.style, style = _j === void 0 ? {} : _j, otherProps = __rest(_a, ["children", "className", "size", "fontSize", "hasLastBorder", "hasBorder", "paddingInline", "removeVerticalMargin", "style"]);
     var cssClass = [styles$j.list];
@@ -2218,7 +2379,7 @@ var List = React.forwardRef(function (_a, ref) {
     return (React.createElement("div", __assign({ className: cssClass.join(' '), style: style }, otherProps, { ref: ref }), children));
 });
 var ListItem = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, picto = _a.picto, text = _a.text, description = _a.description, actions = _a.actions, onClick = _a.onClick; _a.onMouseEnter; _a.onMouseLeave; var value = _a.value, _b = _a.valueMaxWidth, valueMaxWidth = _b === void 0 ? 200 : _b, valueMinWidth = _a.valueMinWidth, _c = _a.hasArrow, hasArrow = _c === void 0 ? false : _c, _d = _a.textIsBold, textIsBold = _d === void 0 ? undefined : _d, _e = _a.textIsItalic, textIsItalic = _e === void 0 ? false : _e, _f = _a.textHasEllipsis, textHasEllipsis = _f === void 0 ? false : _f, _g = _a.textBreakWord, textBreakWord = _g === void 0 ? false : _g, _h = _a.isActive, isActive = _h === void 0 ? false : _h, _j = _a.isDragging, isDragging = _j === void 0 ? false : _j, dragHandle = _a.dragHandle, _k = _a.dragHandlePosition, dragHandlePosition = _k === void 0 ? 'before' : _k, otherProps = __rest(_a, ["children", "className", "picto", "text", "description", "actions", "onClick", "onMouseEnter", "onMouseLeave", "value", "valueMaxWidth", "valueMinWidth", "hasArrow", "textIsBold", "textIsItalic", "textHasEllipsis", "textBreakWord", "isActive", "isDragging", "dragHandle", "dragHandlePosition"]);
+    var children = _a.children, className = _a.className, picto = _a.picto, text = _a.text, description = _a.description, actions = _a.actions, onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, value = _a.value, _b = _a.valueMaxWidth, valueMaxWidth = _b === void 0 ? 200 : _b, valueMinWidth = _a.valueMinWidth, _c = _a.hasArrow, hasArrow = _c === void 0 ? false : _c, _d = _a.textIsBold, textIsBold = _d === void 0 ? undefined : _d, _e = _a.textIsItalic, textIsItalic = _e === void 0 ? false : _e, _f = _a.textHasEllipsis, textHasEllipsis = _f === void 0 ? false : _f, _g = _a.textBreakWord, textBreakWord = _g === void 0 ? false : _g, _h = _a.isActive, isActive = _h === void 0 ? false : _h, _j = _a.isDragging, isDragging = _j === void 0 ? false : _j, dragHandle = _a.dragHandle, _k = _a.dragHandlePosition, dragHandlePosition = _k === void 0 ? 'before' : _k, otherProps = __rest(_a, ["children", "className", "picto", "text", "description", "actions", "onClick", "onMouseEnter", "onMouseLeave", "value", "valueMaxWidth", "valueMinWidth", "hasArrow", "textIsBold", "textIsItalic", "textHasEllipsis", "textBreakWord", "isActive", "isDragging", "dragHandle", "dragHandlePosition"]);
     var hasClickHandler = typeof onClick === 'function';
     var cssClass = [styles$j.list_item];
     var style = {};
@@ -2255,7 +2416,7 @@ var ListItem = React.forwardRef(function (_a, ref) {
             onClick(ev);
         }
     };
-    return (React.createElement("div", __assign({ className: cssClass.join(' '), onClick: function (ev) { return handleClick(ev); } }, otherProps, { ref: ref }),
+    return (React.createElement("div", __assign({ className: cssClass.join(' '), onClick: function (ev) { return handleClick(ev); } }, otherProps, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: ref }),
         dragHandle && dragHandlePosition === 'before' &&
             React.createElement("div", { className: styles$j.dragHandleBefore }, dragHandle),
         picto &&
@@ -2270,7 +2431,7 @@ var ListItem = React.forwardRef(function (_a, ref) {
         actions && React.createElement("div", { className: styles$j.col_actions }, actions),
         hasArrow &&
             React.createElement("div", { className: styles$j.col_arrow },
-                React.createElement("i", { className: 'fas fa-chevron-right' })),
+                React.createElement(ChevronRight, { strokeWidth: 1.5 })),
         dragHandle && dragHandlePosition === 'before' &&
             React.createElement("div", { className: styles$j.dragHandleBefore }, dragHandle)));
 });
@@ -3168,156 +3329,6 @@ var css_248z$f = ".EditorHeader-module_header__YJnbF{align-items:center;backgrou
 var styles$d = {"header":"EditorHeader-module_header__YJnbF","has_border":"EditorHeader-module_has_border__3SmC0","col_left":"EditorHeader-module_col_left__qs7KX","col_center":"EditorHeader-module_col_center__ydIXQ","col_right":"EditorHeader-module_col_right__aBErY","left_back":"EditorHeader-module_left_back__u1uDO","left_back_arrow":"EditorHeader-module_left_back_arrow__vds1s","left_back_icon":"EditorHeader-module_left_back_icon__4JR3s","left_content":"EditorHeader-module_left_content__WGalp","left_title":"EditorHeader-module_left_title__mEHj6","hasBorder":"EditorHeader-module_has_border__3SmC0","colLeft":"EditorHeader-module_col_left__qs7KX","colCenter":"EditorHeader-module_col_center__ydIXQ","colRight":"EditorHeader-module_col_right__aBErY","leftBack":"EditorHeader-module_left_back__u1uDO","leftBackArrow":"EditorHeader-module_left_back_arrow__vds1s","leftBackIcon":"EditorHeader-module_left_back_icon__4JR3s","leftContent":"EditorHeader-module_left_content__WGalp","leftTitle":"EditorHeader-module_left_title__mEHj6"};
 styleInject(css_248z$f);
 
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-const mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-const toCamelCase = (string) => string.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
-);
-
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const toPascalCase = (string) => {
-  const camelCase = toCamelCase(string);
-  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-};
-
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-const hasA11yProp = (props) => {
-  for (const prop in props) {
-    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
-      return true;
-    }
-  }
-  return false;
-};
-
-const LucideContext = createContext({});
-const useLucideContext = () => useContext(LucideContext);
-
-const Icon = forwardRef(
-  ({ color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref) => {
-    const {
-      size: contextSize = 24,
-      strokeWidth: contextStrokeWidth = 2,
-      absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,
-      color: contextColor = "currentColor",
-      className: contextClass = ""
-    } = useLucideContext() ?? {};
-    const calculatedStrokeWidth = absoluteStrokeWidth ?? contextAbsoluteStrokeWidth ? Number(strokeWidth ?? contextStrokeWidth) * 24 / Number(size ?? contextSize) : strokeWidth ?? contextStrokeWidth;
-    return createElement(
-      "svg",
-      {
-        ref,
-        ...defaultAttributes,
-        width: size ?? contextSize ?? defaultAttributes.width,
-        height: size ?? contextSize ?? defaultAttributes.height,
-        stroke: color ?? contextColor,
-        strokeWidth: calculatedStrokeWidth,
-        className: mergeClasses("lucide", contextClass, className),
-        ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
-        ...rest
-      },
-      [
-        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    );
-  }
-);
-
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const createLucideIcon = (iconName, iconNode) => {
-  const Component = forwardRef(
-    ({ className, ...props }, ref) => createElement(Icon, {
-      ref,
-      iconNode,
-      className: mergeClasses(
-        `lucide-${toKebabCase(toPascalCase(iconName))}`,
-        `lucide-${iconName}`,
-        className
-      ),
-      ...props
-    })
-  );
-  Component.displayName = toPascalCase(iconName);
-  return Component;
-};
-
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode);
-
 function EditorHeader(_a) {
     var _b = _a.left, left = _b === void 0 ? React.createElement(React.Fragment, null) : _b, _c = _a.leftTitle, leftTitle = _c === void 0 ? '' : _c, _d = _a.center, center = _d === void 0 ? React.createElement(React.Fragment, null) : _d, _e = _a.right, right = _e === void 0 ? React.createElement(React.Fragment, null) : _e, _f = _a.hasBorder, hasBorder = _f === void 0 ? true : _f, _g = _a.hasBackButton, hasBackButton = _g === void 0 ? true : _g, _h = _a.backTitle, backTitle = _h === void 0 ? 'Back' : _h, backOnClick = _a.backOnClick;
     var tooltipID = v4();