@jobber/components 6.10.2 → 6.11.0

package/dist/useScrollToActive-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var _commonjsHelpers = require('./_commonjsHelpers-cjs.js');
 var _baseFlatten = require('./_baseFlatten-cjs.js');
-var _getAllKeys = require('./_getAllKeys-cjs.js');
+var _baseGet = require('./_baseGet-cjs.js');
 var _baseEach = require('./_baseEach-cjs.js');
 var isTypedArray = require('./isTypedArray-cjs.js');
 var isSymbol$1 = require('./isSymbol-cjs.js');
@@ -146,8 +146,8 @@ function compareMultiple$1(object, other, orders) {
 
 var _compareMultiple = compareMultiple$1;
 
-var arrayMap = _getAllKeys._arrayMap,
-    baseGet = _getAllKeys._baseGet,
+var arrayMap = _baseGet._arrayMap,
+    baseGet = _baseGet._baseGet,
     baseIteratee = _baseEach._baseIteratee,
     baseMap = _baseMap,
     baseSortBy = _baseSortBy,

package/dist/useScrollToActive-es.js

@@ -1,7 +1,7 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
 import { _ as _baseFlatten } from './_baseFlatten-es.js';
-import { a as _arrayMap, b as _baseGet } from './_getAllKeys-es.js';
+import { a as _arrayMap, b as _baseGet } from './_baseGet-es.js';
 import { _ as _baseEach, a as _baseIteratee } from './_baseEach-es.js';
 import { b as isArrayLike_1, k as _baseUnary, a as isArray_1 } from './isTypedArray-es.js';
 import { i as isSymbol_1 } from './isSymbol-es.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.10.2",
+  "version": "6.11.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -487,5 +487,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "6a37cbc30b363891e52735ac997d4007f255c7b9"
+  "gitHead": "14532ccfa9b237d61f1c550e7f2d07aefb062c98"
 }

package/dist/InputText-cjs.js

