@helpdice/ui 2.3.3 → 2.3.6

package/esm/button/{button.compact.js → button.icon.js}

@@ -4,8 +4,6 @@ import Button from './button';
 import { useTheme } from '@helpdice/theme';
 var CompactButton = function CompactButton(_ref) {
   var _color = _ref.color,
-    _ref$to = _ref.to,
-    to = _ref$to === void 0 ? '/' : _ref$to,
     children = _ref.children,
     iconRight = _ref.iconRight,
     icon = _ref.icon,
@@ -13,27 +11,8 @@ var CompactButton = function CompactButton(_ref) {
     scale = _ref$scale === void 0 ? 2 / 3 : _ref$scale,
     type = _ref.type,
     style = _ref.style,
-    a = _ref.a,
-    _ref$target = _ref.target,
-    target = _ref$target === void 0 ? "_self" : _ref$target,
     onClick = _ref.onClick;
   var theme = useTheme();
-  if (a) {
-    return /*#__PURE__*/React.createElement(Button, {
-      icon: icon,
-      style: _extends({}, style, {
-        backgroundColor: theme.palette.background
-      }),
-      type: type,
-      onClick: function onClick() {
-        return window.open(to, target);
-      },
-      auto: true,
-      scale: scale,
-      px: 0.6,
-      iconRight: iconRight
-    }, children);
-  }
   return /*#__PURE__*/React.createElement(Button, {
     icon: icon,
     style: _extends({}, style, {

package/esm/button/button.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["children", "disabled", "color", "loading", "shadow", "ghost", "effect", "round", "onClick", "auto", "icon", "type", "iconRight", "className", "crossOrigin"];
+var _excluded = ["children", "disabled", "color", "loading", "shadow", "ghost", "effect", "round", "a", "onClick", "auto", "icon", "type", "iconRight", "className", "crossOrigin"];
 import _JSXStyle from "../styled-jsx.es.js";
 /* "use client" */
 
@@ -52,6 +52,8 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
     effect = _filteredProps$effect === void 0 ? true : _filteredProps$effect,
     _filteredProps$round = filteredProps.round,
     round = _filteredProps$round === void 0 ? false : _filteredProps$round,
+    _filteredProps$a = filteredProps.a,
+    a = _filteredProps$a === void 0 ? false : _filteredProps$a,
     onClick = filteredProps.onClick,
     _filteredProps$auto = filteredProps.auto,
     auto = _filteredProps$auto === void 0 ? false : _filteredProps$auto,
@@ -156,7 +158,11 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
 
   // If shadow provided is string then value other default
   var btnShadow = typeof shadow === 'string' ? shadow : shadow ? theme.shadows.level.z2 : 'none';
-  return /*#__PURE__*/React.createElement("button", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, a ? /*#__PURE__*/React.createElement("a", _extends({}, props, {
+    className: _JSXStyle.dynamic([["905110486", [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor, events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']]]) + " " + (props && props.className != null && props.className || useClasses('btn', className) || "")
+  }), loading && /*#__PURE__*/React.createElement(ButtonLoading, {
+    color: color
+  }), childrenWithIcon) : /*#__PURE__*/React.createElement("button", _extends({
     ref: buttonRef,
     type: type,
     disabled: disabled,
@@ -170,7 +176,7 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
     y: dripY,
     color: dripColor,
     onCompleted: dripCompletedHandle
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+  })), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "905110486",
     dynamic: [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor, events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']
   }, ".btn.__jsx-style-dynamic-selector{box-sizing:border-box;display:inline-block;line-height:".concat(SCALES.height(2.5), ";border-radius:").concat(round ? '50%' : theme.layout.radius, ";font-weight:400;font-size:").concat(SCALES.font(0.875), ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-transform:capitalize;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;position:relative;overflow:hidden;color:").concat(color, ";background-color:").concat(bg, ";border:1px solid ").concat(shadow ? 'transparent' : border, ";cursor:").concat(cursor, ";pointer-events:").concat(events, ";box-shadow:").concat(shadow ? btnShadow : 'none', ";--helpdice-ui-button-icon-padding:").concat(SCALES.pl(0.727), ";--helpdice-ui-button-height:").concat(SCALES.height(2.5), ";--helpdice-ui-button-color:").concat(color, ";--helpdice-ui-button-bg:").concat(bg, ";min-width:").concat(auto ? 'min-content' : SCALES.width(10.5), ";width:").concat(auto ? 'auto' : 'initial', ";height:").concat(SCALES.height(2.5), ";padding:").concat(SCALES.pt(0), " ").concat(paddingRight, " ").concat(SCALES.pb(0), " ").concat(paddingLeft, ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.btn.__jsx-style-dynamic-selector:hover,.btn.__jsx-style-dynamic-selector:focus{color:").concat(hover.color, ";--helpdice-ui-button-color:").concat(hover.color, ";background-color:").concat(hover.bg, ";border-color:").concat(hover.border, ";cursor:").concat(cursor, ";pointer-events:").concat(events, ";box-shadow:").concat(btnShadow, ";}.btn.__jsx-style-dynamic-selector .text{position:relative;z-index:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;line-height:inherit;top:-1px;}.btn.__jsx-style-dynamic-selector .text p,.btn.__jsx-style-dynamic-selector .text pre,.btn.__jsx-style-dynamic-selector .text div{margin:0;}.ripple.__jsx-style-dynamic-selector{position:absolute;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:ripple-animation-__jsx-style-dynamic-selector 600ms ease-out;animation:ripple-animation-__jsx-style-dynamic-selector 600ms ease-out;background-color:rgba(0,0,0,0.3);pointer-events:none;z-index:1;}@-webkit-keyframes ripple-animation-__jsx-style-dynamic-selector{to{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0;}}@keyframes ripple-animation-__jsx-style-dynamic-selector{to{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0;}}")));

package/esm/button/button.small.d.ts

@@ -0,0 +1,17 @@
+import React, { CSSProperties } from 'react';
+import { ButtonTypes } from 'components/button-group';
+type SmallButtonProps = {
+    children?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    to: string;
+    icon?: React.ReactNode;
+    scale?: number;
+    type?: any;
+    style?: CSSProperties;
+    a?: boolean;
+    target?: string;
+    color?: ButtonTypes;
+    onClick?: () => void;
+};
+declare const _default: React.NamedExoticComponent<SmallButtonProps>;
+export default _default;

package/esm/button/button.small.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { memo } from 'react';
+import Button from './button';
+import { useTheme } from '@helpdice/theme';
+var SmallButton = function SmallButton(_ref) {
+  var _color = _ref.color,
+    children = _ref.children,
+    iconRight = _ref.iconRight,
+    icon = _ref.icon,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 2 / 3 : _ref$scale,
+    type = _ref.type,
+    style = _ref.style,
+    onClick = _ref.onClick;
+  var theme = useTheme();
+  return /*#__PURE__*/React.createElement(Button, {
+    icon: icon,
+    style: _extends({}, style, {
+      backgroundColor: theme.palette.background
+    }),
+    type: type,
+    onClick: onClick,
+    auto: true,
+    scale: scale,
+    py: 0.6,
+    iconRight: iconRight
+  }, children);
+};
+export default /*#__PURE__*/memo(SmallButton);

package/esm/button/index.d.ts

@@ -1,5 +1,11 @@
 import Button from './button';
-export { default as LinkButton } from './button.compact';
+import IconButton from './button.icon';
+import SmallButton from './button.small';
 export type { ButtonProps } from './button';
 export type { ButtonTypes } from '../utils/prop-types';
-export default Button;
+export type ButtonComponentType = typeof Button & {
+    Icon: typeof IconButton;
+    Small: typeof SmallButton;
+};
+declare const _default: ButtonComponentType;
+export default _default;

package/esm/button/index.js

@@ -1,5 +1,8 @@
 /* "use client" */
 
 import Button from './button';
-export { default as LinkButton } from './button.compact';
+import IconButton from './button.icon';
+import SmallButton from './button.small';
+Button.Icon = IconButton;
+Button.Small = SmallButton;
 export default Button;

package/esm/index.d.ts

@@ -6,7 +6,7 @@ export { default as Badge } from './badge';
 export type { BadgeProps, BadgeAnchorProps } from './badge';
 export { default as Breadcrumbs } from './breadcrumbs';
 export type { BreadcrumbsProps, BreadcrumbsItemProps, BreadcrumbsSeparatorProps, } from './breadcrumbs';
-export { default as Button, LinkButton } from './button';
+export { default as Button } from './button';
 export type { ButtonProps } from './button';
 export { default as ButtonDropdown } from './button-dropdown';
 export type { ButtonDropdownProps, ButtonDropdownItemProps } from './button-dropdown';

package/esm/index.js

@@ -5,7 +5,7 @@ export { default as AutoComplete } from './auto-complete';
 export { default as Avatar } from './avatar';
 export { default as Badge } from './badge';
 export { default as Breadcrumbs } from './breadcrumbs';
-export { default as Button, LinkButton } from './button';
+export { default as Button } from './button';
 export { default as ButtonDropdown } from './button-dropdown';
 export { default as ButtonGroup } from './button-group';
 export { default as Capacity } from './capacity';

package/esm/table/table-cell.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
 import React from 'react';
 var TableCell = function TableCell(_ref) {
   var columns = _ref.columns,
@@ -10,7 +11,7 @@ var TableCell = function TableCell(_ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, columns.map(function (column, index) {
     var _row$_id;
     var currentRowValue = row[column.prop];
-    var cellValue = currentRowValue || emptyText;
+    var cellValue = _typeof(currentRowValue) === "object" ? currentRowValue === null || currentRowValue === void 0 ? void 0 : currentRowValue.value : currentRowValue || emptyText;
     var shouldBeRenderElement = column.renderHandler(currentRowValue, row, rowIndex);
     return /*#__PURE__*/React.createElement("td", {
       style: _extends({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helpdice/ui",
-  "version": "2.3.3",
+  "version": "2.3.6",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
   "unpkg": "dist/index.min.js",
@@ -65,7 +65,7 @@
     "@helpdice/icons": "^1.2.5",
     "@helpdice/sdk": "^0.4.3",
     "@helpdice/utils": "^0.1.4",
-    "@helpdice/pro": "2.0.6",
+    "@helpdice/pro": "2.1.0",
     "@mapbox/rehype-prism": "^0.9.0",
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",