@jobber/components 6.58.3-export-use-69f7bac.3 → 6.58.3

package/dist/Autocomplete/index.cjs

@@ -3,7 +3,6 @@
 var Autocomplete = require('../Autocomplete-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react');
-require('@jobber/hooks');
 require('classnames');
 require('../useIsMounted-cjs.js');
 require('../useSafeLayoutEffect-cjs.js');
@@ -36,6 +35,8 @@ require('../keysIn-cjs.js');
 require('../_baseAssignValue-cjs.js');
 require('../_baseFlatten-cjs.js');
 require('../_setToString-cjs.js');
+require('../useDebounce-cjs.js');
+require('../debounce-cjs.js');
 
 
 

package/dist/Autocomplete/index.mjs

@@ -1,7 +1,6 @@
 export { A as Autocomplete, d as BaseAutocompleteMenuWrapper, a as BaseMenuGroupOption, B as BaseMenuOption, K as KeyboardAction, M as MenuOption, g as getRequestedIndexChange, f as isOptionGroup, i as isOptionSelected, e as useAutocompleteMenu, b as useCustomKeyboardNavigation, u as useKeyboardNavigation, c as useRepositionMenu } from '../Autocomplete-es.js';
 import '../tslib.es6-es.js';
 import 'react';
-import '@jobber/hooks';
 import 'classnames';
 import '../useIsMounted-es.js';
 import '../useSafeLayoutEffect-es.js';
@@ -34,3 +33,5 @@ import '../keysIn-es.js';
 import '../_baseAssignValue-es.js';
 import '../_baseFlatten-es.js';
 import '../_setToString-es.js';
+import '../useDebounce-es.js';
+import '../debounce-es.js';

package/dist/Autocomplete-cjs.js

@@ -2,7 +2,6 @@
 
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
-var hooks = require('@jobber/hooks');
 var classnames = require('classnames');
 var useIsMounted = require('./useIsMounted-cjs.js');
 var ReactDOM = require('react-dom');
