@onesy/ui-react 1.0.172 → 1.0.174

package/esm/ColumnChart/ColumnChart.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["values", "className"];
@@ -11,13 +10,14 @@ import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-re
 import ChartElement from '../Chart';
 import ColumnChartItemElement from '../ColumnChartItem';
 import { staticClassName } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {}
 }), {
   name: 'onesy-ColumnChart'
 });
-const ColumnChart = /*#__PURE__*/React.forwardRef((props_, ref) => {
-  const $ = _c(9);
+const ColumnChart = props_ => {
+  const $ = _c(8);
   const theme = useOnesyTheme();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyColumnChart?.props?.default), props_);
   const Chart = theme?.elements?.Chart || ChartElement;
@@ -46,32 +46,31 @@ const ColumnChart = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const t1 = "hidden";
   const t2 = true;
   const t3 = classNames([staticClassName("ColumnChart", theme) && ["onesy-ColumnChart-root"], className, classes.root]);
-  const t4 = is("array", values) && values.map((item, index) => /*#__PURE__*/React.createElement(ColumnChartItem, _extends({
-    key: index,
+  const t4 = is("array", values) && values.map((item, index) => /*#__PURE__*/_jsx(ColumnChartItem, _objectSpread({
     width: widthItem
-  }, item)));
+  }, item), index));
   let t5;
-  if ($[1] !== Chart || $[2] !== onUpdateRects || $[3] !== other || $[4] !== ref || $[5] !== t3 || $[6] !== t4 || $[7] !== values) {
-    t5 = /*#__PURE__*/React.createElement(Chart, _extends({
-      ref: ref,
+  if ($[1] !== Chart || $[2] !== onUpdateRects || $[3] !== other || $[4] !== t3 || $[5] !== t4 || $[6] !== values) {
+    t5 = /*#__PURE__*/_jsx(Chart, _objectSpread(_objectSpread({
       values: values,
       pointsVisibility: t1,
       elementTooltip: t2,
       onUpdateRects: onUpdateRects,
       className: t3
-    }, other), t4);
+    }, other), {}, {
+      children: t4
+    }));
     $[1] = Chart;
     $[2] = onUpdateRects;
     $[3] = other;
-    $[4] = ref;
-    $[5] = t3;
-    $[6] = t4;
-    $[7] = values;
-    $[8] = t5;
+    $[4] = t3;
+    $[5] = t4;
+    $[6] = values;
+    $[7] = t5;
   } else {
-    t5 = $[8];
+    t5 = $[7];
   }
   return t5;
-});
+};
 ColumnChart.displayName = 'onesy-ColumnChart';
 export default ColumnChart;

package/esm/ColumnChartItem/ColumnChartItem.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["tonal", "color", "name", "values", "width", "refs", "rects", "updateDefs", "updateLegend", "minMax", "animate", "animateTimeout", "PathProps", "BackgroundProps", "BorderProps", "LegendItemProps", "className"];
@@ -12,6 +11,7 @@ import LineElement from '../Line';
 import TypeElement from '../Type';
 import useMediaQuery from '../useMediaQuery';
 import { staticClassName, valueBreakpoints } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {},
   legend_item: {
@@ -24,7 +24,7 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-ColumnChartItem'
 });
-const ColumnChartItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const ColumnChartItem = props_ => {
   const theme = useOnesyTheme();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyColumnChartItem?.props?.default), props_);
   const Line = theme?.elements?.Line || LineElement;