@@ -1,129 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-cjs.js');
-var FormField = require('./FormField-cjs.js');
-require('./tslib.es6-cjs.js');
-require('react-hook-form');
-require('framer-motion');
-require('@jobber/design');
-require('classnames');
-require('react-router-dom');
-
-function InputTextInternal(props, ref) {
-    const inputRef = React.useRef(null);
-    const actionsRef = React.useRef(null);
-    const wrapperRef = React.useRef(null);
-    const rowRange = getRowRange();
-    React.useImperativeHandle(ref, () => ({
-        insert: (text) => {
-            insertText(text);
-        },
-        blur: () => {
-            const input = inputRef.current;
-            if (input) {
-                input.blur();
-            }
-        },
-        focus: () => {
-            const input = inputRef.current;
-            if (input) {
-                input.focus();
-            }
-        },
-        scrollIntoView: arg => {
-            const input = inputRef.current;
-            if (input) {
-                input.scrollIntoView(arg);
-            }
-        },
-    }));
-    const resize = useAutoResize(inputRef, wrapperRef, rowRange, props.value);
-    return (React.createElement(FormField.FormField, Object.assign({}, props, { type: props.multiline ? "textarea" : "text", inputRef: inputRef, actionsRef: actionsRef, wrapperRef: wrapperRef, onChange: handleChange, rows: rowRange.min })));
-    function handleChange(newValue) {
-        props.onChange && props.onChange(newValue);
-        if (inputRef &&
-            inputRef.current instanceof HTMLTextAreaElement &&
-            wrapperRef &&
-            (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) instanceof HTMLDivElement) {
-            resize(inputRef.current, wrapperRef.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 insertText(text) {
-        var _a;
-        const input = inputRef.current;
-        if (input) {
-            insertAtCursor(input, text);
-            const newValue = input.value;
-            (_a = actionsRef.current) === null || _a === void 0 ? void 0 : _a.setValue(newValue);
-            props.onChange && props.onChange(newValue);
-        }
-    }
-}
-const InputText = React.forwardRef(InputTextInternal);
-function insertAtCursor(input, newText) {
-    const start = input.selectionStart || 0;
-    const end = input.selectionEnd || 0;
-    const text = input.value;
-    const before = text.substring(0, start);
-    const after = text.substring(end, text.length);
-    input.value = before + newText + after;
-    input.selectionStart = input.selectionEnd = start + newText.length;
-    input.focus();
-}
-function useAutoResize(inputRef, wrapperRef, rowRange, value) {
-    useSafeLayoutEffect.useSafeLayoutEffect_1(() => {
-        if (inputRef &&
-            inputRef.current instanceof HTMLTextAreaElement &&
-            wrapperRef &&
-            wrapperRef.current instanceof HTMLDivElement) {
-            resize(inputRef.current, wrapperRef.current);
-        }
-    }, [inputRef.current, wrapperRef.current]);
-    // When the consumer passes a new controlled value, we need to recheck the size.
-    // The timeout ensures the DOM has a enough time to render the new text before
-    // we access the height.
-    useSafeLayoutEffect.useSafeLayoutEffect_1(() => {
-        setTimeout(() => {
-            if (inputRef &&
-                inputRef.current instanceof HTMLTextAreaElement &&
-                wrapperRef &&
-                wrapperRef.current instanceof HTMLDivElement) {
-                resize(inputRef.current, wrapperRef.current);
-            }
-        }, 0);
-    }, [value]);
-    function resize(textArea, wrapper) {
-        if (rowRange.min === rowRange.max)
-            return;
-        textArea.style.flexBasis = "auto";
-        wrapper.style.height = "auto";
-        textArea.style.flexBasis = textAreaHeight(textArea) + "px";
-    }
-    function textAreaHeight(textArea) {
-        const { lineHeight, borderBottomWidth, borderTopWidth, paddingBottom, paddingTop, } = window.getComputedStyle(textArea);
-        const maxHeight = rowRange.max * parseFloat(lineHeight) +
-            parseFloat(borderTopWidth) +
-            parseFloat(borderBottomWidth) +
-            parseFloat(paddingTop) +
-            parseFloat(paddingBottom);
-        const scrollHeight = textArea.scrollHeight +
-            parseFloat(borderTopWidth) +
-            parseFloat(borderBottomWidth);
-        return Math.min(scrollHeight, maxHeight);
-    }
-    return resize;
-}
-
-exports.InputText = InputText;

package/dist/InputText-es.js

@@ -1,127 +0,0 @@
-import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-es.js';
-import { e as FormField } from './FormField-es.js';
-import './tslib.es6-es.js';
-import 'react-hook-form';
-import 'framer-motion';
-import '@jobber/design';
-import 'classnames';
-import 'react-router-dom';
-
-function InputTextInternal(props, ref) {
-    const inputRef = useRef(null);
-    const actionsRef = useRef(null);
-    const wrapperRef = useRef(null);
-    const rowRange = getRowRange();
-    useImperativeHandle(ref, () => ({
-        insert: (text) => {
-            insertText(text);
-        },
-        blur: () => {
-            const input = inputRef.current;
-            if (input) {
-                input.blur();
-            }
-        },
-        focus: () => {
-            const input = inputRef.current;
-            if (input) {
-                input.focus();
-            }
-        },
-        scrollIntoView: arg => {
-            const input = inputRef.current;
-            if (input) {
-                input.scrollIntoView(arg);
-            }
-        },
-    }));
-    const resize = useAutoResize(inputRef, wrapperRef, rowRange, props.value);
-    return (React.createElement(FormField, Object.assign({}, props, { type: props.multiline ? "textarea" : "text", inputRef: inputRef, actionsRef: actionsRef, wrapperRef: wrapperRef, onChange: handleChange, rows: rowRange.min })));
-    function handleChange(newValue) {
-        props.onChange && props.onChange(newValue);
-        if (inputRef &&
-            inputRef.current instanceof HTMLTextAreaElement &&
-            wrapperRef &&
-            (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) instanceof HTMLDivElement) {
-            resize(inputRef.current, wrapperRef.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 insertText(text) {
-        var _a;
-        const input = inputRef.current;
-        if (input) {
-            insertAtCursor(input, text);
-            const newValue = input.value;
-            (_a = actionsRef.current) === null || _a === void 0 ? void 0 : _a.setValue(newValue);
-            props.onChange && props.onChange(newValue);
-        }
-    }
-}
-const InputText = forwardRef(InputTextInternal);
-function insertAtCursor(input, newText) {
-    const start = input.selectionStart || 0;
-    const end = input.selectionEnd || 0;
-    const text = input.value;
-    const before = text.substring(0, start);
-    const after = text.substring(end, text.length);
-    input.value = before + newText + after;
-    input.selectionStart = input.selectionEnd = start + newText.length;
-    input.focus();
-}
-function useAutoResize(inputRef, wrapperRef, rowRange, value) {
-    useSafeLayoutEffect_1(() => {
-        if (inputRef &&
-            inputRef.current instanceof HTMLTextAreaElement &&
-            wrapperRef &&
-            wrapperRef.current instanceof HTMLDivElement) {
-            resize(inputRef.current, wrapperRef.current);
-        }
-    }, [inputRef.current, wrapperRef.current]);
-    // When the consumer passes a new controlled value, we need to recheck the size.
-    // The timeout ensures the DOM has a enough time to render the new text before
-    // we access the height.
-    useSafeLayoutEffect_1(() => {
-        setTimeout(() => {
-            if (inputRef &&
-                inputRef.current instanceof HTMLTextAreaElement &&
-                wrapperRef &&
-                wrapperRef.current instanceof HTMLDivElement) {
-                resize(inputRef.current, wrapperRef.current);
-            }
-        }, 0);
-    }, [value]);
-    function resize(textArea, wrapper) {
-        if (rowRange.min === rowRange.max)
-            return;
-        textArea.style.flexBasis = "auto";
-        wrapper.style.height = "auto";
-        textArea.style.flexBasis = textAreaHeight(textArea) + "px";
-    }
-    function textAreaHeight(textArea) {
-        const { lineHeight, borderBottomWidth, borderTopWidth, paddingBottom, paddingTop, } = window.getComputedStyle(textArea);
-        const maxHeight = rowRange.max * parseFloat(lineHeight) +
-            parseFloat(borderTopWidth) +
-            parseFloat(borderBottomWidth) +
-            parseFloat(paddingTop) +
-            parseFloat(paddingBottom);
-        const scrollHeight = textArea.scrollHeight +
-            parseFloat(borderTopWidth) +
-            parseFloat(borderBottomWidth);
-        return Math.min(scrollHeight, maxHeight);
-    }
-    return resize;
-}
-
-export { InputText as I };