@jobber/components 2.90.1 → 2.92.0

package/CHANGELOG.md

@@ -8,6 +8,29 @@ menu: Changelog
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.92.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.91.0...@jobber/components@2.92.0) (2023-01-09)
+
+
+### Features
+
+* **components:** Add DataTable test helpers ([#954](https://github.com/GetJobber/atlantis/issues/954)) ([aa58d84](https://github.com/GetJobber/atlantis/commit/aa58d84df2e1c656f748187d6c0d216647a03e64))
+
+
+
+
+
+# [2.91.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.90.1...@jobber/components@2.91.0) (2023-01-06)
+
+
+### Features
+
+* **components:** new highlighter for Emphasis ([#890](https://github.com/GetJobber/atlantis/issues/890)) ([df6d29c](https://github.com/GetJobber/atlantis/commit/df6d29c7b351cf1756ee286b2580ac2961456cbf))
+* **design:** add syncAlert and apps icons  ([#953](https://github.com/GetJobber/atlantis/issues/953)) ([87e1cb7](https://github.com/GetJobber/atlantis/commit/87e1cb732cd73e412fa4b896392a78505294bc82))
+
+
+
+
+
 ## [2.90.1](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.90.0...@jobber/components@2.90.1) (2022-12-20)
 
 **Note:** Version bump only for package @jobber/components

package/dist/Autocomplete/index.js

@@ -8,18 +8,18 @@ var debounce = require('lodash/debounce');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var classnames = require('classnames');
 var useEventListener = require('@use-it/event-listener');
-var Text = require('../Text-9bc093e9.js');
+var Text = require('../Text-545e4ca6.js');
 var Icon = require('../Icon-d5ad1a6d.js');
-var Heading = require('../Heading-56750113.js');
-var InputText = require('../InputText-cb3be15c.js');
-require('../Typography-7e542a72.js');
+var Heading = require('../Heading-376e63db.js');
+var InputText = require('../InputText-58391ee3.js');
+require('../Typography-f074f3ec.js');
 require('@jobber/design');
-require('../FormField-a92c7bac.js');
+require('../FormField-d1d7ca2a.js');
 require('uuid');
 require('react-hook-form');
-require('../Button-5b2f1636.js');
+require('../Button-1ce94a21.js');
 require('react-router-dom');
-require('../InputValidation-24d3621a.js');
+require('../InputValidation-525d69b1.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/Banner/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
 var classnames = require('classnames');
-var hooks = require('@jobber/hooks');
+var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var Icon = require('../Icon-d5ad1a6d.js');
-var Text = require('../Text-9bc093e9.js');
-var Button = require('../Button-5b2f1636.js');
+var Text = require('../Text-545e4ca6.js');
+var Button = require('../Button-1ce94a21.js');
 require('@jobber/design');
-require('../Typography-7e542a72.js');
+require('../Typography-f074f3ec.js');
 require('react-router-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -35,7 +35,7 @@ function Banner(_a) {
         small: 320,
         medium: 480,
     };
-    var _f = tslib_es6.__read(hooks.useResizeObserver({
+    var _f = tslib_es6.__read(jobberHooks.useResizeObserver({
         widths: bannerWidths,
     }), 2), bannerRef = _f[0], _g = _f[1].width, bannerWidth = _g === void 0 ? bannerWidths.small : _g;
     var iconColors = {

package/dist/Button/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Button = require('../Button-5b2f1636.js');
+var Button = require('../Button-1ce94a21.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('classnames');
@@ -10,7 +10,7 @@ require('react-router-dom');
 require('../style-inject.es-dcee06b6.js');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-7e542a72.js');
+require('../Typography-f074f3ec.js');
 
 
 

package/dist/{Button-5b2f1636.js → Button-1ce94a21.js}

@@ -6,7 +6,7 @@ var classnames = require('classnames');
 var reactRouterDom = require('react-router-dom');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var Icon = require('./Icon-d5ad1a6d.js');
-var Typography = require('./Typography-7e542a72.js');
+var Typography = require('./Typography-f074f3ec.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/ButtonDismiss/index.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ButtonDismiss = require('../ButtonDismiss-4cde8f7c.js');
+var ButtonDismiss = require('../ButtonDismiss-2def7db7.js');
 require('react');
-require('../Button-5b2f1636.js');
+require('../Button-1ce94a21.js');
 require('../tslib.es6-5b50eb8e.js');
 require('classnames');
 require('react-router-dom');
 require('../style-inject.es-dcee06b6.js');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-7e542a72.js');
+require('../Typography-f074f3ec.js');
 
 
 

package/dist/{ButtonDismiss-4cde8f7c.js → ButtonDismiss-2def7db7.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Button = require('./Button-5b2f1636.js');
+var Button = require('./Button-1ce94a21.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Card/index.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Card = require('../Card-368e01a3.js');
+var Card = require('../Card-38847ea6.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
-require('../Typography-7e542a72.js');
+require('../Typography-f074f3ec.js');
 
 
 

package/dist/{Card-368e01a3.js → Card-38847ea6.js}

@@ -4,7 +4,7 @@ var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var Typography = require('./Typography-7e542a72.js');
+var Typography = require('./Typography-f074f3ec.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Checkbox/index.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkbox = require('../Checkbox-785a79a5.js');
+var Checkbox = require('../Checkbox-db1d6ee2.js');
 require('react');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Text-9bc093e9.js');
-require('../Typography-7e542a72.js');
+require('../Text-545e4ca6.js');
+require('../Typography-f074f3ec.js');
 require('../tslib.es6-5b50eb8e.js');
 
 

package/dist/{Checkbox-785a79a5.js → Checkbox-db1d6ee2.js}

@@ -4,7 +4,7 @@ var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var Icon = require('./Icon-d5ad1a6d.js');
-var Text = require('./Text-9bc093e9.js');
+var Text = require('./Text-545e4ca6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Chips/index.js

@@ -6,16 +6,16 @@ var React = require('react');
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var hooks = require('@jobber/hooks');
+var jobberHooks = require('@jobber/hooks');
 var Icon = require('../Icon-d5ad1a6d.js');
 var Avatar = require('../Avatar-cfd04e86.js');
-var Typography = require('../Typography-7e542a72.js');
-var Tooltip = require('../Tooltip-e6d6edb1.js');
+var Typography = require('../Typography-f074f3ec.js');
+var Tooltip = require('../Tooltip-297c53a6.js');
 var uuid = require('uuid');
 var lodash = require('lodash');
 var reactPopper = require('react-popper');
-var Text = require('../Text-9bc093e9.js');
-var Button = require('../Button-5b2f1636.js');
+var Text = require('../Text-545e4ca6.js');
+var Button = require('../Button-1ce94a21.js');
 var Spinner = require('../Spinner-18d3dee6.js');
 require('@jobber/design');
 require('color');
@@ -93,7 +93,7 @@ function InternalChipAffix(_a) {
         var isAvatar = (affix === null || affix === void 0 ? void 0 : affix.type) === Avatar.Avatar || false;
         var isIcon = (affix === null || affix === void 0 ? void 0 : affix.type) === Icon.Icon || false;
         var isChipButton = (affix === null || affix === void 0 ? void 0 : affix.type) === InternalChipButton || false;
-        hooks.useAssert(!!affix && !(isAvatar || isIcon || isChipButton), "Prefix prop only accepts \"<Avatar />\" or \"<Icon />\" component. You have \"" + (affix === null || affix === void 0 ? void 0 : affix.type) + "\".");
+        jobberHooks.useAssert(!!affix && !(isAvatar || isIcon || isChipButton), "Prefix prop only accepts \"<Avatar />\" or \"<Icon />\" component. You have \"" + (affix === null || affix === void 0 ? void 0 : affix.type) + "\".");
     }
 }
 
@@ -223,7 +223,7 @@ function useInternalChipDismissible(_a) {
         return selected.indexOf(chip.value);
     });
     var availableChipOptions = chipOptions.filter(function (chip) { return !selected.includes(chip.value); });
-    var liveAnnounce = hooks.useLiveAnnounce().liveAnnounce;
+    var liveAnnounce = jobberHooks.useLiveAnnounce().liveAnnounce;
     var actions = {
         handleChipRemove: function (value) {
             return function () {
@@ -290,7 +290,7 @@ function useInternalChipDismissibleInput(_a) {
     var _h = tslib_es6.__read(React.useState(false), 2), shouldCancelEnter = _h[0], setShouldCancelEnter = _h[1];
     var canAddCustomOption = onCustomOptionSelect !== undefined && !isLoadingMore;
     var maxOptionIndex = allOptions.length - 1;
-    var liveAnnounce = hooks.useLiveAnnounce().liveAnnounce;
+    var liveAnnounce = jobberHooks.useLiveAnnounce().liveAnnounce;
     React.useEffect(function () {
         setAllOptions(generateOptions(options, searchValue, canAddCustomOption));
     }, [options]);
@@ -528,7 +528,7 @@ function Chips(props) {
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function Chip(props) {
     // Throw error when <Chip /> gets used outside of the <Chips />
-    hooks.useAssert(true, "`<Chip>` component can only be used inside `<Chips>`");
+    jobberHooks.useAssert(true, "`<Chip>` component can only be used inside `<Chips>`");
     return React__default["default"].createElement(React__default["default"].Fragment, null);
 }
 

package/dist/ConfirmationModal/index.js

@@ -2,27 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ConfirmationModal = require('../ConfirmationModal-b7ef110f.js');
+var ConfirmationModal = require('../ConfirmationModal-1bf04e58.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('@jobber/hooks');
-require('../Modal-aaaaf2df.js');
+require('../Modal-3a29ecf7.js');
 require('react-dom');
 require('classnames');
 require('framer-motion');
 require('../style-inject.es-dcee06b6.js');
-require('../Typography-7e542a72.js');
-require('../Button-5b2f1636.js');
+require('../Typography-f074f3ec.js');
+require('../Button-1ce94a21.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../ButtonDismiss-4cde8f7c.js');
+require('../ButtonDismiss-2def7db7.js');
 require('../Content-18de5fbb.js');
-require('../Markdown-69986c49.js');
+require('../Markdown-0c673d3c.js');
 require('react-markdown');
-require('../Text-9bc093e9.js');
-require('../Emphasis-fd845639.js');
-require('../Heading-56750113.js');
+require('../Text-545e4ca6.js');
+require('../Emphasis-10916399.js');
+require('../Heading-376e63db.js');
 
 
 

package/dist/{ConfirmationModal-b7ef110f.js → ConfirmationModal-1bf04e58.js}

@@ -2,10 +2,10 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var hooks = require('@jobber/hooks');
-var Modal = require('./Modal-aaaaf2df.js');
+var jobberHooks = require('@jobber/hooks');
+var Modal = require('./Modal-3a29ecf7.js');
 var Content = require('./Content-18de5fbb.js');
-var Markdown = require('./Markdown-69986c49.js');
+var Markdown = require('./Markdown-0c673d3c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -62,7 +62,7 @@ var ConfirmationModal = React.forwardRef(function ConfirmationModalInternal(_a,
                 onCancel: onCancel }),
         });
     }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
-    hooks.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
+    jobberHooks.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
     return (React__default["default"].createElement(Modal.Modal, { title: state.title, open: open || state.open, size: "small", dismissible: false, primaryAction: {
             label: state.confirmLabel,
             onClick: handleAction("confirm"),

package/dist/DataDump/index.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Card = require('../Card-368e01a3.js');
+var Card = require('../Card-38847ea6.js');
 var Content = require('../Content-18de5fbb.js');
-var Emphasis = require('../Emphasis-fd845639.js');
+var Emphasis = require('../Emphasis-10916399.js');
 require('../tslib.es6-5b50eb8e.js');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
-require('../Typography-7e542a72.js');
+require('../Typography-f074f3ec.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/DataTable/index.d.ts

@@ -1,3 +1,4 @@
 export { DataTable } from "./DataTable";
 export * from "./types";
+export * from "./test-utilities/helpers";
 export { Row, ColumnDef, createColumnHelper, PaginationState, SortingState, } from "@tanstack/react-table";

package/dist/DataTable/index.js

@@ -6,17 +6,17 @@ var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var reactTable = require('@tanstack/react-table');
 var classnames = require('classnames');
 var React = require('react');
-var hooks = require('@jobber/hooks');
+var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Option = require('../Option-201e55a7.js');
-var Button = require('../Button-5b2f1636.js');
+var Option = require('../Option-38e3e585.js');
+var Button = require('../Button-1ce94a21.js');
 var Icon = require('../Icon-d5ad1a6d.js');
-require('../FormField-a92c7bac.js');
+require('../FormField-d1d7ca2a.js');
 require('uuid');
 require('react-hook-form');
-require('../Text-9bc093e9.js');
-require('../Typography-7e542a72.js');
-require('../InputValidation-24d3621a.js');
+require('../Text-545e4ca6.js');
+require('../Typography-f074f3ec.js');
+require('../InputValidation-525d69b1.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 require('react-router-dom');
@@ -24,8 +24,27 @@ require('@jobber/design');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var jobberHooks__namespace = /*#__PURE__*/_interopNamespace(jobberHooks);
 
 var css$2 = "._1gVnBnwO8rEyN5yXaSAnJz {\n  border: var(--border-base) solid var(--color-border);\n  border-radius: var(--radius-base);\n}\n\n._2FsiaQmYMKjm0oAa_Dm7Jv {\n  overflow: auto;\n}\n\n._2EflglZd2SRwkv61KFJrg9 {\n  width: 100%;\n  border-collapse: collapse;\n  text-align: left;\n}\n\n._2EflglZd2SRwkv61KFJrg9 thead tr th {\n  padding: var(--space-base);\n  border-bottom: var(--border-base) solid var(--color-border);\n  color: var(--color-heading);\n  white-space: nowrap;\n}\n\n._2EflglZd2SRwkv61KFJrg9 thead tr th :first-child {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n._2EflglZd2SRwkv61KFJrg9 tbody tr {\n  border-bottom: var(--border-base) solid var(--color-border);\n}\n\n._2EflglZd2SRwkv61KFJrg9 tbody tr:last-child {\n  border-bottom: none;\n}\n\n._2EflglZd2SRwkv61KFJrg9 tbody tr td {\n  padding: var(--space-base);\n}\n\n._2EflglZd2SRwkv61KFJrg9 tfoot {\n  position: sticky;\n  z-index: 1;\n  width: 100%;\n  box-shadow: var(--shadow-base);\n  border-top: var(--border-thick) solid var(--color-border);\n  background-color: var(--color-surface);\n  bottom: 0;\n}\n\n._2EflglZd2SRwkv61KFJrg9 tfoot tr th {\n  padding: var(--space-base);\n}\n\n.QRm47JXl1pWi9jKv7PNPG thead tr th:first-child,\n.QRm47JXl1pWi9jKv7PNPG tbody tr td:first-child {\n  position: sticky;\n  left: 0;\n  z-index: 1;\n  height: calc(var(--space-largest) + var(--space-smaller));\n  background-color: var(--color-white);\n}\n\n.QRm47JXl1pWi9jKv7PNPG th:first-child::after,\n.QRm47JXl1pWi9jKv7PNPG td:first-child::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  right: calc(-1 * var(--space-small));\n  width: var(--space-small);\n  height: 100%;\n  background: linear-gradient(\n    90deg,\n    rgba(var(--color-black--rgb), 0.1) 0%,\n    rgba(var(--color-black--rgb), 0) 80%\n  );\n}\n\n._3VxR0m_2LtggJeSToEDE2y {\n  position: sticky;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  box-shadow: var(--shadow-base);\n  background-color: var(--color-white);\n}\n\n._1RROVWbMjf1ZfuVpquC4OS:first-child:hover {\n  background: var(--color-surface--hover);\n  cursor: pointer;\n}\n\n._2uM74VHCeNJuZjyD_SPXR3:hover {\n  background: var(--color-surface--hover);\n  cursor: pointer;\n}\n\n._3P5HGvBjzojCSGgtBjPjJi:hover,\n._3P5HGvBjzojCSGgtBjPjJi:hover :first-child {\n  background: var(--color-surface--background);\n  cursor: pointer;\n}\n";
 var styles$2 = {"dataTableContainer":"_1gVnBnwO8rEyN5yXaSAnJz","tableContainer":"_2FsiaQmYMKjm0oAa_Dm7Jv","table":"_2EflglZd2SRwkv61KFJrg9","pinFirstColumn":"QRm47JXl1pWi9jKv7PNPG","stickyHeader":"_3VxR0m_2LtggJeSToEDE2y","pinFirstHeaderSortable":"_1RROVWbMjf1ZfuVpquC4OS","sortableColumn":"_2uM74VHCeNJuZjyD_SPXR3","clickableRow":"_3P5HGvBjzojCSGgtBjPjJi"};
@@ -186,7 +205,7 @@ var Footer = function (_a) {
 function DataTable(_a) {
     var _b;
     var data = _a.data, columns = _a.columns, pagination = _a.pagination, sorting = _a.sorting, height = _a.height, stickyHeader = _a.stickyHeader, pinFirstColumn = _a.pinFirstColumn, onRowClick = _a.onRowClick;
-    var _c = tslib_es6.__read(hooks.useResizeObserver(), 2), ref = _c[0], exactWidth = _c[1].exactWidth;
+    var _c = tslib_es6.__read(jobberHooks.useResizeObserver(), 2), ref = _c[0], exactWidth = _c[1].exactWidth;
     var tableSettings = createTableSettings(data, columns, {
         pagination: pagination,
         sorting: sorting,
@@ -200,13 +219,25 @@ function DataTable(_a) {
             React__default["default"].createElement("table", { className: tableClasses },
                 React__default["default"].createElement(Header, { table: table, sorting: sorting, onRowClick: onRowClick, stickyHeader: stickyHeader }),
                 React__default["default"].createElement(Body, { table: table, onRowClick: onRowClick }),
-                exactWidth && exactWidth > hooks.Breakpoints.small ? (React__default["default"].createElement(Footer, { table: table, viewType: "desktop" })) : null)),
-        exactWidth && exactWidth <= hooks.Breakpoints.small ? (React__default["default"].createElement(Footer, { table: table })) : null,
+                exactWidth && exactWidth > jobberHooks.Breakpoints.small ? (React__default["default"].createElement(Footer, { table: table, viewType: "desktop" })) : null)),
+        exactWidth && exactWidth <= jobberHooks.Breakpoints.small ? (React__default["default"].createElement(Footer, { table: table })) : null,
         pagination && (React__default["default"].createElement(Pagination, { table: table, itemsPerPage: pagination.itemsPerPage, totalItems: pagination.manualPagination
                 ? pagination.totalItems
                 : table.getCoreRowModel().rows.length }))));
 }
 
+var mockContainerWidth = function (exactWidth) {
+    jest.spyOn(jobberHooks__namespace, "useResizeObserver").mockReturnValue([
+        { current: null },
+        {
+            width: 1200,
+            height: 800,
+            exactWidth: exactWidth || 1200,
+            exactHeight: 800,
+        },
+    ]);
+};
+
 Object.defineProperty(exports, 'ColumnDef', {
   enumerable: true,
   get: function () { return reactTable.ColumnDef; }
@@ -228,3 +259,4 @@ Object.defineProperty(exports, 'createColumnHelper', {
   get: function () { return reactTable.createColumnHelper; }
 });
 exports.DataTable = DataTable;
+exports.mockContainerWidth = mockContainerWidth;

package/dist/DataTable/test-utilities/helpers.d.ts

@@ -0,0 +1 @@
+export declare const mockContainerWidth: (exactWidth?: number | undefined) => void;

package/dist/DataTable/test-utilities/index.d.ts

@@ -1 +1,2 @@
 export * from "./mocks";
+export * from "./helpers";

package/dist/DatePicker/index.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DatePicker = require('../DatePicker-ad6f8630.js');
+var DatePicker = require('../DatePicker-27f40041.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('classnames');
 require('react-datepicker');
 require('@jobber/hooks');
 require('../style-inject.es-dcee06b6.js');
-require('../Typography-7e542a72.js');
-require('../Button-5b2f1636.js');
+require('../Typography-f074f3ec.js');
+require('../Button-1ce94a21.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');

package/dist/{DatePicker-ad6f8630.js → DatePicker-27f40041.js}

@@ -4,10 +4,10 @@ var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
 var classnames = require('classnames');
 var ReactDatePicker = require('react-datepicker');
-var hooks = require('@jobber/hooks');
+var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var Typography = require('./Typography-7e542a72.js');
-var Button = require('./Button-5b2f1636.js');
+var Typography = require('./Typography-f074f3ec.js');
+var Button = require('./Button-1ce94a21.js');
 var lodash = require('lodash');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -84,7 +84,7 @@ function DatePicker(_a) {
         _c[styles.inline] = inline,
         _c));
     if (smartAutofocus) {
-        hooks.useRefocusOnActivator(open);
+        jobberHooks.useRefocusOnActivator(open);
         React.useEffect(focusOnSelectedDate, [open]);
     }
     return (React__default["default"].createElement("div", { className: wrapperClassName, ref: ref },

package/dist/DescriptionList/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Typography = require('../Typography-7e542a72.js');
+var Typography = require('../Typography-f074f3ec.js');
 require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Disclosure/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Heading = require('../Heading-56750113.js');
+var Heading = require('../Heading-376e63db.js');
 var Icon = require('../Icon-d5ad1a6d.js');
-require('../Typography-7e542a72.js');
+require('../Typography-f074f3ec.js');
 require('classnames');
 require('@jobber/design');
 

package/dist/Drawer/index.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Typography = require('../Typography-7e542a72.js');
-var ButtonDismiss = require('../ButtonDismiss-4cde8f7c.js');
+var Typography = require('../Typography-f074f3ec.js');
+var ButtonDismiss = require('../ButtonDismiss-2def7db7.js');
 require('../tslib.es6-5b50eb8e.js');
-require('../Button-5b2f1636.js');
+require('../Button-1ce94a21.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');

package/dist/Emphasis/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Emphasis = require('../Emphasis-fd845639.js');
+var Emphasis = require('../Emphasis-10916399.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../Typography-7e542a72.js');
+require('../Typography-f074f3ec.js');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
 

package/dist/{Emphasis-fd845639.js → Emphasis-10916399.js}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var Typography = require('./Typography-7e542a72.js');
+var Typography = require('./Typography-f074f3ec.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/FeatureSwitch/index.js

@@ -7,14 +7,14 @@ var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Heading = require('../Heading-56750113.js');
-var Text = require('../Text-9bc093e9.js');
+var Heading = require('../Heading-376e63db.js');
+var Text = require('../Text-545e4ca6.js');
 var Content = require('../Content-18de5fbb.js');
-var Switch = require('../Switch-d2bec677.js');
-var Button = require('../Button-5b2f1636.js');
-var Emphasis = require('../Emphasis-fd845639.js');
-var Markdown = require('../Markdown-69986c49.js');
-require('../Typography-7e542a72.js');
+var Switch = require('../Switch-e8057624.js');
+var Button = require('../Button-1ce94a21.js');
+var Emphasis = require('../Emphasis-10916399.js');
+var Markdown = require('../Markdown-0c673d3c.js');
+require('../Typography-f074f3ec.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');

package/dist/FormField/index.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormField = require('../FormField-a92c7bac.js');
+var FormField = require('../FormField-d1d7ca2a.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-5b2f1636.js');
+require('../Button-1ce94a21.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-7e542a72.js');
-require('../Text-9bc093e9.js');
-require('../InputValidation-24d3621a.js');
+require('../Typography-f074f3ec.js');
+require('../Text-545e4ca6.js');
+require('../InputValidation-525d69b1.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/{FormField-a92c7bac.js → FormField-d1d7ca2a.js}

@@ -6,10 +6,10 @@ var uuid = require('uuid');
 var reactHookForm = require('react-hook-form');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var classnames = require('classnames');
-var Button = require('./Button-5b2f1636.js');
+var Button = require('./Button-1ce94a21.js');
 var Icon = require('./Icon-d5ad1a6d.js');
-var Text = require('./Text-9bc093e9.js');
-var InputValidation = require('./InputValidation-24d3621a.js');
+var Text = require('./Text-545e4ca6.js');
+var InputValidation = require('./InputValidation-525d69b1.js');
 var Spinner = require('./Spinner-18d3dee6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }