@nordicsemiconductor/pc-nrfconnect-shared 165.0.0 → 167.0.0
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/Changelog.md +32 -0
- package/package.json +1 -1
- package/src/ConfirmBeforeClose/ConfirmCloseDialog.tsx +1 -0
- package/src/Group/Group.tsx +5 -2
- package/src/InlineInput/InlineInput.tsx +3 -1
- package/src/InlineInput/NumberInlineInput.tsx +25 -2
- package/src/InlineInput/number-inline-input.scss +4 -2
- package/src/NumberInput/NumberInput.tsx +7 -1
- package/src/Slider/Slider.tsx +21 -7
- package/src/Slider/percentage.ts +13 -7
- package/src/Slider/range.ts +2 -15
- package/typings/generated/src/ConfirmBeforeClose/ConfirmCloseDialog.d.ts.map +1 -1
- package/typings/generated/src/Group/Group.d.ts.map +1 -1
- package/typings/generated/src/InlineInput/InlineInput.d.ts +1 -0
- package/typings/generated/src/InlineInput/InlineInput.d.ts.map +1 -1
- package/typings/generated/src/InlineInput/NumberInlineInput.d.ts +3 -1
- package/typings/generated/src/InlineInput/NumberInlineInput.d.ts.map +1 -1
- package/typings/generated/src/NumberInput/NumberInput.d.ts +3 -1
- package/typings/generated/src/NumberInput/NumberInput.d.ts.map +1 -1
- package/typings/generated/src/Slider/Slider.d.ts.map +1 -1
- package/typings/generated/src/Slider/percentage.d.ts.map +1 -1
- package/typings/generated/src/Slider/range.d.ts +1 -1
- package/typings/generated/src/Slider/range.d.ts.map +1 -1
package/Changelog.md
CHANGED
|
@@ -7,6 +7,38 @@ This project does _not_ adhere to
|
|
|
7
7
|
[Semantic Versioning](https://semver.org/spec/v2.0.0.html) but contrary to it
|
|
8
8
|
every new version is a new major version.
|
|
9
9
|
|
|
10
|
+
## 167.0.0 - 2024-03-08
|
|
11
|
+
|
|
12
|
+
### Fixed
|
|
13
|
+
|
|
14
|
+
- `Group` will not collapse on click unless collapsible property is set
|
|
15
|
+
- `ConfirmCloseDialog` now cancels launcher's request to reload. Requires
|
|
16
|
+
engine version 4.4.1
|
|
17
|
+
|
|
18
|
+
## 166.0.0 - 2024-03-05
|
|
19
|
+
|
|
20
|
+
### Added
|
|
21
|
+
|
|
22
|
+
- `Slider` now supports unsorted range values
|
|
23
|
+
- `NumberInlineInput` now supports unsorted range values
|
|
24
|
+
- `InlineInput` supports optional `minSize` property
|
|
25
|
+
- `NumberInlineInput` supports optional `minSize` and `preAllocateSize`
|
|
26
|
+
properties
|
|
27
|
+
- `NumberInput` supports optional `inputMinSize` and `preAllocateInputSize`
|
|
28
|
+
properties
|
|
29
|
+
|
|
30
|
+
### Changed
|
|
31
|
+
|
|
32
|
+
- `NumberInlineInput` will pre-allocate input min width depending on the range
|
|
33
|
+
unless `minSize` property is provided or `preAllocateSize` is set to false
|
|
34
|
+
- `NumberInput` will pre-allocate input min input field width depending on the
|
|
35
|
+
range unless `inputMinSize` property is provided or `preAllocateInputSize`
|
|
36
|
+
is set to false
|
|
37
|
+
|
|
38
|
+
### Fixed
|
|
39
|
+
|
|
40
|
+
- `NumberInput` unit is not aligned when label consumes multi line
|
|
41
|
+
|
|
10
42
|
## 165.0.0 - 2024-03-05
|
|
11
43
|
|
|
12
44
|
### Added
|
package/package.json
CHANGED
package/src/Group/Group.tsx
CHANGED
|
@@ -100,11 +100,14 @@ export const Group = ({
|
|
|
100
100
|
<div className={className}>
|
|
101
101
|
<button
|
|
102
102
|
className={classNames(
|
|
103
|
-
'tw-row tw-preflight tw-flex tw-items-center tw-justify-between tw-text-left',
|
|
104
|
-
headingFullWidth && 'tw-w-full'
|
|
103
|
+
'tw-row tw-preflight tw- tw-flex tw-items-center tw-justify-between tw-text-left',
|
|
104
|
+
headingFullWidth && 'tw-w-full',
|
|
105
|
+
!collapsible && ' tw-cursor-default'
|
|
105
106
|
)}
|
|
106
107
|
type="button"
|
|
107
108
|
onClick={() => {
|
|
109
|
+
if (!collapsible) return;
|
|
110
|
+
|
|
108
111
|
if (!collapsibleDivRef.current || !initStateSet.current)
|
|
109
112
|
return;
|
|
110
113
|
|
|
@@ -61,6 +61,7 @@ interface Props {
|
|
|
61
61
|
textAlignLeft?: boolean;
|
|
62
62
|
onValidityChanged?: (validity: boolean) => void;
|
|
63
63
|
preventDefaultInvalidStyle?: boolean;
|
|
64
|
+
minSize?: number;
|
|
64
65
|
}
|
|
65
66
|
|
|
66
67
|
const InlineInput = React.forwardRef<HTMLInputElement, Props>(
|
|
@@ -78,6 +79,7 @@ const InlineInput = React.forwardRef<HTMLInputElement, Props>(
|
|
|
78
79
|
textAlignLeft = false,
|
|
79
80
|
onValidityChanged,
|
|
80
81
|
preventDefaultInvalidStyle,
|
|
82
|
+
minSize,
|
|
81
83
|
},
|
|
82
84
|
ref
|
|
83
85
|
) => {
|
|
@@ -174,7 +176,7 @@ const InlineInput = React.forwardRef<HTMLInputElement, Props>(
|
|
|
174
176
|
className
|
|
175
177
|
)}
|
|
176
178
|
size={
|
|
177
|
-
Math.max(1, internalValue.length) +
|
|
179
|
+
Math.max(minSize ?? 1, internalValue.length) +
|
|
178
180
|
(process.platform === 'darwin' ? 2 : 0)
|
|
179
181
|
}
|
|
180
182
|
disabled={disabled}
|
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
isValues,
|
|
13
13
|
Range,
|
|
14
14
|
RangeOrValues,
|
|
15
|
-
|
|
15
|
+
useValidatedRange,
|
|
16
16
|
Values,
|
|
17
17
|
} from '../Slider/range';
|
|
18
18
|
import InlineInput from './InlineInput';
|
|
@@ -30,6 +30,8 @@ interface NumberInlineInput {
|
|
|
30
30
|
textAlignLeft?: boolean;
|
|
31
31
|
onValidityChanged?: (validity: boolean) => void;
|
|
32
32
|
preventDefaultInvalidStyle?: boolean;
|
|
33
|
+
minSize?: number;
|
|
34
|
+
preAllocateSize?: boolean;
|
|
33
35
|
}
|
|
34
36
|
|
|
35
37
|
const isInValues = (value: number, values: Values) => values.includes(value);
|
|
@@ -106,8 +108,10 @@ export default ({
|
|
|
106
108
|
textAlignLeft,
|
|
107
109
|
onValidityChanged,
|
|
108
110
|
preventDefaultInvalidStyle,
|
|
111
|
+
minSize,
|
|
112
|
+
preAllocateSize = true,
|
|
109
113
|
}: NumberInlineInput) => {
|
|
110
|
-
|
|
114
|
+
useValidatedRange(range);
|
|
111
115
|
|
|
112
116
|
return (
|
|
113
117
|
<InlineInput
|
|
@@ -143,6 +147,25 @@ export default ({
|
|
|
143
147
|
}}
|
|
144
148
|
onValidityChanged={onValidityChanged}
|
|
145
149
|
preventDefaultInvalidStyle={preventDefaultInvalidStyle}
|
|
150
|
+
minSize={
|
|
151
|
+
preAllocateSize
|
|
152
|
+
? minSize ??
|
|
153
|
+
Math.max(
|
|
154
|
+
...(isValues(range)
|
|
155
|
+
? range.map(v =>
|
|
156
|
+
Number.isFinite(v)
|
|
157
|
+
? handleInfinityToString(v)
|
|
158
|
+
: v.toString()
|
|
159
|
+
)
|
|
160
|
+
: [range.min, range.max].map(v =>
|
|
161
|
+
Number.isFinite(v)
|
|
162
|
+
? v.toFixed(range.decimals)
|
|
163
|
+
: handleInfinityToString(v)
|
|
164
|
+
)
|
|
165
|
+
).map(v => v.length)
|
|
166
|
+
)
|
|
167
|
+
: undefined
|
|
168
|
+
}
|
|
146
169
|
/>
|
|
147
170
|
);
|
|
148
171
|
};
|
|
@@ -4,12 +4,14 @@
|
|
|
4
4
|
* SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
@import
|
|
7
|
+
@import '../variables';
|
|
8
8
|
|
|
9
9
|
.number-inline-input {
|
|
10
10
|
text-align: center;
|
|
11
11
|
border-bottom-color: $gray-200;
|
|
12
12
|
font-size: 14px;
|
|
13
13
|
|
|
14
|
-
&:focus {
|
|
14
|
+
&:focus {
|
|
15
|
+
background-color: $white;
|
|
16
|
+
}
|
|
15
17
|
}
|
|
@@ -72,6 +72,8 @@ export default <T,>({
|
|
|
72
72
|
unit,
|
|
73
73
|
showSlider = false,
|
|
74
74
|
minWidth = false,
|
|
75
|
+
inputMinSize,
|
|
76
|
+
preAllocateInputSize,
|
|
75
77
|
}: {
|
|
76
78
|
range: RangeOrValues;
|
|
77
79
|
value: number;
|
|
@@ -84,6 +86,8 @@ export default <T,>({
|
|
|
84
86
|
showSlider?: boolean;
|
|
85
87
|
unit?: React.ReactNode | DropdownUnit<T>;
|
|
86
88
|
minWidth?: boolean;
|
|
89
|
+
inputMinSize?: number;
|
|
90
|
+
preAllocateInputSize?: boolean;
|
|
87
91
|
}) => (
|
|
88
92
|
<div
|
|
89
93
|
className={`tw-flex tw-flex-col tw-gap-1 tw-text-xs ${classNames(
|
|
@@ -98,13 +102,15 @@ export default <T,>({
|
|
|
98
102
|
title={title}
|
|
99
103
|
>
|
|
100
104
|
{label}
|
|
101
|
-
<div className="tw-flex tw-flex-row">
|
|
105
|
+
<div className="tw-flex tw-flex-row tw-items-center">
|
|
102
106
|
<NumberInlineInput
|
|
103
107
|
value={value}
|
|
104
108
|
range={range}
|
|
105
109
|
onChange={onChange}
|
|
106
110
|
onChangeComplete={onChangeComplete}
|
|
107
111
|
disabled={disabled}
|
|
112
|
+
minSize={inputMinSize}
|
|
113
|
+
preAllocateSize={preAllocateInputSize}
|
|
108
114
|
/>
|
|
109
115
|
{isDropdownUnit(unit) ? (
|
|
110
116
|
<Dropdown
|
package/src/Slider/Slider.tsx
CHANGED
|
@@ -11,7 +11,7 @@ import classNames from '../utils/classNames';
|
|
|
11
11
|
import Bar from './Bar';
|
|
12
12
|
import Handle from './Handle';
|
|
13
13
|
import { toPercentage } from './percentage';
|
|
14
|
-
import {
|
|
14
|
+
import { isValues, RangeOrValues, useValidatedRange } from './range';
|
|
15
15
|
import Ticks from './Ticks';
|
|
16
16
|
|
|
17
17
|
import './slider.scss';
|
|
@@ -52,14 +52,26 @@ const Slider: FC<Props> = ({
|
|
|
52
52
|
onChangeComplete,
|
|
53
53
|
}) => {
|
|
54
54
|
useValidatedArraySizes(values, onChange);
|
|
55
|
-
|
|
55
|
+
useValidatedRange(rangeOrValues);
|
|
56
56
|
|
|
57
57
|
const { width, ref } = useResizeDetector();
|
|
58
58
|
|
|
59
|
-
const
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
const explicitValues = isValues(rangeOrValues);
|
|
60
|
+
if (explicitValues) {
|
|
61
|
+
// we can just work with te indexes
|
|
62
|
+
values = values.map(v => rangeOrValues.indexOf(v));
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
const valueRange = explicitValues
|
|
66
|
+
? {
|
|
67
|
+
min: values.length === 1 ? 0 : Math.min(...values),
|
|
68
|
+
max: Math.max(...values),
|
|
69
|
+
}
|
|
70
|
+
: {
|
|
71
|
+
min:
|
|
72
|
+
values.length === 1 ? rangeOrValues.min : Math.min(...values),
|
|
73
|
+
max: Math.max(...values),
|
|
74
|
+
};
|
|
63
75
|
|
|
64
76
|
return (
|
|
65
77
|
<div
|
|
@@ -79,7 +91,9 @@ const Slider: FC<Props> = ({
|
|
|
79
91
|
value={value}
|
|
80
92
|
range={rangeOrValues}
|
|
81
93
|
disabled={disabled}
|
|
82
|
-
onChange={
|
|
94
|
+
onChange={v => {
|
|
95
|
+
onChange[index](explicitValues ? rangeOrValues[v] : v);
|
|
96
|
+
}}
|
|
83
97
|
onChangeComplete={onChangeComplete}
|
|
84
98
|
sliderWidth={width}
|
|
85
99
|
/>
|
package/src/Slider/percentage.ts
CHANGED
|
@@ -13,6 +13,12 @@ export const constrainedToPercentage = (percentage: number) => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
export const toPercentage = (value: number, rangeOrValues: RangeOrValues) => {
|
|
16
|
+
if (isValues(rangeOrValues)) {
|
|
17
|
+
const max = rangeOrValues.length;
|
|
18
|
+
|
|
19
|
+
// value is an index in the case of explicit values
|
|
20
|
+
return (value * 100) / max;
|
|
21
|
+
}
|
|
16
22
|
const min = getMin(rangeOrValues);
|
|
17
23
|
const max = getMax(rangeOrValues);
|
|
18
24
|
|
|
@@ -29,11 +35,10 @@ export const fromPercentage = (
|
|
|
29
35
|
const max = getMax(rangeOrValues);
|
|
30
36
|
|
|
31
37
|
if (isValues(rangeOrValues)) {
|
|
32
|
-
const
|
|
33
|
-
const
|
|
34
|
-
const computedValue = (value * (max - min)) / 100 + min;
|
|
38
|
+
const noOfIndexes = rangeOrValues.length - 1;
|
|
39
|
+
const computedValue = (value / 100) * noOfIndexes;
|
|
35
40
|
|
|
36
|
-
const lastValueIndex =
|
|
41
|
+
const lastValueIndex = lastValue;
|
|
37
42
|
const closestPrevIndex = lastValueIndex === 0 ? 0 : lastValueIndex - 1;
|
|
38
43
|
const closestNextIndex =
|
|
39
44
|
lastValueIndex === noOfIndexes ? noOfIndexes : lastValueIndex + 1;
|
|
@@ -42,17 +47,18 @@ export const fromPercentage = (
|
|
|
42
47
|
|
|
43
48
|
if (directionForward) {
|
|
44
49
|
closestIndex =
|
|
45
|
-
|
|
50
|
+
closestNextIndex > computedValue
|
|
46
51
|
? lastValueIndex
|
|
47
52
|
: closestNextIndex;
|
|
48
53
|
} else {
|
|
49
54
|
closestIndex =
|
|
50
|
-
|
|
55
|
+
closestPrevIndex < computedValue
|
|
51
56
|
? lastValueIndex
|
|
52
57
|
: closestPrevIndex;
|
|
53
58
|
}
|
|
54
59
|
|
|
55
|
-
|
|
60
|
+
console.log(computedValue, closestIndex);
|
|
61
|
+
return closestIndex;
|
|
56
62
|
}
|
|
57
63
|
|
|
58
64
|
const range = rangeOrValues;
|
package/src/Slider/range.ts
CHANGED
|
@@ -39,17 +39,6 @@ const assert = (expectedToBeTrue: boolean, warning: string) => {
|
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
41
|
|
|
42
|
-
const validateValues = (values: Values) => {
|
|
43
|
-
for (let i = 0; i < values.length - 1; i += 1) {
|
|
44
|
-
assert(
|
|
45
|
-
values[i] < values[i + 1],
|
|
46
|
-
`The values of the range must be sorted correctly, but ${
|
|
47
|
-
values[i]
|
|
48
|
-
} is larger then ${values[i + 1]} in ${values}`
|
|
49
|
-
);
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
|
|
53
42
|
const validateRange = (range: Range) => {
|
|
54
43
|
assert(
|
|
55
44
|
!(`explicitRange` in range),
|
|
@@ -81,11 +70,9 @@ const validateRange = (range: Range) => {
|
|
|
81
70
|
}
|
|
82
71
|
};
|
|
83
72
|
|
|
84
|
-
export const
|
|
73
|
+
export const useValidatedRange = (rangeOrValues: RangeOrValues) => {
|
|
85
74
|
useEffect(() => {
|
|
86
|
-
if (isValues(rangeOrValues)) {
|
|
87
|
-
validateValues(rangeOrValues);
|
|
88
|
-
} else {
|
|
75
|
+
if (!isValues(rangeOrValues)) {
|
|
89
76
|
validateRange(rangeOrValues);
|
|
90
77
|
}
|
|
91
78
|
}, [rangeOrValues]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmCloseDialog.d.ts","sourceRoot":"","sources":["../../../../src/ConfirmBeforeClose/ConfirmCloseDialog.tsx"],"names":[],"mappings":";;AAqBA,
|
|
1
|
+
{"version":3,"file":"ConfirmCloseDialog.d.ts","sourceRoot":"","sources":["../../../../src/ConfirmBeforeClose/ConfirmCloseDialog.tsx"],"names":[],"mappings":";;AAqBA,wBAgEE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/Group/Group.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAmEhD,eAAO,MAAM,KAAK;;aAYL,MAAM;;;eAGJ,MAAM,SAAS;;;;iCAIE,OAAO,KAAK,IAAI;
|
|
1
|
+
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/Group/Group.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAmEhD,eAAO,MAAM,KAAK;;aAYL,MAAM;;;eAGJ,MAAM,SAAS;;;;iCAIE,OAAO,KAAK,IAAI;iBAsF/C,CAAC"}
|
|
@@ -14,6 +14,7 @@ interface Props {
|
|
|
14
14
|
textAlignLeft?: boolean;
|
|
15
15
|
onValidityChanged?: (validity: boolean) => void;
|
|
16
16
|
preventDefaultInvalidStyle?: boolean;
|
|
17
|
+
minSize?: number;
|
|
17
18
|
}
|
|
18
19
|
declare const InlineInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
|
|
19
20
|
export default InlineInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineInput.d.ts","sourceRoot":"","sources":["../../../../src/InlineInput/InlineInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,qBAAqB,CAAC;AA0B7B,eAAO,MAAM,sCAAsC,wDAEf,IAAI,MAUvC,CAAC;AAEF,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yBAAyB,CAAC,EAAE,MAAM,MAAM,CAAC;IACzC,yBAAyB,CAAC,EAAE,MAAM,MAAM,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,0BAA0B,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"InlineInput.d.ts","sourceRoot":"","sources":["../../../../src/InlineInput/InlineInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,qBAAqB,CAAC;AA0B7B,eAAO,MAAM,sCAAsC,wDAEf,IAAI,MAUvC,CAAC;AAEF,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yBAAyB,CAAC,EAAE,MAAM,MAAM,CAAC;IACzC,yBAAyB,CAAC,EAAE,MAAM,MAAM,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,gFAgIhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -12,7 +12,9 @@ interface NumberInlineInput {
|
|
|
12
12
|
textAlignLeft?: boolean;
|
|
13
13
|
onValidityChanged?: (validity: boolean) => void;
|
|
14
14
|
preventDefaultInvalidStyle?: boolean;
|
|
15
|
+
minSize?: number;
|
|
16
|
+
preAllocateSize?: boolean;
|
|
15
17
|
}
|
|
16
|
-
declare const _default: ({ disabled, value, range, className, title, onChange, onChangeComplete, textAlignLeft, onValidityChanged, preventDefaultInvalidStyle, }: NumberInlineInput) => JSX.Element;
|
|
18
|
+
declare const _default: ({ disabled, value, range, className, title, onChange, onChangeComplete, textAlignLeft, onValidityChanged, preventDefaultInvalidStyle, minSize, preAllocateSize, }: NumberInlineInput) => JSX.Element;
|
|
17
19
|
export default _default;
|
|
18
20
|
//# sourceMappingURL=NumberInlineInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInlineInput.d.ts","sourceRoot":"","sources":["../../../../src/InlineInput/NumberInlineInput.tsx"],"names":[],"mappings":";AASA,OAAO,EAIH,aAAa,EAGhB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,4BAA4B,CAAC;AAEpC,UAAU,iBAAiB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,0BAA0B,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NumberInlineInput.d.ts","sourceRoot":"","sources":["../../../../src/InlineInput/NumberInlineInput.tsx"],"names":[],"mappings":";AASA,OAAO,EAIH,aAAa,EAGhB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,4BAA4B,CAAC;AAEpC,UAAU,iBAAiB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;4LA8EE,iBAAiB;AAbpB,wBAuEE"}
|
|
@@ -6,7 +6,7 @@ interface DropdownUnit<T> {
|
|
|
6
6
|
items: DropdownItem<T>[];
|
|
7
7
|
onUnitChange: (unit: DropdownItem<T>) => void;
|
|
8
8
|
}
|
|
9
|
-
declare const _default: <T>({ range, value, onChange, onChangeComplete, className, disabled, label, title, unit, showSlider, minWidth, }: {
|
|
9
|
+
declare const _default: <T>({ range, value, onChange, onChangeComplete, className, disabled, label, title, unit, showSlider, minWidth, inputMinSize, preAllocateInputSize, }: {
|
|
10
10
|
range: RangeOrValues;
|
|
11
11
|
value: number;
|
|
12
12
|
onChange: (value: number) => void;
|
|
@@ -18,6 +18,8 @@ declare const _default: <T>({ range, value, onChange, onChangeComplete, classNam
|
|
|
18
18
|
showSlider?: boolean | undefined;
|
|
19
19
|
unit?: React.ReactNode | DropdownUnit<T>;
|
|
20
20
|
minWidth?: boolean | undefined;
|
|
21
|
+
inputMinSize?: number | undefined;
|
|
22
|
+
preAllocateInputSize?: boolean | undefined;
|
|
21
23
|
}) => JSX.Element;
|
|
22
24
|
export default _default;
|
|
23
25
|
//# sourceMappingURL=NumberInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAsChD,UAAU,YAAY,CAAC,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC9B,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACjD;;
|
|
1
|
+
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAsChD,UAAU,YAAY,CAAC,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC9B,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACjD;;WAyBU,aAAa;WACb,MAAM;sBACK,MAAM,KAAK,IAAI;gCACN,MAAM,KAAK,IAAI;;;WAGnC,MAAM,SAAS;;;;;;;;AArB1B,wBA6EE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/Slider/Slider.tsx"],"names":[],"mappings":"AAMA,OAAc,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAO7C,OAAO,
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/Slider/Slider.tsx"],"names":[],"mappings":"AAMA,OAAc,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAO7C,OAAO,EAAY,aAAa,EAAqB,MAAM,SAAS,CAAC;AAGrE,OAAO,eAAe,CAAC;AAgBvB,MAAM,WAAW,KAAK;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,EAAE,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CA2DrB,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"percentage.d.ts","sourceRoot":"","sources":["../../../../src/Slider/percentage.ts"],"names":[],"mappings":"AAMA,OAAO,EAA4B,aAAa,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,uBAAuB,eAAgB,MAAM,WAIzD,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,iBAAiB,aAAa,
|
|
1
|
+
{"version":3,"file":"percentage.d.ts","sourceRoot":"","sources":["../../../../src/Slider/percentage.ts"],"names":[],"mappings":"AAMA,OAAO,EAA4B,aAAa,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,uBAAuB,eAAgB,MAAM,WAIzD,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,iBAAiB,aAAa,WAWvE,CAAC;AAEF,eAAO,MAAM,cAAc,cACZ,MAAM,SACV,MAAM,iBACE,aAAa,oBACV,OAAO,WAyC5B,CAAC"}
|
|
@@ -10,5 +10,5 @@ export declare const isValues: (rangeOrValues: RangeOrValues) => rangeOrValues i
|
|
|
10
10
|
export declare const getMin: (rangeOrValues: RangeOrValues) => number;
|
|
11
11
|
export declare const getMax: (rangeOrValues: RangeOrValues) => number;
|
|
12
12
|
export declare const getStep: (range: Range) => number;
|
|
13
|
-
export declare const
|
|
13
|
+
export declare const useValidatedRange: (rangeOrValues: RangeOrValues) => void;
|
|
14
14
|
//# sourceMappingURL=range.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../../../src/Slider/range.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;AACvC,MAAM,MAAM,KAAK,GAAG;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,eAAO,MAAM,QAAQ,kBACF,aAAa,4BAC0B,CAAC;AAE3D,eAAO,MAAM,MAAM,kBAAmB,aAAa,WACe,CAAC;AAEnE,eAAO,MAAM,MAAM,kBAAmB,aAAa,WAGxB,CAAC;AAE5B,eAAO,MAAM,OAAO,UAAW,KAAK,WAC8B,CAAC;
|
|
1
|
+
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../../../src/Slider/range.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;AACvC,MAAM,MAAM,KAAK,GAAG;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,eAAO,MAAM,QAAQ,kBACF,aAAa,4BAC0B,CAAC;AAE3D,eAAO,MAAM,MAAM,kBAAmB,aAAa,WACe,CAAC;AAEnE,eAAO,MAAM,MAAM,kBAAmB,aAAa,WAGxB,CAAC;AAE5B,eAAO,MAAM,OAAO,UAAW,KAAK,WAC8B,CAAC;AAuCnE,eAAO,MAAM,iBAAiB,kBAAmB,aAAa,SAM7D,CAAC"}
|