@jobber/components 4.0.0 → 4.0.1-pre.4

package/dist/{Card-b9f8d6f3.js → Card-edab9c3c.js}

@@ -1,12 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var Heading = require('./Heading-a9a66964.js');
-var Button = require('./Button-cd30df0f.js');
-var Menu = require('./Menu-826cfb89.js');
+var Heading = require('./Heading-7b203f7f.js');
+var Button = require('./Button-16e043ec.js');
+var Menu = require('./Menu-d6a7d17b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -21,22 +20,21 @@ var css = ".r_dgHOkz2GHdC3Q2cV3Pc {\n  --card--accent-color: var(--color-request
 var colors = {"requestColor":"r_dgHOkz2GHdC3Q2cV3Pc","quoteColor":"_3EeVP9ZlHkM67T9ehsWtiS","jobColor":"_2N_2zZDN_y6W1dNQQyiDD1","invoiceColor":"_3GJ2q1Nl3cRv1lTW0P_zy8","blue":"_161VC3xKoHBYl3xsD4Yk5Q","blueLight":"_1gsqssX3dl2yWj0j_amhkj","blueLighter":"_1TpnTg56KtSblI8fq1MjCi","blueLightest":"UlRszMir3mXZDknqy0Abk","blueDark":"P9izp-A51mdMpabQwRuqt","green":"_2l99yDkMjR7XcXHq_XVyH8","greenLight":"_2SkrMY6RSTz7fWg5CPRxzT","greenLighter":"_1vdTWAHTYlQQCxChtVS-yw","greenLightest":"_2sOy4nX4pbbxdxewOs9OZn","greenDark":"_2gZKvEz3FhcYTKXCsVztS7","lime":"_2vLmguA8ZEA1n7uxgA4tkk","limeLight":"_1Wblb5ohYF0-ivujrv9NEY","limeLighter":"_2ZGzAB0rCWXLEOVn1CBQYO","limeLightest":"_2TxRbAiT-8Dyt-tgiAevrI","limeDark":"_24D5a26PapvhrGT6_R7Plt","yellowGreen":"_1_KXzLi7tMLmSuO7tkz8rC","yellowGreenLight":"_2CAB-pkfwqd_XiChtfCSYy","yellowGreenLighter":"_2B5XH-o7QyIoaDu49L4bX_","yellowGreenLightest":"_1aJejWyKFnG95oBw7IAcs8","yellowGreenDark":"_2XXk2rw-Y1JcqRsT8mFp5v","yellow":"_8dx0L8-SrE4ImcX9Rl3as","yellowLight":"_2QfJFx3-339F1Q215RSshy","yellowLighter":"_3gCDjm-vKX3twHglK9LwT-","yellowLightest":"_2KhIbUKkv8u4sx_SuyDleK","yellowDark":"_1u9HBnFELEqNBHeuXTy9ps","red":"_AEU5GBtZH_3TIgszszMe","redLight":"_2NYhsmxitOEfvezfJaXqGA","redLighter":"_3QV7PNjGUVjSwFTVcuDf_0","redLightest":"_3wrq2b1m7NsWb_TzS_eiIt","redDark":"_3U59jf708Pwcs_aSJtTipT","grey":"_2NCZHNUXIs3ppH2qrDPeM8","greyLight":"N5o92y178VubSjAwkwUyS","greyLighter":"YltRUpnoZ7S4eHx-Q2UV6","greyLightest":"_1vM7z0o722ej-f_ltMTzR8","greyDark":"_8v46HTaoXgGLohT6NTy0v","greyBlue":"_2pb3mcOJHCejnLR3kNbD22","greyBlueLight":"_3pJ57Il3DK1Xzx_RlIqpuf","greyBlueLighter":"_2DUbdjJZfKbjf3ZpctAKXj","greyBlueLightest":"Kdh-imIb5TC66KYwq8tG9","greyBlueDark":"_14FKklm5UMKTMK4Z8I9TAk","lightBlue":"_1vyUMGRr9oAcHC7Tu8ZHT9","lightBlueLight":"_2Usil3CLjYNeb2kl6QilfC","lightBlueLighter":"_3cVEdvqmhh6PBHxfp6kUL0","lightBlueLightest":"i1K9zoRkq5ZplwJTBx_vo","lightBlueDark":"_1wKCLUuUyDw1_4NoR1ekHO","purple":"_3WAaIt0-6hFQT1bMoX0mwi","purpleLight":"QpZZHQHrB4hnoKRZ2wNjz","purpleLighter":"_1Ub7hGuytNUccuEJ2X5Acv","purpleLightest":"hymIYxPgCV3PIvD_Ondjp","purpleDark":"_2crCrqXonteGFE2Hf-Tfvx","pink":"-g6rTwLn4m1FAUO49mioY","pinkLight":"_4yv6DxuiEoLd8nrrwjCC","pinkLighter":"_100RQJoFttmRFhMCw38gUu","pinkLightest":"Wc1i3XbBInziMOx93wDBB","pinkDark":"_3yuKq7UN1aDxJYhTCR6J99","teal":"_3oRBowls0KnxqJowoZihtu","tealLight":"_3Z4AwddDWq_3Mcz2xPyosa","tealLighter":"_28vjG1mUREHC1KVx-kMxuf","tealLightest":"dnkjVr7UsdJ5hN28dPV6b","tealDark":"_30XdXLAoG-gNb0qxVVZSD8","orange":"_2VAMx2aztJA5S1sv9Q-fVh","orangeLight":"rDMNMB30Ii4p_xhq2kz25","orangeLighter":"_1LDult_2uUn_3VDWc-ue3y","orangeLightest":"_10wO5N-KbpiKsV5xOUcXVg","orangeDark":"I9P_EqDAopiuDL3-UP6je","brown":"_3ggADng6sL844VFW5hPyrP","brownLight":"lXjXpfqMTFoI9-Gs9ww-S","brownLighter":"_3DSQwF6htRD_F8ALRW5J9W","brownLightest":"_3FOJHytPm177LLRa_11Nhe","brownDark":"_3RDALwNqcDw8xsbuYnxgc0","navy":"V5W6gnsrCZBBIcEzRoRK6","navyLight":"mpmbrEG0b5jIRXmBVm_u0","navyLighter":"_1dSMOcSX8Ct9uU_oFmBzU-","navyLightest":"iau6usSaWR1lOseSaQ6Mb","navyDark":"xuzABp_idOntfLMcHC1iM","indigo":"_3LNoVS7soGOL7tbu-sWQkK","indigoLight":"_1J36IYwKKnRW7ZlJMDeTQF","indigoLighter":"_3No5SJRwTROVhcyty0_IjV","indigoLightest":"BzH2uvC_IAWwyLR7NeB13","indigoDark":"_2yhIWlInAlDfBkAAFAomOL","white":"_3YEF2Q5g_Y_k8cpuZhTtTk"};
 styleInject_es.styleInject(css);
 
-var ENTER_KEY = "Enter";
-var SPACEBAR_KEY = " ";
+const ENTER_KEY = "Enter";
+const SPACEBAR_KEY = " ";
 /**
  * This is only intended to be used in the Card component.
  * Please use `<Card onClick={onClick} />` component instead.
  */
-function CardClickable(_a) {
-    var className = _a.className, onClick = _a.onClick, children = _a.children;
-    var cardRef = React.useRef();
+function CardClickable({ className, onClick, children, }) {
+    const cardRef = React.useRef();
     return (React__default["default"].createElement("div", { ref: cardRef, "data-testid": "clickable-card", className: className, onClick: onClick, onKeyUp: handleKeyup, onKeyDown: handleKeyDown, role: "button", tabIndex: 0 }, children));
     function isCardFocused() {
         return document.activeElement === cardRef.current;
     }
     function handleKeyup(event) {
         var _a;
-        var shouldClick = event.key === ENTER_KEY || event.key === SPACEBAR_KEY;
+        const shouldClick = event.key === ENTER_KEY || event.key === SPACEBAR_KEY;
         if (shouldClick && isCardFocused()) {
             (_a = cardRef.current) === null || _a === void 0 ? void 0 : _a.click();
         }
@@ -53,13 +51,12 @@ function CardClickable(_a) {
  * Intended to be used in the Card component.
  * Use `<Card header={header} />` component instead.
  */
-function CardHeader(_a) {
-    var title = _a.title, header = _a.header;
-    var heading = title || header;
+function CardHeader({ title, header, }) {
+    const heading = title || header;
     if (React__default["default"].isValidElement(heading))
         return React__default["default"].createElement(React__default["default"].Fragment, null, heading);
     if (heading) {
-        var titleString = typeof heading === "string" ? heading : heading.title;
+        const titleString = typeof heading === "string" ? heading : heading.title;
         return (React__default["default"].createElement("div", { className: styles.header },
             titleString && React__default["default"].createElement(Heading.Heading, { level: 3 }, titleString),
             typeof heading === "object" && renderHeaderAction(heading === null || heading === void 0 ? void 0 : heading.action)));
@@ -68,26 +65,25 @@ function CardHeader(_a) {
 }
 function renderHeaderAction(action) {
     if ((action === null || action === void 0 ? void 0 : action.type) === Button.Button) {
-        var props = tslib_es6.__assign(tslib_es6.__assign({ type: "tertiary" }, action.props), { size: "small" });
-        return action && React__default["default"].createElement(Button.Button, tslib_es6.__assign({}, props));
+        const props = Object.assign(Object.assign({ type: "tertiary" }, action.props), { size: "small" });
+        return action && React__default["default"].createElement(Button.Button, Object.assign({}, props));
     }
     if ((action === null || action === void 0 ? void 0 : action.type) === Menu.Menu) {
-        return action && React__default["default"].createElement(Menu.Menu, tslib_es6.__assign({}, action.props));
+        return action && React__default["default"].createElement(Menu.Menu, Object.assign({}, action.props));
     }
     return React__default["default"].createElement(React__default["default"].Fragment, null);
 }
 
-function Card(_a) {
-    var accent = _a.accent, header = _a.header, children = _a.children, onClick = _a.onClick, title = _a.title, url = _a.url, _b = _a.external, external = _b === void 0 ? false : _b;
-    var className = classnames__default["default"](styles.card, accent && styles.accent, (url || onClick) && styles.clickable, accent && colors[accent]);
-    var cardContent = (React__default["default"].createElement(React__default["default"].Fragment, null,
+function Card({ accent, header, children, onClick, title, url, external = false, }) {
+    const className = classnames__default["default"](styles.card, accent && styles.accent, (url || onClick) && styles.clickable, accent && colors[accent]);
+    const cardContent = (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(CardHeader, { title: title, header: header }),
         children));
     if (onClick) {
         return (React__default["default"].createElement(CardClickable, { className: className, onClick: onClick }, cardContent));
     }
     else if (url) {
-        return (React__default["default"].createElement("a", tslib_es6.__assign({ className: className, href: url }, (external && { target: "_blank", rel: "noopener noreferrer" })), cardContent));
+        return (React__default["default"].createElement("a", Object.assign({ className: className, href: url }, (external && { target: "_blank", rel: "noopener noreferrer" })), cardContent));
     }
     else {
         return React__default["default"].createElement("div", { className: className }, cardContent);

package/dist/Checkbox/Checkbox.d.ts

@@ -48,6 +48,6 @@ interface CheckboxChildrenProps extends BaseCheckboxProps {
      */
     readonly children?: ReactElement;
 }
-declare type CheckboxProps = XOR<CheckboxLabelProps, CheckboxChildrenProps>;
+type CheckboxProps = XOR<CheckboxLabelProps, CheckboxChildrenProps>;
 export declare function Checkbox({ checked, defaultChecked, disabled, label, name, value, indeterminate, description, children, onChange, onFocus, }: CheckboxProps): JSX.Element;
 export {};

package/dist/Checkbox/index.js

@@ -2,15 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkbox = require('../Checkbox-5103d2b9.js');
+var Checkbox = require('../Checkbox-c1efc2f6.js');
 require('react');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
-require('../Icon-d5ad1a6d.js');
+require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Text-e012fb46.js');
-require('../Typography-fbe0ed6e.js');
-require('../tslib.es6-5b50eb8e.js');
+require('../Text-7ce00adb.js');
+require('../Typography-9262511f.js');
 
 
 

package/dist/{Checkbox-5103d2b9.js → Checkbox-c1efc2f6.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var Icon = require('./Icon-d5ad1a6d.js');
-var Text = require('./Text-e012fb46.js');
+var Icon = require('./Icon-405a216c.js');
+var Text = require('./Text-7ce00adb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,15 +15,13 @@ var css = "._2y-hp0B8BHvB6C7hj0uluY {\n  display: inline-block;\n}\n\n._36KUbFCc
 var styles = {"checkbox":"_2y-hp0B8BHvB6C7hj0uluY","wrapper":"_36KUbFCcSPE7xHQsQ4PC2D","disabled":"Kvt2p9_Z8Ln_jkPQEYuMI","checkHolder":"_3MnEDfs7rk_9yjl2XNHSuc","input":"MEL3ANaAvLYMAoMbYSmCb","checkBox":"_1T-pYuzX7l9EyzvIri_U22","indeterminate":"_3TAyEYP42fVPKOg97qm5Ue","label":"C10gHWu17R4Nw-PFWmtvT","description":"_1wsib2K8k6XRKTFbeIeq4n"};
 styleInject_es.styleInject(css);
 
-function Checkbox(_a) {
-    var _b;
-    var checked = _a.checked, defaultChecked = _a.defaultChecked, disabled = _a.disabled, label = _a.label, name = _a.name, value = _a.value, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, description = _a.description, children = _a.children, onChange = _a.onChange, onFocus = _a.onFocus;
-    var wrapperClassName = classnames__default["default"](styles.wrapper, disabled && styles.disabled);
-    var inputClassName = classnames__default["default"](styles.input, (_b = {},
-        _b[styles.indeterminate] = indeterminate,
-        _b));
-    var iconName = indeterminate ? "minus2" : "checkmark";
-    var labelText = label ? React__default["default"].createElement(Text.Text, null, label) : children;
+function Checkbox({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, children, onChange, onFocus, }) {
+    const wrapperClassName = classnames__default["default"](styles.wrapper, disabled && styles.disabled);
+    const inputClassName = classnames__default["default"](styles.input, {
+        [styles.indeterminate]: indeterminate,
+    });
+    const iconName = indeterminate ? "minus2" : "checkmark";
+    const labelText = label ? React__default["default"].createElement(Text.Text, null, label) : children;
     return (React__default["default"].createElement("div", { className: styles.checkbox },
         React__default["default"].createElement("label", { className: wrapperClassName },
             React__default["default"].createElement("span", { className: styles.checkHolder },
@@ -34,7 +32,7 @@ function Checkbox(_a) {
         description && (React__default["default"].createElement("div", { className: styles.description },
             React__default["default"].createElement(Text.Text, { variation: "subdued", size: "small" }, description)))));
     function handleChange(event) {
-        var newChecked = event.currentTarget.checked;
+        const newChecked = event.currentTarget.checked;
         onChange && onChange(newChecked);
     }
 }

package/dist/Chips/ChipsTypes.d.ts

@@ -78,5 +78,5 @@ export interface ChipDismissibleProps extends ChipFoundationProps {
      */
     onLoadMore?(searchValue: string): void;
 }
-export declare type ChipsProps = XOR<ChipSingleSelectProps, XOR<ChipMultiSelectProps, ChipDismissibleProps>>;
+export type ChipsProps = XOR<ChipSingleSelectProps, XOR<ChipMultiSelectProps, ChipDismissibleProps>>;
 export {};

package/dist/Chips/InternalChipDismissible/InternalChipDismissibleTypes.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ChipProps } from "../Chip";
 import { ChipDismissibleProps } from "../ChipsTypes";
-export declare type InternalChipDismissibleProps = Omit<ChipDismissibleProps, "type">;
+export type InternalChipDismissibleProps = Omit<ChipDismissibleProps, "type">;
 export interface ChipDismissibleInputProps extends Pick<InternalChipDismissibleProps, "activator" | "isLoadingMore" | "onSearch" | "onLoadMore"> {
     readonly attachTo: React.RefObject<Element | null>;
     readonly options: ChipProps[];

package/dist/Chips/InternalChipDismissible/hooks/useInternalChipDismissible.d.ts

@@ -7,7 +7,7 @@ export declare function useInternalChipDismissible({ children, selected, onChang
     handleChipRemove: (value: string) => () => void;
     handleChipAdd: (value: string) => void;
     handleCustomAdd: ((value: string) => void) | undefined;
-    handleChipClick: (value: string) => ((event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void) | undefined;
+    handleChipClick: (value: string) => ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
     handleWrapperKeyDown: (event: KeyboardEvent<HTMLDivElement> & {
         target: HTMLElement;
     }) => void;

package/dist/Chips/InternalChipDismissible/hooks/useInternalChipDismissibleInput.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="lodash" />
-import React from "react";
+import React, { ChangeEvent, KeyboardEvent } from "react";
 import { ChipDismissibleInputOptionProps, ChipDismissibleInputProps } from "../InternalChipDismissibleTypes";
 export declare function useInternalChipDismissibleInput({ options, isLoadingMore, onCustomOptionSelect, onOptionSelect, onSearch, }: ChipDismissibleInputProps): {
     menuOpen: boolean;
@@ -20,9 +20,9 @@ export declare function useInternalChipDismissibleInput({ options, isLoadingMore
     handleCancelBlur: () => void;
     handleEnableBlur: () => void;
     handleBlur: () => void;
-    handleSearchChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleSearchChange: (event: ChangeEvent<HTMLInputElement>) => void;
     handleSetActiveOnMouseOver: (index: number) => () => void;
     handleSelectOption: (selected: ChipDismissibleInputOptionProps) => void;
-    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
     handleDebouncedSearch: (() => void) & import("lodash").Cancelable;
 };

package/dist/Chips/InternalChipMultiSelect.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ChipMultiSelectProps } from "./ChipsTypes";
-declare type InternalChipChoiceMultipleProps = Pick<ChipMultiSelectProps, "selected" | "onChange" | "children" | "onClick">;
+type InternalChipChoiceMultipleProps = Pick<ChipMultiSelectProps, "selected" | "onChange" | "children" | "onClick">;
 export declare function InternalChipMultiSelect({ children, selected, onChange, onClick, }: InternalChipChoiceMultipleProps): JSX.Element;
 export {};

package/dist/Chips/InternalChipSingleSelect.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ChipSingleSelectProps } from "./ChipsTypes";
-declare type InternalChipChoiceProps = Pick<ChipSingleSelectProps, "selected" | "onChange" | "children" | "onClick" | "name">;
+type InternalChipChoiceProps = Pick<ChipSingleSelectProps, "selected" | "onChange" | "children" | "onClick" | "name">;
 export declare function InternalChipSingleSelect({ children, selected, name, onChange, onClick, }: InternalChipChoiceProps): JSX.Element;
 export {};