@dfds-ui/react-components 2.0.29 → 2.2.0-alpha.4e495871

package/cjs/card/CardTitle.js

@@ -9,19 +9,17 @@ var _react2 = _interopRequireDefault(require("react"));
 var _typography = require("@dfds-ui/typography");
 var _theme = require("@dfds-ui/theme");
 var _Card = require("./Card");
-const _excluded = ["children", "color", "largeTitle"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const CardTitle = _ref => {
-  let children = _ref.children,
-    color = _ref.color,
-    _ref$largeTitle = _ref.largeTitle,
-    largeTitle = _ref$largeTitle === void 0 ? false : _ref$largeTitle,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const _useBreakpoint = (0, _theme.useBreakpoint)(),
-    greaterThan = _useBreakpoint.greaterThan;
+const CardTitle = ({
+  children,
+  color,
+  largeTitle = false,
+  ...rest
+}) => {
+  const {
+    greaterThan
+  } = (0, _theme.useBreakpoint)();
   const getPadding = context => {
     if (context.cardVariant === 'surface' && context.cardSize === 'xl' && greaterThan('l')) {
       return '0px';

package/cjs/card/index.js

@@ -5,37 +5,37 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Card.default;
   }
 });
 Object.defineProperty(exports, "CardActions", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CardActions.default;
   }
 });
 Object.defineProperty(exports, "CardContent", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CardContent.default;
   }
 });
 Object.defineProperty(exports, "CardMedia", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CardMedia.default;
   }
 });
 Object.defineProperty(exports, "CardPriceTag", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CardPriceTag.default;
   }
 });
 Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CardTitle.default;
   }
 });