@@ -13,6 +12,7 @@ var Text = require('./Text-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var useOnKeyDown = require('./useOnKeyDown-cjs.js');
 var InputText_index = require('./InputText/index.cjs');
+var useDebounce = require('./useDebounce-cjs.js');
 var FormField = require('./FormField-cjs.js');
 
 var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
@@ -245,7 +245,7 @@ function AutocompleteInternal(_a, ref) {
     const [inputFocused, setInputFocused] = React.useState(false);
     const [inputText, setInputText] = React.useState((_b = value === null || value === void 0 ? void 0 : value.label) !== null && _b !== void 0 ? _b : "");
     const autocompleteRef = React.useRef(null);
-    const delayedSearch = hooks.useDebounce(updateSearch, debounceRate);
+    const delayedSearch = useDebounce.useDebounce(updateSearch, debounceRate);
     const inputRef = React.useRef(null);
     React.useEffect(() => {
         delayedSearch();

package/dist/Autocomplete-es.js

@@ -1,6 +1,5 @@
 import { _ as __rest, a as __awaiter } from './tslib.es6-es.js';
 import React__default, { useState, useCallback, useEffect, forwardRef, useMemo, useRef } from 'react';
-import { useDebounce } from '@jobber/hooks';
 import classnames from 'classnames';
 import { u as useIsMounted_2 } from './useIsMounted-es.js';
 import { createPortal } from 'react-dom';
@@ -11,6 +10,7 @@ import { T as Text } from './Text-es.js';
 import { I as Icon } from './Icon-es.js';
 import { u as useOnKeyDown_2 } from './useOnKeyDown-es.js';
 import { InputText } from './InputText/index.mjs';
+import { u as useDebounce } from './useDebounce-es.js';
 import { m as mergeRefs } from './FormField-es.js';
 
 var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};

package/dist/Combobox-es.js

@@ -4,7 +4,7 @@ import { C as ComboboxAction } from './ComboboxAction-es.js';
 import { C as ComboboxContextProvider } from './ComboboxProvider-es.js';
 import { C as ComboboxTrigger } from './ComboboxTrigger-es.js';
 import { C as ComboboxOption } from './ComboboxOption-es.js';
-import { a as debounce } from './debounce-es.js';
+import { d as debounce } from './debounce-es.js';
 import { n as noop } from './noop-es.js';
 import { C as ComboboxActivator } from './ComboboxActivator-es.js';
 

package/dist/DataListSearch-es.js

@@ -1,5 +1,5 @@
 import React__default, { useRef, useState, useCallback } from 'react';
-import { a as debounce } from './debounce-es.js';
+import { d as debounce } from './debounce-es.js';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { InputText } from './InputText/index.mjs';

package/dist/Gallery/index.cjs

@@ -12,7 +12,11 @@ require('../useOnKeyDown-cjs.js');
 require('../useFocusTrap-cjs.js');
 require('../useIsMounted-cjs.js');
 require('../useSafeLayoutEffect-cjs.js');
-require('@jobber/hooks');
+require('../useDebounce-cjs.js');
+require('../debounce-cjs.js');
+require('../_commonjsHelpers-cjs.js');
+require('../isObjectLike-cjs.js');
+require('../isSymbol-cjs.js');
 require('../ButtonDismiss-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
@@ -22,10 +26,8 @@ require('../Typography-cjs.js');
 require('../Text-cjs.js');
 require('../Heading-cjs.js');
 require('../AtlantisThemeContext-cjs.js');
-require('../_commonjsHelpers-cjs.js');
 require('../identity-cjs.js');
 require('../isTypedArray-cjs.js');
-require('../isObjectLike-cjs.js');
 require('../_baseAssignValue-cjs.js');
 require('../_baseFor-cjs.js');
 require('../keysIn-cjs.js');

package/dist/Gallery/index.mjs

@@ -10,7 +10,11 @@ import '../useOnKeyDown-es.js';
 import '../useFocusTrap-es.js';
 import '../useIsMounted-es.js';
 import '../useSafeLayoutEffect-es.js';
-import '@jobber/hooks';
+import '../useDebounce-es.js';
+import '../debounce-es.js';
+import '../_commonjsHelpers-es.js';
+import '../isObjectLike-es.js';
+import '../isSymbol-es.js';
 import '../ButtonDismiss-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
@@ -20,10 +24,8 @@ import '../Typography-es.js';
 import '../Text-es.js';
 import '../Heading-es.js';
 import '../AtlantisThemeContext-es.js';
-import '../_commonjsHelpers-es.js';
 import '../identity-es.js';
 import '../isTypedArray-es.js';
-import '../isObjectLike-es.js';
 import '../_baseAssignValue-es.js';
 import '../_baseFor-es.js';
 import '../keysIn-es.js';

package/dist/InputTime/index.mjs

@@ -1,6 +1,6 @@
 import React__default, { useState, useCallback, useEffect, useRef, useId } from 'react';
 import { _ as __rest } from '../tslib.es6-es.js';
-import { a as debounce } from '../debounce-es.js';
+import { d as debounce } from '../debounce-es.js';
 import { j as useFormFieldWrapperStyles, f as FormFieldWrapper, k as FormField } from '../FormField-es.js';
 import '@jobber/design';
 import 'classnames';

package/dist/LightBox/index.cjs

@@ -10,7 +10,11 @@ require('../useFocusTrap-cjs.js');
 require('../useIsMounted-cjs.js');
 require('../useSafeLayoutEffect-cjs.js');
 require('classnames');
-require('@jobber/hooks');
+require('../useDebounce-cjs.js');
+require('../debounce-cjs.js');
+require('../_commonjsHelpers-cjs.js');
+require('../isObjectLike-cjs.js');
+require('../isSymbol-cjs.js');
 require('../ButtonDismiss-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
@@ -21,10 +25,8 @@ require('../Typography-cjs.js');
 require('../Text-cjs.js');
 require('../Heading-cjs.js');
 require('../AtlantisThemeContext-cjs.js');
-require('../_commonjsHelpers-cjs.js');
 require('../identity-cjs.js');
 require('../isTypedArray-cjs.js');
-require('../isObjectLike-cjs.js');
 require('../_baseAssignValue-cjs.js');
 require('../_baseFor-cjs.js');
 require('../keysIn-cjs.js');

package/dist/LightBox/index.mjs

@@ -8,7 +8,11 @@ import '../useFocusTrap-es.js';
 import '../useIsMounted-es.js';
 import '../useSafeLayoutEffect-es.js';
 import 'classnames';
-import '@jobber/hooks';
+import '../useDebounce-es.js';
+import '../debounce-es.js';
+import '../_commonjsHelpers-es.js';
+import '../isObjectLike-es.js';
+import '../isSymbol-es.js';
 import '../ButtonDismiss-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
@@ -19,10 +23,8 @@ import '../Typography-es.js';
 import '../Text-es.js';
 import '../Heading-es.js';
 import '../AtlantisThemeContext-es.js';
-import '../_commonjsHelpers-es.js';
 import '../identity-es.js';
 import '../isTypedArray-es.js';
-import '../isObjectLike-es.js';
 import '../_baseAssignValue-es.js';
 import '../_baseFor-es.js';
 import '../keysIn-es.js';

package/dist/LightBox-cjs.js

@@ -8,7 +8,7 @@ var useOnKeyDown = require('./useOnKeyDown-cjs.js');
 var useFocusTrap = require('./useFocusTrap-cjs.js');
 var useIsMounted = require('./useIsMounted-cjs.js');
 var classnames = require('classnames');
-var hooks = require('@jobber/hooks');
+var useDebounce = require('./useDebounce-cjs.js');
 var ButtonDismiss = require('./ButtonDismiss-cjs.js');
 var Text = require('./Text-cjs.js');
 var Button = require('./Button-cjs.js');
@@ -109,12 +109,12 @@ function LightBox({ boxSizing = "content-box", open, images, imageIndex = 0, onR
     const [mouseIsStationary, setMouseIsStationary] = React.useState(true);
     const lightboxRef = useFocusTrap.useFocusTrap_2(open);
     const selectedThumbnailRef = React.useRef(null);
-    const debouncedHandleNext = hooks.useDebounce(handleMoveNext, BUTTON_DEBOUNCE_DELAY);
-    const debouncedHandlePrevious = hooks.useDebounce(handleMovePrevious, BUTTON_DEBOUNCE_DELAY);
+    const debouncedHandleNext = useDebounce.useDebounce(handleMoveNext, BUTTON_DEBOUNCE_DELAY);
+    const debouncedHandlePrevious = useDebounce.useDebounce(handleMovePrevious, BUTTON_DEBOUNCE_DELAY);
     const mounted = useIsMounted.useIsMounted_2();
     const prevOpen = React.useRef(open);
     useRefocusOnActivator.useRefocusOnActivator_2(open);
-    const handleMouseMovement = hooks.useDebounce(() => {
+    const handleMouseMovement = useDebounce.useDebounce(() => {
         setMouseIsStationary(true);
     }, MOVEMENT_DEBOUNCE_DELAY);
     useOnKeyDown.useOnKeyDown_2(handleRequestClose, "Escape");

package/dist/LightBox-es.js

@@ -6,7 +6,7 @@ import { u as useOnKeyDown_2 } from './useOnKeyDown-es.js';
 import { u as useFocusTrap_2 } from './useFocusTrap-es.js';
 import { u as useIsMounted_2 } from './useIsMounted-es.js';
 import classnames from 'classnames';
-import { useDebounce } from '@jobber/hooks';
+import { u as useDebounce } from './useDebounce-es.js';
 import { B as ButtonDismiss } from './ButtonDismiss-es.js';
 import { T as Text } from './Text-es.js';
 import { B as Button } from './Button-es.js';

package/dist/Select/Select.types.d.ts

@@ -13,4 +13,5 @@ export interface SelectRebuiltProps extends Omit<SelectLegacyProps, "defaultValu
     readonly value?: string | number;
     onChange?(newValue?: string | number): void;
     version: 2;
+    error?: string;
 }

package/dist/Select/index.cjs

@@ -68,7 +68,7 @@ function useSelectFormField({ id, name, disabled, autofocus, description, inline
 }
 
 function SelectRebuilt(props) {
-    var _a;
+    var _a, _b;
     const selectRef = (_a = props.inputRef) !== null && _a !== void 0 ? _a : React.useRef(null);
     const wrapperRef = React.useRef(null);
     const { inputStyle } = FormField.useFormFieldWrapperStyles(Object.assign({}, omit.omit(props, ["version"])));
@@ -95,7 +95,7 @@ function SelectRebuilt(props) {
         handleChange,
         handleBlur,
         handleFocus }));
-    return (React.createElement(FormField.FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autofocus, name: name, wrapperRef: wrapperRef, error: "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, clearable: "never", maxLength: props.maxLength },
+    return (React.createElement(FormField.FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autofocus, name: name, wrapperRef: wrapperRef, error: (_b = props.error) !== null && _b !== void 0 ? _b : "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, clearable: "never", maxLength: props.maxLength },
         React.createElement(React.Fragment, null,
             React.createElement("select", Object.assign({}, fieldProps, { ref: selectRef, className: inputStyle }), props.children),
             React.createElement(FormField.FormFieldPostFix, { variation: "select" }))));

package/dist/Select/index.mjs

@@ -66,7 +66,7 @@ function useSelectFormField({ id, name, disabled, autofocus, description, inline
 }
 
 function SelectRebuilt(props) {
-    var _a;
+    var _a, _b;
     const selectRef = (_a = props.inputRef) !== null && _a !== void 0 ? _a : useRef(null);
     const wrapperRef = useRef(null);
     const { inputStyle } = useFormFieldWrapperStyles(Object.assign({}, omit(props, ["version"])));
@@ -93,7 +93,7 @@ function SelectRebuilt(props) {
         handleChange,
         handleBlur,
         handleFocus }));
-    return (React__default.createElement(FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autofocus, name: name, wrapperRef: wrapperRef, error: "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, clearable: "never", maxLength: props.maxLength },
+    return (React__default.createElement(FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autofocus, name: name, wrapperRef: wrapperRef, error: (_b = props.error) !== null && _b !== void 0 ? _b : "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, clearable: "never", maxLength: props.maxLength },
         React__default.createElement(React__default.Fragment, null,
             React__default.createElement("select", Object.assign({}, fieldProps, { ref: selectRef, className: inputStyle }), props.children),
             React__default.createElement(FormFieldPostFix, { variation: "select" }))));

package/dist/debounce-es.js

@@ -326,4 +326,4 @@ var debounce_1 = debounce;
 
 var debounce$1 = /*@__PURE__*/getDefaultExportFromCjs(debounce_1);
 
-export { debounce$1 as a, debounce_1 as d };
+export { debounce_1 as a, debounce$1 as d };

package/dist/index.cjs

@@ -112,8 +112,10 @@ require('./keysIn-cjs.js');
 require('./_isIterateeCall-cjs.js');
 require('./_setToString-cjs.js');
 require('./tslib.es6-cjs.js');
-require('@jobber/hooks');
 require('./useOnKeyDown-cjs.js');
+require('./useDebounce-cjs.js');
+require('./debounce-cjs.js');
+require('./isSymbol-cjs.js');
 require('color');
 require('./BannerIcon-cjs.js');
 require('react-router-dom');
@@ -126,9 +128,7 @@ require('./useScrollToActive-cjs.js');
 require('./_baseFlatten-cjs.js');
 require('./_baseGet-cjs.js');
 require('./_getTag-cjs.js');
-require('./isSymbol-cjs.js');
 require('./_baseEach-cjs.js');
-require('./debounce-cjs.js');
 require('./ComboboxContent-cjs.js');
 require('./floating-ui.react-cjs.js');
 require('./ComboboxContentSearch-cjs.js');

package/dist/index.mjs

@@ -110,8 +110,10 @@ import './keysIn-es.js';
 import './_isIterateeCall-es.js';
 import './_setToString-es.js';
 import './tslib.es6-es.js';
-import '@jobber/hooks';
 import './useOnKeyDown-es.js';
+import './useDebounce-es.js';
+import './debounce-es.js';
+import './isSymbol-es.js';
 import 'color';
 import './BannerIcon-es.js';
 import 'react-router-dom';
@@ -124,9 +126,7 @@ import './useScrollToActive-es.js';
 import './_baseFlatten-es.js';
 import './_baseGet-es.js';
 import './_getTag-es.js';
-import './isSymbol-es.js';
 import './_baseEach-es.js';
-import './debounce-es.js';
 import './ComboboxContent-es.js';
 import './floating-ui.react-es.js';
 import './ComboboxContentSearch-es.js';