@jobber/components 4.76.0 → 4.76.1-job-85845.0

package/dist/Autocomplete/index.js

@@ -13,12 +13,11 @@ var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var Text = require('../Text-259af966.js');
 var Icon = require('../Icon-405a216c.js');
 var Heading = require('../Heading-1e8e4bd3.js');
-var InputText = require('../InputText-9e61365c.js');
+var InputText = require('../InputText-ed025475.js');
 require('../Typography-c45bf216.js');
 require('@jobber/design');
 require('../getAtlantisConfig-0f3e8af2.js');
-require('../FormField-b0e74d32.js');
-require('uuid');
+require('../FormField-5d977ffd.js');
 require('react-hook-form');
 require('@jobber/hooks/useShowClear');
 require('../Button-b73a5e01.js');

package/dist/Card/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Card = require('../Card-426a68a8.js');
+var Card = require('../Card-84e80c94.js');
 require('react');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
@@ -13,8 +13,7 @@ require('../Button-b73a5e01.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Menu-81b12936.js');
-require('uuid');
+require('../Menu-3e137b7d.js');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useRefocusOnActivator');

package/dist/{Card-426a68a8.js → Card-84e80c94.js}

@@ -5,7 +5,7 @@ var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Heading = require('./Heading-1e8e4bd3.js');
 var Button = require('./Button-b73a5e01.js');
-var Menu = require('./Menu-81b12936.js');
+var Menu = require('./Menu-3e137b7d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Checkbox/index.js

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkbox = require('../Checkbox-1cdd5cf6.js');
+var Checkbox = require('../Checkbox-2915069b.js');
 require('../tslib.es6-5b8768b7.js');
 require('react');
-require('uuid');
 require('classnames');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');

package/dist/{Checkbox-1cdd5cf6.js → Checkbox-2915069b.js}

@@ -2,7 +2,6 @@
 
 var tslib_es6 = require('./tslib.es6-5b8768b7.js');
 var React = require('react');
-var uuid = require('uuid');
 var classnames = require('classnames');
 var reactHookForm = require('react-hook-form');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
@@ -23,7 +22,7 @@ function Checkbox({ checked, defaultChecked, disabled, label, name, value, indet
         ? reactHookForm.useFormContext()
         : // If there isn't a Form Context being provided, get a form for this field.
             reactHookForm.useForm({ mode: "onTouched" });
-    const [identifier] = React.useState(uuid.v1());
+    const [identifier] = React.useState(React.useId());
     /**
      * Generate a name if one is not supplied, this is the name
      * that will be used for react-hook-form and not neccessarily

package/dist/Chips/index.js

@@ -10,15 +10,14 @@ var Icon = require('../Icon-405a216c.js');
 var Avatar = require('../Avatar-76a799fa.js');
 var Typography = require('../Typography-c45bf216.js');
 var Tooltip = require('../Tooltip-27771182.js');
-var uuid = require('uuid');
 var sortBy = require('lodash/sortBy');
 var useLiveAnnounce = require('@jobber/hooks/useLiveAnnounce');
 var debounce = require('lodash/debounce');
+require('@jobber/design');
 var reactPopper = require('react-popper');
 var Text = require('../Text-259af966.js');
 var Button = require('../Button-b73a5e01.js');
 var Spinner = require('../Spinner-9d8fc7ff.js');
-require('@jobber/design');
 require('color');
 require('react-dom');
 require('framer-motion');
@@ -129,7 +128,7 @@ function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestR
     return (React__default["default"].createElement(InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React__default["default"].createElement(InternalChipButton, { icon: "remove", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));
 }
 
-function InternalChipSingleSelect({ children, selected, name = uuid.v1(), onChange, onClick, }) {
+function InternalChipSingleSelect({ children, selected, name = React.useId(), onChange, onClick, }) {
     return (React__default["default"].createElement("div", { className: styles$1.wrapper, "data-testid": "singleselect-chips" }, React__default["default"].Children.map(children, child => {
         const isSelected = child.props.value === selected;
         return (React__default["default"].createElement("label", null,
@@ -269,9 +268,9 @@ function useInternalChipDismissible({ children, selected, onChange, onClick, onC
         availableChipOptions });
 }
 
-const menuId = uuid.v1();
 // eslint-disable-next-line max-statements
 function useInternalChipDismissibleInput({ options, isLoadingMore = false, onCustomOptionSelect, onOptionSelect, onSearch, }) {
+    const menuId = React.useId();
     const [allOptions, setAllOptions] = React.useState([]);
     const [searchValue, setSearchValue] = React.useState("");
     const [menuOpen, setMenuOpen] = React.useState(false);

package/dist/DataDump/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Card = require('../Card-426a68a8.js');
+var Card = require('../Card-84e80c94.js');
 var Content = require('../Content-e3f7b6fc.js');
 var Emphasis = require('../Emphasis-bda56d3b.js');
 require('classnames');
@@ -15,8 +15,7 @@ require('../Button-b73a5e01.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Menu-81b12936.js');
-require('uuid');
+require('../Menu-3e137b7d.js');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useRefocusOnActivator');

package/dist/DataList/index.js

@@ -23,24 +23,23 @@ var Icon = require('../Icon-405a216c.js');
 var FormatDate = require('../FormatDate-70ea5b43.js');
 var Heading = require('../Heading-1e8e4bd3.js');
 var ReactDOM = require('react-dom');
-var Checkbox = require('../Checkbox-1cdd5cf6.js');
+var Checkbox = require('../Checkbox-2915069b.js');
 var reactRouterDom = require('react-router-dom');
 var AnimatedSwitcher = require('../AnimatedSwitcher-d1e1ddcf.js');
 var Combobox = require('../Combobox-ac089920.js');
 var Chip = require('../Chip-c91fd6c8.js');
 var debounce = require('lodash/debounce');
-var InputText = require('../InputText-9e61365c.js');
+var InputText = require('../InputText-ed025475.js');
 var Spinner = require('../Spinner-9d8fc7ff.js');
 var Typography = require('../Typography-c45bf216.js');
 require('../Content-e3f7b6fc.js');
 require('react-popper');
 require('../getAtlantisConfig-0f3e8af2.js');
-require('uuid');
 require('react-hook-form');
 require('@jobber/hooks/useAssert');
 require('../Avatar-76a799fa.js');
 require('color');
-require('../FormField-b0e74d32.js');
+require('../FormField-5d977ffd.js');
 require('@jobber/hooks/useShowClear');
 require('../InputValidation-a7a737f9.js');
 

package/dist/DataTable/index.js

@@ -9,12 +9,11 @@ var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Glimmer = require('../Glimmer-f40d5ea5.js');
 var tslib_es6 = require('../tslib.es6-5b8768b7.js');
-var Option = require('../Option-b715f6b4.js');
+var Option = require('../Option-2234938d.js');
 var Button = require('../Button-b73a5e01.js');
 var Text = require('../Text-259af966.js');
 require('../Content-e3f7b6fc.js');
-require('../FormField-b0e74d32.js');
-require('uuid');
+require('../FormField-5d977ffd.js');
 require('react-hook-form');
 require('@jobber/hooks/useShowClear');
 require('../Icon-405a216c.js');

package/dist/FormField/index.js

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormField = require('../FormField-b0e74d32.js');
+var FormField = require('../FormField-5d977ffd.js');
 require('../tslib.es6-5b8768b7.js');
 require('react');
-require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');

package/dist/{FormField-b0e74d32.js → FormField-5d977ffd.js}

@@ -2,7 +2,6 @@
 
 var tslib_es6 = require('./tslib.es6-5b8768b7.js');
 var React = require('react');
-var uuid = require('uuid');
 var reactHookForm = require('react-hook-form');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var classnames = require('classnames');
@@ -151,8 +150,8 @@ function FormField(props) {
         ? reactHookForm.useFormContext()
         : // If there isn't a Form Context being provided, get a form for this field.
             reactHookForm.useForm({ mode: "onTouched" });
-    const [identifier] = React.useState(uuid.v1());
-    const [descriptionIdentifier] = React.useState(`descriptionUUID--${uuid.v1()}`);
+    const [identifier] = React.useState(React.useId());
+    const [descriptionIdentifier] = React.useState(`descriptionUUID--${React.useId()}`);
     /**
      * Generate a name if one is not supplied, this is the name
      * that will be used for react-hook-form and not neccessarily

package/dist/InputAvatar/index.js

@@ -6,7 +6,7 @@ var tslib_es6 = require('../tslib.es6-5b8768b7.js');
 var React = require('react');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Avatar = require('../Avatar-76a799fa.js');
-var InputFile = require('../InputFile-d080dec5.js');
+var InputFile = require('../InputFile-b396510d.js');
 var ProgressBar = require('../ProgressBar-b68edc8f.js');
 var Button = require('../Button-b73a5e01.js');
 require('classnames');
@@ -15,7 +15,6 @@ require('../Icon-405a216c.js');
 require('@jobber/design');
 require('react-dropzone');
 require('axios');
-require('uuid');
 require('../InputValidation-a7a737f9.js');
 require('framer-motion');
 require('../Text-259af966.js');

package/dist/InputDate/index.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var omit = require('lodash/omit');
 var React = require('react');
-var FormField = require('../FormField-b0e74d32.js');
+var FormField = require('../FormField-5d977ffd.js');
 var DatePicker = require('../DatePicker-64c5ab1a.js');
 require('../tslib.es6-5b8768b7.js');
-require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');

package/dist/InputEmail/index.js

@@ -3,9 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-b0e74d32.js');
+var FormField = require('../FormField-5d977ffd.js');
 require('../tslib.es6-5b8768b7.js');
-require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');

package/dist/InputFile/InputFile.d.ts

@@ -39,7 +39,7 @@ export interface UploadParams {
     readonly url: string;
     /**
      * Key to identify file.
-     * If unspecified a `uuid` will be used.
+     * If unspecified a `useId` will be used.
      */
     readonly key?: string;
     /**

package/dist/InputFile/index.js

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputFile = require('../InputFile-d080dec5.js');
+var InputFile = require('../InputFile-b396510d.js');
 require('../tslib.es6-5b8768b7.js');
 require('react');
 require('classnames');
 require('react-dropzone');
 require('axios');
-require('uuid');
 require('../style-inject.es-9d2f5f4e.js');
 require('../InputValidation-a7a737f9.js');
 require('framer-motion');

package/dist/{InputFile-d080dec5.js → InputFile-b396510d.js}

@@ -5,7 +5,6 @@ var React = require('react');
 var classnames = require('classnames');
 var reactDropzone = require('react-dropzone');
 var axios = require('axios');
-var uuid = require('uuid');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var InputValidation = require('./InputValidation-a7a737f9.js');
 var Button = require('./Button-b73a5e01.js');
@@ -72,7 +71,7 @@ function InputFile({ variation = "dropzone", size = "base", buttonLabel: provide
                 onUploadError && onUploadError(new Error("Failed to get upload params"));
                 return;
             }
-            const { url, key = uuid.v1(), fields = {}, httpMethod = "POST" } = params;
+            const { url, key = React.useId(), fields = {}, httpMethod = "POST" } = params;
             const fileUpload = getFileUpload(file, key, url);
             onUploadStart && onUploadStart(Object.assign({}, fileUpload));
             // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/dist/InputNumber/index.js

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputNumber = require('../InputNumber-79da1cdc.js');
+var InputNumber = require('../InputNumber-7c6d8aa5.js');
 require('react');
-require('../FormField-b0e74d32.js');
+require('../FormField-5d977ffd.js');
 require('../tslib.es6-5b8768b7.js');
-require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');

package/dist/{InputNumber-79da1cdc.js → InputNumber-7c6d8aa5.js}

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

package/dist/InputPassword/index.js

@@ -3,9 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-b0e74d32.js');
+var FormField = require('../FormField-5d977ffd.js');
 require('../tslib.es6-5b8768b7.js');
-require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');

package/dist/InputPhoneNumber/index.js

@@ -6,8 +6,7 @@ var tslib_es6 = require('../tslib.es6-5b8768b7.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var FormField = require('../FormField-b0e74d32.js');
-require('uuid');
+var FormField = require('../FormField-5d977ffd.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
 require('../Button-b73a5e01.js');

package/dist/InputText/index.js

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-9e61365c.js');
+var InputText = require('../InputText-ed025475.js');
 require('react');
-require('../FormField-b0e74d32.js');
+require('../FormField-5d977ffd.js');
 require('../tslib.es6-5b8768b7.js');
-require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');

package/dist/{InputText-9e61365c.js → InputText-ed025475.js}

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

package/dist/InputTime/index.js

@@ -6,8 +6,7 @@ var tslib_es6 = require('../tslib.es6-5b8768b7.js');
 var React = require('react');
 var debounce = require('lodash/debounce');
 var temporal = require('@std-proposal/temporal');
-var FormField = require('../FormField-b0e74d32.js');
-require('uuid');
+var FormField = require('../FormField-5d977ffd.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');

package/dist/Menu/Menu.d.ts

@@ -25,15 +25,15 @@ export interface ActionProps {
     /**
      * Action label
      */
-    label: string;
+    readonly label: string;
     /**
      * Parent Section Label
      */
-    sectionLabel?: string;
+    readonly sectionLabel?: string;
     /**
      * Visual cue for the action label
      */
-    icon?: IconNames;
+    readonly icon?: IconNames;
     /**
      * Callback when an action gets clicked
      */
@@ -41,5 +41,5 @@ export interface ActionProps {
     /**
      * Focus on the action when rendered
      */
-    shouldFocus?: boolean;
+    readonly shouldFocus?: boolean;
 }

package/dist/Menu/index.js

@@ -2,9 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Menu = require('../Menu-81b12936.js');
+var Menu = require('../Menu-3e137b7d.js');
 require('react');
-require('uuid');
 require('classnames');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');

package/dist/{Menu-81b12936.js → Menu-3e137b7d.js}

@@ -1,7 +1,6 @@
 'use strict';
 
 var React = require('react');
-var uuid = require('uuid');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
@@ -42,8 +41,8 @@ function Menu({ activator, items }) {
         horizontal: "right",
     });
     const wrapperRef = React.createRef();
-    const buttonID = uuid.v1();
-    const menuID = uuid.v1();
+    const buttonID = React.useId();
+    const menuID = React.useId();
     useOnKeyDown.useOnKeyDown(handleKeyboardShortcut, ["Escape"]);
     React.useLayoutEffect(() => {
         if (wrapperRef.current) {

package/dist/MultiSelect/index.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Checkbox = require('../Checkbox-1cdd5cf6.js');
+var Checkbox = require('../Checkbox-2915069b.js');
 var Text = require('../Text-259af966.js');
 var Icon = require('../Icon-405a216c.js');
 require('../tslib.es6-5b8768b7.js');
-require('uuid');
 require('react-hook-form');
 require('../Typography-c45bf216.js');
 require('@jobber/design');

package/dist/{Option-b715f6b4.js → Option-2234938d.js}

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

package/dist/Page/index.js

@@ -11,7 +11,7 @@ var Text = require('../Text-259af966.js');
 var Content = require('../Content-e3f7b6fc.js');
 var Markdown = require('../Markdown-f7c55304.js');
 var Button = require('../Button-b73a5e01.js');
-var Menu = require('../Menu-81b12936.js');
+var Menu = require('../Menu-3e137b7d.js');
 var Emphasis = require('../Emphasis-bda56d3b.js');
 require('../Typography-c45bf216.js');
 require('../getAtlantisConfig-0f3e8af2.js');
@@ -19,7 +19,6 @@ require('react-markdown');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('uuid');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useRefocusOnActivator');

package/dist/RadioGroup/index.js

@@ -2,9 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RadioGroup = require('../RadioGroup-ca7a5978.js');
+var RadioGroup = require('../RadioGroup-17b67ade.js');
 require('react');
-require('uuid');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Text-259af966.js');
 require('../Typography-c45bf216.js');

package/dist/{RadioGroup-ca7a5978.js → RadioGroup-17b67ade.js}

@@ -1,7 +1,6 @@
 'use strict';
 
 var React = require('react');
-var uuid = require('uuid');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Text = require('./Text-259af966.js');
 
@@ -21,7 +20,7 @@ function RadioOption({ children }) {
     return React__default["default"].createElement(React__default["default"].Fragment, null, children);
 }
 function InternalRadioOption({ value, name, label, description, disabled, checked, children, onChange, }) {
-    const inputId = `${value.toString()}_${uuid.v1()}`;
+    const inputId = `${value.toString()}_${React.useId()}`;
     const shouldRenderIndependentChildren = label && children;
     return (React__default["default"].createElement("div", null,
         React__default["default"].createElement("input", { onChange: handleChange, type: "radio", name: name, value: value, disabled: disabled, checked: checked, id: inputId, className: styles.input, "aria-describedby": description ? `${inputId}_description` : undefined }),
@@ -34,7 +33,7 @@ function InternalRadioOption({ value, name, label, description, disabled, checke
     }
 }
 
-function RadioGroup({ children, value, ariaLabel, onChange, name = uuid.v1(), }) {
+function RadioGroup({ children, value, ariaLabel, onChange, name = React.useId(), }) {
     return (React__default["default"].createElement("div", { role: "radiogroup", "aria-label": ariaLabel, className: styles.radioGroup }, React__default["default"].Children.map(children, option => (React__default["default"].createElement(InternalRadioOption, Object.assign({ checked: value === option.props.value, name: name, onChange: handleChange }, option.props), option.props.children)))));
     function handleChange(newValue) {
         if (newValue !== value) {

package/dist/RecurringSelect/components/DayOfMonthSelect.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { DayOfMonth } from "../types";
 interface DayOfMonthSelectProps {
-    selectedDays: Set<DayOfMonth>;
-    disabled: boolean;
+    readonly selectedDays: Set<DayOfMonth>;
+    readonly disabled: boolean;
     onChange(selectedDays: Set<DayOfMonth>): void;
 }
 export declare function DayOfMonthSelect({ selectedDays, disabled, onChange, }: DayOfMonthSelectProps): JSX.Element;

package/dist/RecurringSelect/components/WeeklySelect.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { WeekDay } from "../types";
 interface WeeklySelectProps {
-    disabled: boolean;
-    selectedDays: Set<WeekDay>;
+    readonly disabled: boolean;
+    readonly selectedDays: Set<WeekDay>;
     onChange(selectedDays: Set<WeekDay>): void;
 }
 export declare function WeeklySelect({ onChange, selectedDays, disabled, }: WeeklySelectProps): JSX.Element;

package/dist/RecurringSelect/index.js

@@ -3,17 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var uuid = require('uuid');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var RadioGroup = require('../RadioGroup-ca7a5978.js');
+var RadioGroup = require('../RadioGroup-17b67ade.js');
 var Text = require('../Text-259af966.js');
 require('classnames');
 require('../Typography-c45bf216.js');
-var Option = require('../Option-b715f6b4.js');
-var InputNumber = require('../InputNumber-79da1cdc.js');
+var Option = require('../Option-2234938d.js');
+var InputNumber = require('../InputNumber-7c6d8aa5.js');
 var InputGroup = require('../InputGroup-8d4fd4eb.js');
 var Content = require('../Content-e3f7b6fc.js');
-require('../FormField-b0e74d32.js');
+require('../FormField-5d977ffd.js');
 require('../tslib.es6-5b8768b7.js');
 require('react-hook-form');
 require('@jobber/hooks/useShowClear');
@@ -99,7 +98,7 @@ function WeeklySelect({ onChange, selectedDays, disabled, }) {
     };
     return (React__default["default"].createElement("div", { className: styles$4.container }, weekDays.map(weekDay => {
         const isSelected = selectedDays.has(weekDay);
-        const inputId = uuid.v1();
+        const inputId = React.useId();
         return (React__default["default"].createElement("div", { key: `${weekDay}`, className: checkboxStyles.checkboxWrapper },
             React__default["default"].createElement("input", { className: checkboxStyles.dayCheckboxInput, disabled: disabled, type: "checkbox", onChange: onChangeWeekDays, id: `weekly-select-${weekDay}${inputId}`, "aria-checked": isSelected, checked: isSelected, value: weekDay }),
             React__default["default"].createElement("label", { className: checkboxStyles.dayCheckbox, htmlFor: `weekly-select-${weekDay}${inputId}` }, `${exports.WeekDay[weekDay].substr(0, 1).toUpperCase()}`)));
@@ -144,7 +143,7 @@ const daysInMonth = [...Array.from({ length: 31 }, (_, i) => i + 1), "LAST"];
 function DayOfMonthSelect({ selectedDays, disabled, onChange, }) {
     return (React__default["default"].createElement("div", { className: styles$1.container }, daysInMonth.map(day => {
         const isSelected = selectedDays.has(day);
-        const inputId = uuid.v1();
+        const inputId = React.useId();
         return (React__default["default"].createElement("div", { key: `${day}`, className: checkboxStyles.checkboxWrapper },
             React__default["default"].createElement("input", { className: checkboxStyles.dayCheckboxInput, disabled: disabled, type: "checkbox", id: `${day}-${inputId}`, onChange: handleChangeDayOfMonth, "aria-checked": isSelected, checked: isSelected, value: day }),
             React__default["default"].createElement("label", { className: checkboxStyles.dayCheckbox, htmlFor: `${day}-${inputId}` }, `${day === "LAST" ? "Last day" : day}`)));

package/dist/Select/index.js

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Option = require('../Option-b715f6b4.js');
+var Option = require('../Option-2234938d.js');
 require('react');
-require('../FormField-b0e74d32.js');
+require('../FormField-5d977ffd.js');
 require('../tslib.es6-5b8768b7.js');
-require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.76.0",
+  "version": "4.76.1-job-85845.0+c80c7b3b",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
   ],
   "dependencies": {
     "@jobber/design": "^0.52.0",
-    "@jobber/formatters": "*",
+    "@jobber/formatters": "^0.2.2",
     "@jobber/hooks": "^2.8.1",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
@@ -84,5 +84,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "03135427c5c110b2922e22328fa0469dcede77a1"
+  "gitHead": "c80c7b3bfdd8c97776012b151664530ab59bd575"
 }