@jobber/components 6.11.0 → 6.11.2

package/dist/{_baseGet-es.js → _getAllKeys-es.js}

@@ -1,152 +1,8 @@
-import { b as isArrayLike_1, a as isArray_1 } from './isTypedArray-es.js';
-import { d as _arrayLikeKeys, f as _MapCache } from './identity-es.js';
-import { _ as _baseKeys } from './_getTag-es.js';
+import { a as isArray_1, b as isArrayLike_1 } from './isTypedArray-es.js';
 import { i as isSymbol_1 } from './isSymbol-es.js';
+import { f as _MapCache, d as _arrayLikeKeys } from './identity-es.js';
 import { b as _Symbol } from './isObjectLike-es.js';
-
-/**
- * A specialized version of `_.map` for arrays without support for iteratee
- * shorthands.
- *
- * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns the new mapped array.
- */
-
-function arrayMap$1(array, iteratee) {
-  var index = -1,
-      length = array == null ? 0 : array.length,
-      result = Array(length);
-
-  while (++index < length) {
-    result[index] = iteratee(array[index], index, array);
-  }
-  return result;
-}
-
-var _arrayMap = arrayMap$1;
-
-var arrayLikeKeys = _arrayLikeKeys,
-    baseKeys = _baseKeys,
-    isArrayLike = isArrayLike_1;
-
-/**
- * Creates an array of the own enumerable property names of `object`.
- *
- * **Note:** Non-object values are coerced to objects. See the
- * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
- * for more details.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Object
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of property names.
- * @example
- *
- * function Foo() {
- *   this.a = 1;
- *   this.b = 2;
- * }
- *
- * Foo.prototype.c = 3;
- *
- * _.keys(new Foo);
- * // => ['a', 'b'] (iteration order is not guaranteed)
- *
- * _.keys('hi');
- * // => ['0', '1']
- */
-function keys$1(object) {
-  return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
-}
-
-var keys_1 = keys$1;
-
-/**
- * A specialized version of `_.filter` for arrays without support for
- * iteratee shorthands.
- *
- * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} predicate The function invoked per iteration.
- * @returns {Array} Returns the new filtered array.
- */
-
-function arrayFilter$1(array, predicate) {
-  var index = -1,
-      length = array == null ? 0 : array.length,
-      resIndex = 0,
-      result = [];
-
-  while (++index < length) {
-    var value = array[index];
-    if (predicate(value, index, array)) {
-      result[resIndex++] = value;
-    }
-  }
-  return result;
-}
-
-var _arrayFilter = arrayFilter$1;
-
-/**
- * This method returns a new empty array.
- *
- * @static
- * @memberOf _
- * @since 4.13.0
- * @category Util
- * @returns {Array} Returns the new empty array.
- * @example
- *
- * var arrays = _.times(2, _.stubArray);
- *
- * console.log(arrays);
- * // => [[], []]
- *
- * console.log(arrays[0] === arrays[1]);
- * // => false
- */
-
-function stubArray$1() {
-  return [];
-}
-
-var stubArray_1 = stubArray$1;
-
-var arrayFilter = _arrayFilter,
-    stubArray = stubArray_1;
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/** Built-in value references. */
-var propertyIsEnumerable = objectProto.propertyIsEnumerable;
-
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeGetSymbols = Object.getOwnPropertySymbols;
-
-/**
- * Creates an array of the own enumerable symbols of `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of symbols.
- */
-var getSymbols$1 = !nativeGetSymbols ? stubArray : function(object) {
-  if (object == null) {
-    return [];
-  }
-  object = Object(object);
-  return arrayFilter(nativeGetSymbols(object), function(symbol) {
-    return propertyIsEnumerable.call(object, symbol);
-  });
-};
-
-var _getSymbols = getSymbols$1;
+import { _ as _baseKeys } from './_getTag-es.js';
 
 /**
  * Appends the elements of `values` to `array`.
@@ -170,45 +26,30 @@ function arrayPush$1(array, values) {
 
 var _arrayPush = arrayPush$1;
 
-var arrayPush = _arrayPush,
-    isArray$3 = isArray_1;
-
 /**
- * The base implementation of `getAllKeys` and `getAllKeysIn` which uses
- * `keysFunc` and `symbolsFunc` to get the enumerable property names and
- * symbols of `object`.
+ * A specialized version of `_.map` for arrays without support for iteratee
+ * shorthands.
  *
  * @private
- * @param {Object} object The object to query.
- * @param {Function} keysFunc The function to get the keys of `object`.
- * @param {Function} symbolsFunc The function to get the symbols of `object`.
- * @returns {Array} Returns the array of property names and symbols.
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the new mapped array.
  */
