@laerdal/life-react-components 3.5.1-dev.12 → 3.5.1-dev.13

package/dist/Chips/FilterChip.js

@@ -1,49 +1,70 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["selected", "text", "size", "disabled", "onClick", "className", "dataTestId"];
+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 libraries.
- */
-import * as React from 'react';
-import { Size } from '../types';
+ */
+import * as React from 'react';
+import { Size } from '../types';
+
 /**
  * Import custom components.
- */
-import { SystemIcons } from '../icons/index';
+ */
+import { SystemIcons } from '../icons/index';
+
 /**
  * Import custom styles.
- */
-import { ChipContent, ChipContentContainer, ChipContainer } from './ChipStyles';
-import { defaultOnMouseDownHandler } from '../common';
-var FilterChip = function (_a) {
-    var selected = _a.selected, text = _a.text, _b = _a.size, size = _b === void 0 ? Size.Medium : _b, disabled = _a.disabled, onClick = _a.onClick, className = _a.className, dataTestId = _a.dataTestId, rest = __rest(_a, ["selected", "text", "size", "disabled", "onClick", "className", "dataTestId"]);
-    /**
-     * Return Filter Chip component.
-     */
-    return (React.createElement(ChipContainer, __assign({ role: "checkbox", "data-testid": dataTestId, className: "".concat(size, " ").concat(disabled ? 'disabled' : '', " ").concat(selected ? 'default' : 'outline', " ").concat(!!onClick ? 'interactive' : '', " ").concat(className || ''), tabIndex: disabled || !onClick ? -1 : 0, onKeyDown: function (e) { return (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick(); }, onMouseDown: defaultOnMouseDownHandler, onClick: function () { return !disabled && onClick && onClick(); } }, rest),
-        React.createElement(ChipContentContainer, null,
-            React.createElement(ChipContent, null,
-                selected && React.createElement("div", { className: 'chip-icon icon-left' },
-                    React.createElement(SystemIcons.CheckMark, { className: 'icon' })),
-                React.createElement("div", null, text)))));
-};
-export default FilterChip;
+ */
+import { ChipContent, ChipContentContainer, ChipContainer } from './ChipStyles';
+
+/**
+ * Import custom types.
+ */
+
+import { defaultOnMouseDownHandler } from '../common';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FilterChip = function FilterChip(_ref) {
+  var selected = _ref.selected,
+    text = _ref.text,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? Size.Medium : _ref$size,
+    disabled = _ref.disabled,
+    _onClick = _ref.onClick,
+    className = _ref.className,
+    dataTestId = _ref.dataTestId,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  /**
+   * Return Filter Chip component.
+   */
+  return /*#__PURE__*/_jsx(ChipContainer, _objectSpread(_objectSpread({
+    role: "checkbox",
+    "data-testid": dataTestId,
+    className: "".concat(size, " ").concat(disabled ? 'disabled' : '', " ").concat(selected ? 'default' : 'outline', " ").concat(!!_onClick ? 'interactive' : '', " ").concat(className || ''),
+    tabIndex: disabled || !_onClick ? -1 : 0,
+    onKeyDown: function onKeyDown(e) {
+      return (e.key === 'Enter' || e.key === ' ') && !disabled && _onClick && _onClick();
+    },
+    onMouseDown: defaultOnMouseDownHandler,
+    onClick: function onClick() {
+      return !disabled && _onClick && _onClick();
+    }
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsx(ChipContentContainer, {
+      children: /*#__PURE__*/_jsxs(ChipContent, {
+        children: [selected && /*#__PURE__*/_jsx("div", {
+          className: 'chip-icon icon-left',
+          children: /*#__PURE__*/_jsx(SystemIcons.CheckMark, {
+            className: 'icon'
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          children: text
+        })]
+      })
+    })
+  }));
+};
+export default FilterChip;
+//# sourceMappingURL=FilterChip.js.map

package/dist/Chips/InputChip.js

@@ -1,71 +1,112 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["icon", "text", "variant", "size", "disabled", "onClick", "disableRemove", "dataTestId", "onRemove", "className"];
+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 libraries.
- */
-import * as React from 'react';
+ */
+import * as React from 'react';
+
 /**
  * Import custom components.
- */
-import { SystemIcons } from '../icons/index';
+ */
+import { SystemIcons } from '../icons/index';
+
 /**
  * Import custom styles.
- */
-import { ChipContainer, ChipContent, ChipContentContainer } from './ChipStyles';
-import { defaultOnMouseDownHandler, useActionWithin } from '../common';
-import { Size, States } from '../types';
-var InputChip = React.forwardRef(function (_a, ref) {
-    var _b;
-    var icon = _a.icon, text = _a.text, _c = _a.variant, variant = _c === void 0 ? States.Default : _c, _d = _a.size, size = _d === void 0 ? Size.Medium : _d, disabled = _a.disabled, onClick = _a.onClick, disableRemove = _a.disableRemove, dataTestId = _a.dataTestId, onRemove = _a.onRemove, className = _a.className, rest = __rest(_a, ["icon", "text", "variant", "size", "disabled", "onClick", "disableRemove", "dataTestId", "onRemove", "className"]);
-    var containerRef = (_b = ref) !== null && _b !== void 0 ? _b : React.useRef(null);
-    var removeRef = React.useRef(null);
-    useActionWithin(containerRef, [removeRef]);
-    /**
-     * Calls onRemove action when remove button is clicked.
-     * @param event - Event handler from the button click.
-     */
-    var onRemoveClick = function (event) {
-        !!event && event.stopPropagation();
-        onRemove(event);
-    };
-    var handleContainerKeyDown = function (event) {
-        if (event.key === 'Enter' || event.key === ' ') {
-            !disabled && onClick && onClick();
-        }
-        if (event.key === 'Backspace' && !disableRemove) {
-            !disableRemove && onRemove && onRemove(event);
-        }
-    };
-    /**
-     * Return Input Chip component.
-     */
-    return (React.createElement(ChipContainer, __assign({ ref: containerRef, role: "button", "data-testid": dataTestId, "aria-roledescription": 'Removable filter', className: "".concat(size, " ").concat(disabled ? 'disabled' : '', "  ").concat(variant, " ").concat(!!onClick ? 'interactive' : '', " ").concat(className || ''), tabIndex: disabled || !onClick ? -1 : 0, onMouseDown: defaultOnMouseDownHandler, onKeyDown: handleContainerKeyDown, onClick: function () { return !disabled && onClick && onClick(); } }, rest),
-        React.createElement(ChipContentContainer, null,
-            React.createElement(ChipContent, { className: 'with-action-right' },
-                icon && React.createElement("div", { className: 'chip-icon icon-left' }, icon),
-                React.createElement("div", null, text),
-                React.createElement("div", { ref: removeRef, className: "action-right ".concat(disableRemove ? 'disabled' : ''), tabIndex: disableRemove || disabled ? -1 : 0, onMouseDown: defaultOnMouseDownHandler, onClick: function (e) { return !disableRemove && !disabled && onRemoveClick(e); }, onKeyDown: function (e) { return (e.key === 'Enter' || e.key === ' ') && !disableRemove && !disabled && onRemoveClick(e); } },
-                    React.createElement("div", { className: 'chip-icon' },
-                        React.createElement(SystemIcons.Close, { className: 'remove' })))))));
-});
-export default InputChip;
+ */
+import { ChipContainer, ChipContent, ChipContentContainer } from './ChipStyles';
+
+/**
+ * Import custom types.
+ */
+
+import { defaultOnMouseDownHandler, useActionWithin } from '../common';
+import { Size, States } from '../types';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var InputChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref2;
+  var icon = _ref.icon,
+    text = _ref.text,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? States.Default : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? Size.Medium : _ref$size,
+    disabled = _ref.disabled,
+    _onClick = _ref.onClick,
+    disableRemove = _ref.disableRemove,
+    dataTestId = _ref.dataTestId,
+    onRemove = _ref.onRemove,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var containerRef = (_ref2 = ref) !== null && _ref2 !== void 0 ? _ref2 : React.useRef(null);
+  var removeRef = React.useRef(null);
+  useActionWithin(containerRef, [removeRef]);
+
+  /**
+   * Calls onRemove action when remove button is clicked.
+   * @param event - Event handler from the button click.
+   */
+  var onRemoveClick = function onRemoveClick(event) {
+    !!event && event.stopPropagation();
+    onRemove(event);
+  };
+  var handleContainerKeyDown = function handleContainerKeyDown(event) {
+    if (event.key === 'Enter' || event.key === ' ') {
+      !disabled && _onClick && _onClick();
+    }
+    if (event.key === 'Backspace' && !disableRemove) {
+      !disableRemove && onRemove && onRemove(event);
+    }
+  };
+
+  /**
+   * Return Input Chip component.
+   */
+  return /*#__PURE__*/_jsx(ChipContainer, _objectSpread(_objectSpread({
+    ref: containerRef,
+    role: "button",
+    "data-testid": dataTestId,
+    "aria-roledescription": "Removable filter",
+    className: "".concat(size, " ").concat(disabled ? 'disabled' : '', "  ").concat(variant, " ").concat(!!_onClick ? 'interactive' : '', " ").concat(className || ''),
+    tabIndex: disabled || !_onClick ? -1 : 0,
+    onMouseDown: defaultOnMouseDownHandler,
+    onKeyDown: handleContainerKeyDown,
+    onClick: function onClick() {
+      return !disabled && _onClick && _onClick();
+    }
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsx(ChipContentContainer, {
+      children: /*#__PURE__*/_jsxs(ChipContent, {
+        className: 'with-action-right',
+        children: [icon && /*#__PURE__*/_jsx("div", {
+          className: 'chip-icon icon-left',
+          children: icon
+        }), /*#__PURE__*/_jsx("div", {
+          children: text
+        }), /*#__PURE__*/_jsx("div", {
+          ref: removeRef,
+          className: "action-right ".concat(disableRemove ? 'disabled' : ''),
+          tabIndex: disableRemove || disabled ? -1 : 0,
+          onMouseDown: defaultOnMouseDownHandler,
+          onClick: function onClick(e) {
+            return !disableRemove && !disabled && onRemoveClick(e);
+          },
+          onKeyDown: function onKeyDown(e) {
+            return (e.key === 'Enter' || e.key === ' ') && !disableRemove && !disabled && onRemoveClick(e);
+          },
+          children: /*#__PURE__*/_jsx("div", {
+            className: 'chip-icon',
+            children: /*#__PURE__*/_jsx(SystemIcons.Close, {
+              className: 'remove'
+            })
+          })
+        })]
+      })
+    })
+  }));
+});
+export default InputChip;
+//# sourceMappingURL=InputChip.js.map

package/dist/Chips/index.js

@@ -1,6 +1,7 @@
-export { default as InputChip } from './InputChip';
-export { default as FilterChip } from './FilterChip';
-export { default as ActionChip } from './ActionChip';
-export { default as ChipInput } from '../ChipsInput/ChipInput';
-export { default as ChoiceChips } from './ChoiceChips';
-export * from './ChipStyles';
+export { default as InputChip } from './InputChip';
+export { default as FilterChip } from './FilterChip';
+export { default as ActionChip } from './ActionChip';
+export { default as ChipInput } from '../ChipsInput/ChipInput';
+export { default as ChoiceChips } from './ChoiceChips';
+export * from './ChipStyles';
+//# sourceMappingURL=index.js.map