@@ -85,20 +85,22 @@ const ColumnChartItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
   refs.animateTimeout.current = animateTimeout;
   refs.init.current = init;
   const LegendItem = legendItemProps => {
-    return /*#__PURE__*/React.createElement(Line, _extends({
+    return /*#__PURE__*/_jsxs(Line, _objectSpread(_objectSpread(_objectSpread({
       gap: 1,
       direction: "row",
       align: "center"
-    }, legendItemProps, LegendItemProps, {
-      className: classNames([staticClassName('ColumnChartItem', theme) && ['onesy-ColumnChartItem-legend-item'], legendItemProps?.className, LegendItemProps?.className, classes.legend_item])
-    }), /*#__PURE__*/React.createElement("span", {
-      className: classNames([staticClassName('ColumnChartItem', theme) && ['onesy-ColumnChartItem-legend-icon'], classes.legend_icon]),
-      style: {
-        background: !refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color]['main']
-      }
-    }), /*#__PURE__*/React.createElement(Type, {
-      version: "b3"
-    }, name));
+    }, legendItemProps), LegendItemProps), {}, {
+      className: classNames([staticClassName('ColumnChartItem', theme) && ['onesy-ColumnChartItem-legend-item'], legendItemProps?.className, LegendItemProps?.className, classes.legend_item]),
+      children: [/*#__PURE__*/_jsx("span", {
+        className: classNames([staticClassName('ColumnChartItem', theme) && ['onesy-ColumnChartItem-legend-icon'], classes.legend_icon]),
+        style: {
+          background: !refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color]['main']
+        }
+      }), /*#__PURE__*/_jsx(Type, {
+        version: "b3",
+        children: name
+      })]
+    }));
   };
   const make = () => {
     // Make values into x, y, coordinates
@@ -118,22 +120,24 @@ const ColumnChartItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
       values_.x = valueFromPercentageWithinRange(values_.x, 0, width);
       values_.y = valueFromPercentageWithinRange(values_.y, 0, height);
       const value_ = [values_.x, height - values_.y].map(item_ => Math.abs(item_));
-      const element = /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement(Path, _extends({
-        x: value_[0] - widthItem / 2,
-        y: value_[1],
-        width: widthItem,
-        height: height - value_[1],
-        fill: !refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color]['main'],
-        stroke: "none",
-        Component: "rect"
-      }, PathProps, {
-        style: _objectSpread(_objectSpread(_objectSpread({}, PathProps?.style), refs.animate.current && refs.init.current !== 'animated' && {
-          opacity: 0,
-          transform: 'scaleY(0)'
-        }), {}, {
-          transformOrigin: 'bottom'
-        }, refs.pathStyle.current)
-      })));
+      const element = /*#__PURE__*/_jsx("g", {
+        children: /*#__PURE__*/_jsx(Path, _objectSpread(_objectSpread({
+          x: value_[0] - widthItem / 2,
+          y: value_[1],
+          width: widthItem,
+          height: height - value_[1],
+          fill: !refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color]['main'],
+          stroke: "none",
+          Component: "rect"
+        }, PathProps), {}, {
+          style: _objectSpread(_objectSpread(_objectSpread({}, PathProps?.style), refs.animate.current && refs.init.current !== 'animated' && {
+            opacity: 0,
+            transform: 'scaleY(0)'
+          }), {}, {
+            transformOrigin: 'bottom'
+          }, refs.pathStyle.current)
+        }))
+      });
 
       // Legend item
       if (is('function', updateLegend)) {
@@ -145,7 +149,7 @@ const ColumnChartItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
                 name,
                 values
               },
-              element: /*#__PURE__*/React.createElement(LegendItem, null)
+              element: /*#__PURE__*/_jsx(LegendItem, {})
             });
           }
           return newValues;
@@ -185,6 +189,6 @@ const ColumnChartItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
   return value && /*#__PURE__*/React.cloneElement(value, _objectSpread({
     className
   }, other));
-});
+};
 ColumnChartItem.displayName = 'onesy-ColumnChartItem';
 export default ColumnChartItem;

package/esm/Confirm/Confirm.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["throwError", "onOpen", "onClose", "className", "children"],
@@ -17,6 +16,7 @@ import ModalMainElement from '../ModalMain';
 import ModalTextElement from '../ModalText';
 import ModalElement from '../Modal';
 import { staticClassName } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {
     '& .onesy-ModalMain-root': {
@@ -38,7 +38,7 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-Confirm'
 });
