ui-beyable 1.1.0-beta.22 → 1.1.0-beta.24

package/lib/cjs/components/Checkbox/Checkbox.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { ICheckbox, IRadio, ISwitch } from './types';
 import { IList } from '../List/types';
-declare function Checkbox({ children, type, label, description, tooltip, tooltipHTML, name, value, checked, forcedChecked, disabled, onChange, size, fullWidth }: ICheckbox): JSX.Element;
+declare function Checkbox({ children, type, label, description, tooltip, tooltipHTML, name, value, checked, forcedChecked, disabled, onChange, size, fullWidth, className }: ICheckbox): JSX.Element;
 declare function Radio(props: IRadio): JSX.Element;
-declare function Switch({ children, label, name, value, checked, onChange, disabled, forcedChecked, position, size, align, verticalSize, noMargin }: ISwitch): JSX.Element;
+declare function Switch({ children, label, name, value, checked, onChange, disabled, forcedChecked, position, size, align, verticalSize, noMargin, className }: ISwitch): JSX.Element;
 declare function CheckboxList(props: IList): JSX.Element;
 export { Checkbox, Radio, Switch, CheckboxList };

package/lib/cjs/components/Checkbox/types.d.ts

@@ -9,6 +9,7 @@ interface ICommon {
     forcedChecked?: boolean;
     disabled?: boolean;
     onChange?: any;
+    className?: string;
 }
 interface IRadio extends ICommon {
     size?: 's' | 'm' | 'l';

package/lib/cjs/index.js

@@ -2178,6 +2178,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 = React.createContext({});
+const useLucideContext = () => React.useContext(LucideContext);
+
+const Icon = React.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 React.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]) => React.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 = React.forwardRef(
+    ({ className, ...props }, ref) => React.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];
@@ -2272,7 +2433,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)));
 });
@@ -2292,7 +2453,7 @@ var margin = {"l_2":"Margin-module_l_2__SAWjp","l_3":"Margin-module_l_3__oR-rV",
 styleInject(css_248z$p);
 
 function Checkbox(_a) {
-    var children = _a.children, _b = _a.type, type = _b === void 0 ? 'checkbox' : _b, _c = _a.label, label = _c === void 0 ? '' : _c, _d = _a.description, description = _d === void 0 ? '' : _d, _e = _a.tooltip, tooltip = _e === void 0 ? '' : _e, _f = _a.tooltipHTML, tooltipHTML = _f === void 0 ? '' : _f, name = _a.name, value = _a.value, checked = _a.checked, forcedChecked = _a.forcedChecked, _g = _a.disabled, disabled = _g === void 0 ? false : _g, onChange = _a.onChange, _h = _a.size, size = _h === void 0 ? 'm' : _h, _j = _a.fullWidth, fullWidth = _j === void 0 ? false : _j;
+    var children = _a.children, _b = _a.type, type = _b === void 0 ? 'checkbox' : _b, _c = _a.label, label = _c === void 0 ? '' : _c, _d = _a.description, description = _d === void 0 ? '' : _d, _e = _a.tooltip, tooltip = _e === void 0 ? '' : _e, _f = _a.tooltipHTML, tooltipHTML = _f === void 0 ? '' : _f, name = _a.name, value = _a.value, checked = _a.checked, forcedChecked = _a.forcedChecked, _g = _a.disabled, disabled = _g === void 0 ? false : _g, onChange = _a.onChange, _h = _a.size, size = _h === void 0 ? 'm' : _h, _j = _a.fullWidth, fullWidth = _j === void 0 ? false : _j, className = _a.className;
     var tooltipID = v4();
     var change = function (ev) {
         if (typeof onChange === 'function') {
@@ -2320,6 +2481,9 @@ function Checkbox(_a) {
         l: styles$i.wrapper_size_l,
         xl: styles$i.wrapper_size_xl,
     };
+    if (className) {
+        cssClass.push(className);
+    }
     if (disabled) {
         cssClass.push(styles$i.wrapper_disabled);
     }
@@ -2372,7 +2536,7 @@ function Radio(props) {
     return (React.createElement(Checkbox, __assign({}, props, { type: "radio" }), props.children));
 }
 function Switch(_a) {
-    var children = _a.children, label = _a.label, name = _a.name, value = _a.value, checked = _a.checked, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b, forcedChecked = _a.forcedChecked, _c = _a.position, position = _c === void 0 ? 'left' : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.align, align = _e === void 0 ? 'top' : _e, _f = _a.verticalSize, verticalSize = _f === void 0 ? 'm' : _f, _g = _a.noMargin, noMargin = _g === void 0 ? false : _g;
+    var children = _a.children, label = _a.label, name = _a.name, value = _a.value, checked = _a.checked, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b, forcedChecked = _a.forcedChecked, _c = _a.position, position = _c === void 0 ? 'left' : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.align, align = _e === void 0 ? 'top' : _e, _f = _a.verticalSize, verticalSize = _f === void 0 ? 'm' : _f, _g = _a.noMargin, noMargin = _g === void 0 ? false : _g, className = _a.className;
     var change = function (ev) {
         if (typeof onChange === 'function') {
             onChange(ev);
@@ -2396,6 +2560,9 @@ function Switch(_a) {
         l: styles$i.wrapper_padding_l,
         xl: styles$i.wrapper_padding_xl,
     };
+    if (className) {
+        labelClass.push(className);
+    }
     if (isChecked) {
         switchClass.push(styles$i.switch_checked);
     }
@@ -3170,156 +3337,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 = React.createContext({});
-const useLucideContext = () => React.useContext(LucideContext);
-
-const Icon = React.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 React.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]) => React.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 = React.forwardRef(
-    ({ className, ...props }, ref) => React.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();