@jobber/components 2.86.0 → 2.86.2

package/dist/InputPassword/index.js

@@ -2,39 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var __chunk_1 = require('../chunk-b67af3cb.js');
+var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-require('../chunk-17e02351.js');
-require('classnames');
-require('../Typography/index.js');
-require('../Text/index.js');
-require('@jobber/design');
-require('../Icon/index.js');
+var FormField = require('../FormField-a92c7bac.js');
 require('uuid');
 require('react-hook-form');
-var index$4 = require('../FormField/index.js');
+require('../style-inject.es-dcee06b6.js');
+require('classnames');
+require('../Button-5b2f1636.js');
 require('react-router-dom');
-require('../Button/index.js');
+require('../Icon-d5ad1a6d.js');
+require('@jobber/design');
+require('../Typography-7e542a72.js');
+require('../Text-9bc093e9.js');
+require('../InputValidation-24d3621a.js');
 require('framer-motion');
-require('../InputValidation/index.js');
-require('../Spinner/index.js');
+require('../Spinner-18d3dee6.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function InputPassword(props) {
-    var _a = props.hasVisibility, hasVisibility = _a === void 0 ? false : _a;
-    var _b = __chunk_1.__read(React.useState(false), 2), visible = _b[0], setVisibility = _b[1];
-    return (React__default.createElement(index$4.FormField, __chunk_1.__assign({}, props, (hasVisibility && {
-        suffix: {
-            ariaLabel: visible ? "Hide password" : "Show password",
-            icon: visible ? "eye" : "eyeCrossed",
-            onClick: function () { return setVisibility(!visible); },
-        },
-    }), { type: visible ? "text" : "password", onChange: handleChange })));
-    function handleChange(newValue) {
-        props.onChange && props.onChange(newValue);
-    }
+function InputPassword(props) {
+    var _a = props.hasVisibility, hasVisibility = _a === void 0 ? false : _a;
+    var _b = tslib_es6.__read(React.useState(false), 2), visible = _b[0], setVisibility = _b[1];
+    return (React__default["default"].createElement(FormField.FormField, tslib_es6.__assign({}, props, (hasVisibility && {
+        suffix: {
+            ariaLabel: visible ? "Hide password" : "Show password",
+            icon: visible ? "eye" : "eyeCrossed",
+            onClick: function () { return setVisibility(!visible); },
+        },
+    }), { type: visible ? "text" : "password", onChange: handleChange })));
+    function handleChange(newValue) {
+        props.onChange && props.onChange(newValue);
+    }
 }
 
 exports.InputPassword = InputPassword;

package/dist/InputText/InputText.d.ts

@@ -1,29 +1,29 @@
-import React from "react";
-import { CommonFormFieldProps, FormFieldProps } from "../FormField";
-interface RowRange {
-    min: number;
-    max: number;
-}
-interface BaseProps extends CommonFormFieldProps, Pick<FormFieldProps, "maxLength" | "readonly" | "autocomplete" | "keyboard" | "onEnter" | "onFocus" | "onBlur" | "onChange" | "inputRef" | "validations" | "defaultValue" | "prefix" | "suffix"> {
-    multiline?: boolean;
-}
-export interface InputTextRef {
-    insert(text: string): void;
-    blur(): void;
-    focus(): void;
-}
-interface MultilineProps extends BaseProps {
-    /**
-     * Use this when you're expecting a long answer.
-     */
-    readonly multiline: true;
-    /**
-     * Specifies the visible height of a long answer form field. Can be in the
-     * form of a single number to set a static height, or an object with a min
-     * and max keys indicating the minimum number of visible rows, and the
-     * maximum number of visible rows.
-     */
-    readonly rows?: number | RowRange;
-}
-export declare const InputText: React.ForwardRefExoticComponent<(import("ts-xor/dist/types/Without.type").Without<BaseProps, MultilineProps> & MultilineProps & React.RefAttributes<InputTextRef>) | (import("ts-xor/dist/types/Without.type").Without<MultilineProps, BaseProps> & BaseProps & React.RefAttributes<InputTextRef>)>;
-export {};
+import React from "react";
+import { CommonFormFieldProps, FormFieldProps } from "../FormField";
+interface RowRange {
+    min: number;
+    max: number;
+}
+interface BaseProps extends CommonFormFieldProps, Pick<FormFieldProps, "maxLength" | "readonly" | "autocomplete" | "keyboard" | "onEnter" | "onFocus" | "onBlur" | "onChange" | "inputRef" | "validations" | "defaultValue" | "prefix" | "suffix"> {
+    multiline?: boolean;
+}
+export interface InputTextRef {
+    insert(text: string): void;
+    blur(): void;
+    focus(): void;
+}
+interface MultilineProps extends BaseProps {
+    /**
+     * Use this when you're expecting a long answer.
+     */
+    readonly multiline: true;
+    /**
+     * Specifies the visible height of a long answer form field. Can be in the
+     * form of a single number to set a static height, or an object with a min
+     * and max keys indicating the minimum number of visible rows, and the
+     * maximum number of visible rows.
+     */
+    readonly rows?: number | RowRange;
+}
+export declare const InputText: React.ForwardRefExoticComponent<(import("ts-xor/dist/types/Without.type").Without<BaseProps, MultilineProps> & MultilineProps & React.RefAttributes<InputTextRef>) | (import("ts-xor/dist/types/Without.type").Without<MultilineProps, BaseProps> & BaseProps & React.RefAttributes<InputTextRef>)>;
+export {};

package/dist/InputText/index.d.ts

@@ -1 +1 @@
-export { InputText, InputTextRef } from "./InputText";
+export { InputText, InputTextRef } from "./InputText";

package/dist/InputText/index.js

@@ -2,104 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var __chunk_1 = require('../chunk-b67af3cb.js');
-var React = require('react');
-var React__default = _interopDefault(React);
-require('../chunk-17e02351.js');
-require('classnames');
-require('../Typography/index.js');
-require('../Text/index.js');
-require('@jobber/design');
-require('../Icon/index.js');
+var InputText = require('../InputText-cb3be15c.js');
+require('../tslib.es6-5b50eb8e.js');
+require('react');
+require('../FormField-a92c7bac.js');
 require('uuid');
 require('react-hook-form');
-var index$4 = require('../FormField/index.js');
+require('../style-inject.es-dcee06b6.js');
+require('classnames');
+require('../Button-5b2f1636.js');
 require('react-router-dom');
-require('../Button/index.js');
+require('../Icon-d5ad1a6d.js');
+require('@jobber/design');
+require('../Typography-7e542a72.js');
+require('../Text-9bc093e9.js');
+require('../InputValidation-24d3621a.js');
 require('framer-motion');
-require('../InputValidation/index.js');
-require('../Spinner/index.js');
+require('../Spinner-18d3dee6.js');
+
 
-function InputTextInternal(props, ref) {
-    var inputRef = React.createRef();
-    var actionsRef = React.createRef();
-    var rowRange = getRowRange();
-    React.useImperativeHandle(ref, function () { return ({
-        insert: function (text) {
-            insertText(text);
-        },
-        blur: function () {
-            var input = inputRef.current;
-            if (input) {
-                input.blur();
-            }
-        },
-        focus: function () {
-            var input = inputRef.current;
-            if (input) {
-                input.focus();
-            }
-        },
-    }); });
-    return (React__default.createElement(index$4.FormField, __chunk_1.__assign({}, props, { type: props.multiline ? "textarea" : "text", inputRef: inputRef, actionsRef: actionsRef, onChange: handleChange, rows: rowRange.min })));
-    function handleChange(newValue) {
-        props.onChange && props.onChange(newValue);
-        if (inputRef && inputRef.current instanceof HTMLTextAreaElement) {
-            resize(inputRef.current);
-        }
-    }
-    function getRowRange() {
-        if (props.rows === undefined) {
-            return { min: 3, max: 3 };
-        }
-        else if (typeof props.rows === "object") {
-            return { min: props.rows.min, max: props.rows.max };
-        }
-        else {
-            return { min: props.rows, max: props.rows };
-        }
-    }
-    function resize(textArea) {
-        if (rowRange.min === rowRange.max)
-            return;
-        textArea.style.height = "auto";
-        textArea.style.height = textAreaHeight(textArea) + "px";
-    }
-    function textAreaHeight(textArea) {
-        var _a = window.getComputedStyle(textArea), lineHeight = _a.lineHeight, borderBottomWidth = _a.borderBottomWidth, borderTopWidth = _a.borderTopWidth, paddingBottom = _a.paddingBottom, paddingTop = _a.paddingTop;
-        var maxHeight = rowRange.max * parseFloat(lineHeight) +
-            parseFloat(borderTopWidth) +
-            parseFloat(borderBottomWidth) +
-            parseFloat(paddingTop) +
-            parseFloat(paddingBottom);
-        var scrollHeight = textArea.scrollHeight +
-            parseFloat(borderTopWidth) +
-            parseFloat(borderBottomWidth);
-        return Math.min(scrollHeight, maxHeight);
-    }
-    function insertText(text) {
-        var _a;
-        var input = inputRef.current;
-        if (input) {
-            insertAtCursor(input, text);
-            var newValue = input.value;
-            (_a = actionsRef.current) === null || _a === void 0 ? void 0 : _a.setValue(newValue);
-            props.onChange && props.onChange(newValue);
-        }
-    }
-}
-var InputText = React.forwardRef(InputTextInternal);
-function insertAtCursor(input, newText) {
-    var start = input.selectionStart || 0;
-    var end = input.selectionEnd || 0;
-    var text = input.value;
-    var before = text.substring(0, start);
-    var after = text.substring(end, text.length);
-    input.value = before + newText + after;
-    input.selectionStart = input.selectionEnd = start + newText.length;
-    input.focus();
-}
 
-exports.InputText = InputText;
+exports.InputText = InputText.InputText;

package/dist/InputText-cb3be15c.js

@@ -0,0 +1,91 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
+var React = require('react');
+var FormField = require('./FormField-a92c7bac.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function InputTextInternal(props, ref) {
+    var inputRef = React.createRef();
+    var actionsRef = React.createRef();
+    var rowRange = getRowRange();
+    React.useImperativeHandle(ref, function () { return ({
+        insert: function (text) {
+            insertText(text);
+        },
+        blur: function () {
+            var input = inputRef.current;
+            if (input) {
+                input.blur();
+            }
+        },
+        focus: function () {
+            var input = inputRef.current;
+            if (input) {
+                input.focus();
+            }
+        },
+    }); });
+    return (React__default["default"].createElement(FormField.FormField, tslib_es6.__assign({}, props, { type: props.multiline ? "textarea" : "text", inputRef: inputRef, actionsRef: actionsRef, onChange: handleChange, rows: rowRange.min })));
+    function handleChange(newValue) {
+        props.onChange && props.onChange(newValue);
+        if (inputRef && inputRef.current instanceof HTMLTextAreaElement) {
+            resize(inputRef.current);
+        }
+    }
+    function getRowRange() {
+        if (props.rows === undefined) {
+            return { min: 3, max: 3 };
+        }
+        else if (typeof props.rows === "object") {
+            return { min: props.rows.min, max: props.rows.max };
+        }
+        else {
+            return { min: props.rows, max: props.rows };
+        }
+    }
+    function resize(textArea) {
+        if (rowRange.min === rowRange.max)
+            return;
+        textArea.style.height = "auto";
+        textArea.style.height = textAreaHeight(textArea) + "px";
+    }
+    function textAreaHeight(textArea) {
+        var _a = window.getComputedStyle(textArea), lineHeight = _a.lineHeight, borderBottomWidth = _a.borderBottomWidth, borderTopWidth = _a.borderTopWidth, paddingBottom = _a.paddingBottom, paddingTop = _a.paddingTop;
+        var maxHeight = rowRange.max * parseFloat(lineHeight) +
+            parseFloat(borderTopWidth) +
+            parseFloat(borderBottomWidth) +
+            parseFloat(paddingTop) +
+            parseFloat(paddingBottom);
+        var scrollHeight = textArea.scrollHeight +
+            parseFloat(borderTopWidth) +
+            parseFloat(borderBottomWidth);
+        return Math.min(scrollHeight, maxHeight);
+    }
+    function insertText(text) {
+        var _a;
+        var input = inputRef.current;
+        if (input) {
+            insertAtCursor(input, text);
+            var newValue = input.value;
+            (_a = actionsRef.current) === null || _a === void 0 ? void 0 : _a.setValue(newValue);
+            props.onChange && props.onChange(newValue);
+        }
+    }
+}
+var InputText = React.forwardRef(InputTextInternal);
+function insertAtCursor(input, newText) {
+    var start = input.selectionStart || 0;
+    var end = input.selectionEnd || 0;
+    var text = input.value;
+    var before = text.substring(0, start);
+    var after = text.substring(end, text.length);
+    input.value = before + newText + after;
+    input.selectionStart = input.selectionEnd = start + newText.length;
+    input.focus();
+}
+
+exports.InputText = InputText;

package/dist/InputTime/InputTime.d.ts

@@ -1,2 +1,2 @@
-import { InputTimeProps } from "./InputTimeProps";
-export declare function InputTime({ defaultValue, value, onChange, ...params }: InputTimeProps): JSX.Element;
+import { InputTimeProps } from "./InputTimeProps";
+export declare function InputTime({ defaultValue, value, onChange, ...params }: InputTimeProps): JSX.Element;

package/dist/InputTime/InputTimeProps.d.ts

@@ -1,18 +1,18 @@
-import { CivilTime } from "@std-proposal/temporal";
-import { CommonFormFieldProps, FormFieldProps } from "../FormField";
-export interface InputTimeProps extends Pick<CommonFormFieldProps, "align" | "disabled" | "invalid" | "inline" | "loading" | "name" | "onValidation" | "placeholder" | "size">, Pick<FormFieldProps, "maxLength" | "readonly" | "autocomplete" | "max" | "min" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations"> {
-    /**
-     * Intial value of the input. Only use this when you need to prepopulate the
-     * field with a data that is not controlled by the components state. If a
-     * state is controlling the value, use the `value` prop instead.
-     */
-    readonly defaultValue?: CivilTime;
-    /**
-     * Set the component to the given value.
-     */
-    readonly value?: CivilTime;
-    /**
-     * Function called when user changes input value.
-     */
-    onChange?(newValue?: CivilTime): void;
-}
+import { CivilTime } from "@std-proposal/temporal";
+import { CommonFormFieldProps, FormFieldProps } from "../FormField";
+export interface InputTimeProps extends Pick<CommonFormFieldProps, "align" | "disabled" | "invalid" | "inline" | "loading" | "name" | "onValidation" | "placeholder" | "size">, Pick<FormFieldProps, "maxLength" | "readonly" | "autocomplete" | "max" | "min" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations"> {
+    /**
+     * Intial value of the input. Only use this when you need to prepopulate the
+     * field with a data that is not controlled by the components state. If a
+     * state is controlling the value, use the `value` prop instead.
+     */
+    readonly defaultValue?: CivilTime;
+    /**
+     * Set the component to the given value.
+     */
+    readonly value?: CivilTime;
+    /**
+     * Function called when user changes input value.
+     */
+    onChange?(newValue?: CivilTime): void;
+}

package/dist/InputTime/InputTimeSafari.d.ts

@@ -1,2 +1,2 @@
-import { InputTimeProps } from "./InputTimeProps";
-export declare function InputTimeSafari({ defaultValue, value, onChange, ...params }: InputTimeProps): JSX.Element;
+import { InputTimeProps } from "./InputTimeProps";
+export declare function InputTimeSafari({ defaultValue, value, onChange, ...params }: InputTimeProps): JSX.Element;

package/dist/InputTime/civilTimeConversions.d.ts

@@ -1,3 +1,3 @@
-import { CivilTime } from "@std-proposal/temporal";
-export declare function civilTimeToHTMLTime(civilTime?: CivilTime): string;
-export declare function htmlTimeToCivilTime(timeString: string): CivilTime | undefined;
+import { CivilTime } from "@std-proposal/temporal";
+export declare function civilTimeToHTMLTime(civilTime?: CivilTime): string;
+export declare function htmlTimeToCivilTime(timeString: string): CivilTime | undefined;

package/dist/InputTime/index.d.ts

@@ -1 +1 @@
-export { InputTime } from "./InputTime";
+export { InputTime } from "./InputTime";