@jobber/components 6.103.2-JOB-140609-8386817.45 → 6.103.2-JOB-141426-ee803fd.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Autocomplete/Autocomplete.types.d.ts +1 -12
- package/dist/Autocomplete/components/MenuList.d.ts +2 -1
- package/dist/Autocomplete/components/PersistentRegion.d.ts +2 -1
- package/dist/Autocomplete/hooks/useAutocompleteListNav.d.ts +2 -1
- package/dist/Autocomplete/index.cjs +85 -35
- package/dist/Autocomplete/index.mjs +86 -36
- package/dist/Autocomplete/tests/Autocomplete.setup.d.ts +13 -0
- package/dist/Autocomplete/useAutocomplete.d.ts +1 -0
- package/dist/Checkbox/Checkbox.types.d.ts +9 -2
- package/dist/Checkbox/index.cjs +2 -4
- package/dist/Checkbox/index.mjs +2 -4
- package/dist/Chips/InternalChipDismissible/hooks/index.cjs +2 -2
- package/dist/Chips/InternalChipDismissible/hooks/index.mjs +2 -2
- package/dist/Chips/InternalChipDismissible/index.cjs +2 -2
- package/dist/Chips/InternalChipDismissible/index.mjs +2 -2
- package/dist/Chips/index.cjs +2 -2
- package/dist/Chips/index.mjs +2 -2
- package/dist/DataList/components/DataListSearch/index.cjs +12 -1
- package/dist/DataList/components/DataListSearch/index.mjs +12 -1
- package/dist/DataList/index.cjs +8 -0
- package/dist/DataList/index.mjs +8 -0
- package/dist/DataTable/index.cjs +2 -2
- package/dist/DataTable/index.mjs +2 -2
- package/dist/DatePicker/index.cjs +2 -2
- package/dist/DatePicker/index.mjs +2 -2
- package/dist/DatePicker-es.js +1 -1
- package/dist/FormField/FormFieldTypes.d.ts +2 -0
- package/dist/FormField/hooks/useFormFieldWrapperStyles.d.ts +2 -7
- package/dist/FormField-cjs.js +6 -1
- package/dist/FormField-es.js +6 -2
- package/dist/InputDate/index.cjs +9 -5
- package/dist/InputDate/index.mjs +9 -5
- package/dist/InputDate/useInputDateActivatorActions.d.ts +8 -4
- package/dist/InputEmail/InputEmail.types.d.ts +20 -12
- package/dist/InputEmail/hooks/useInputEmailActions.d.ts +1 -1
- package/dist/InputEmail/hooks/useInputEmailFormField.d.ts +32 -0
- package/dist/InputEmail/index.cjs +44 -8
- package/dist/InputEmail/index.mjs +44 -8
- package/dist/InputNumber/InputNumber.rebuilt.types.d.ts +3 -20
- package/dist/InputNumber/index.cjs +3 -3
- package/dist/InputNumber/index.mjs +3 -3
- package/dist/InputPhoneNumber/InputPhoneNumber.types.d.ts +27 -13
- package/dist/InputPhoneNumber/hooks/useInputPhoneActions.d.ts +1 -1
- package/dist/InputPhoneNumber/hooks/useInputPhoneFormField.d.ts +71 -0
- package/dist/InputPhoneNumber/index.cjs +34 -17
- package/dist/InputPhoneNumber/index.mjs +34 -17
- package/dist/InputText/InputText.types.d.ts +24 -24
- package/dist/InputText/index.cjs +54 -54
- package/dist/InputText/index.mjs +55 -55
- package/dist/InputText/useInputTextActions.d.ts +1 -1
- package/dist/InputText/useInputTextFormField.d.ts +352 -0
- package/dist/InputTime/InputTime.rebuilt.d.ts +1 -1
- package/dist/InputTime/InputTime.types.d.ts +1 -21
- package/dist/InputTime/index.cjs +33 -63
- package/dist/InputTime/index.d.ts +1 -1
- package/dist/InputTime/index.mjs +36 -66
- package/dist/List/index.cjs +2 -2
- package/dist/List/index.mjs +2 -2
- package/dist/RecurringSelect/index.cjs +2 -2
- package/dist/RecurringSelect/index.mjs +2 -2
- package/dist/Select/Select.rebuilt.d.ts +1 -1
- package/dist/Select/Select.types.d.ts +1 -14
- package/dist/Select/hooks/useSelectActions.d.ts +5 -5
- package/dist/Select/hooks/useSelectFormField.d.ts +34 -0
- package/dist/Select/index.cjs +41 -28
- package/dist/Select/index.d.ts +5 -7
- package/dist/Select/index.mjs +43 -30
- package/dist/Tabs-es.js +1 -1
- package/dist/_baseEach-cjs.js +12 -12
- package/dist/_baseEach-es.js +1 -1
- package/dist/_baseFlatten-cjs.js +2 -2
- package/dist/_baseFlatten-es.js +1 -1
- package/dist/{_getAllKeys-cjs.js → _baseGet-cjs.js} +181 -181
- package/dist/{_getAllKeys-es.js → _baseGet-es.js} +182 -182
- package/dist/debounce-es.js +1 -1
- package/dist/floating-ui.react-cjs.js +115 -0
- package/dist/floating-ui.react-es.js +115 -1
- package/dist/index.cjs +2 -2
- package/dist/index.mjs +2 -2
- package/dist/omit-cjs.js +14 -14
- package/dist/omit-es.js +1 -1
- package/dist/sharedHelpers/types.d.ts +0 -235
- package/dist/styles.css +3 -0
- package/dist/useScrollToActive-cjs.js +3 -3
- package/dist/useScrollToActive-es.js +2 -2
- package/package.json +2 -2
- package/dist/InputTime/hooks/useInputTimeActions.d.ts +0 -16
package/dist/index.cjs
CHANGED
|
@@ -121,9 +121,9 @@ require('./useChildComponent-cjs.js');
|
|
|
121
121
|
require('./InternalChipDismissible-cjs.js');
|
|
122
122
|
require('./useScrollToActive-cjs.js');
|
|
123
123
|
require('./_baseFlatten-cjs.js');
|
|
124
|
-
require('./
|
|
125
|
-
require('./isSymbol-cjs.js');
|
|
124
|
+
require('./_baseGet-cjs.js');
|
|
126
125
|
require('./_getTag-cjs.js');
|
|
126
|
+
require('./isSymbol-cjs.js');
|
|
127
127
|
require('./_baseEach-cjs.js');
|
|
128
128
|
require('./debounce-cjs.js');
|
|
129
129
|
require('./ComboboxContent-cjs.js');
|
package/dist/index.mjs
CHANGED
|
@@ -119,9 +119,9 @@ import './useChildComponent-es.js';
|
|
|
119
119
|
import './InternalChipDismissible-es.js';
|
|
120
120
|
import './useScrollToActive-es.js';
|
|
121
121
|
import './_baseFlatten-es.js';
|
|
122
|
-
import './
|
|
123
|
-
import './isSymbol-es.js';
|
|
122
|
+
import './_baseGet-es.js';
|
|
124
123
|
import './_getTag-es.js';
|
|
124
|
+
import './isSymbol-es.js';
|
|
125
125
|
import './_baseEach-es.js';
|
|
126
126
|
import './debounce-es.js';
|
|
127
127
|
import './ComboboxContent-es.js';
|
package/dist/omit-cjs.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _commonjsHelpers = require('./_commonjsHelpers-cjs.js');
|
|
4
|
-
var
|
|
4
|
+
var _baseGet = require('./_baseGet-cjs.js');
|
|
5
5
|
var identity = require('./identity-cjs.js');
|
|
6
6
|
var keysIn$3 = require('./keysIn-cjs.js');
|
|
7
7
|
var _getTag = require('./_getTag-cjs.js');
|
|
@@ -35,7 +35,7 @@ function arrayEach$1(array, iteratee) {
|
|
|
35
35
|
var _arrayEach = arrayEach$1;
|
|
36
36
|
|
|
37
37
|
var copyObject$4 = keysIn$3._copyObject,
|
|
38
|
-
keys$1 =
|
|
38
|
+
keys$1 = _baseGet.keys_1;
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
41
|
* The base implementation of `_.assign` without support for multiple sources
|
|
@@ -71,7 +71,7 @@ function baseAssignIn$1(object, source) {
|
|
|
71
71
|
var _baseAssignIn = baseAssignIn$1;
|
|
72
72
|
|
|
73
73
|
var copyObject$2 = keysIn$3._copyObject,
|
|
74
|
-
getSymbols$1 =
|
|
74
|
+
getSymbols$1 = _baseGet._getSymbols;
|
|
75
75
|
|
|
76
76
|
/**
|
|
77
77
|
* Copies own symbols of `source` to `object`.
|
|
@@ -87,10 +87,10 @@ function copySymbols$1(source, object) {
|
|
|
87
87
|
|
|
88
88
|
var _copySymbols = copySymbols$1;
|
|
89
89
|
|
|
90
|
-
var arrayPush =
|
|
90
|
+
var arrayPush = _baseGet._arrayPush,
|
|
91
91
|
getPrototype = keysIn$3._getPrototype,
|
|
92
|
-
getSymbols =
|
|
93
|
-
stubArray =
|
|
92
|
+
getSymbols = _baseGet._getSymbols,
|
|
93
|
+
stubArray = _baseGet.stubArray_1;
|
|
94
94
|
|
|
95
95
|
/* Built-in method references for those with the same name as other `lodash` methods. */
|
|
96
96
|
var nativeGetSymbols = Object.getOwnPropertySymbols;
|
|
@@ -130,7 +130,7 @@ function copySymbolsIn$1(source, object) {
|
|
|
130
130
|
|
|
131
131
|
var _copySymbolsIn = copySymbolsIn$1;
|
|
132
132
|
|
|
133
|
-
var baseGetAllKeys =
|
|
133
|
+
var baseGetAllKeys = _baseGet._baseGetAllKeys,
|
|
134
134
|
getSymbolsIn = _getSymbolsIn,
|
|
135
135
|
keysIn$1 = keysIn$3.keysIn_1;
|
|
136
136
|
|
|
@@ -412,7 +412,7 @@ var Stack = identity._Stack,
|
|
|
412
412
|
copyArray = keysIn$3._copyArray,
|
|
413
413
|
copySymbols = _copySymbols,
|
|
414
414
|
copySymbolsIn = _copySymbolsIn,
|
|
415
|
-
getAllKeys =
|
|
415
|
+
getAllKeys = _baseGet._getAllKeys,
|
|
416
416
|
getAllKeysIn$1 = _getAllKeysIn,
|
|
417
417
|
getTag = _getTag._getTag,
|
|
418
418
|
initCloneArray = _initCloneArray,
|
|
@@ -423,7 +423,7 @@ var Stack = identity._Stack,
|
|
|
423
423
|
isMap = isMap_1,
|
|
424
424
|
isObject = isObjectLike$2.isObject_1,
|
|
425
425
|
isSet = isSet_1,
|
|
426
|
-
keys =
|
|
426
|
+
keys = _baseGet.keys_1,
|
|
427
427
|
keysIn = keysIn$3.keysIn_1;
|
|
428
428
|
|
|
429
429
|
/** Used to compose bitmasks for cloning. */
|
|
@@ -625,7 +625,7 @@ function baseSlice$1(array, start, end) {
|
|
|
625
625
|
|
|
626
626
|
var _baseSlice = baseSlice$1;
|
|
627
627
|
|
|
628
|
-
var baseGet =
|
|
628
|
+
var baseGet = _baseGet._baseGet,
|
|
629
629
|
baseSlice = _baseSlice;
|
|
630
630
|
|
|
631
631
|
/**
|
|
@@ -642,10 +642,10 @@ function parent$1(object, path) {
|
|
|
642
642
|
|
|
643
643
|
var _parent = parent$1;
|
|
644
644
|
|
|
645
|
-
var castPath$1 =
|
|
645
|
+
var castPath$1 = _baseGet._castPath,
|
|
646
646
|
last = last_1,
|
|
647
647
|
parent = _parent,
|
|
648
|
-
toKey =
|
|
648
|
+
toKey = _baseGet._toKey;
|
|
649
649
|
|
|
650
650
|
/**
|
|
651
651
|
* The base implementation of `_.unset`.
|
|
@@ -720,10 +720,10 @@ function flatRest$1(func) {
|
|
|
720
720
|
|
|
721
721
|
var _flatRest = flatRest$1;
|
|
722
722
|
|
|
723
|
-
var arrayMap =
|
|
723
|
+
var arrayMap = _baseGet._arrayMap,
|
|
724
724
|
baseClone = _baseClone,
|
|
725
725
|
baseUnset = _baseUnset,
|
|
726
|
-
castPath =
|
|
726
|
+
castPath = _baseGet._castPath,
|
|
727
727
|
copyObject = keysIn$3._copyObject,
|
|
728
728
|
customOmitClone = _customOmitClone,
|
|
729
729
|
flatRest = _flatRest,
|
package/dist/omit-es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
|
|
2
|
-
import { k as keys_1, c as _getSymbols, _ as _arrayPush, s as stubArray_1, d as _baseGetAllKeys, e as _getAllKeys, b as _baseGet, f as _castPath, g as _toKey, a as _arrayMap } from './
|
|
2
|
+
import { k as keys_1, c as _getSymbols, _ as _arrayPush, s as stubArray_1, d as _baseGetAllKeys, e as _getAllKeys, b as _baseGet, f as _castPath, g as _toKey, a as _arrayMap } from './_baseGet-es.js';
|
|
3
3
|
import { c as _Stack } from './identity-es.js';
|
|
4
4
|
import { _ as _copyObject, k as keysIn_1, e as _getPrototype, f as _cloneArrayBuffer, b as _cloneTypedArray, a as _cloneBufferExports, c as _copyArray, d as _initCloneObject, g as _assignValue, i as isPlainObject_1 } from './keysIn-es.js';
|
|
5
5
|
import { a as _getTag } from './_getTag-es.js';
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
import type { AriaAttributes, ReactNode } from "react";
|
|
2
|
-
import type React from "react";
|
|
3
|
-
import type { XOR } from "ts-xor";
|
|
4
|
-
import type { Clearable } from "@jobber/hooks";
|
|
5
|
-
import type { IconNames } from "../Icon";
|
|
6
1
|
export interface CommonAtlantisProps {
|
|
7
2
|
/** Standard HTML data attributes. Accepts anything in a {{"data-key":"value"}} format. */
|
|
8
3
|
dataAttributes?: {
|
|
@@ -15,238 +10,8 @@ export interface CommonAtlantisProps {
|
|
|
15
10
|
/** Standard HTML id attribute. */
|
|
16
11
|
id?: string;
|
|
17
12
|
}
|
|
18
|
-
/**
|
|
19
|
-
* Core ARIA attributes for input elements.
|
|
20
|
-
* Uses camelCase naming for consistency with React props pattern.
|
|
21
|
-
* Based on React's canonical ARIA type definitions.
|
|
22
|
-
*/
|
|
23
|
-
export interface AriaInputProps {
|
|
24
|
-
/**
|
|
25
|
-
* Defines a string value that labels the current element.
|
|
26
|
-
* @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-label}
|
|
27
|
-
*/
|
|
28
|
-
readonly ariaLabel?: AriaAttributes["aria-label"];
|
|
29
|
-
/**
|
|
30
|
-
* Identifies the element (or elements) that labels the current element.
|
|
31
|
-
* @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-labelledby}
|
|
32
|
-
*/
|
|
33
|
-
readonly ariaLabelledBy?: AriaAttributes["aria-labelledby"];
|
|
34
|
-
/**
|
|
35
|
-
* Identifies the element (or elements) that describes the object.
|
|
36
|
-
* @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-describedby}
|
|
37
|
-
*/
|
|
38
|
-
readonly ariaDescribedBy?: AriaAttributes["aria-describedby"];
|
|
39
|
-
/**
|
|
40
|
-
* Identifies the element (or elements) that provide a detailed, extended description.
|
|
41
|
-
* @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-details}
|
|
42
|
-
*/
|
|
43
|
-
readonly ariaDetails?: AriaAttributes["aria-details"];
|
|
44
|
-
/**
|
|
45
|
-
* ID of the currently active descendant element.
|
|
46
|
-
* Used for composite widgets like combobox or listbox.
|
|
47
|
-
* @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-activedescendant}
|
|
48
|
-
*/
|
|
49
|
-
readonly ariaActiveDescendant?: AriaAttributes["aria-activedescendant"];
|
|
50
|
-
/**
|
|
51
|
-
* Indicates the element that controls the current element.
|
|
52
|
-
* @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-controls}
|
|
53
|
-
*/
|
|
54
|
-
readonly ariaControls?: AriaAttributes["aria-controls"];
|
|
55
|
-
/**
|
|
56
|
-
* Indicates whether the element is expanded or collapsed.
|
|
57
|
-
* @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-expanded}
|
|
58
|
-
*/
|
|
59
|
-
readonly ariaExpanded?: AriaAttributes["aria-expanded"];
|
|
60
|
-
/**
|
|
61
|
-
* Indicates the type of autocomplete interaction.
|
|
62
|
-
* @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-autocomplete}
|
|
63
|
-
*/
|
|
64
|
-
readonly ariaAutocomplete?: AriaAttributes["aria-autocomplete"];
|
|
65
|
-
/**
|
|
66
|
-
* Indicates that user input is required before form submission.
|
|
67
|
-
* @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-required}
|
|
68
|
-
*/
|
|
69
|
-
readonly ariaRequired?: AriaAttributes["aria-required"];
|
|
70
|
-
}
|
|
71
|
-
/**
|
|
72
|
-
* Focus event handlers for input elements.
|
|
73
|
-
* Generic interface that can be specialized for different element types.
|
|
74
|
-
*/
|
|
75
|
-
export interface FocusEvents<Target = HTMLElement> {
|
|
76
|
-
/**
|
|
77
|
-
* Focus event handler.
|
|
78
|
-
*/
|
|
79
|
-
readonly onFocus?: (event: React.FocusEvent<Target>) => void;
|
|
80
|
-
/**
|
|
81
|
-
* Blur event handler.
|
|
82
|
-
*/
|
|
83
|
-
readonly onBlur?: (event: React.FocusEvent<Target>) => void;
|
|
84
|
-
}
|
|
85
|
-
/**
|
|
86
|
-
* Keyboard event handlers for input elements.
|
|
87
|
-
* Generic interface that can be specialized for different element types.
|
|
88
|
-
*/
|
|
89
|
-
export interface KeyboardEvents<Target = HTMLElement> {
|
|
90
|
-
/**
|
|
91
|
-
* Key down event handler.
|
|
92
|
-
*/
|
|
93
|
-
readonly onKeyDown?: (event: React.KeyboardEvent<Target>) => void;
|
|
94
|
-
/**
|
|
95
|
-
* Key up event handler.
|
|
96
|
-
*/
|
|
97
|
-
readonly onKeyUp?: (event: React.KeyboardEvent<Target>) => void;
|
|
98
|
-
}
|
|
99
|
-
/**
|
|
100
|
-
* Curated set of HTML input attributes for rebuilt input components.
|
|
101
|
-
* This provides a whitelist of standard HTML/React props we want to support,
|
|
102
|
-
* avoiding the issues of extending React.InputHTMLAttributes directly.
|
|
103
|
-
* Note: Event handlers and ARIA attributes are separate - use FocusEvents, KeyboardEvents, and AriaInputProps.
|
|
104
|
-
*/
|
|
105
|
-
export interface HTMLInputBaseProps extends AriaInputProps {
|
|
106
|
-
/**
|
|
107
|
-
* The unique identifier for the input element.
|
|
108
|
-
*/
|
|
109
|
-
readonly id?: string;
|
|
110
|
-
/**
|
|
111
|
-
* The name attribute for the input element.
|
|
112
|
-
*/
|
|
113
|
-
readonly name?: string;
|
|
114
|
-
/**
|
|
115
|
-
* Whether the input is disabled.
|
|
116
|
-
*/
|
|
117
|
-
readonly disabled?: boolean;
|
|
118
|
-
/**
|
|
119
|
-
* Whether the input is read-only (HTML standard casing).
|
|
120
|
-
*/
|
|
121
|
-
readonly readOnly?: boolean;
|
|
122
|
-
/**
|
|
123
|
-
* Whether the input should be auto-focused (React casing).
|
|
124
|
-
*/
|
|
125
|
-
readonly autoFocus?: boolean;
|
|
126
|
-
/**
|
|
127
|
-
* Autocomplete behavior for the input (React casing, string values only).
|
|
128
|
-
* Use standard HTML autocomplete values or "on"/"off".
|
|
129
|
-
*/
|
|
130
|
-
readonly autoComplete?: string;
|
|
131
|
-
/**
|
|
132
|
-
* Validation pattern (regex) for the input.
|
|
133
|
-
*/
|
|
134
|
-
readonly pattern?: string;
|
|
135
|
-
/**
|
|
136
|
-
* Input mode hint for virtual keyboards.
|
|
137
|
-
*/
|
|
138
|
-
readonly inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
139
|
-
/**
|
|
140
|
-
* Role attribute for accessibility.
|
|
141
|
-
*/
|
|
142
|
-
readonly role?: string;
|
|
143
|
-
/**
|
|
144
|
-
* Tab index for keyboard navigation.
|
|
145
|
-
*/
|
|
146
|
-
readonly tabIndex?: number;
|
|
147
|
-
}
|
|
148
|
-
/**
|
|
149
|
-
* Numeric/date constraint props for inputs that support min/max values.
|
|
150
|
-
* Only extend this for input types where these make semantic sense (number, date, range, etc.).
|
|
151
|
-
*/
|
|
152
|
-
export interface InputConstraintProps {
|
|
153
|
-
/**
|
|
154
|
-
* Maximum numerical or date value.
|
|
155
|
-
*/
|
|
156
|
-
readonly max?: number | string;
|
|
157
|
-
/**
|
|
158
|
-
* Minimum numerical or date value.
|
|
159
|
-
*/
|
|
160
|
-
readonly min?: number | string;
|
|
161
|
-
}
|
|
162
|
-
/**
|
|
163
|
-
* Character length constraint for inputs.
|
|
164
|
-
* Only extend this for text-based inputs where character limits make sense.
|
|
165
|
-
*/
|
|
166
|
-
export interface InputLengthConstraint {
|
|
167
|
-
/**
|
|
168
|
-
* Maximum character length for the input.
|
|
169
|
-
* Note: This affects both HTML validation AND visual width of the component.
|
|
170
|
-
* Future work will separate these concerns.
|
|
171
|
-
*/
|
|
172
|
-
readonly maxLength?: number;
|
|
173
|
-
}
|
|
174
|
-
export interface Affix {
|
|
175
|
-
readonly label?: string;
|
|
176
|
-
readonly icon?: IconNames;
|
|
177
|
-
}
|
|
178
|
-
interface BaseSuffix extends Affix {
|
|
179
|
-
readonly icon: IconNames;
|
|
180
|
-
onClick?(): void;
|
|
181
|
-
}
|
|
182
|
-
export interface Suffix extends BaseSuffix {
|
|
183
|
-
onClick(): void;
|
|
184
|
-
readonly ariaLabel: string;
|
|
185
|
-
}
|
|
186
|
-
/**
|
|
187
|
-
* Common props shared across all rebuilt input components.
|
|
188
|
-
* These are Atlantis-specific features not part of standard HTML inputs.
|
|
189
|
-
*/
|
|
190
|
-
export interface RebuiltInputCommonProps {
|
|
191
|
-
/**
|
|
192
|
-
* Text that appears inside the input when empty and floats above the value
|
|
193
|
-
* as a mini label once the user enters a value.
|
|
194
|
-
* When showMiniLabel is false, this text only serves as a standard placeholder and
|
|
195
|
-
* disappears when the user types.
|
|
196
|
-
*/
|
|
197
|
-
readonly placeholder?: string;
|
|
198
|
-
/**
|
|
199
|
-
* Error message to display. This also highlights the field red.
|
|
200
|
-
*/
|
|
201
|
-
readonly error?: string;
|
|
202
|
-
/**
|
|
203
|
-
* Highlights the field red to indicate an error.
|
|
204
|
-
*/
|
|
205
|
-
readonly invalid?: boolean;
|
|
206
|
-
/**
|
|
207
|
-
* Show a spinner to indicate loading.
|
|
208
|
-
*/
|
|
209
|
-
readonly loading?: boolean;
|
|
210
|
-
/**
|
|
211
|
-
* Add a clear action on the input that clears the value.
|
|
212
|
-
*/
|
|
213
|
-
readonly clearable?: Clearable;
|
|
214
|
-
/**
|
|
215
|
-
* Adjusts the interface to either have small or large spacing.
|
|
216
|
-
*/
|
|
217
|
-
readonly size?: "small" | "large";
|
|
218
|
-
/**
|
|
219
|
-
* Adjusts the form field to go inline with content.
|
|
220
|
-
*/
|
|
221
|
-
readonly inline?: boolean;
|
|
222
|
-
/**
|
|
223
|
-
* Determines the alignment of the text inside the input.
|
|
224
|
-
*/
|
|
225
|
-
readonly align?: "center" | "right";
|
|
226
|
-
/**
|
|
227
|
-
* Adds a prefix label and icon to the field.
|
|
228
|
-
*/
|
|
229
|
-
readonly prefix?: Affix;
|
|
230
|
-
/**
|
|
231
|
-
* Adds a suffix label and icon with an optional action to the field.
|
|
232
|
-
*/
|
|
233
|
-
readonly suffix?: XOR<Affix, Suffix>;
|
|
234
|
-
/**
|
|
235
|
-
* Further description of the input, can be used for a hint.
|
|
236
|
-
*/
|
|
237
|
-
readonly description?: ReactNode;
|
|
238
|
-
/**
|
|
239
|
-
* Children elements to render inside the component.
|
|
240
|
-
*/
|
|
241
|
-
readonly children?: ReactNode;
|
|
242
|
-
/**
|
|
243
|
-
* Version 2 is highly experimental. Avoid using it unless you have talked with Atlantis first.
|
|
244
|
-
*/
|
|
245
|
-
readonly version: 2;
|
|
246
|
-
}
|
|
247
13
|
/** Represents a day of the week as a number where 0 = Sunday, 1 = Monday, etc. */
|
|
248
14
|
export type DayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
249
15
|
export type CommonAllowedElements = "section" | "p" | "article" | "ul" | "li" | "div" | "span" | "dl" | "dd" | "dt";
|
|
250
16
|
export type Spaces = "none" | "minuscule" | "slim" | "smallest" | "smaller" | "small" | "base" | "large" | "larger" | "largest" | "extravagant";
|
|
251
17
|
export type GapSpacing = Spaces | (string & NonNullable<unknown>);
|
|
252
|
-
export {};
|
package/dist/styles.css
CHANGED
|
@@ -99,11 +99,13 @@
|
|
|
99
99
|
padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
|
|
100
100
|
border-bottom: 1px solid hsl(200, 13%, 87%);
|
|
101
101
|
border-bottom: var(--border-base) solid var(--color-border);
|
|
102
|
+
cursor: default;
|
|
102
103
|
}
|
|
103
104
|
|
|
104
105
|
.Twgjn26oldE- {
|
|
105
106
|
padding: 8px 16px;
|
|
106
107
|
padding: var(--space-small) var(--space-base);
|
|
108
|
+
cursor: default;
|
|
107
109
|
}
|
|
108
110
|
|
|
109
111
|
.mc1-CEwZtHE- {
|
|
@@ -132,6 +134,7 @@
|
|
|
132
134
|
.vxk57ZhP8GU- {
|
|
133
135
|
padding: 8px 0 4px 8px;
|
|
134
136
|
padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
|
|
137
|
+
cursor: default;
|
|
135
138
|
}
|
|
136
139
|
|
|
137
140
|
.j4h-0Mxa5gk- {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var _commonjsHelpers = require('./_commonjsHelpers-cjs.js');
|
|
5
5
|
var _baseFlatten = require('./_baseFlatten-cjs.js');
|
|
6
|
-
var
|
|
6
|
+
var _baseGet = require('./_baseGet-cjs.js');
|
|
7
7
|
var _baseEach = require('./_baseEach-cjs.js');
|
|
8
8
|
var isTypedArray = require('./isTypedArray-cjs.js');
|
|
9
9
|
var isSymbol$1 = require('./isSymbol-cjs.js');
|
|
@@ -148,8 +148,8 @@ function compareMultiple$1(object, other, orders) {
|
|
|
148
148
|
|
|
149
149
|
var _compareMultiple = compareMultiple$1;
|
|
150
150
|
|
|
151
|
-
var arrayMap =
|
|
152
|
-
baseGet =
|
|
151
|
+
var arrayMap = _baseGet._arrayMap,
|
|
152
|
+
baseGet = _baseGet._baseGet,
|
|
153
153
|
baseIteratee = _baseEach._baseIteratee,
|
|
154
154
|
baseMap = _baseMap,
|
|
155
155
|
baseSortBy = _baseSortBy,
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React__default, { useState, useId, useEffect, useRef } from 'react';
|
|
2
2
|
import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
|
|
3
3
|
import { _ as _baseFlatten } from './_baseFlatten-es.js';
|
|
4
|
-
import { a as _arrayMap, b as _baseGet } from './
|
|
4
|
+
import { a as _arrayMap, b as _baseGet } from './_baseGet-es.js';
|
|
5
5
|
import { _ as _baseEach, a as _baseIteratee } from './_baseEach-es.js';
|
|
6
6
|
import { b as isArrayLike_1, k as _baseUnary, a as isArray_1 } from './isTypedArray-es.js';
|
|
7
7
|
import { i as isSymbol_1 } from './isSymbol-es.js';
|
|
8
8
|
import { i as identity_1 } from './identity-es.js';
|
|
9
9
|
import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
|
|
10
10
|
import { useLiveAnnounce } from '@jobber/hooks';
|
|
11
|
-
import {
|
|
11
|
+
import { d as debounce } from './debounce-es.js';
|
|
12
12
|
import { I as Icon } from './Icon-es.js';
|
|
13
13
|
import { u as useFloating, o as offset, f as flip, c as size, b as autoUpdate } from './floating-ui.react-es.js';
|
|
14
14
|
import { c as calculateMaxHeight } from './maxHeight-es.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "6.103.2-JOB-
|
|
3
|
+
"version": "6.103.2-JOB-141426-ee803fd.19+ee803fdda",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -538,5 +538,5 @@
|
|
|
538
538
|
"> 1%",
|
|
539
539
|
"IE 10"
|
|
540
540
|
],
|
|
541
|
-
"gitHead": "
|
|
541
|
+
"gitHead": "ee803fdda8687a785cb75ea60585b8cf506c9e3d"
|
|
542
542
|
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { ChangeEvent, FocusEvent, KeyboardEvent } from "react";
|
|
2
|
-
import type { InputTimeRebuiltProps } from "../InputTime.types";
|
|
3
|
-
export interface UseInputTimeActionsProps extends Pick<InputTimeRebuiltProps, "onChange" | "onFocus" | "onBlur" | "onKeyDown"> {
|
|
4
|
-
readonly value?: Date;
|
|
5
|
-
readonly readOnly?: boolean;
|
|
6
|
-
readonly disabled?: boolean;
|
|
7
|
-
readonly inputRef?: React.RefObject<HTMLInputElement>;
|
|
8
|
-
}
|
|
9
|
-
export declare function useInputTimeActions({ onChange, value, inputRef, onFocus, onBlur, onKeyDown, }: UseInputTimeActionsProps): {
|
|
10
|
-
handleChangeEvent: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
11
|
-
handleChange: (newValue: string) => void;
|
|
12
|
-
handleBlur: (event: FocusEvent<HTMLInputElement>) => void;
|
|
13
|
-
handleClear: () => void;
|
|
14
|
-
handleFocus: (event: FocusEvent<HTMLInputElement>) => void;
|
|
15
|
-
handleKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
|
|
16
|
-
};
|