package/cjs/chip/Chip.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
-declare type InteractionEvent = React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>;
-export declare type ChipProps = {
+type InteractionEvent = React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>;
+export type ChipProps = {
     children: ReactNode;
     dismissable?: boolean;
     disabled?: boolean;

package/cjs/chip/Chip.js

@@ -10,19 +10,10 @@ var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
 var _typography = require("@dfds-ui/typography");
 var _system = require("@dfds-ui/icons/system");
-const _excluded = ["children", "dismissable", "disabled", "selectable", "selected", "onToggle", "onDismiss", "className"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const Text = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
   target: "evt86lh3"
@@ -72,24 +63,18 @@ const ChipContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_EN
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 exports.ChipContainer = ChipContainer;
-var _default = _ref2 => {
-  let children = _ref2.children,
-    _ref2$dismissable = _ref2.dismissable,
-    dismissable = _ref2$dismissable === void 0 ? false : _ref2$dismissable,
-    _ref2$disabled = _ref2.disabled,
-    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-    _ref2$selectable = _ref2.selectable,
-    selectable = _ref2$selectable === void 0 ? false : _ref2$selectable,
-    _ref2$selected = _ref2.selected,
-    selected = _ref2$selected === void 0 ? false : _ref2$selected,
-    onToggle = _ref2.onToggle,
-    onDismiss = _ref2.onDismiss,
-    className = _ref2.className,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  const _useState = (0, _react.useState)(selected),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSelected = _useState2[0],
-    setIsSelected = _useState2[1];
+var _default = ({
+  children,
+  dismissable = false,
+  disabled = false,
+  selectable = false,
+  selected = false,
+  onToggle,
+  onDismiss,
+  className,
+  ...rest
+}) => {
+  const [isSelected, setIsSelected] = (0, _react.useState)(selected);
   if (selected !== isSelected) setIsSelected(selected);
   const toggleSelected = event => {
     if (!disabled) {

package/cjs/chip/index.js

@@ -8,7 +8,7 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "Chip", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Chip.default;
   }
 });
@@ -19,10 +19,10 @@ Object.keys(_Chip).forEach(function (key) {
   if (key in exports && exports[key] === _Chip[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Chip[key];
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/cjs/common/LockBodyScroll.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type LockBodyScrollProps = {
+export type LockBodyScrollProps = {
     /**
      * If `true` scroll locking will be enabled
      */
@@ -18,7 +18,7 @@ export declare type LockBodyScrollProps = {
     preserveScrollPosition?: boolean;
     children?: React.ReactNode;
 };
-export declare type LockBodyScrollResult = {
+export type LockBodyScrollResult = {
     getGap(): number;
 };
 export declare const LockBodyScroll: React.ForwardRefExoticComponent<LockBodyScrollProps & React.RefAttributes<LockBodyScrollResult>>;

package/cjs/common/LockBodyScroll.js

@@ -6,11 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.LockBodyScroll = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-const _excluded = ["enabled", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const LockBodyScrollComponent = /*#__PURE__*/_react.default.forwardRef(({
   bodyClassNameApplied = 'body-scroll-locked',
   htmlClassNameApplied = 'html-scroll-locked',
@@ -52,11 +49,11 @@ const LockBodyScrollComponent = /*#__PURE__*/_react.default.forwardRef(({
     styles: /*#__PURE__*/(0, _react2.css)(".", htmlClassNameApplied, "{overflow:hidden;}.", bodyClassNameApplied, "{position:fixed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:LockBodyScrollComponent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vTG9ja0JvZHlTY3JvbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1GcUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbW1vbi9Mb2NrQm9keVNjcm9sbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBMb2NrQm9keVNjcm9sbFByb3BzID0ge1xuICAvKipcbiAgICogSWYgYHRydWVgIHNjcm9sbCBsb2NraW5nIHdpbGwgYmUgZW5hYmxlZFxuICAgKi9cbiAgZW5hYmxlZD86IGJvb2xlYW5cblxuICAvKipcbiAgICogQ2xhc3NOYW1lIHRvIGJlIGFwcGxpZWQgdG8gdGhlIGJvZHkgZWxlbWVudCB3aGVuIHNjcm9sbCBpcyBsb2NrZWRcbiAgICovXG4gIGJvZHlDbGFzc05hbWVBcHBsaWVkPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIENsYXNzTmFtZSB0byBiZSBhcHBsaWVkIHRvIHRoZSBodG1sIGVsZW1lbnQgd2hlbiBzY3JvbGwgaXMgbG9ja2VkXG4gICAqL1xuICBodG1sQ2xhc3NOYW1lQXBwbGllZD86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcmVzZXJ2ZSBzY3JvbGwgcG9zaXRpb24gd2hlbiBsb2NraW5nLlxuICAgKi9cbiAgcHJlc2VydmVTY3JvbGxQb3NpdGlvbj86IGJvb2xlYW5cblxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5leHBvcnQgdHlwZSBMb2NrQm9keVNjcm9sbFJlc3VsdCA9IHtcbiAgZ2V0R2FwKCk6IG51bWJlclxufVxuXG5jb25zdCBMb2NrQm9keVNjcm9sbENvbXBvbmVudCA9IFJlYWN0LmZvcndhcmRSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQsIExvY2tCb2R5U2Nyb2xsUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgYm9keUNsYXNzTmFtZUFwcGxpZWQgPSAnYm9keS1zY3JvbGwtbG9ja2VkJyxcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkID0gJ2h0bWwtc2Nyb2xsLWxvY2tlZCcsXG4gICAgICBwcmVzZXJ2ZVNjcm9sbFBvc2l0aW9uID0gdHJ1ZSxcbiAgICAgIGNoaWxkcmVuLFxuICAgIH06IExvY2tCb2R5U2Nyb2xsUHJvcHMsXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIFJlYWN0LnVzZUltcGVyYXRpdmVIYW5kbGUocmVmLCAoKSA9PiAoe1xuICAgICAgZ2V0R2FwOiAoKSA9PiB7XG4gICAgICAgIHJldHVybiB0eXBlb2YgZG9jdW1lbnQgPT09ICd1bmRlZmluZWQnXG4gICAgICAgICAgPyAwXG4gICAgICAgICAgOiBkb2N1bWVudC5ib2R5LmRhdGFzZXQubG9ja0JvZHlTY3JvbGxHYXBcbiAgICAgICAgICA/IHBhcnNlSW50KGRvY3VtZW50LmJvZHkuZGF0YXNldC5sb2NrQm9keVNjcm9sbEdhcClcbiAgICAgICAgICA6IDBcbiAgICAgIH0sXG4gICAgfSkpXG5cbiAgICBSZWFjdC51c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHR5cGVvZiBkb2N1bWVudCA9PT0gJ3VuZGVmaW5lZCcpIHJldHVyblxuXG4gICAgICBjb25zdCBvcmlnaW5hbFRvcCA9IHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKGRvY3VtZW50LmJvZHkpLnRvcCAvL2lzIHRoaXMgcmVhbGx5IG5lZWRlZCA/XG4gICAgICBjb25zdCBzY3JvbGxZID0gd2luZG93LnNjcm9sbFkgfHwgd2luZG93LnBhZ2VZT2Zmc2V0XG4gICAgICBpZiAocHJlc2VydmVTY3JvbGxQb3NpdGlvbikge1xuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnRvcCA9IGAkey1zY3JvbGxZfXB4YFxuICAgICAgfVxuICAgICAgY29uc3QgYm9keVdpZHRoQmVmb3JlID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUoZG9jdW1lbnQuYm9keSkud2lkdGhcbiAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGFzc0xpc3QuYWRkKGh0bWxDbGFzc05hbWVBcHBsaWVkKVxuICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QuYWRkKGJvZHlDbGFzc05hbWVBcHBsaWVkKVxuICAgICAgY29uc3QgYm9keVdpZHRoQWZ0ZXIgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5ib2R5KS53aWR0aFxuICAgICAgY29uc3QgZ2FwID0gcGFyc2VJbnQoYm9keVdpZHRoQWZ0ZXIpIC0gcGFyc2VJbnQoYm9keVdpZHRoQmVmb3JlKVxuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5wYWRkaW5nUmlnaHQgPSBgJHtnYXB9cHhgXG5cbiAgICAgIGRvY3VtZW50LmJvZHkuZGF0YXNldC5sb2NrQm9keVNjcm9sbEdhcCA9IFN0cmluZyhnYXApXG5cbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHNjcm9sbFkgPSBkb2N1bWVudC5ib2R5LnN0eWxlLnRvcFxuICAgICAgICBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShodG1sQ2xhc3NOYW1lQXBwbGllZClcbiAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKGJvZHlDbGFzc05hbWVBcHBsaWVkKVxuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnBhZGRpbmdSaWdodCA9ICcnXG4gICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUudG9wID0gb3JpZ2luYWxUb3BcbiAgICAgICAgaWYgKHByZXNlcnZlU2Nyb2xsUG9zaXRpb24pIHtcbiAgICAgICAgICB3aW5kb3cuc2Nyb2xsVG8oMCwgcGFyc2VJbnQoc2Nyb2xsWSB8fCAnMCcpICogLTEpXG4gICAgICAgIH1cbiAgICAgICAgZGVsZXRlIGRvY3VtZW50LmJvZHkuZGF0YXNldC5sb2NrQm9keVNjcm9sbEdhcFxuICAgICAgfVxuICAgIH0sIFtib2R5Q2xhc3NOYW1lQXBwbGllZCwgaHRtbENsYXNzTmFtZUFwcGxpZWQsIHByZXNlcnZlU2Nyb2xsUG9zaXRpb25dKVxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8R2xvYmFsXG4gICAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgICAuJHtodG1sQ2xhc3NOYW1lQXBwbGllZH0ge1xuICAgICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuJHtib2R5Q2xhc3NOYW1lQXBwbGllZH0ge1xuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC8+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBjb25zdCBMb2NrQm9keVNjcm9sbCA9IFJlYWN0LmZvcndhcmRSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQsIExvY2tCb2R5U2Nyb2xsUHJvcHM+KFxuICAoeyBlbmFibGVkID0gdHJ1ZSwgY2hpbGRyZW4sIC4uLnJlc3QgfTogTG9ja0JvZHlTY3JvbGxQcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIGVuYWJsZWQgPyAoXG4gICAgICA8TG9ja0JvZHlTY3JvbGxDb21wb25lbnQgey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Mb2NrQm9keVNjcm9sbENvbXBvbmVudD5cbiAgICApIDogKFxuICAgICAgPD57Y2hpbGRyZW59PC8+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IExvY2tCb2R5U2Nyb2xsXG4iXX0= */")
   }), children);
 });
-const LockBodyScroll = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let _ref$enabled = _ref.enabled,
-    enabled = _ref$enabled === void 0 ? true : _ref$enabled,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const LockBodyScroll = /*#__PURE__*/_react.default.forwardRef(({
+  enabled = true,
+  children,
+  ...rest
+}, ref) => {
   return enabled ? (0, _react2.jsx)(LockBodyScrollComponent, _extends({}, rest, {
     ref: ref
   }), children) : (0, _react2.jsx)(_react.default.Fragment, null, children);

package/cjs/common/arrow.d.ts

@@ -1,4 +1,4 @@
-export declare type ArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type ArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 /**
  * Create css for an arrow
  * A <div> tag must surround {children} to work

package/cjs/common/emotionCloneElement.js

@@ -5,17 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // https://github.com/emotion-js/emotion/issues/1404
 const emotionCloneElement = (element, config, ...children) => {
-  return (0, _react.jsx)(element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] ? element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] : element.type, _objectSpread(_objectSpread({
+  return (0, _react.jsx)(element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] ? element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] : element.type, {
     key: element.key !== null ? element.key : undefined,
-    ref: element.ref
-  }, element.props), config), ...children);
+    ref: element.ref,
+    ...element.props,
+    ...config
+  }, ...children);
 };
 var _default = emotionCloneElement;
 exports.default = _default;

package/cjs/common/intent.d.ts

@@ -1,3 +1,3 @@
-export declare type Intent = 'info' | 'critical' | 'success' | 'warning' | 'none';
+export type Intent = 'info' | 'critical' | 'success' | 'warning' | 'none';
 export declare function getIntentColor(intent?: Intent, muted?: boolean): string;
 export declare function getIntentTextColor(intent: Intent): string;

package/cjs/common/polymorphic.d.ts

@@ -1,8 +1,8 @@
 import { ComponentType, ElementType } from 'react';
-export declare type RenderContainerProps<T> = {
+export type RenderContainerProps<T> = {
     renderContainer: (props: T) => JSX.Element;
 };
-export declare type PolymorphicComponentProps = {
+export type PolymorphicComponentProps = {
     /**
      * HTML tag or custom component being rendered.
      */

package/cjs/common/polymorphic.js

@@ -7,7 +7,6 @@ exports.withRenderAs = withRenderAs;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } // TODO: Move this to future core package
 // TODO: Consider changing to this pattern:
 // https://blog.andrewbran.ch/polymorphic-react-components/
@@ -27,8 +26,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  * }
  */
 function withRenderAs(PolymorphicComponent, RenderComponent) {
-  const Component = _ref => {
-    let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  const Component = ({
+    ...props
+  }) => {
     return (0, _react2.jsx)(PolymorphicComponent, _extends({
       as: RenderComponent
     }, props));

package/cjs/common/use-media.js

@@ -5,12 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useMedia;
 var _react = require("react");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 // from https://github.com/gragland/usehooks
 
 function useMedia(queries, values, defaultValue) {
@@ -26,10 +20,7 @@ function useMedia(queries, values, defaultValue) {
   };
 
   // State and setter for matched value
-  const _useState = (0, _react.useState)(getValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
+  const [value, setValue] = (0, _react.useState)(getValue);
   (0, _react.useEffect)(() => {
     // Event listener callback
     // Note: By defining getValue outside of useEffect we ensure that it has ...

package/cjs/common/useOnClickOutside.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-declare type Handler = (...args: any[]) => void;
+type Handler = (...args: any[]) => void;
 export default function useOnClickOutside(ref: React.RefObject<HTMLElement>, handler: Handler | null): void;
 export {};

package/cjs/counter/Counter.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare type CounterProps = {
+export type CounterProps = {
     label?: ReactNode | string;
     /**
      * Minimum value

package/cjs/counter/Counter.js

@@ -8,15 +8,9 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireWildcard(require("react"));
 var _system = require("@dfds-ui/icons/system");
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const StyledCounter = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "eef4fs64"
@@ -90,12 +84,8 @@ const IconToggler = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV
   label: "IconToggler"
 })(p => p.disable && _ref, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL0NvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFcUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIFJlYWN0Tm9kZSwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJEb3duLCBOdW1iZXJVcCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDb3VudGVyUHJvcHMgPSB7XG4gIGxhYmVsPzogUmVhY3ROb2RlIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBNaW5pbXVtIHZhbHVlXG4gICAqL1xuICBtaW5WYWw6IG51bWJlclxuICAvKipcbiAgICogTWF4aW11bSB2YWx1ZVxuICAgKi9cbiAgbWF4VmFsOiBudW1iZXJcbiAgZGlzYWJsZU1pbj86IGJvb2xlYW5cbiAgZGlzYWJsZU1heD86IGJvb2xlYW5cblxuICAvKipcbiAgICpOYW1lIG9mIHRoZSBpbnB1dCBlbGVtZW50XG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG4gIGN1cnJlbnRWYWw/OiBudW1iZXJcbiAgaW5pdGlhbFZhbD86IG51bWJlclxuICAvKipcbiAgICpDYWxsYmFjayB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxufVxuXG5jb25zdCBTdHlsZWRDb3VudGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHBhZGRpbmc6IDE1cHggMDtcbiAgbWFyZ2luOiAwO1xuXG4gIHN2ZyB7XG4gICAgZmlsbDogIzY4YjJlMztcbiAgICBjb2xvcjogIzY4YjJlMztcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDI1cHg7XG4gIGhlaWdodDogMjVweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbmBcblxuY29uc3QgTGFiZWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogMjBweDtcbiAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgYm9yZGVyOiAxcHggc29saWQgI2Q4ZGFkOTtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgbWFyZ2luOiAwIDEwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgYXBwZWFyYW5jZTogdGV4dGZpZWxkICFpbXBvcnRhbnQ7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cblxuICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLFxuICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uIHtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgfVxuYFxuXG5jb25zdCBJY29uVG9nZ2xlciA9IHN0eWxlZC5kaXY8eyBkaXNhYmxlPzogYm9vbGVhbiB9PmBcbiAgJHsocCkgPT5cbiAgICBwLmRpc2FibGUgJiZcbiAgICBjc3NgXG4gICAgICBvcGFjaXR5OiAwLjM7XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDb3VudGVyID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBDb3VudGVyUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHN0YXJ0VmFsdWUgPSBwcm9wcy5pbml0aWFsVmFsID8/IHByb3BzLm1pblZhbFxuICBjb25zdCBbY291bnRlclZhbHVlLCBzZXRDb3VudGVyVmFsdWVdID0gdXNlU3RhdGUocHJvcHMuY3VycmVudFZhbCA/PyBzdGFydFZhbHVlKVxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb3VudGVyPlxuICAgICAgPFN0eWxlZEljb25Db250YWluZXJcbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGlmICghcHJvcHMuZGlzYWJsZU1pbiAmJiBjb3VudGVyVmFsdWUgLSAxID49IHByb3BzLm1pblZhbCkge1xuICAgICAgICAgICAgc2V0Q291bnRlclZhbHVlKGNvdW50ZXJWYWx1ZSAtIDEpXG4gICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgIHByb3BzLmV4ZWN1dGVPbkNoYW5nZShjb3VudGVyVmFsdWUgLSAxKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPEljb25Ub2dnbGVyIGRpc2FibGU9e3Byb3BzLmRpc2FibGVNaW4gfHwgY291bnRlclZhbHVlID09PSBwcm9wcy5taW5WYWx9PlxuICAgICAgICAgIDxOdW1iZXJEb3duIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiAvPlxuICAgICAgICA8L0ljb25Ub2dnbGVyPlxuICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAge3Byb3BzLmxhYmVsID8gKFxuICAgICAgICA8TGFiZWxDb250YWluZXI+e3Byb3BzLmxhYmVsfTwvTGFiZWxDb250YWluZXI+XG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICBuYW1lPXtwcm9wcy5uYW1lID8/ICdjb3VudGVyJ31cbiAgICAgICAgICB2YWx1ZT17Y291bnRlclZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPD0gcHJvcHMubWF4VmFsICYmIHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkgPj0gcHJvcHMubWluVmFsKSB7XG4gICAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKVxuICAgICAgICAgICAgICBpZiAocHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgICAgcHJvcHMuZXhlY3V0ZU9uQ2hhbmdlKHBhcnNlSW50KGUudGFyZ2V0LnZhbHVlLCAxMCkpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAoIXByb3BzLmRpc2FibGVNYXggJiYgY291bnRlclZhbHVlICsgMSA8PSBwcm9wcy5tYXhWYWwpIHtcbiAgICAgICAgICAgIHNldENvdW50ZXJWYWx1ZShjb3VudGVyVmFsdWUgKyAxKVxuICAgICAgICAgICAgaWYgKHByb3BzLmV4ZWN1dGVPbkNoYW5nZSkge1xuICAgICAgICAgICAgICBwcm9wcy5leGVjdXRlT25DaGFuZ2UoY291bnRlclZhbHVlICsgMSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uVG9nZ2xlciBkaXNhYmxlPXtwcm9wcy5kaXNhYmxlTWF4IHx8IGNvdW50ZXJWYWx1ZSA9PT0gcHJvcHMubWF4VmFsfT5cbiAgICAgICAgICA8TnVtYmVyVXAgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIC8+XG4gICAgICAgIDwvSWNvblRvZ2dsZXI+XG4gICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgPC9TdHlsZWRDb3VudGVyPlxuICApXG59KVxuXG5leHBvcnQgZGVmYXVsdCBDb3VudGVyXG4iXX0= */"));
 const Counter = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  var _props$initialVal, _props$currentVal, _props$name;
-  const startValue = (_props$initialVal = props.initialVal) !== null && _props$initialVal !== void 0 ? _props$initialVal : props.minVal;
-  const _useState = (0, _react.useState)((_props$currentVal = props.currentVal) !== null && _props$currentVal !== void 0 ? _props$currentVal : startValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    counterValue = _useState2[0],
-    setCounterValue = _useState2[1];
+  const startValue = props.initialVal ?? props.minVal;
+  const [counterValue, setCounterValue] = (0, _react.useState)(props.currentVal ?? startValue);
   return (0, _react2.jsx)(StyledCounter, null, (0, _react2.jsx)(StyledIconContainer, {
     onClick: () => {
       if (!props.disableMin && counterValue - 1 >= props.minVal) {
@@ -114,7 +104,7 @@ const Counter = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     ref: ref,
     tabIndex: 0,
     type: "number",
-    name: (_props$name = props.name) !== null && _props$name !== void 0 ? _props$name : 'counter',
+    name: props.name ?? 'counter',
     value: counterValue,
     onChange: e => {
       if (parseInt(e.target.value, 10) <= props.maxVal && parseInt(e.target.value, 10) >= props.minVal) {

package/cjs/counter/PluralCounter.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type PluralCounterProps = {
+type PluralCounterProps = {
     minVal: number;
     maxVal: number;
     currentVal?: number;

package/cjs/counter/PluralCounter.js

@@ -8,19 +8,10 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireWildcard(require("react"));
 var _Counter = _interopRequireDefault(require("./Counter"));
 var _react2 = require("@emotion/react");
-const _excluded = ["singularLabel", "pluralLabel", "executeOnChange"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 //Insert plural with max value as hidden to ensure rows are aligned. Assumes plural is longer than singular.
 const WidthFix = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
@@ -37,19 +28,16 @@ const WidthFix = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ===
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb3VudGVyL1BsdXJhbENvdW50ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvdW50ZXIvUGx1cmFsQ291bnRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIGZvcndhcmRSZWYsIEZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IENvdW50ZXIgZnJvbSAnLi9Db3VudGVyJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgUGx1cmFsQ291bnRlclByb3BzID0ge1xuICBtaW5WYWw6IG51bWJlclxuICBtYXhWYWw6IG51bWJlclxuICBjdXJyZW50VmFsPzogbnVtYmVyXG4gIGluaXRpYWxWYWw/OiBudW1iZXJcbiAgc2luZ3VsYXJMYWJlbDogc3RyaW5nXG4gIG5hbWU/OiBzdHJpbmdcbiAgcGx1cmFsTGFiZWw6IHN0cmluZ1xuICBleGVjdXRlT25DaGFuZ2U/OiAoYXJnOiBudW1iZXIpID0+IGFueVxufVxuXG4vL0luc2VydCBwbHVyYWwgd2l0aCBtYXggdmFsdWUgYXMgaGlkZGVuIHRvIGVuc3VyZSByb3dzIGFyZSBhbGlnbmVkLiBBc3N1bWVzIHBsdXJhbCBpcyBsb25nZXIgdGhhbiBzaW5ndWxhci5cbmNvbnN0IFdpZHRoRml4ID0gc3R5bGVkLmRpdmBcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICBoZWlnaHQ6IDA7XG5gXG5cbmNvbnN0IFBsdXJhbENvdW50ZXI6IEZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBQbHVyYWxDb3VudGVyUHJvcHM+ID0gKFxuICB7IHNpbmd1bGFyTGFiZWwsIHBsdXJhbExhYmVsLCBleGVjdXRlT25DaGFuZ2UsIC4uLnJlc3QgfTogUGx1cmFsQ291bnRlclByb3BzLFxuICByZWZcbikgPT4ge1xuICBjb25zdCBMYWJlbCA9IChwOiB7IHZhbDogbnVtYmVyIH0pID0+IChcbiAgICA8ZGl2PlxuICAgICAge3AudmFsfSB7cC52YWwgPT09IDEgPyBzaW5ndWxhckxhYmVsIDogcGx1cmFsTGFiZWx9XG4gICAgICA8V2lkdGhGaXg+XG4gICAgICAgIHtyZXN0Lm1heFZhbH0ge3BsdXJhbExhYmVsfVxuICAgICAgPC9XaWR0aEZpeD5cbiAgICA8L2Rpdj5cbiAgKVxuXG4gIGNvbnN0IFtjdXJyZW50TGFiZWwsIHNldEN1cnJlbnRMYWJlbF0gPSB1c2VTdGF0ZSg8TGFiZWwgdmFsPXtyZXN0LmN1cnJlbnRWYWwgPz8gcmVzdC5pbml0aWFsVmFsID8/IHJlc3QubWluVmFsfSAvPilcbiAgY29uc3Qgb25DaGFuZ2UgPSAoczogbnVtYmVyKSA9PiB7XG4gICAgc2V0Q3VycmVudExhYmVsKDxMYWJlbCB2YWw9e3N9IC8+KVxuICAgIGlmIChleGVjdXRlT25DaGFuZ2UpIGV4ZWN1dGVPbkNoYW5nZShzKVxuICB9XG5cbiAgcmV0dXJuIDxDb3VudGVyIGV4ZWN1dGVPbkNoYW5nZT17b25DaGFuZ2V9IGxhYmVsPXtjdXJyZW50TGFiZWx9IHsuLi5yZXN0fSByZWY9e3JlZn0+PC9Db3VudGVyPlxufVxuXG5leHBvcnQgZGVmYXVsdCBmb3J3YXJkUmVmKFBsdXJhbENvdW50ZXIpXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const PluralCounter = (_ref, ref) => {
-  var _ref2, _rest$currentVal;
-  let singularLabel = _ref.singularLabel,
-    pluralLabel = _ref.pluralLabel,
-    executeOnChange = _ref.executeOnChange,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const PluralCounter = ({
+  singularLabel,
+  pluralLabel,
+  executeOnChange,
+  ...rest
+}, ref) => {
   const Label = p => (0, _react2.jsx)("div", null, p.val, " ", p.val === 1 ? singularLabel : pluralLabel, (0, _react2.jsx)(WidthFix, null, rest.maxVal, " ", pluralLabel));
-  const _useState = (0, _react.useState)((0, _react2.jsx)(Label, {
-      val: (_ref2 = (_rest$currentVal = rest.currentVal) !== null && _rest$currentVal !== void 0 ? _rest$currentVal : rest.initialVal) !== null && _ref2 !== void 0 ? _ref2 : rest.minVal
-    })),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentLabel = _useState2[0],
-    setCurrentLabel = _useState2[1];
+  const [currentLabel, setCurrentLabel] = (0, _react.useState)((0, _react2.jsx)(Label, {
+    val: rest.currentVal ?? rest.initialVal ?? rest.minVal
+  }));
   const onChange = s => {
     setCurrentLabel((0, _react2.jsx)(Label, {
       val: s

package/cjs/counter/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Counter", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Counter.default;
   }
 });
 Object.defineProperty(exports, "PluralCounter", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PluralCounter.default;
   }
 });

package/cjs/data-table/DataTable.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-export declare type DataTableProps = {
+export type DataTableProps = {
     onChange?: (model: object[]) => object[];
     columns?: string[];
     data: object[];

package/cjs/data-table/DataTable.js

@@ -8,19 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _checkbox = require("../forms/checkbox");
 var _theme = require("@dfds-ui/theme");
-const _excluded = ["children", "onChange", "columns", "data", "hasHeader"];
-/* eslint-disable @typescript-eslint/ban-types */
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* eslint-disable @typescript-eslint/ban-types */
 const tableStyle = () => /*#__PURE__*/(0, _react2.css)("text-align:left;border-collapse:collapse;width:100%;border:none;color:", _theme.theme.colors.text.dark.primary, ";font-size:12px;tr{border-top:1px solid ", _theme.theme.colors.text.dark.disabled, ";border-bottom:1px solid ", _theme.theme.colors.text.dark.disabled, ";}th,td{padding:16px;label{color:", _theme.theme.colors.primary.main, ";font-weight:bold;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kYXRhLXRhYmxlL0RhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9kYXRhLXRhYmxlL0RhdGFUYWJsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvYmFuLXR5cGVzICovXG5pbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQsIHVzZVJlZHVjZXIgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9mb3Jtcy9jaGVja2JveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZVByb3BzID0ge1xuICBvbkNoYW5nZT86IChtb2RlbDogb2JqZWN0W10pID0+IG9iamVjdFtdXG4gIGNvbHVtbnM/OiBzdHJpbmdbXVxuICBkYXRhOiBvYmplY3RbXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaGFzSGVhZGVyPzogYm9vbGVhblxufVxuXG5jb25zdCB0YWJsZVN0eWxlID0gKCkgPT4gY3NzYFxuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiBub25lO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRyIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgfVxuICB0aCxcbiAgdGQge1xuICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgbGFiZWwge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgVE9HR0xFID0gJ3RvZ2dsZSdcblxuZnVuY3Rpb24gcmVkdWNlcihtb2RlbDogYW55LCBhY3Rpb246IGFueSk6IG9iamVjdFtdIHtcbiAgY29uc3QgbmV3TW9kZWwgPSBbLi4ubW9kZWxdXG4gIHN3aXRjaCAoYWN0aW9uLnR5cGUpIHtcbiAgICBjYXNlIFRPR0dMRTpcbiAgICAgIG5ld01vZGVsW2FjdGlvbi5rZXldLmZpZWxkLnZhbHVlID0gIW5ld01vZGVsW2FjdGlvbi5rZXldLmZpZWxkLnZhbHVlXG4gICAgICByZXR1cm4gbmV3TW9kZWxcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIG5ld01vZGVsXG4gIH1cbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuZXhwb3J0IGNvbnN0IERhdGFUYWJsZTogRnVuY3Rpb25Db21wb25lbnQ8RGF0YVRhYmxlUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBjb2x1bW5zLFxuICBkYXRhLFxuICBoYXNIZWFkZXIsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgW21vZGVsLCBkaXNwYXRjaF0gPSB1c2VSZWR1Y2VyKHJlZHVjZXIsIGRhdGEpXG4gIGNvbnN0IGRhdGFLZXlzID0gT2JqZWN0LmtleXMobW9kZWxbMF0pXG4gIGNvbnN0IGRpc3BsYXlDb2x1bW5zID0gY29sdW1ucyA/IGNvbHVtbnMgOiBkYXRhS2V5c1xuXG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICBvbkNoYW5nZShtb2RlbClcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbbW9kZWxdKVxuXG4gIHJldHVybiAoXG4gICAgPHRhYmxlIGNzcz17dGFibGVTdHlsZSgpfSB7Li4ucmVzdH0+XG4gICAgICB7aGFzSGVhZGVyICYmIChcbiAgICAgICAgPHRoZWFkPlxuICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgIHtkaXNwbGF5Q29sdW1ucy5tYXAoKGtleSwgaSkgPT4ge1xuICAgICAgICAgICAgICByZXR1cm4gPHRoIGtleT17aX0+IHtrZXl9IDwvdGg+XG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L3RyPlxuICAgICAgICA8L3RoZWFkPlxuICAgICAgKX1cbiAgICAgIDx0Ym9keT5cbiAgICAgICAge2RhdGEubWFwKCh2YWx1ZU9iajogYW55LCBpKSA9PiB7XG4gICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDx0ciBrZXk9e2l9PlxuICAgICAgICAgICAgICB7ZGF0YUtleXMubWFwKChrZXk6IGFueSwgeSkgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChrZXkgPT09ICdmaWVsZCcpIHtcbiAgICAgICAgICAgICAgICAgIGNvbnN0IHsgbmFtZSwgdmFsdWUsIGxhYmVsIH0gPSB2YWx1ZU9iai5maWVsZFxuICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPHRkIGtleT17eX0+XG4gICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgPENoZWNrYm94XG4gICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNoZWNrZWQ9e3ZhbHVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BhdGNoKHsgdHlwZTogVE9HR0xFLCBrZXk6IGkgfSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9DaGVja2JveD5cbiAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiA8dGQga2V5PXt5fT4ge3ZhbHVlT2JqW2tleV19IDwvdGQ+XG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICApXG4gICAgICAgIH0pfVxuICAgICAgPC90Ym9keT5cbiAgICA8L3RhYmxlPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERhdGFUYWJsZVxuIl19 */");
 const TOGGLE = 'toggle';
 function reducer(model, action) {
@@ -35,17 +25,15 @@ function reducer(model, action) {
 }
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-const DataTable = _ref => {
-  let children = _ref.children,
-    onChange = _ref.onChange,
-    columns = _ref.columns,
-    data = _ref.data,
-    hasHeader = _ref.hasHeader,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const _useReducer = (0, _react.useReducer)(reducer, data),
-    _useReducer2 = _slicedToArray(_useReducer, 2),
-    model = _useReducer2[0],
-    dispatch = _useReducer2[1];
+const DataTable = ({
+  children,
+  onChange,
+  columns,
+  data,
+  hasHeader,
+  ...rest
+}) => {
+  const [model, dispatch] = (0, _react.useReducer)(reducer, data);
   const dataKeys = Object.keys(model[0]);
   const displayColumns = columns ? columns : dataKeys;
   _react.default.useEffect(() => {
@@ -65,10 +53,11 @@ const DataTable = _ref => {
       key: i
     }, dataKeys.map((key, y) => {
       if (key === 'field') {
-        const _valueObj$field = valueObj.field,
-          name = _valueObj$field.name,
-          value = _valueObj$field.value,
-          label = _valueObj$field.label;
+        const {
+          name,
+          value,
+          label
+        } = valueObj.field;
         return (0, _react2.jsx)("td", {
           key: y
         }, (0, _react2.jsx)(_checkbox.Checkbox, {

package/cjs/data-table/index.js

@@ -9,7 +9,7 @@ Object.keys(_DataTable).forEach(function (key) {
   if (key in exports && exports[key] === _DataTable[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _DataTable[key];
     }
   });