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

package/dist/Autocomplete/index.js

@@ -11,10 +11,10 @@ var useEventListener = require('@use-it/event-listener');
 var Text = require('../Text-e7ed0974.js');
 var Icon = require('../Icon-405a216c.js');
 var Heading = require('../Heading-a1191b15.js');
-var InputText = require('../InputText-32cbc583.js');
+var InputText = require('../InputText-0a76a9f9.js');
 require('../Typography-fd6f932a.js');
 require('@jobber/design');
-require('../FormField-771f6e12.js');
+require('../FormField-03e36a98.js');
 require('uuid');
 require('react-hook-form');
 require('../Button-69409e46.js');

package/dist/Banner/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
-var jobberHooks = require('@jobber/hooks');
+var useResizeObserver = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Icon = require('../Icon-405a216c.js');
 var Text = require('../Text-e7ed0974.js');
@@ -32,7 +32,7 @@ function Banner({ children, type, primaryAction, dismissible = true, onDismiss,
         small: 320,
         medium: 480,
     };
-    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = jobberHooks.useResizeObserver({
+    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = useResizeObserver.useResizeObserver({
         widths: bannerWidths,
     });
     const iconColors = {

package/dist/Card/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Card = require('../Card-459a48b7.js');
+var Card = require('../Card-140ec4c2.js');
 require('react');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
@@ -12,10 +12,10 @@ require('../Button-69409e46.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Menu-aa9c73d2.js');
+require('../Menu-2528a30a.js');
 require('uuid');
 require('framer-motion');
-require('@jobber/hooks');
+require('@jobber/hooks/useOnKeyDown');
 
 
 

package/dist/{Card-459a48b7.js → Card-140ec4c2.js}

@@ -5,7 +5,7 @@ var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Heading = require('./Heading-a1191b15.js');
 var Button = require('./Button-69409e46.js');
-var Menu = require('./Menu-aa9c73d2.js');
+var Menu = require('./Menu-2528a30a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Chips/index.js

@@ -5,13 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var jobberHooks = require('@jobber/hooks');
+var useAssert = require('@jobber/hooks/useAssert');
 var Icon = require('../Icon-405a216c.js');
 var Avatar = require('../Avatar-1aa30ee1.js');
 var Typography = require('../Typography-fd6f932a.js');
 var Tooltip = require('../Tooltip-bf67fe6e.js');
 var uuid = require('uuid');
-var lodash = require('lodash');
+var require$$1 = require('lodash');
+var useLiveAnnounce = require('@jobber/hooks/useLiveAnnounce');
 var reactPopper = require('react-popper');
 var Text = require('../Text-e7ed0974.js');
 var Button = require('../Button-69409e46.js');
@@ -90,7 +91,7 @@ function InternalChipAffix({ affix, active, invalid, disabled, }) {
         const isAvatar = (affix === null || affix === void 0 ? void 0 : affix.type) === Avatar.Avatar || false;
         const isIcon = (affix === null || affix === void 0 ? void 0 : affix.type) === Icon.Icon || false;
         const isChipButton = (affix === null || affix === void 0 ? void 0 : affix.type) === InternalChipButton || false;
-        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}".`);
+        useAssert.useAssert(!!affix && !(isAvatar || isIcon || isChipButton), `Prefix prop only accepts "<Avatar />" or "<Icon />" component. You have "${affix === null || affix === void 0 ? void 0 : affix.type}".`);
     }
 }
 
@@ -208,9 +209,9 @@ function useInternalChipDismissible({ children, selected, onChange, onClick, onC
     const ref = React.useRef(null);
     const chipOptions = children.map(chip => chip.props);
     const visibleChipOptions = chipOptions.filter(chip => selected.includes(chip.value));
-    const sortedVisibleChipOptions = lodash.sortBy(visibleChipOptions, chip => selected.indexOf(chip.value));
+    const sortedVisibleChipOptions = require$$1.sortBy(visibleChipOptions, chip => selected.indexOf(chip.value));
     const availableChipOptions = chipOptions.filter(chip => !selected.includes(chip.value));
-    const { liveAnnounce } = jobberHooks.useLiveAnnounce();
+    const { liveAnnounce } = useLiveAnnounce.useLiveAnnounce();
     const actions = {
         handleChipRemove: (value) => {
             return () => {
@@ -276,7 +277,7 @@ function useInternalChipDismissibleInput({ options, isLoadingMore = false, onCus
     const [shouldCancelEnter, setShouldCancelEnter] = React.useState(false);
     const canAddCustomOption = onCustomOptionSelect !== undefined && !isLoadingMore;
     const maxOptionIndex = allOptions.length - 1;
-    const { liveAnnounce } = jobberHooks.useLiveAnnounce();
+    const { liveAnnounce } = useLiveAnnounce.useLiveAnnounce();
     React.useEffect(() => {
         setAllOptions(generateOptions(options, searchValue, canAddCustomOption));
     }, [options]);
@@ -360,7 +361,7 @@ function useInternalChipDismissibleInput({ options, isLoadingMore = false, onCus
             }
             handleKeydownEvents(callbacks, event);
         },
-        handleDebouncedSearch: lodash.debounce(() => {
+        handleDebouncedSearch: require$$1.debounce(() => {
             onSearch && onSearch(searchValue);
             setAllOptions(generateOptions(options, searchValue, canAddCustomOption));
             setShouldCancelEnter(false);
@@ -476,7 +477,7 @@ function InternalChipDismissibleInput(props) {
         return React__default["default"].cloneElement(activator, { onClick: handleOpenMenu });
     }
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("input", { ref: inputRef, className: styles.input, type: "text", role: "combobox", "aria-label": "Press up and down arrow to cycle through the options or type to narrow down the results", "aria-autocomplete": "list", "aria-owns": menuId, "aria-expanded": hasAvailableOptions, "aria-activedescendant": generateDescendantId(activeIndex), value: searchValue, onChange: handleSearchChange, onKeyDown: handleKeyDown, onBlur: lodash.debounce(handleBlur, 200), onFocus: handleOpenMenu, autoFocus: true }),
+        React__default["default"].createElement("input", { ref: inputRef, className: styles.input, type: "text", role: "combobox", "aria-label": "Press up and down arrow to cycle through the options or type to narrow down the results", "aria-autocomplete": "list", "aria-owns": menuId, "aria-expanded": hasAvailableOptions, "aria-activedescendant": generateDescendantId(activeIndex), value: searchValue, onChange: handleSearchChange, onKeyDown: handleKeyDown, onBlur: require$$1.debounce(handleBlur, 200), onFocus: handleOpenMenu, autoFocus: true }),
         (hasAvailableOptions || isLoadingMore) && (React__default["default"].createElement("div", Object.assign({ ref: setPositionedElementRef, className: styles.menu, style: popperStyles.popper }, attributes.popper),
             React__default["default"].createElement("div", { ref: menuRef, role: "listbox", id: menuId, className: styles.menuList, "data-testid": "chip-menu" },
                 allOptions.map((option, i) => (React__default["default"].createElement("button", { key: option.value, role: "option", id: generateDescendantId(i), className: classnames__default["default"](styles.menuListOption, {
@@ -511,7 +512,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 />
-    jobberHooks.useAssert(true, "`<Chip>` component can only be used inside `<Chips>`");
+    useAssert.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,13 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ConfirmationModal = require('../ConfirmationModal-3f9a3524.js');
+var ConfirmationModal = require('../ConfirmationModal-522a9311.js');
 require('react');
-require('@jobber/hooks');
-require('../Modal-c5f9040f.js');
+require('@jobber/hooks/useOnKeyDown');
+require('../Modal-4a620c9f.js');
 require('react-dom');
 require('classnames');
 require('framer-motion');
+require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useFocusTrap');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Heading-a1191b15.js');
 require('../Typography-fd6f932a.js');

package/dist/{ConfirmationModal-3f9a3524.js → ConfirmationModal-522a9311.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var jobberHooks = require('@jobber/hooks');
-var Modal = require('./Modal-c5f9040f.js');
+var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
+var Modal = require('./Modal-4a620c9f.js');
 var Content = require('./Content-a6590328.js');
 var Markdown = require('./Markdown-53a0bfda.js');
 
@@ -59,7 +59,7 @@ const ConfirmationModal = React.forwardRef(function ConfirmationModalInternal({
                 onCancel }),
         });
     }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
-    jobberHooks.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
+    useOnKeyDown.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
     return (React__default["default"].createElement(Modal.Modal, { title: state.title, open: open || state.open, size: size, dismissible: false, primaryAction: {
             label: state.confirmLabel,
             onClick: handleAction("confirm"),

package/dist/DataDump/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Card = require('../Card-459a48b7.js');
+var Card = require('../Card-140ec4c2.js');
 var Content = require('../Content-a6590328.js');
 var Emphasis = require('../Emphasis-76a10790.js');
 require('classnames');
@@ -14,10 +14,10 @@ require('../Button-69409e46.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Menu-aa9c73d2.js');
+require('../Menu-2528a30a.js');
 require('uuid');
 require('framer-motion');
-require('@jobber/hooks');
+require('@jobber/hooks/useOnKeyDown');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }