@jobber/components 2.91.0 → 2.92.1

package/CHANGELOG.md

@@ -8,6 +8,25 @@ 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.1](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.92.0...@jobber/components@2.92.1) (2023-01-10)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
+# [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)
 
 

package/dist/Banner/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 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-545e4ca6.js');
@@ -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/Chips/index.js

@@ -6,7 +6,7 @@ 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-f074f3ec.js');
@@ -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,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ConfirmationModal = require('../ConfirmationModal-424fcea9.js');
+var ConfirmationModal = require('../ConfirmationModal-1bf04e58.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('@jobber/hooks');
-require('../Modal-27975d47.js');
+require('../Modal-3a29ecf7.js');
 require('react-dom');
 require('classnames');
 require('framer-motion');

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

@@ -2,8 +2,8 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var hooks = require('@jobber/hooks');
-var Modal = require('./Modal-27975d47.js');
+var jobberHooks = require('@jobber/hooks');
+var Modal = require('./Modal-3a29ecf7.js');
 var Content = require('./Content-18de5fbb.js');
 var Markdown = require('./Markdown-0c673d3c.js');
 
@@ -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/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,7 +6,7 @@ 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-38e3e585.js');
 var Button = require('../Button-1ce94a21.js');
@@ -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,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DatePicker = require('../DatePicker-79435e91.js');
+var DatePicker = require('../DatePicker-27f40041.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('classnames');

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

@@ -4,7 +4,7 @@ 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-f074f3ec.js');
 var Button = require('./Button-1ce94a21.js');
@@ -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/FormatFile/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormatFile = require('../FormatFile-760a268f.js');
+var FormatFile = require('../FormatFile-05f68c4e.js');
 require('react');
 require('classnames');
 require('filesize');
@@ -13,9 +13,9 @@ require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../Typography-f074f3ec.js');
-require('../ConfirmationModal-424fcea9.js');
+require('../ConfirmationModal-1bf04e58.js');
 require('@jobber/hooks');
-require('../Modal-27975d47.js');
+require('../Modal-3a29ecf7.js');
 require('react-dom');
 require('framer-motion');
 require('../ButtonDismiss-2def7db7.js');

package/dist/{FormatFile-760a268f.js → FormatFile-05f68c4e.js}

@@ -6,7 +6,7 @@ var getHumanReadableFileSize = require('filesize');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var Button = require('./Button-1ce94a21.js');
-var ConfirmationModal = require('./ConfirmationModal-424fcea9.js');
+var ConfirmationModal = require('./ConfirmationModal-1bf04e58.js');
 var Icon = require('./Icon-d5ad1a6d.js');
 var Typography = require('./Typography-f074f3ec.js');
 var Text = require('./Text-545e4ca6.js');

package/dist/Gallery/index.js

@@ -7,14 +7,14 @@ var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var LightBox = require('../LightBox-b893b656.js');
-var FormatFile = require('../FormatFile-760a268f.js');
+var FormatFile = require('../FormatFile-05f68c4e.js');
 var Button = require('../Button-1ce94a21.js');
 require('react-image-lightbox');
 require('react-image-lightbox/style.css');
 require('filesize');
-require('../ConfirmationModal-424fcea9.js');
+require('../ConfirmationModal-1bf04e58.js');
 require('@jobber/hooks');
-require('../Modal-27975d47.js');
+require('../Modal-3a29ecf7.js');
 require('react-dom');
 require('framer-motion');
 require('../Typography-f074f3ec.js');

package/dist/InputDate/index.js

@@ -6,7 +6,7 @@ var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var lodash = require('lodash');
 var React = require('react');
 var FormField = require('../FormField-d1d7ca2a.js');
-var DatePicker = require('../DatePicker-79435e91.js');
+var DatePicker = require('../DatePicker-27f40041.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');

package/dist/Menu/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Menu = require('../Menu-45d83a7d.js');
+var Menu = require('../Menu-72023131.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('uuid');

package/dist/{Menu-45d83a7d.js → Menu-72023131.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var uuid = require('uuid');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
-var hooks = require('@jobber/hooks');
+var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var Button = require('./Button-1ce94a21.js');
 var Typography = require('./Typography-f074f3ec.js');
@@ -46,7 +46,7 @@ function Menu(_a) {
     var wrapperRef = React.createRef();
     var buttonID = uuid.v1();
     var menuID = uuid.v1();
-    hooks.useOnKeyDown(handleKeyboardShortcut, ["Escape"]);
+    jobberHooks.useOnKeyDown(handleKeyboardShortcut, ["Escape"]);
     React.useLayoutEffect(function () {
         if (wrapperRef.current) {
             var bounds = wrapperRef.current.getBoundingClientRect();

package/dist/Modal/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Modal = require('../Modal-27975d47.js');
+var Modal = require('../Modal-3a29ecf7.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('react-dom');

package/dist/{Modal-27975d47.js → Modal-3a29ecf7.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
-var hooks = require('@jobber/hooks');
+var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var Typography = require('./Typography-f074f3ec.js');
 var Button = require('./Button-1ce94a21.js');
@@ -87,9 +87,9 @@ function getElements(ref) {
 function Modal(_a) {
     var _b = _a.open, open = _b === void 0 ? false : _b, title = _a.title, size = _a.size, _c = _a.dismissible, dismissible = _c === void 0 ? true : _c, children = _a.children, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, tertiaryAction = _a.tertiaryAction, onRequestClose = _a.onRequestClose;
     var modalClassName = classnames__default["default"](styles.modal, size && sizes[size]);
-    hooks.useRefocusOnActivator(open);
+    jobberHooks.useRefocusOnActivator(open);
     var modalRef = useFocusTrap(open);
-    hooks.useOnKeyDown(handleRequestClose, "Escape");
+    jobberHooks.useOnKeyDown(handleRequestClose, "Escape");
     var template = (React__default["default"].createElement(framerMotion.AnimatePresence, null, open && (React__default["default"].createElement("div", { ref: modalRef, className: styles.container, tabIndex: 0 },
         React__default["default"].createElement(framerMotion.motion.div, { key: styles.overlay, className: styles.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
         React__default["default"].createElement(framerMotion.motion.div, { key: styles.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {

package/dist/MultiSelect/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 classnames = require('classnames');
-var hooks = require('@jobber/hooks');
+var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var Checkbox = require('../Checkbox-db1d6ee2.js');
 var Text = require('../Text-545e4ca6.js');
@@ -102,7 +102,7 @@ function DropDownMenu(_a) {
             }
         }
     }
-    hooks.useOnKeyDown(handleKeyboardShortcut(setupKeyListeners).callback, [
+    jobberHooks.useOnKeyDown(handleKeyboardShortcut(setupKeyListeners).callback, [
         "Enter",
         " ",
         "ArrowDown",
@@ -166,7 +166,7 @@ function MultiSelect(_a) {
             }
         }
     }
-    hooks.useOnKeyDown(handleKeyboardShortcut(setupKeyListeners).callback, [
+    jobberHooks.useOnKeyDown(handleKeyboardShortcut(setupKeyListeners).callback, [
         "Enter",
         " ",
         "Escape",

package/dist/Page/index.js

@@ -5,14 +5,14 @@ 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 Heading = require('../Heading-376e63db.js');
 var Text = require('../Text-545e4ca6.js');
 var Content = require('../Content-18de5fbb.js');
 var Markdown = require('../Markdown-0c673d3c.js');
 var Button = require('../Button-1ce94a21.js');
-var Menu = require('../Menu-45d83a7d.js');
+var Menu = require('../Menu-72023131.js');
 var Emphasis = require('../Emphasis-10916399.js');
 require('../Typography-f074f3ec.js');
 require('react-markdown');
@@ -36,11 +36,11 @@ function Page(_a) {
     var _b;
     var title = _a.title, intro = _a.intro, externalIntroLinks = _a.externalIntroLinks, subtitle = _a.subtitle, children = _a.children, _c = _a.width, width = _c === void 0 ? "standard" : _c, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, _d = _a.moreActionsMenu, moreActionsMenu = _d === void 0 ? [] : _d;
     var pageStyles = classnames__default["default"](styles.page, styles[width]);
-    var _e = tslib_es6.__read(hooks.useResizeObserver(), 2), titleBarRef = _e[0], _f = _e[1].width, titleBarWidth = _f === void 0 ? hooks.Breakpoints.large : _f;
+    var _e = tslib_es6.__read(jobberHooks.useResizeObserver(), 2), titleBarRef = _e[0], _f = _e[1].width, titleBarWidth = _f === void 0 ? jobberHooks.Breakpoints.large : _f;
     var titleBarClasses = classnames__default["default"](styles.titleBar, (_b = {},
-        _b[styles.small] = titleBarWidth > hooks.Breakpoints.smaller,
-        _b[styles.medium] = titleBarWidth > hooks.Breakpoints.small,
-        _b[styles.large] = titleBarWidth > hooks.Breakpoints.base,
+        _b[styles.small] = titleBarWidth > jobberHooks.Breakpoints.smaller,
+        _b[styles.medium] = titleBarWidth > jobberHooks.Breakpoints.small,
+        _b[styles.large] = titleBarWidth > jobberHooks.Breakpoints.base,
         _b));
     var showMenu = moreActionsMenu.length > 0;
     var showActionGroup = showMenu || primaryAction;

package/dist/Popover/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 reactPopper = require('react-popper');
-var hooks = require('@jobber/hooks');
+var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var ButtonDismiss = require('../ButtonDismiss-2def7db7.js');
 require('../Button-1ce94a21.js');
@@ -31,7 +31,7 @@ function Popover(_a) {
         modifiers: buildModifiers(arrowElement),
         placement: preferredPlacement,
     }), popperStyles = _e.styles, attributes = _e.attributes;
-    hooks.useRefocusOnActivator(open);
+    jobberHooks.useRefocusOnActivator(open);
     return (React__default["default"].createElement(React__default["default"].Fragment, null, open && (React__default["default"].createElement("div", tslib_es6.__assign({ role: "dialog", ref: setPopperElement, style: popperStyles.popper, className: classes.popover }, attributes.popper),
         React__default["default"].createElement("div", { className: classes.dismissButton },
             React__default["default"].createElement(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: "Close dialog" })),

package/dist/RadioGroup/index.js

@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var css = "._21aQKdbfCYC-03CNAUhBXW {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n._11AeV22s7aou-ZpJgQCiPD {\n  /* Hide checkbox on UI but not screen readers and still allow focus state */\n  position: absolute;\n  left: -999vw;\n}\n\n.IiW-lj1gmbjv30FHatRaU {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  font-size: var(--typography--fontSize-base);\n  cursor: pointer;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n._11AeV22s7aou-ZpJgQCiPD + .IiW-lj1gmbjv30FHatRaU::before {\n  content: \"\";\n  display: block;\n  width: var(--space-base);\n  height: var(--space-base);\n  box-sizing: border-box;\n  margin: 0 var(--space-small) 0 0;\n  border: var(--border-thick) solid var(--color-interactive);\n  border-radius: 100%;\n  background-color: var(--color-surface);\n  transition: all var(--timing-base);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:focus + .IiW-lj1gmbjv30FHatRaU:before {\n  box-shadow: var(--shadow-focus);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:focus:checked + .IiW-lj1gmbjv30FHatRaU:before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-interactive--hover),\n    var(--shadow-focus);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:checked + .IiW-lj1gmbjv30FHatRaU::before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-interactive--hover);\n  border-color: var(--color-interactive--hover);\n  border-width: var(--border-thicker);\n  background-color: var(--color-interactive);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU {\n  color: var(--color-disabled);\n  cursor: not-allowed;\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU::before {\n  border-color: var(--color-disabled--secondary);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled]:checked + .IiW-lj1gmbjv30FHatRaU::before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-disabled);\n  border-color: var(--color-grey);\n  background-color: var(--color-disabled--secondary);\n}\n\n._27qk4PxjkMHZzzSu7SOR4s {\n  margin-bottom: var(--space-small);\n  padding-left: var(--space-large);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU + ._27qk4PxjkMHZzzSu7SOR4s > p {\n  color: var(--color-disabled);\n}\n";
+var css = "._21aQKdbfCYC-03CNAUhBXW {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n._11AeV22s7aou-ZpJgQCiPD {\n  /* Hide checkbox on UI but not screen readers and still allow focus state */\n  position: absolute;\n  left: -999vw;\n}\n\n.IiW-lj1gmbjv30FHatRaU {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  font-size: var(--typography--fontSize-base);\n  cursor: pointer;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n._11AeV22s7aou-ZpJgQCiPD + .IiW-lj1gmbjv30FHatRaU::before {\n  content: \"\";\n  display: block;\n  width: var(--space-base);\n  height: var(--space-base);\n  box-sizing: border-box;\n  margin: 0 var(--space-small) 0 0;\n  border: var(--border-thick) solid var(--color-interactive);\n  border-radius: 100%;\n  background-color: var(--color-surface);\n  transition: all var(--timing-base);\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n}\n\n._11AeV22s7aou-ZpJgQCiPD:focus + .IiW-lj1gmbjv30FHatRaU:before {\n  box-shadow: var(--shadow-focus);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:focus:checked + .IiW-lj1gmbjv30FHatRaU:before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-interactive--hover),\n    var(--shadow-focus);\n}\n\n._11AeV22s7aou-ZpJgQCiPD:checked + .IiW-lj1gmbjv30FHatRaU::before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-interactive--hover);\n  border-color: var(--color-interactive--hover);\n  border-width: var(--border-thicker);\n  background-color: var(--color-interactive);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU {\n  color: var(--color-disabled);\n  cursor: not-allowed;\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU::before {\n  border-color: var(--color-disabled--secondary);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled]:checked + .IiW-lj1gmbjv30FHatRaU::before {\n  box-shadow: 0px 0px 0px var(--space-minuscule) var(--color-disabled);\n  border-color: var(--color-grey);\n  background-color: var(--color-disabled--secondary);\n}\n\n._27qk4PxjkMHZzzSu7SOR4s {\n  margin-bottom: var(--space-small);\n  padding-left: var(--space-large);\n}\n\n._11AeV22s7aou-ZpJgQCiPD[disabled] + .IiW-lj1gmbjv30FHatRaU + ._27qk4PxjkMHZzzSu7SOR4s > p {\n  color: var(--color-disabled);\n}\n";
 var styles = {"radioGroup":"_21aQKdbfCYC-03CNAUhBXW","input":"_11AeV22s7aou-ZpJgQCiPD","label":"IiW-lj1gmbjv30FHatRaU","description":"_27qk4PxjkMHZzzSu7SOR4s"};
 styleInject_es.styleInject(css);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "2.91.0",
+  "version": "2.92.1",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -85,5 +85,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "bdd5487e78e0069d8b5d67d645c637468ec81b6a"
+  "gitHead": "ff9cc1b9511e1469dcd97e886737cc8e5da1b82c"
 }