@jobber/components 4.7.1-pre.5 → 4.7.1-pre.7

package/dist/DatePicker/index.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DatePicker = require('../DatePicker-86ccf76d.js');
+var DatePicker = require('../DatePicker-066d4499.js');
 require('react');
 require('classnames');
 require('react-datepicker');
-require('@jobber/hooks/dist/useRefocusOnActivator');
+require('@jobber/hooks/useRefocusOnActivator');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Typography-fd6f932a.js');
 require('../Button-69409e46.js');

package/dist/{DatePicker-86ccf76d.js → DatePicker-066d4499.js}

@@ -3,11 +3,11 @@
 var React = require('react');
 var classnames = require('classnames');
 var ReactDatePicker = require('react-datepicker');
-var useRefocusOnActivator = require('@jobber/hooks/dist/useRefocusOnActivator');
+var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Typography = require('./Typography-fd6f932a.js');
 var Button = require('./Button-69409e46.js');
-var lodash = require('lodash');
+var require$$1 = require('lodash');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -33,7 +33,7 @@ function DatePickerCustomHeader({ monthDate, decreaseMonth, increaseMonth, prevM
 const DatePickerActivator = React.forwardRef(InternalActivator);
 function InternalActivator(props, ref) {
     const { activator, fullWidth } = props;
-    const newActivatorProps = lodash.omit(props, ["activator", "fullWidth"]);
+    const newActivatorProps = require$$1.omit(props, ["activator", "fullWidth"]);
     if (activator) {
         if (React.isValidElement(activator)) {
             const isAComponent = typeof activator.type === "function";

package/dist/Disclosure/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var useResizeObserver = require('@jobber/hooks/dist/useResizeObserver');
+var useResizeObserver = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Icon = require('../Icon-405a216c.js');
 var Typography = require('../Typography-fd6f932a.js');

package/dist/FormatFile/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormatFile = require('../FormatFile-362ae1d5.js');
+var FormatFile = require('../FormatFile-01a00e98.js');
 require('react');
 require('classnames');
 require('filesize');
@@ -12,13 +12,13 @@ require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-fd6f932a.js');
-require('../ConfirmationModal-931cec40.js');
-require('@jobber/hooks/dist/useOnKeyDown');
-require('../Modal-ee11c18b.js');
+require('../ConfirmationModal-522a9311.js');
+require('@jobber/hooks/useOnKeyDown');
+require('../Modal-4a620c9f.js');
 require('react-dom');
 require('framer-motion');
-require('@jobber/hooks/dist/useRefocusOnActivator');
-require('@jobber/hooks/dist/useFocusTrap');
+require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useFocusTrap');
 require('../Heading-a1191b15.js');
 require('../ButtonDismiss-7d9deeab.js');
 require('../Content-a6590328.js');

package/dist/{FormatFile-362ae1d5.js → FormatFile-01a00e98.js}

@@ -5,7 +5,7 @@ var classnames = require('classnames');
 var getHumanReadableFileSize = require('filesize');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Button = require('./Button-69409e46.js');
-var ConfirmationModal = require('./ConfirmationModal-931cec40.js');
+var ConfirmationModal = require('./ConfirmationModal-522a9311.js');
 var Glimmer = require('./Glimmer-f670c24e.js');
 var Icon = require('./Icon-405a216c.js');
 var Typography = require('./Typography-fd6f932a.js');

package/dist/Gallery/index.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var LightBox = require('../LightBox-5cceb171.js');
-var FormatFile = require('../FormatFile-362ae1d5.js');
+var LightBox = require('../LightBox-e147a5bc.js');
+var FormatFile = require('../FormatFile-01a00e98.js');
 var Button = require('../Button-69409e46.js');
 require('framer-motion');
 require('react-dom');
 require('lodash/debounce');
-require('@jobber/hooks/dist/useRefocusOnActivator');
-require('@jobber/hooks/dist/useOnKeyDown');
-require('@jobber/hooks/dist/useFocusTrap');
+require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useOnKeyDown');
+require('@jobber/hooks/useFocusTrap');
 require('../ButtonDismiss-7d9deeab.js');
 require('filesize');
-require('../ConfirmationModal-931cec40.js');
-require('../Modal-ee11c18b.js');
+require('../ConfirmationModal-522a9311.js');
+require('../Modal-4a620c9f.js');
 require('../Heading-a1191b15.js');
 require('../Typography-fd6f932a.js');
 require('../Content-a6590328.js');

package/dist/InputDate/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var lodash = require('lodash');
+var require$$1 = require('lodash');
 var React = require('react');
 var FormField = require('../FormField-03e36a98.js');
-var DatePicker = require('../DatePicker-86ccf76d.js');
+var DatePicker = require('../DatePicker-066d4499.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
@@ -21,7 +21,7 @@ require('../InputValidation-bf743417.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 require('react-datepicker');
-require('@jobber/hooks/dist/useRefocusOnActivator');
+require('@jobber/hooks/useRefocusOnActivator');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -32,7 +32,7 @@ function InputDate(inputProps) {
     return (React__default["default"].createElement(DatePicker.DatePicker, { selected: inputProps.value, onChange: inputProps.onChange, disabled: inputProps.disabled, readonly: inputProps.readonly, fullWidth: !inputProps.inline, minDate: inputProps.minDate, maxDate: inputProps.maxDate, smartAutofocus: false, activator: activatorProps => {
             var _a;
             const { onChange, onClick, value } = activatorProps;
-            const newActivatorProps = lodash.omit(activatorProps, ["activator"]);
+            const newActivatorProps = require$$1.omit(activatorProps, ["activator"]);
             const suffix = Object.assign({ icon: "calendar" }, (onClick && {
                 onClick: onClick,
                 ariaLabel: "Show calendar",

package/dist/LightBox/index.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LightBox = require('../LightBox-5cceb171.js');
+var LightBox = require('../LightBox-e147a5bc.js');
 require('react');
 require('framer-motion');
 require('react-dom');
 require('lodash/debounce');
-require('@jobber/hooks/dist/useRefocusOnActivator');
-require('@jobber/hooks/dist/useOnKeyDown');
-require('@jobber/hooks/dist/useFocusTrap');
+require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useOnKeyDown');
+require('@jobber/hooks/useFocusTrap');
 require('../style-inject.es-9d2f5f4e.js');
 require('../ButtonDismiss-7d9deeab.js');
 require('../Button-69409e46.js');

package/dist/{LightBox-5cceb171.js → LightBox-e147a5bc.js}

@@ -4,9 +4,9 @@ var React = require('react');
 var framerMotion = require('framer-motion');
 var ReactDOM = require('react-dom');
 var debounce = require('lodash/debounce');
-var useRefocusOnActivator = require('@jobber/hooks/dist/useRefocusOnActivator');
-var useOnKeyDown = require('@jobber/hooks/dist/useOnKeyDown');
-var useFocusTrap = require('@jobber/hooks/dist/useFocusTrap');
+var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
+var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
+var useFocusTrap = require('@jobber/hooks/useFocusTrap');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var ButtonDismiss = require('./ButtonDismiss-7d9deeab.js');
 var Button = require('./Button-69409e46.js');

package/dist/List/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
-var lodash = require('lodash');
+var require$$1 = require('lodash');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Icon = require('../Icon-405a216c.js');
 var Text = require('../Text-e7ed0974.js');
@@ -76,7 +76,7 @@ function DisplayList({ items }) {
         React__default["default"].createElement(ListItem, Object.assign({}, item)))))));
 }
 function SectionedList({ items }) {
-    const sectionedItems = lodash.groupBy(items, item => lodash.get(item, "section", "Other"));
+    const sectionedItems = require$$1.groupBy(items, item => require$$1.get(item, "section", "Other"));
     const sectionHeaderClassNames = classnames__default["default"](sectionStyles.sectionHeader);
     return (React__default["default"].createElement("ul", { className: styles$1.list }, Object.keys(sectionedItems).map(sectionName => (React__default["default"].createElement("li", { key: sectionName, className: styles$1.section },
         React__default["default"].createElement("div", { className: sectionHeaderClassNames },

package/dist/Menu/index.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Menu = require('../Menu-a527b392.js');
+var Menu = require('../Menu-2528a30a.js');
 require('react');
 require('uuid');
 require('classnames');
 require('framer-motion');
-require('@jobber/hooks/dist/useOnKeyDown');
+require('@jobber/hooks/useOnKeyDown');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Button-69409e46.js');
 require('react-router-dom');

package/dist/{Menu-a527b392.js → Menu-2528a30a.js}

@@ -4,7 +4,7 @@ var React = require('react');
 var uuid = require('uuid');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
-var useOnKeyDown = require('@jobber/hooks/dist/useOnKeyDown');
+var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Button = require('./Button-69409e46.js');
 var Typography = require('./Typography-fd6f932a.js');

package/dist/Modal/index.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Modal = require('../Modal-ee11c18b.js');
+var Modal = require('../Modal-4a620c9f.js');
 require('react');
 require('react-dom');
 require('classnames');
 require('framer-motion');
-require('@jobber/hooks/dist/useRefocusOnActivator');
-require('@jobber/hooks/dist/useOnKeyDown');
-require('@jobber/hooks/dist/useFocusTrap');
+require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useOnKeyDown');
+require('@jobber/hooks/useFocusTrap');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Heading-a1191b15.js');
 require('../Typography-fd6f932a.js');

package/dist/{Modal-ee11c18b.js → Modal-4a620c9f.js}

@@ -4,9 +4,9 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
-var useRefocusOnActivator = require('@jobber/hooks/dist/useRefocusOnActivator');
-var useOnKeyDown = require('@jobber/hooks/dist/useOnKeyDown');
-var useFocusTrap = require('@jobber/hooks/dist/useFocusTrap');
+var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
+var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
+var useFocusTrap = require('@jobber/hooks/useFocusTrap');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Heading = require('./Heading-a1191b15.js');
 var Button = require('./Button-69409e46.js');

package/dist/MultiSelect/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
-var useOnKeyDown = require('@jobber/hooks/dist/useOnKeyDown');
+var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Checkbox = require('../Checkbox-36f63689.js');
 var Text = require('../Text-e7ed0974.js');

package/dist/Page/index.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
-var hooks = require('@jobber/hooks');
+var useResizeObserver = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Heading = require('../Heading-a1191b15.js');
 var Text = require('../Text-e7ed0974.js');
 var Content = require('../Content-a6590328.js');
 var Markdown = require('../Markdown-53a0bfda.js');
 var Button = require('../Button-69409e46.js');
-var Menu = require('../Menu-a527b392.js');
+var Menu = require('../Menu-2528a30a.js');
 var Emphasis = require('../Emphasis-76a10790.js');
 require('../Typography-fd6f932a.js');
 require('react-markdown');
@@ -20,7 +20,7 @@ require('../Icon-405a216c.js');
 require('@jobber/design');
 require('uuid');
 require('framer-motion');
-require('@jobber/hooks/dist/useOnKeyDown');
+require('@jobber/hooks/useOnKeyDown');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,11 +34,11 @@ styleInject_es.styleInject(css_248z);
 // eslint-disable-next-line max-statements
 function Page({ title, intro, externalIntroLinks, subtitle, children, width = "standard", primaryAction, secondaryAction, moreActionsMenu = [], }) {
     const pageStyles = classnames__default["default"](styles.page, styles[width]);
-    const [titleBarRef, { width: titleBarWidth = hooks.Breakpoints.large }] = hooks.useResizeObserver();
+    const [titleBarRef, { width: titleBarWidth = useResizeObserver.Breakpoints.large }] = useResizeObserver.useResizeObserver();
     const titleBarClasses = classnames__default["default"](styles.titleBar, {
-        [styles.small]: titleBarWidth > hooks.Breakpoints.smaller,
-        [styles.medium]: titleBarWidth > hooks.Breakpoints.small,
-        [styles.large]: titleBarWidth > hooks.Breakpoints.base,
+        [styles.small]: titleBarWidth > useResizeObserver.Breakpoints.smaller,
+        [styles.medium]: titleBarWidth > useResizeObserver.Breakpoints.small,
+        [styles.large]: titleBarWidth > useResizeObserver.Breakpoints.base,
     });
     const showMenu = moreActionsMenu.length > 0;
     const showActionGroup = showMenu || primaryAction;

package/dist/Popover/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactPopper = require('react-popper');
-var useRefocusOnActivator = require('@jobber/hooks/dist/useRefocusOnActivator');
+var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var ButtonDismiss = require('../ButtonDismiss-7d9deeab.js');
 require('../Button-69409e46.js');

package/dist/Table/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var classnames = require('classnames');
-var formatters = require('@jobber/formatters');
+var require$$3 = require('@jobber/formatters');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -39,7 +39,7 @@ function CellNumeric({ value }) {
 }
 
 function CellCurrency({ value, currency = undefined, }) {
-    return React__default["default"].createElement(CellNumeric, { value: formatters.formatCurrency(value, currency) });
+    return React__default["default"].createElement(CellNumeric, { value: require$$3.formatCurrency(value, currency) });
 }
 
 function Header({ children }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.7.1-pre.5+15c84c7c",
+  "version": "4.7.1-pre.7+2cbb553b",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,7 +19,7 @@
   "dependencies": {
     "@jobber/design": "^0.32.0",
     "@jobber/formatters": "^0.2.2",
-    "@jobber/hooks": "^2.0.2",
+    "@jobber/hooks": "^2.0.3-pre.57+2cbb553b",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -68,7 +68,6 @@
     "rollup": "^2.79.1",
     "rollup-plugin-multi-input": "^1.4.1",
     "rollup-plugin-postcss": "^4.0.2",
-    "ts-node": "^8.1.0",
     "typed-css-modules": "^0.7.0",
     "typescript": "^4.9.5",
     "uuid": "^8.3.2"
@@ -82,5 +81,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "15c84c7cf073b20d73f9905c242daf16da24ea1f"
+  "gitHead": "2cbb553b3a64b78df971bde8c0b857d543a9aa68"
 }

package/rollup.config.js

@@ -67,7 +67,10 @@ export default {
     "@use-it/event-listener",
     "@jobber/design",
     "@jobber/formatters",
-    "@jobber/hooks",
+    new RegExp("@jobber/hooks/.*"),
+    "zxcvbn",
+    "use-resize-observer/polyfilled",
+    "@apollo/client",
     "@tanstack/react-table",
   ],
 };