colibri-ui 0.8.84 → 0.8.86

package/Card/Card.js

@@ -9,26 +9,18 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
-var cx = function cx() {
-  for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
-    classNames[_key] = arguments[_key];
-  }
-  return classNames.filter(Boolean).join(" ");
-};
+const cx = (...classNames) => classNames.filter(Boolean).join(" ");
 /** Root card container. */
-var Card = /*#__PURE__*/React.forwardRef(function CardRoot(_a, ref) {
-  var _a$size = _a.size,
-    size = _a$size === void 0 ? "m" : _a$size,
-    _a$view = _a.view,
-    view = _a$view === void 0 ? "default" : _a$view,
-    _a$orientation = _a.orientation,
-    orientation = _a$orientation === void 0 ? "horizontal" : _a$orientation,
-    _a$selected = _a.selected,
-    selected = _a$selected === void 0 ? false : _a$selected,
-    _a$backgroundType = _a.backgroundType,
-    backgroundType = _a$backgroundType === void 0 ? "none" : _a$backgroundType,
-    className = _a.className,
-    children = _a.children,
+const Card = /*#__PURE__*/React.forwardRef(function CardRoot(_a, ref) {
+  var {
+      size = "m",
+      view = "default",
+      orientation = "horizontal",
+      selected = false,
+      backgroundType = "none",
+      className,
+      children
+    } = _a,
     rest = tslib.__rest(_a, ["size", "view", "orientation", "selected", "backgroundType", "className", "children"]);
   return /*#__PURE__*/React__default.default.createElement("div", Object.assign({}, rest, {
     ref: ref,
@@ -36,28 +28,30 @@ var Card = /*#__PURE__*/React.forwardRef(function CardRoot(_a, ref) {
   }), children);
 });
 /** Clipped card area that normally contains media and CardInnerContent. */
-var CardContent = /*#__PURE__*/React.forwardRef(function CardContentRoot(_a, ref) {
-  var aspectRatio = _a.aspectRatio,
-    _a$orientation2 = _a.orientation,
-    orientation = _a$orientation2 === void 0 ? "horizontal" : _a$orientation2,
-    className = _a.className,
-    style = _a.style,
-    children = _a.children,
+const CardContent = /*#__PURE__*/React.forwardRef(function CardContentRoot(_a, ref) {
+  var {
+      aspectRatio,
+      orientation = "horizontal",
+      className,
+      style,
+      children
+    } = _a,
     rest = tslib.__rest(_a, ["aspectRatio", "orientation", "className", "style", "children"]);
   return /*#__PURE__*/React__default.default.createElement("div", Object.assign({}, rest, {
     ref: ref,
     className: cx(styles__default.default.content, styles__default.default[orientation], className),
     style: Object.assign(Object.assign({}, style), {
-      aspectRatio: aspectRatio
+      aspectRatio
     })
   }), children);
 });
 /** Content layer rendered over an image or another CardContent background. */
-var CardInnerContent = /*#__PURE__*/React.forwardRef(function CardInnerContentRoot(_a, ref) {
-  var _a$orientation3 = _a.orientation,
-    orientation = _a$orientation3 === void 0 ? "horizontal" : _a$orientation3,
-    className = _a.className,
-    children = _a.children,
+const CardInnerContent = /*#__PURE__*/React.forwardRef(function CardInnerContentRoot(_a, ref) {
+  var {
+      orientation = "horizontal",
+      className,
+      children
+    } = _a,
     rest = tslib.__rest(_a, ["orientation", "className", "children"]);
   return /*#__PURE__*/React__default.default.createElement("div", Object.assign({}, rest, {
     ref: ref,

package/Checkbox/index.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var clsx = require('clsx');
 var index = require('../Typography/index.js');
@@ -8,51 +7,55 @@ var styles = require('./Checkbox.module.css');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefault(React);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
-var Checkbox = function Checkbox(_ref) {
-  var id = _ref.id,
-    name = _ref.name,
-    value = _ref.value,
-    label = _ref.label,
-    hint = _ref.hint,
-    checked = _ref.checked,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    onBlur = _ref.onBlur,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "primary" : _ref$variant,
-    className = _ref.className,
-    disabled = _ref.disabled,
-    hasError = _ref.hasError;
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: styles__default.default.root
-  }, /*#__PURE__*/React__default.default.createElement("label", {
-    className: styles__default.default.label,
-    htmlFor: id
-  }, /*#__PURE__*/React__default.default.createElement("input", {
-    className: clsx__default.default(styles__default.default.control, styles__default.default["control_variant_".concat(variant)], className),
-    type: "checkbox",
-    id: id,
-    name: name,
-    value: value,
-    checked: checked,
-    onChange: onChange,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    disabled: disabled
-  }), /*#__PURE__*/React__default.default.createElement("span", {
-    className: clsx__default.default(styles__default.default["fake-checkbox"], styles__default.default["variant_".concat(variant)], _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, styles__default.default["variant_".concat(variant, "_disabled")], Boolean(disabled)), styles__default.default["variant_".concat(variant, "_error")], Boolean(hasError)), styles__default.default["variant_".concat(variant, "_checked")], Boolean(checked)), styles__default.default.checked, Boolean(checked)))
-  }), /*#__PURE__*/React__default.default.createElement("span", {
-    className: styles__default.default.text
-  }, label)), hint && (/*#__PURE__*/React__default.default.createElement(index.Typography, {
-    className: clsx__default.default(_defineProperty__default.default({}, styles__default.default.hint_error, hasError)),
-    variant: hasError ? "alert" : "secondary",
-    tag: "span"
-  }, hint)));
-};
+const Checkbox = ({
+  id,
+  name,
+  value,
+  label,
+  hint,
+  checked,
+  onChange,
+  onFocus,
+  onBlur,
+  variant = "primary",
+  className,
+  disabled,
+  hasError
+}) => (/*#__PURE__*/React__default.default.createElement("div", {
+  className: styles__default.default.root
+}, /*#__PURE__*/React__default.default.createElement("label", {
+  className: styles__default.default.label,
+  htmlFor: id
+}, /*#__PURE__*/React__default.default.createElement("input", {
+  className: clsx__default.default(styles__default.default.control, styles__default.default[`control_variant_${variant}`], className),
+  type: "checkbox",
+  id: id,
+  name: name,
+  value: value,
+  checked: checked,
+  onChange: onChange,
+  onFocus: onFocus,
+  onBlur: onBlur,
+  disabled: disabled
+}), /*#__PURE__*/React__default.default.createElement("span", {
+  className: clsx__default.default(styles__default.default["fake-checkbox"], styles__default.default[`variant_${variant}`], {
+    [styles__default.default[`variant_${variant}_disabled`]]: Boolean(disabled),
+    [styles__default.default[`variant_${variant}_error`]]: Boolean(hasError),
+    [styles__default.default[`variant_${variant}_checked`]]: Boolean(checked),
+    [styles__default.default.checked]: Boolean(checked)
+  })
+}), /*#__PURE__*/React__default.default.createElement("span", {
+  className: styles__default.default.text
+}, label)), hint && (/*#__PURE__*/React__default.default.createElement(index.Typography, {
+  className: clsx__default.default({
+    [styles__default.default.hint_error]: hasError
+  }),
+  variant: hasError ? "alert" : "secondary",
+  tag: "span"
+}, hint))));
 
 exports.Checkbox = Checkbox;

package/Chip/Chip.module.css

@@ -179,7 +179,8 @@
   max-width: var(--component-chip-content-max-width);
   min-width: 0;
   padding: 0 var(--space-4);
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
 }
 
 .content-inner {

package/Chip/index.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var tslib = require('tslib');
 var React = require('react');
 var clsx = require('clsx');
@@ -8,29 +7,30 @@ var styles = require('./Chip.module.css');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefault(React);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
-var Chip = function Chip(_a) {
-  var children = _a.children,
-    iconEnd = _a.iconEnd,
-    isActive = _a.isActive,
-    onClick = _a.onClick,
-    onClickIcon = _a.onClickIcon,
-    _a$size = _a.size,
-    size = _a$size === void 0 ? "m" : _a$size,
-    _a$testID = _a.testID,
-    testID = _a$testID === void 0 ? "chip" : _a$testID,
-    _a$variant = _a.variant,
-    variant = _a$variant === void 0 ? "primary" : _a$variant,
+const Chip = _a => {
+  var {
+      children,
+      iconEnd,
+      isActive,
+      onClick,
+      onClickIcon,
+      size = "m",
+      testID = "chip",
+      variant = "primary"
+    } = _a,
     props = tslib.__rest(_a, ["children", "iconEnd", "isActive", "onClick", "onClickIcon", "size", "testID", "variant"]);
   return /*#__PURE__*/React__default.default.createElement("span", Object.assign({
     className: styles__default.default.chip,
     "data-testid": testID
   }, props), /*#__PURE__*/React__default.default.createElement("span", {
-    className: clsx__default.default(styles__default.default.inner, styles__default.default["inner_variant_".concat(variant)], _defineProperty__default.default(_defineProperty__default.default({}, styles__default.default["inner_active"], iconEnd || isActive), styles__default.default["inner_inactive"], !iconEnd && !isActive)),
+    className: clsx__default.default(styles__default.default.inner, styles__default.default[`inner_variant_${variant}`], {
+      [styles__default.default["inner_active"]]: iconEnd || isActive,
+      [styles__default.default["inner_inactive"]]: !iconEnd && !isActive
+    }),
     "data-size": size
   }, /*#__PURE__*/React__default.default.createElement("span", {
     className: styles__default.default.content,

package/ClickOutside/index.js

@@ -6,27 +6,24 @@ var index = require('../hooks/useOnClickOutside/index.js');
 /**
  * Merges multiple refs (callback or object) into a single ref callback.
  */
-function useMergedRefs() {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-  return React.useCallback(function (node) {
-    for (var _i = 0, _refs = refs; _i < _refs.length; _i++) {
-      var ref = _refs[_i];
+function useMergedRefs(...refs) {
+  return React.useCallback(node => {
+    for (const ref of refs) {
       if (!ref) continue;
       if (typeof ref === "function") ref(node);else ref.current = node;
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, refs);
 }
-var ClickOutside = function ClickOutside(_ref) {
-  var children = _ref.children,
-    onClick = _ref.onClick;
+const ClickOutside = ({
+  children,
+  onClick
+}) => {
   var _a;
-  var localRef = React.useRef(null);
+  const localRef = React.useRef(null);
   index.useOnClickOutside(localRef, onClick);
-  var childRef = /*#__PURE__*/React.isValidElement(children) ? (_a = children.props) === null || _a === void 0 ? void 0 : _a.ref : undefined;
-  var mergedRef = useMergedRefs(localRef, childRef);
+  const childRef = /*#__PURE__*/React.isValidElement(children) ? (_a = children.props) === null || _a === void 0 ? void 0 : _a.ref : undefined;
+  const mergedRef = useMergedRefs(localRef, childRef);
   if (! /*#__PURE__*/React.isValidElement(children)) return null;
   return /*#__PURE__*/React.cloneElement(children, {
     ref: mergedRef