-function baseGetAllKeys$1(object, keysFunc, symbolsFunc) {
-  var result = keysFunc(object);
-  return isArray$3(object) ? result : arrayPush(result, symbolsFunc(object));
-}
 
-var _baseGetAllKeys = baseGetAllKeys$1;
-
-var baseGetAllKeys = _baseGetAllKeys,
-    getSymbols = _getSymbols,
-    keys = keys_1;
+function arrayMap$1(array, iteratee) {
+  var index = -1,
+      length = array == null ? 0 : array.length,
+      result = Array(length);
 
-/**
- * Creates an array of own enumerable property names and symbols of `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of property names and symbols.
- */
-function getAllKeys(object) {
-  return baseGetAllKeys(object, keys, getSymbols);
+  while (++index < length) {
+    result[index] = iteratee(array[index], index, array);
+  }
+  return result;
 }
 
-var _getAllKeys = getAllKeys;
+var _arrayMap = arrayMap$1;
 
-var isArray$2 = isArray_1,
+var isArray$3 = isArray_1,
     isSymbol$2 = isSymbol_1;
 
 /** Used to match property names within property paths. */
@@ -224,7 +65,7 @@ var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
  * @returns {boolean} Returns `true` if `value` is a property name, else `false`.
  */
 function isKey$1(value, object) {
-  if (isArray$2(value)) {
+  if (isArray$3(value)) {
     return false;
   }
   var type = typeof value;
@@ -369,7 +210,7 @@ var _stringToPath = stringToPath$1;
 
 var Symbol = _Symbol,
     arrayMap = _arrayMap,
-    isArray$1 = isArray_1,
+    isArray$2 = isArray_1,
     isSymbol$1 = isSymbol_1;
 
 /** Used as references for various `Number` constants. */
@@ -392,7 +233,7 @@ function baseToString$1(value) {
   if (typeof value == 'string') {
     return value;
   }
-  if (isArray$1(value)) {
+  if (isArray$2(value)) {
     // Recursively convert values (susceptible to call stack limits).
     return arrayMap(value, baseToString$1) + '';
   }
@@ -434,7 +275,7 @@ function toString$1(value) {
 
 var toString_1 = toString$1;
 
-var isArray = isArray_1,
+var isArray$1 = isArray_1,
     isKey = _isKey,
     stringToPath = _stringToPath,
     toString = toString_1;
@@ -448,7 +289,7 @@ var isArray = isArray_1,
  * @returns {Array} Returns the cast property path array.
  */
 function castPath$1(value, object) {
-  if (isArray(value)) {
+  if (isArray$1(value)) {
     return value;
   }
   return isKey(value, object) ? [value] : stringToPath(toString(value));
@@ -503,4 +344,163 @@ function baseGet(object, path) {
 
 var _baseGet = baseGet;
 
-export { _arrayPush as _, _arrayMap as a, _baseGet as b, _getSymbols as c, _baseGetAllKeys as d, _getAllKeys as e, _castPath as f, _toKey as g, _isKey as h, keys_1 as k, stubArray_1 as s };
+var arrayPush = _arrayPush,
+    isArray = isArray_1;
+
+/**
+ * The base implementation of `getAllKeys` and `getAllKeysIn` which uses
+ * `keysFunc` and `symbolsFunc` to get the enumerable property names and
+ * symbols of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Function} keysFunc The function to get the keys of `object`.
+ * @param {Function} symbolsFunc The function to get the symbols of `object`.
+ * @returns {Array} Returns the array of property names and symbols.
+ */
+function baseGetAllKeys$1(object, keysFunc, symbolsFunc) {
+  var result = keysFunc(object);
+  return isArray(object) ? result : arrayPush(result, symbolsFunc(object));
+}
+
+var _baseGetAllKeys = baseGetAllKeys$1;
+
+/**
+ * A specialized version of `_.filter` for arrays without support for
+ * iteratee shorthands.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} predicate The function invoked per iteration.
+ * @returns {Array} Returns the new filtered array.
+ */
+
+function arrayFilter$1(array, predicate) {
+  var index = -1,
+      length = array == null ? 0 : array.length,
+      resIndex = 0,
+      result = [];
+
+  while (++index < length) {
+    var value = array[index];
+    if (predicate(value, index, array)) {
+      result[resIndex++] = value;
+    }
+  }
+  return result;
+}
+
+var _arrayFilter = arrayFilter$1;
+
+/**
+ * This method returns a new empty array.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.13.0
+ * @category Util
+ * @returns {Array} Returns the new empty array.
+ * @example
+ *
+ * var arrays = _.times(2, _.stubArray);
+ *
+ * console.log(arrays);
+ * // => [[], []]
+ *
+ * console.log(arrays[0] === arrays[1]);
+ * // => false
+ */
+
+function stubArray$1() {
+  return [];
+}
+
+var stubArray_1 = stubArray$1;
+
+var arrayFilter = _arrayFilter,
+    stubArray = stubArray_1;
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/** Built-in value references. */
+var propertyIsEnumerable = objectProto.propertyIsEnumerable;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeGetSymbols = Object.getOwnPropertySymbols;
+
+/**
+ * Creates an array of the own enumerable symbols of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of symbols.
+ */
+var getSymbols$1 = !nativeGetSymbols ? stubArray : function(object) {
+  if (object == null) {
+    return [];
+  }
+  object = Object(object);
+  return arrayFilter(nativeGetSymbols(object), function(symbol) {
+    return propertyIsEnumerable.call(object, symbol);
+  });
+};
+
+var _getSymbols = getSymbols$1;
+
+var arrayLikeKeys = _arrayLikeKeys,
+    baseKeys = _baseKeys,
+    isArrayLike = isArrayLike_1;
+
+/**
+ * Creates an array of the own enumerable property names of `object`.
+ *
+ * **Note:** Non-object values are coerced to objects. See the
+ * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
+ * for more details.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Object
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ * @example
+ *
+ * function Foo() {
+ *   this.a = 1;
+ *   this.b = 2;
+ * }
+ *
+ * Foo.prototype.c = 3;
+ *
+ * _.keys(new Foo);
+ * // => ['a', 'b'] (iteration order is not guaranteed)
+ *
+ * _.keys('hi');
+ * // => ['0', '1']
+ */
+function keys$1(object) {
+  return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
+}
+
+var keys_1 = keys$1;
+
+var baseGetAllKeys = _baseGetAllKeys,
+    getSymbols = _getSymbols,
+    keys = keys_1;
+
+/**
+ * Creates an array of own enumerable property names and symbols of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names and symbols.
+ */
+function getAllKeys(object) {
+  return baseGetAllKeys(object, keys, getSymbols);
+}
+
+var _getAllKeys = getAllKeys;
+
+export { _arrayPush as _, _arrayMap as a, _baseGet as b, _getAllKeys as c, _castPath as d, _toKey as e, _isKey as f, _getSymbols as g, _baseGetAllKeys as h, keys_1 as k, stubArray_1 as s };

package/dist/index.cjs

@@ -56,7 +56,7 @@ var InputGroup = require('./InputGroup-cjs.js');
 var InputNumber = require('./InputNumber-cjs.js');
 var InputPassword = require('./InputPassword-cjs.js');
 var InputPhoneNumber = require('./InputPhoneNumber-cjs.js');
-var InputText_index = require('./InputText/index.cjs');
+var InputText = require('./InputText-cjs.js');
 var InputTime = require('./InputTime-cjs.js');
 var InputValidation = require('./InputValidation-cjs.js');
 var LightBox = require('./LightBox-cjs.js');
@@ -114,7 +114,7 @@ require('./useChildComponent-cjs.js');
 require('./InternalChipDismissible-cjs.js');
 require('./useScrollToActive-cjs.js');
 require('./_baseFlatten-cjs.js');
-require('./_baseGet-cjs.js');
+require('./_getAllKeys-cjs.js');
 require('./_getTag-cjs.js');
 require('./_baseEach-cjs.js');
 require('./_polyfill-node.process-cjs.js');
@@ -167,7 +167,6 @@ require('./DataListAction-cjs.js');
 require('./DataListLayoutActions-cjs.js');
 require('./DataListStatusBar-cjs.js');
 require('./throttle-cjs.js');
-require('./omit-cjs.js');
 require('./useFormFieldFocus-cjs.js');
 require('filesize');
 require('./GridCell-cjs.js');
@@ -252,7 +251,7 @@ exports.InputGroup = InputGroup.InputGroup;
 exports.InputNumber = InputNumber.InputNumber;
 exports.InputPassword = InputPassword.InputPassword;
 exports.InputPhoneNumber = InputPhoneNumber.InputPhoneNumber;
-exports.InputText = InputText_index.InputText;
+exports.InputText = InputText.InputText;
 exports.InputTime = InputTime.InputTime;
 exports.InputValidation = InputValidation.InputValidation;
 exports.LightBox = LightBox.LightBox;

package/dist/index.mjs

@@ -54,7 +54,7 @@ export { I as InputGroup } from './InputGroup-es.js';
 export { I as InputNumber } from './InputNumber-es.js';
 export { I as InputPassword } from './InputPassword-es.js';
 export { I as InputPhoneNumber } from './InputPhoneNumber-es.js';
-export { InputText } from './InputText/index.mjs';
+export { I as InputText } from './InputText-es.js';
 export { I as InputTime } from './InputTime-es.js';
 export { I as InputValidation } from './InputValidation-es.js';
 export { L as LightBox } from './LightBox-es.js';
@@ -112,7 +112,7 @@ import './useChildComponent-es.js';
 import './InternalChipDismissible-es.js';
 import './useScrollToActive-es.js';
 import './_baseFlatten-es.js';
-import './_baseGet-es.js';
+import './_getAllKeys-es.js';
 import './_getTag-es.js';
 import './_baseEach-es.js';
 import './_polyfill-node.process-es.js';
@@ -165,7 +165,6 @@ import './DataListAction-es.js';
 import './DataListLayoutActions-es.js';
 import './DataListStatusBar-es.js';
 import './throttle-es.js';
-import './omit-es.js';
 import './useFormFieldFocus-es.js';
 import 'filesize';
 import './GridCell-es.js';

package/dist/isTypedArray-es.js

@@ -586,4 +586,4 @@ var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedA
 
 var isTypedArray_1 = isTypedArray;
 
-export { _isPrototype as _, isArray_1 as a, isArrayLike_1 as b, isBufferExports as c, isTypedArray_1 as d, _overArg as e, _getNative as f, _Map as g, _toSource as h, isArguments_1 as i, isFunction_1 as j, _baseUnary as k, _nodeUtilExports as l, isLength_1 as m };
+export { _isPrototype as _, isArray_1 as a, isArrayLike_1 as b, isBufferExports as c, isTypedArray_1 as d, _overArg as e, _getNative as f, _Map as g, _toSource as h, isArguments_1 as i, isFunction_1 as j, _baseUnary as k, isLength_1 as l, _nodeUtilExports as m };

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 _baseGet = require('./_baseGet-cjs.js');
+var _getAllKeys = require('./_getAllKeys-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 = _baseGet._arrayMap,
-    baseGet = _baseGet._baseGet,
+var arrayMap = _getAllKeys._arrayMap,
+    baseGet = _getAllKeys._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 './_baseGet-es.js';
+import { a as _arrayMap, b as _baseGet } from './_getAllKeys-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.11.0",
+  "version": "6.11.2",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -487,5 +487,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "14532ccfa9b237d61f1c550e7f2d07aefb062c98"
+  "gitHead": "a2e479d20926ac631b59cbefeb6b6f8558f98235"
 }

package/dist/InputText/InputText.rebuilt.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { InputTextRebuiltProps } from "./InputText.types";
-export declare const InputTextSPAR: React.ForwardRefExoticComponent<InputTextRebuiltProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;

package/dist/InputText/InputText.types.d.ts

@@ -1,71 +0,0 @@
-import { Clearable } from "@jobber/hooks/src";
-import { XOR } from "ts-xor";
-import { AutocompleteTypes, CommonFormFieldProps, FormFieldProps, FormFieldTypes } from "../FormField";
-export interface RowRange {
-    min: number;
-    max: number;
-}
-export type InputTextVersion = 1 | 2 | undefined;
-export interface InputTextRebuiltProps extends Omit<React.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, "onChange" | "onBlur" | "maxLength" | "rows" | "size" | "suffix" | "prefix" | "value" | "max" | "min" | "defaultValue"> {
-    readonly error?: string;
-    readonly invalid?: boolean;
-    readonly identifier?: string;
-    readonly autocomplete?: boolean | AutocompleteTypes;
-    readonly loading?: boolean;
-    readonly onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    readonly children?: React.ReactNode;
-    readonly clearable?: Clearable;
-    /**
-     * Use this when you're expecting a long answer.
-     */
-    readonly multiline?: boolean;
-    /**
-     * 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;
-    readonly type?: FormFieldTypes;
-    /**
-     * Version 2 is highly experimental. Avoid using it unless you have talked with Atlantis first.
-     */
-    readonly version: 2;
-    readonly onChange?: (newValue: string, event?: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    readonly onEnter?: FormFieldProps["onEnter"];
-    readonly onBlur?: FormFieldProps["onBlur"];
-    readonly value: string;
-    readonly maxLength?: number;
-    readonly size?: FormFieldProps["size"];
-    readonly inline?: FormFieldProps["inline"];
-    readonly align?: FormFieldProps["align"];
-    readonly toolbar?: FormFieldProps["toolbar"];
-    readonly toolbarVisibility?: FormFieldProps["toolbarVisibility"];
-    readonly prefix?: FormFieldProps["prefix"];
-    readonly suffix?: FormFieldProps["suffix"];
-    readonly description?: FormFieldProps["description"];
-}
-interface BaseProps extends CommonFormFieldProps, Pick<FormFieldProps, "autofocus" | "maxLength" | "readonly" | "autocomplete" | "keyboard" | "onEnter" | "onFocus" | "onBlur" | "onChange" | "inputRef" | "validations" | "defaultValue" | "prefix" | "suffix" | "toolbar" | "toolbarVisibility" | "version"> {
-    multiline?: boolean;
-}
-export interface InputTextRef {
-    insert(text: string): void;
-    blur(): void;
-    focus(): void;
-    scrollIntoView(arg?: boolean | ScrollIntoViewOptions): 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 type InputTextPropOptions = XOR<BaseProps, MultilineProps>;
-export {};

package/dist/InputText/useInputTextActions.d.ts

@@ -1,16 +0,0 @@
-import { ChangeEvent, FocusEvent, KeyboardEvent } from "react";
-import { InputTextRebuiltProps } from "./InputText.types";
-export interface useInputTextActionsProps extends Pick<InputTextRebuiltProps, "onChange" | "onEnter" | "onFocus" | "onBlur"> {
-    inputRef?: React.RefObject<HTMLInputElement | HTMLTextAreaElement>;
-}
-/**
- * Combines the actions on the InputText such as onChange, onEnter, onFocus, onBlur, and onClear to forward information to the consumers of the InputText.
- * DO not repeat this pattern. We are doing this as a proof of concept relating to the refactoring of Form inputs to see what can be removed.
- */
-export declare function useInputTextActions({ onChange, inputRef, onEnter, onFocus, onBlur, }: useInputTextActionsProps): {
-    handleClear: () => void;
-    handleChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    handleKeyDown: (event: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    handleFocus: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    handleBlur: (event?: FocusEvent) => void;
-};