-const Confirm = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const Confirm = props_ => {
   const theme = useOnesyTheme();
   const l = theme.l;
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyConfirm?.props?.default), props_);
@@ -118,38 +118,54 @@ const Confirm = /*#__PURE__*/React.forwardRef((props_, ref) => {
   // Add to the value
   refs.value.current.open = open;
   refs.value.current.close = close;
-  return /*#__PURE__*/React.createElement(ConfirmContext.Provider, {
-    value: refs.value.current
-  }, children, /*#__PURE__*/React.createElement(Modal, _extends({
-    ref: ref,
-    open: openModal,
-    onClose: close,
-    SurfaceProps: {
-      tonal: true,
-      color: 'primary',
-      className: classNames([classes.surface])
-    },
-    className: classNames([staticClassName('Confirm', theme) && [`onesy-Confirm-root`], className, classes.root])
-  }, other, otherModal), is('function', modal) ? modal({
-    resolve: refs.promise.resolve.current,
-    reject: refs.promise.reject.current
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, name !== false && /*#__PURE__*/React.createElement(ModalHeader, null, is('string', name) ? /*#__PURE__*/React.createElement(ModalTitle, {
-    version: "t1",
-    weight: 500
-  }, name || l('Confirmation')) : name), /*#__PURE__*/React.createElement(ModalMain, null, is('string', description) ? /*#__PURE__*/React.createElement(ModalText, {
-    version: "b1",
-    weight: 200
-  }, description !== undefined ? description : l('Are you sure you want to proceed?')) : description), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, _extends({
-    version: "text",
-    color: "inherit",
-    tonal: true,
-    onClick: () => close(false)
-  }, ButtonNegativeProps), buttons?.negative?.text !== undefined ? buttons?.negative?.text : l('Cancel')), /*#__PURE__*/React.createElement(Button, _extends({
-    version: "text",
-    color: "inherit",
-    tonal: true,
-    onClick: () => close(true)
-  }, ButtonPositiveProps), buttons?.positive?.text !== undefined ? buttons?.positive?.text : l('Confirm'))))));
-});
+  return /*#__PURE__*/_jsxs(ConfirmContext.Provider, {
+    value: refs.value.current,
+    children: [children, /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread(_objectSpread({
+      open: openModal,
+      onClose: close,
+      SurfaceProps: {
+        tonal: true,
+        color: 'primary',
+        className: classNames([classes.surface])
+      },
+      className: classNames([staticClassName('Confirm', theme) && [`onesy-Confirm-root`], className, classes.root])
+    }, other), otherModal), {}, {
+      children: is('function', modal) ? modal({
+        resolve: refs.promise.resolve.current,
+        reject: refs.promise.reject.current
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [name !== false && /*#__PURE__*/_jsx(ModalHeader, {
+          children: is('string', name) ? /*#__PURE__*/_jsx(ModalTitle, {
+            version: "t1",
+            weight: 500,
+            children: name || l('Confirmation')
+          }) : name
+        }), /*#__PURE__*/_jsx(ModalMain, {
+          children: is('string', description) ? /*#__PURE__*/_jsx(ModalText, {
+            version: "b1",
+            weight: 200,
+            children: description !== undefined ? description : l('Are you sure you want to proceed?')
+          }) : description
+        }), /*#__PURE__*/_jsxs(ModalFooter, {
+          children: [/*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+            version: "text",
+            color: "inherit",
+            tonal: true,
+            onClick: () => close(false)
+          }, ButtonNegativeProps), {}, {
+            children: buttons?.negative?.text !== undefined ? buttons?.negative?.text : l('Cancel')
+          })), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+            version: "text",
+            color: "inherit",
+            tonal: true,
+            onClick: () => close(true)
+          }, ButtonPositiveProps), {}, {
+            children: buttons?.positive?.text !== undefined ? buttons?.positive?.text : l('Confirm')
+          }))]
+        })]
+      })
+    }))]
+  });
+};
 Confirm.displayName = 'onesy-Confirm';
 export default Confirm;

package/esm/Container/Container.js

@@ -1,7 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["alignment", "paddingVertical", "paddingHorizontal", "fullWidth", "maxWidth", "Component", "style", "className", "children"];
+const _excluded = ["ref", "alignment", "paddingVertical", "paddingHorizontal", "fullWidth", "maxWidth", "Component", "style", "className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
@@ -10,6 +9,7 @@ import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-re
 import LineElement from '../Line';
 import useMediaQuery from '../useMediaQuery';
 import { staticClassName, valueBreakpoints } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {
     width: '100%'
@@ -81,11 +81,12 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-Container'
 });
-const Container = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const Container = props_ => {
   const theme = useOnesyTheme();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyContainer?.props?.default), props_);
   const Line = theme?.elements?.Line || LineElement;
   const {
+      ref,
       alignment: alignment_,
       paddingVertical: paddingVertical_,
       paddingHorizontal: paddingHorizontal_,
@@ -128,7 +129,7 @@ const Container = /*#__PURE__*/React.forwardRef((props_, ref) => {
   if (!classes[`maxWidth_${maxWidth}`]) styles.root.maxWidth = maxWidth;
   if (!['both', 'start', 'end', 'none'].includes(paddingHorizontal)) styles.root.paddingInline = paddingHorizontal;
   if (!['both', 'start', 'end', 'none'].includes(paddingVertical)) styles.root.paddingBlock = paddingVertical;
-  return /*#__PURE__*/React.createElement(Line, _extends({
+  return /*#__PURE__*/_jsx(Line, _objectSpread(_objectSpread({
     ref: item_0 => {
       if (ref) {
         if (is('function', ref)) ref(item_0);else ref.current = item_0;
@@ -139,7 +140,9 @@ const Container = /*#__PURE__*/React.forwardRef((props_, ref) => {
     direction: "row",
     className: classNames([staticClassName('Container', theme) && ['onesy-Container-root'], className, classes.root, classes[`alignment_${alignment}`], classes[`maxWidth_${maxWidth}`], classes[`padding_vertical_${paddingVertical}`], classes[`padding_horizontal_${paddingHorizontal}`], fullWidth && classes.fullWidth]),
     style: _objectSpread(_objectSpread({}, styles.root), style)
-  }, other), children);
-});
+  }, other), {}, {
+    children: children
+  }));
+};
 Container.displayName = 'onesy-Container';
 export default Container;

package/esm/CookieBanner/CookieBanner.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["name", "description", "size", "startActions", "endActions", "onReject", "onAllow", "in", "TransitionElement", "noTransition", "MainProps", "NameProps", "DescriptionProps", "ButtonProps", "RejectButtonProps", "AllowButtonProps", "TransitionProps", "className", "children"];
@@ -14,6 +13,7 @@ import SurfaceElement from '../Surface';
 import SlideElement from '../Slide';
 import LineElement from '../Line';
 import { staticClassName } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {
     position: 'fixed',
@@ -37,7 +37,7 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-CookieBanner'
 });
-const CookieBanner = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const CookieBanner = props_ => {
   const $ = _c(10);
   const theme = useOnesyTheme();
   const l = theme.l;
@@ -92,18 +92,23 @@ const CookieBanner = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const t3 = classNames([staticClassName("CookieBanner", theme) && ["onesy-CookieBanner-root", `onesy-CookieBanner-size-${size}`], className, classes.root, classes[`size_${size}`]]);
   const t4 = classNames([staticClassName("CookieBanner", theme) && ["onesy-CookieBanner-main"], MainProps?.className, classes.main]);
   const t5 = 0.25;
-  const t6 = is("string", name) ? /*#__PURE__*/React.createElement(Type, _extends({
+  const t6 = is("string", name) ? /*#__PURE__*/_jsx(Type, _objectSpread(_objectSpread({
     version: size === "large" ? "t1" : size === "regular" ? "t2" : "t3",
     weight: 500
-  }, NameProps), name) : name;
-  const t7 = is("string", description) ? /*#__PURE__*/React.createElement(Type, _extends({
+  }, NameProps), {}, {
+    children: name
+  })) : name;
+  const t7 = is("string", description) ? /*#__PURE__*/_jsx(Type, _objectSpread(_objectSpread({
     version: size === "large" ? "b1" : size === "regular" ? "b2" : "b3"
-  }, DescriptionProps), description) : description;
+  }, DescriptionProps), {}, {
+    children: description
+  })) : description;
   let t8;
   if ($[2] !== Line || $[3] !== t6 || $[4] !== t7) {
-    t8 = /*#__PURE__*/React.createElement(Line, {
-      gap: t5
-    }, t6, t7);
+    t8 = /*#__PURE__*/_jsxs(Line, {
+      gap: t5,
+      children: [t6, t7]
+    });
     $[2] = Line;
     $[3] = t6;
     $[4] = t7;
@@ -127,37 +132,46 @@ const CookieBanner = /*#__PURE__*/React.forwardRef((props_, ref) => {
   } else {
     t10 = $[9];
   }
-  return /*#__PURE__*/React.createElement(TransitionElement, WrapperProps, /*#__PURE__*/React.createElement(Line, _extends({
-    ref: ref,
-    gap: 1.5,
-    align: "center",
-    fullWidth: true,
-    Component: Surface,
-    color: "default",
-    role: "region",
-    "aria-label": t2,
-    className: t3
-  }, other), /*#__PURE__*/React.createElement(Line, _extends({
-    gap: 1.5,
-    direction: "row",
-    wrap: "wrap",
-    align: "center",
-    justify: "space-between",
-    fullWidth: true
-  }, MainProps, {
-    className: t4
-  }), t8, /*#__PURE__*/React.createElement(Line, {
-    gap: 1,
-    direction: "row",
-    align: "center"
-  }, startActions, /*#__PURE__*/React.createElement(Button, _extends({
-    onClick: onReject,
-    color: "default"
-  }, buttonProps, RejectButtonProps), t9), /*#__PURE__*/React.createElement(Button, _extends({
-    onClick: onAllow,
-    color: "primary",
-    version: "filled"
-  }, buttonProps, AllowButtonProps), t10), endActions))));
-});
+  return /*#__PURE__*/_jsx(TransitionElement, _objectSpread(_objectSpread({}, WrapperProps), {}, {
+    children: /*#__PURE__*/_jsx(Line, _objectSpread(_objectSpread({
+      gap: 1.5,
+      align: "center",
+      fullWidth: true,
+      Component: Surface,
+      color: "default",
+      role: "region",
+      "aria-label": t2,
+      className: t3
+    }, other), {}, {
+      children: /*#__PURE__*/_jsxs(Line, _objectSpread(_objectSpread({
+        gap: 1.5,
+        direction: "row",
+        wrap: "wrap",
+        align: "center",
+        justify: "space-between",
+        fullWidth: true
+      }, MainProps), {}, {
+        className: t4,
+        children: [t8, /*#__PURE__*/_jsxs(Line, {
+          gap: 1,
+          direction: "row",
+          align: "center",
+          children: [startActions, /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({
+            onClick: onReject,
+            color: "default"
+          }, buttonProps), RejectButtonProps), {}, {
+            children: t9
+          })), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({
+            onClick: onAllow,
+            color: "primary",
+            version: "filled"
+          }, buttonProps), AllowButtonProps), {}, {
+            children: t10
+          })), endActions]
+        })]
+      }))
+    }))
+  }));
+};
 CookieBanner.displayName = 'onesy-CookieBanner';
 export default CookieBanner;