@lumx/react 4.3.2-alpha.32 → 4.3.2-alpha.34

package/index.js

@@ -8761,7 +8761,7 @@ const Link$1 = props => {
     theme,
     href,
     target,
-    onClick,
+    handleClick,
     ...forwardedProps
   } = props;
   const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);
@@ -8809,7 +8809,7 @@ const Link$1 = props => {
   const elementProps = {
     ref,
     className: combinedClassName,
-    onClick: isDisabled ? undefined : onClick,
+    onClick: isDisabled ? undefined : handleClick,
     ...forwardedProps,
     ...disabledProps
   };
@@ -9919,7 +9919,7 @@ const CLASSNAME$y = 'lumx-progress-linear';
 const {
   block: block$v,
   element: element$l
-} = classNames.bem(CLASSNAME$y);
+} = bem(CLASSNAME$y);
 
 /**
  * Component default props.
@@ -9930,20 +9930,19 @@ const DEFAULT_PROPS$B = {};
  * ProgressLinear component.
  *
  * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
+ * @return JSX element.
  */
-const ProgressLinear = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme$1.light;
+const ProgressLinear$1 = props => {
   const {
     className,
-    theme = defaultTheme,
+    theme,
+    ref,
     ...forwardedProps
   } = props;
   return /*#__PURE__*/jsxs("div", {
     ref: ref,
     ...forwardedProps,
-    className: classNames.join(className, block$v({
+    className: classnames(className, block$v({
       [`theme-${theme}`]: Boolean(theme)
     })),
     children: [/*#__PURE__*/jsx("div", {
@@ -9952,11 +9951,37 @@ const ProgressLinear = forwardRef((props, ref) => {
       className: element$l('line2')
     })]
   });
+};
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * ProgressLinear component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const ProgressLinear = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme$1.light;
+  const {
+    theme = defaultTheme,
+    ...otherProps
+  } = props;
+  return ProgressLinear$1({
+    ref,
+    theme,
+    ...otherProps
+  });
 });
 ProgressLinear.displayName = COMPONENT_NAME$x;
 ProgressLinear.className = CLASSNAME$y;
 ProgressLinear.defaultProps = DEFAULT_PROPS$B;
 
+/* eslint-disable react/no-unknown-property */
+
 /**
  * Component display name.
  */
@@ -9969,37 +9994,38 @@ const CLASSNAME$x = 'lumx-progress-circular';
 const {
   block: block$u,
   element: element$k
-} = classNames.bem(CLASSNAME$x);
+} = bem(CLASSNAME$x);
 
 /**
  * Component default props.
  */
 const DEFAULT_PROPS$A = {
-  size: Size$1.m,
+  size: Size.m,
   display: 'block'
 };
 
 /**
- * ProgressCircularProps component.
+ * ProgressCircular component.
  *
  * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
+ * @return JSX element.
  */
-const ProgressCircular = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme$1.light;
+const ProgressCircular$1 = props => {
   const {
     className,
-    theme = defaultTheme,
+    theme,
     size = DEFAULT_PROPS$A.size,
     display = DEFAULT_PROPS$A.display,
+    ref,
+    circleProps,
+    svgProps,
     ...forwardedProps
   } = props;
   const Element = display === 'block' ? 'div' : 'span';
   return /*#__PURE__*/jsxs(Element, {
     ref: ref,
     ...forwardedProps,
-    className: classNames.join(className, block$u({
+    className: classnames(className, block$u({
       [`theme-${theme}`]: Boolean(theme),
       [`size-${size}`]: Boolean(size),
       [`display-${display}`]: Boolean(display)
@@ -10009,18 +10035,48 @@ const ProgressCircular = forwardRef((props, ref) => {
     }), /*#__PURE__*/jsx(Element, {
       className: element$k('double-bounce2')
     }), /*#__PURE__*/jsx("svg", {
-      className: element$k('svg'),
+      ...svgProps,
       viewBox: "25 25 50 50",
       children: /*#__PURE__*/jsx("circle", {
-        className: element$k('path'),
+        ...circleProps,
         cx: "50",
         cy: "50",
         r: "20",
-        fill: "none",
-        strokeWidth: "5"
+        fill: "none"
       })
     })]
   });
+};
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * ProgressCircular component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const ProgressCircular = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme$1.light;
+  const {
+    theme = defaultTheme,
+    ...otherProps
+  } = props;
+  return ProgressCircular$1({
+    ref,
+    theme,
+    ...otherProps,
+    circleProps: {
+      className: element$k('path'),
+      strokeWidth: '5'
+    },
+    svgProps: {
+      className: element$k('svg')
+    }
+  });
 });
 ProgressCircular.displayName = COMPONENT_NAME$w;
 ProgressCircular.className = CLASSNAME$x;
@@ -13312,10 +13368,6 @@ const TableCell$1 = props => {
     variant = DEFAULT_PROPS$e.variant,
     ...forwardedProps
   } = props;
-  console.log({
-    onHeaderClick,
-    isSortable
-  });
 
   // Use button if clickable
   const Wrapper = onHeaderClick ? 'button' : 'div';