@cratis/components 4.3.0 → 4.4.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/dist/esm/CommandForm/fields/NumberInputField.d.ts +2 -0
- package/dist/esm/CommandForm/fields/NumberInputField.js +1 -1
- package/dist/esm/CommandForm/fields/NumberInputField.js.map +1 -1
- package/dist/esm/Common/NumberInput.d.ts +7 -1
- package/dist/esm/Common/NumberInput.js +2 -1
- package/dist/esm/Common/NumberInput.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,6 +8,8 @@ interface NumberInputFieldComponentProps extends WrappedFieldProps<number>, Fiel
|
|
|
8
8
|
minimumFractionDigits?: number;
|
|
9
9
|
/** Maximum allowed fraction digits in the formatted display. */
|
|
10
10
|
maximumFractionDigits?: number;
|
|
11
|
+
/** Whether the locale's grouping separator is applied. Defaults to `true`. */
|
|
12
|
+
useGrouping?: boolean;
|
|
11
13
|
/** Minimum allowed value. */
|
|
12
14
|
min?: number;
|
|
13
15
|
/** Maximum allowed value. */
|
|
@@ -9,7 +9,7 @@ const NumberInputField = asCommandFormField((props) => {
|
|
|
9
9
|
ariaLabel: props.pt?.input?.['aria-label'],
|
|
10
10
|
ariaDescribedBy: props.pt?.input?.['aria-describedby'],
|
|
11
11
|
});
|
|
12
|
-
return (jsx(NumberInput, { value: props.value, onChange: (newValue) => props.onChange(newValue ?? 0), locale: props.locale, minimumFractionDigits: props.minimumFractionDigits, maximumFractionDigits: props.maximumFractionDigits, min: props.min, max: props.max, step: props.step, prefix: props.prefix, suffix: props.suffix, invalid: props.invalid, placeholder: props.placeholder, id: accessibility.controlId, "aria-label": accessibility.ariaLabel, "aria-describedby": accessibility.ariaDescribedBy, className: props.className, pt: props.pt }));
|
|
12
|
+
return (jsx(NumberInput, { value: props.value, onChange: (newValue) => props.onChange(newValue ?? 0), locale: props.locale, minimumFractionDigits: props.minimumFractionDigits, maximumFractionDigits: props.maximumFractionDigits, useGrouping: props.useGrouping, min: props.min, max: props.max, step: props.step, prefix: props.prefix, suffix: props.suffix, invalid: props.invalid, placeholder: props.placeholder, id: accessibility.controlId, "aria-label": accessibility.ariaLabel, "aria-describedby": accessibility.ariaDescribedBy, className: props.className, pt: props.pt }));
|
|
13
13
|
}, { defaultValue: 0 });
|
|
14
14
|
|
|
15
15
|
export { NumberInputField };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInputField.js","sources":["../../../../CommandForm/fields/NumberInputField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"NumberInputField.js","sources":["../../../../CommandForm/fields/NumberInputField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;MAwCa,gBAAgB,GAAG,kBAAkB,CAC9C,CAAC,KAAK,KAAI;AACN,IAAA,MAAM,aAAa,GAAG,qBAAqB,CAAC,KAAK,EAAE;AAC/C,QAAA,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACvB,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,GAAG,YAAY,CAAC;QAC1C,eAAe,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,GAAG,kBAAkB,CAAC;AACzD,KAAA,CAAC;IAEF,QACIA,GAAA,CAAC,WAAW,EAAA,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,QAAQ,KAAK,KAAK,CAAC,QAAQ,CAAC,QAAQ,IAAI,CAAC,CAAC,EACrD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAClD,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAClD,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,EAAE,EAAE,aAAa,CAAC,SAAS,EAAA,YAAA,EACf,aAAa,CAAC,SAAS,EAAA,kBAAA,EACjB,aAAa,CAAC,eAAe,EAC/C,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,EAAE,EAAE,KAAK,CAAC,EAAE,EAAA,CACd;AAEV,CAAC,EACD,EAAE,YAAY,EAAE,CAAC,EAAE;;"}
|
|
@@ -23,6 +23,12 @@ export interface NumberInputProps {
|
|
|
23
23
|
minimumFractionDigits?: number;
|
|
24
24
|
/** Maximum allowed fraction digits in the formatted display. */
|
|
25
25
|
maximumFractionDigits?: number;
|
|
26
|
+
/**
|
|
27
|
+
* Whether the locale's grouping separator is applied. Defaults to `true`.
|
|
28
|
+
* Set to `false` for a number read as an identifier rather than a quantity,
|
|
29
|
+
* such as a year or an order number, where `2026` must not render as `2 026`.
|
|
30
|
+
*/
|
|
31
|
+
useGrouping?: boolean;
|
|
26
32
|
/** Minimum allowed value. */
|
|
27
33
|
min?: number;
|
|
28
34
|
/** Maximum allowed value. */
|
|
@@ -63,4 +69,4 @@ export interface NumberInputProps {
|
|
|
63
69
|
* Uses React Aria Components internally and never exposes React Aria types publicly.
|
|
64
70
|
* The public boundary stays `number | null`, where `null` is the empty field.
|
|
65
71
|
*/
|
|
66
|
-
export declare const NumberInput: ({ value, onChange, locale: localeProp, minimumFractionDigits, maximumFractionDigits, min, max, step, prefix: prefixText, suffix: suffixText, invalid, disabled, readOnly, placeholder, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, className, style, pt, }: NumberInputProps) => import("react").JSX.Element;
|
|
72
|
+
export declare const NumberInput: ({ value, onChange, locale: localeProp, minimumFractionDigits, maximumFractionDigits, useGrouping, min, max, step, prefix: prefixText, suffix: suffixText, invalid, disabled, readOnly, placeholder, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, className, style, pt, }: NumberInputProps) => import("react").JSX.Element;
|
|
@@ -3,10 +3,11 @@ import { NumberField, Group, Input } from 'react-aria-components/NumberField';
|
|
|
3
3
|
import { I18nProvider } from 'react-aria-components/I18nProvider';
|
|
4
4
|
|
|
5
5
|
const classNames = (...values) => values.filter(Boolean).join(' ');
|
|
6
|
-
const NumberInput = ({ value, onChange, locale: localeProp, minimumFractionDigits, maximumFractionDigits, min, max, step, prefix: prefixText, suffix: suffixText, invalid = false, disabled = false, readOnly = false, placeholder, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, className, style, pt, }) => {
|
|
6
|
+
const NumberInput = ({ value, onChange, locale: localeProp, minimumFractionDigits, maximumFractionDigits, useGrouping, min, max, step, prefix: prefixText, suffix: suffixText, invalid = false, disabled = false, readOnly = false, placeholder, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, className, style, pt, }) => {
|
|
7
7
|
const formatOptions = {
|
|
8
8
|
...(minimumFractionDigits != null ? { minimumFractionDigits } : undefined),
|
|
9
9
|
...(maximumFractionDigits != null ? { maximumFractionDigits } : undefined),
|
|
10
|
+
...(useGrouping != null ? { useGrouping } : undefined),
|
|
10
11
|
};
|
|
11
12
|
const ariaValue = value === null ? NaN : value;
|
|
12
13
|
const numberField = (jsx(NumberField, { value: ariaValue, minValue: min, maxValue: max, step: step, formatOptions: formatOptions, onChange: (newValue) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sources":["../../../Common/NumberInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sources":["../../../Common/NumberInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAiFA,MAAM,UAAU,GAAG,CAAC,GAAG,MAAiC,KACpD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAS7B,MAAM,WAAW,GAAG,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,EACX,GAAG,EACH,GAAG,EACH,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,UAAU,EAClB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,SAAS,EACT,KAAK,EACL,EAAE,GACa,KAAI;AACnB,IAAA,MAAM,aAAa,GAA6B;AAC5C,QAAA,IAAI,qBAAqB,IAAI,IAAI,GAAG,EAAE,qBAAqB,EAAE,GAAG,SAAS,CAAC;AAC1E,QAAA,IAAI,qBAAqB,IAAI,IAAI,GAAG,EAAE,qBAAqB,EAAE,GAAG,SAAS,CAAC;AAC1E,QAAA,IAAI,WAAW,IAAI,IAAI,GAAG,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;KACzD;AAGD,IAAA,MAAM,SAAS,GAAG,KAAK,KAAK,IAAI,GAAG,GAAG,GAAG,KAAK;AAE9C,IAAA,MAAM,WAAW,IACbA,GAAA,CAAC,WAAW,EAAA,EACR,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,CAAC,QAAgB,KAAI;YAC3B,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,GAAG,QAAQ,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAC1E,QAAA,CAAC,EACD,UAAU,EAAE,QAAQ,EACpB,UAAU,EAAE,QAAQ,EACpB,SAAS,EAAE,OAAO,EAAA,YAAA,EACN,SAAS,EAAA,iBAAA,EACJ,cAAc,EAAA,kBAAA,EACb,eAAe,EAAA,QAAA,EAOjCC,IAAA,CAAC,KAAK,EAAA,EACF,UAAU,EAAE,QAAQ,KACf,EAAE,EAAE,IAAgC,EAAA,kBAAA,EACxB,MAAM,EACvB,SAAS,EAAE,UAAU,CACjB,qBAAqB,EACrB,EAAE,EAAE,IAAI,EAAE,SAAS,EACnB,SAAS,CACZ,EACD,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,aAEtC,UAAU,KACPD,GAAA,CAAA,MAAA,EAAA,EAAA,GACQ,EAAE,EAAE,MAAM,EAAA,kBAAA,EACG,QAAQ,iBACb,MAAM,EAClB,SAAS,EAAE,UAAU,CACjB,4BAA4B,EAC5B,EAAE,EAAE,MAAM,EAAE,SAAS,CACxB,YAEA,UAAU,EAAA,CACR,CACV,EAGDA,IAAC,KAAK,EAAA,EAAA,GACE,EAAE,EAAE,KAAK,EACb,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,WAAW,EAAA,kBAAA,EACP,OAAO,EAAA,eAAA,EACT,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,UAAU,CACjB,2BAA2B,EAC3B,EAAE,EAAE,KAAK,EAAE,SAAS,CACvB,EAAA,CACH,EACD,UAAU,KACPA,GAAA,CAAA,MAAA,EAAA,EAAA,GACQ,EAAE,EAAE,MAAM,EAAA,kBAAA,EACG,QAAQ,EAAA,aAAA,EACb,MAAM,EAClB,SAAS,EAAE,UAAU,CACjB,4BAA4B,EAC5B,EAAE,EAAE,MAAM,EAAE,SAAS,CACxB,EAAA,QAAA,EAEA,UAAU,EAAA,CACR,CACV,CAAA,EAAA,CACG,EAAA,CACE,CACjB;IAID,IAAI,UAAU,EAAE;QACZ,QACIA,GAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,UAAU,EAAA,QAAA,EAC3B,WAAW,EAAA,CACD;IAEvB;AAEA,IAAA,OAAO,WAAW;AACtB;;"}
|
package/package.json
CHANGED