thread-ui 0.16.4 → 0.16.5
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/components/form-elements/file-upload/file-upload.types.d.ts +2 -2
- package/dist/components/form-elements/input-props.types.d.ts +19 -3
- package/dist/components/form-elements/number-input/number-input.d.ts +2 -1
- package/dist/components/form-elements/number-input/number-input.js +8 -4
- package/dist/components/form-elements/number-input/number-input.js.map +1 -1
- package/dist/components/form-elements/text-input/text-input.d.ts +2 -1
- package/dist/components/form-elements/text-input/text-input.js +3 -2
- package/dist/components/form-elements/text-input/text-input.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Prettify } from '../../../types';
|
|
2
|
-
import {
|
|
2
|
+
import { BaseInputProps, ControlledValueProps } from '../input-props.types';
|
|
3
3
|
export type UploadableFile = File & {
|
|
4
4
|
/** Alt text for image files */
|
|
5
5
|
alt?: string;
|
|
6
6
|
};
|
|
7
|
-
export type FileUploadProps = Prettify<Omit<
|
|
7
|
+
export type FileUploadProps = Prettify<Omit<BaseInputProps, 'placeholder' | 'disabled'> & ControlledValueProps<UploadableFile[], UploadableFile[]> & {
|
|
8
8
|
/** Optional Title Rendered before file is added */
|
|
9
9
|
emptyTitle?: string;
|
|
10
10
|
/** MIME types accepted. Supports wildcards like `image/*` @default `['*\/*']` */
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { UtilitySizeOptions } from '../../types';
|
|
2
|
-
|
|
2
|
+
/** Props shared by every form element, independent of control mode. */
|
|
3
|
+
export type BaseInputProps = {
|
|
3
4
|
/** Defaults to `name` if not provided */
|
|
4
5
|
id?: string;
|
|
5
6
|
/** Form field name */
|
|
6
7
|
name: string;
|
|
7
8
|
/** Label text rendered above the input */
|
|
8
9
|
title?: string;
|
|
9
|
-
/** Controlled value */
|
|
10
|
-
value: TValue;
|
|
11
10
|
/** Require value for form submission */
|
|
12
11
|
required?: boolean;
|
|
13
12
|
/** Descriptive text rendered within input */
|
|
@@ -16,6 +15,23 @@ export type InputProps<TValue, TChange = React.ChangeEvent<HTMLInputElement | HT
|
|
|
16
15
|
size?: UtilitySizeOptions;
|
|
17
16
|
/** Block interaction and exclude the value from form submission */
|
|
18
17
|
disabled?: boolean;
|
|
18
|
+
};
|
|
19
|
+
/** Control props for inputs that only support controlled use. */
|
|
20
|
+
export type ControlledValueProps<TValue, TChange> = {
|
|
21
|
+
/** Controlled value */
|
|
22
|
+
value: TValue;
|
|
19
23
|
/** Called when the input value changes */
|
|
20
24
|
onChange: (e: TChange) => void | Promise<void>;
|
|
21
25
|
};
|
|
26
|
+
/** Controlled when `value` is passed, uncontrolled otherwise. */
|
|
27
|
+
type ControllableValueProps<TValue, TChange> = (ControlledValueProps<TValue, TChange> & {
|
|
28
|
+
defaultValue?: never;
|
|
29
|
+
}) | {
|
|
30
|
+
value?: never;
|
|
31
|
+
/** Called when the input value changes */
|
|
32
|
+
onChange?: (e: TChange) => void | Promise<void>;
|
|
33
|
+
/** Initial value for uncontrolled use */
|
|
34
|
+
defaultValue?: TValue;
|
|
35
|
+
};
|
|
36
|
+
export type InputProps<TValue, TChange = React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>> = BaseInputProps & ControllableValueProps<TValue, TChange>;
|
|
37
|
+
export {};
|
|
@@ -2,6 +2,7 @@ import { NumberInputProps } from './number-input.types';
|
|
|
2
2
|
/**
|
|
3
3
|
* Number input with increment/decrement buttons and optional min/max range enforcement.
|
|
4
4
|
* Blocks non-numeric keyboard input and respects range bounds on both direct input and stepping.
|
|
5
|
+
* Controlled when `value` is passed, uncontrolled otherwise.
|
|
5
6
|
*
|
|
6
7
|
* @example
|
|
7
8
|
* <NumberInput
|
|
@@ -13,4 +14,4 @@ import { NumberInputProps } from './number-input.types';
|
|
|
13
14
|
* onChange={handleChange}
|
|
14
15
|
* />
|
|
15
16
|
*/
|
|
16
|
-
export declare const NumberInput: ({ name, id, title, value, placeholder, required, min, max, size, disabled, onChange, }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const NumberInput: ({ name, id, title, value, defaultValue, placeholder, required, min, max, size, disabled, onChange, }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -95,6 +95,7 @@ const valueWithinRange = (value, min, max) => {
|
|
|
95
95
|
/**
|
|
96
96
|
* Number input with increment/decrement buttons and optional min/max range enforcement.
|
|
97
97
|
* Blocks non-numeric keyboard input and respects range bounds on both direct input and stepping.
|
|
98
|
+
* Controlled when `value` is passed, uncontrolled otherwise.
|
|
98
99
|
*
|
|
99
100
|
* @example
|
|
100
101
|
* <NumberInput
|
|
@@ -106,12 +107,15 @@ const valueWithinRange = (value, min, max) => {
|
|
|
106
107
|
* onChange={handleChange}
|
|
107
108
|
* />
|
|
108
109
|
*/
|
|
109
|
-
export const NumberInput = ({ name, id = name, title, value, placeholder, required, min, max, size = 'md', disabled, onChange, }) => {
|
|
110
|
+
export const NumberInput = ({ name, id = name, title, value, defaultValue, placeholder, required, min, max, size = 'md', disabled, onChange, }) => {
|
|
110
111
|
// Initialize state with the value from props or null
|
|
111
|
-
const [num, setNum] = useState(value ?? null);
|
|
112
|
+
const [num, setNum] = useState(value ?? defaultValue ?? null);
|
|
112
113
|
// Update internal state
|
|
113
114
|
useEffect(() => {
|
|
114
|
-
|
|
115
|
+
// Only sync when controlled
|
|
116
|
+
if (value !== undefined) {
|
|
117
|
+
setNum(value);
|
|
118
|
+
}
|
|
115
119
|
}, [value]);
|
|
116
120
|
// Handle Num Increment
|
|
117
121
|
const handleIncrement = (increment) => () => {
|
|
@@ -157,7 +161,7 @@ export const NumberInput = ({ name, id = name, title, value, placeholder, requir
|
|
|
157
161
|
}
|
|
158
162
|
}
|
|
159
163
|
};
|
|
160
|
-
return (_jsxs(InputWrapper, { children: [title && _jsx(FormLabel, { id: id, name: name, title: title, size: size }), _jsxs("div", { className: styles.container({ disabled: disabled }), children: [_jsx("button", { type: "button", className: cx(styles.arrowButton({ direction: 'left' }), inputSegmentStyles({ size })), onClick: handleIncrement(-1), children: _jsx(Icon, { name: "CaretLeft", color: "gray", size: inputIconSizes[size] }) }), _jsx("input", { type: "number", id: id, name: name, placeholder: placeholder, value: num ?? '', onChange: handleInputChange, className: cx(inputSegmentStyles({ size }), styles.centerSegment({ size })), onKeyDown: (e) => {
|
|
164
|
+
return (_jsxs(InputWrapper, { children: [title && _jsx(FormLabel, { id: id, name: name, title: title, size: size }), _jsxs("div", { className: styles.container({ disabled: disabled }), children: [_jsx("button", { type: "button", className: cx(styles.arrowButton({ direction: 'left' }), inputSegmentStyles({ size })), onClick: handleIncrement(-1), disabled: disabled, children: _jsx(Icon, { name: "CaretLeft", color: "gray", size: inputIconSizes[size] }) }), _jsx("input", { type: "number", id: id, name: name, placeholder: placeholder, value: num ?? '', onChange: handleInputChange, className: cx(inputSegmentStyles({ size }), styles.centerSegment({ size })), onKeyDown: (e) => {
|
|
161
165
|
// Allow minus sign as first character if negative values are allowed
|
|
162
166
|
if (e.key === '-' &&
|
|
163
167
|
e.currentTarget.value.length === 0 &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAO,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,MAAM,GAAG;IACd,WAAW,EAAE,GAAG,CAAC;QAChB,IAAI,EAAE;YACL,eAAe,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE;YACzD,WAAW,EAAE,IAAI;YACjB,WAAW,EAAE,mBAAmB;YAChC,MAAM,EAAE;gBACP,IAAI,EAAE,GAAG;gBACT,SAAS,EAAE,mBAAmB;gBAC9B,OAAO,EAAE,MAAM;aACf;SACD;QACD,QAAQ,EAAE;YACT,SAAS,EAAE;gBACV,IAAI,EAAE;oBACL,sBAAsB,EAAE,IAAI;oBAC5B,oBAAoB,EAAE,IAAI;iBAC1B;gBACD,KAAK,EAAE;oBACN,oBAAoB,EAAE,IAAI;oBAC1B,kBAAkB,EAAE,IAAI;iBACxB;aACD;SACD;KACD,CAAC;IACF,aAAa,EAAE,GAAG,CAAC;QAClB,IAAI,EAAE;YACL,KAAK,EAAE,eAAe;YACtB,eAAe,EAAE,OAAO;YACxB,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,MAAM;YAClB,8BAA8B,EAAE;gBAC/B,UAAU,EAAE,MAAM;aAClB;YACD,8BAA8B,EAAE;gBAC/B,UAAU,EAAE,MAAM;aAClB;YACD,MAAM,EAAE;gBACP,SAAS,EAAE,WAAW;gBACtB,WAAW,EAAE,WAAW;aACxB;SACD;QACD,QAAQ,EAAE;YACT,IAAI,EAAE;gBACL,EAAE,EAAE;oBACH,KAAK,EAAE,IAAI;iBACX;gBACD,EAAE,EAAE;oBACH,KAAK,EAAE,IAAI;iBACX;gBACD,EAAE,EAAE;oBACH,KAAK,EAAE,IAAI;iBACX;aACD;SACD;QACD,eAAe,EAAE;YAChB,IAAI,EAAE,IAAI;SACV;KACD,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACd,IAAI,EAAE;YACL,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,SAAS;YACrB,SAAS,EAAE,OAAO;SAClB;QACD,QAAQ,EAAE;YACT,QAAQ,EAAE;gBACT,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE;gBAC/C,KAAK,EAAE,EAAE;aACT;SACD;QACD,eAAe,EAAE;YAChB,QAAQ,EAAE,KAAK;SACf;KACD,CAAC;CACF,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,GAAY,EAAE,GAAY,EAAW,EAAE;IAC/E,IAAI,GAAG,KAAK,SAAS,IAAI,KAAK,GAAG,GAAG,EAAE,CAAC;QACtC,OAAO,KAAK,CAAC;IACd,CAAC;IACD,IAAI,GAAG,KAAK,SAAS,IAAI,KAAK,GAAG,GAAG,EAAE,CAAC;QACtC,OAAO,KAAK,CAAC;IACd,CAAC;IACD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { TextInputProps } from './text-input.types';
|
|
2
2
|
/**
|
|
3
3
|
* Text input that renders either a single-line `input` or a resizable `textarea`.
|
|
4
|
+
* Controlled when `value` is passed, uncontrolled otherwise.
|
|
4
5
|
*
|
|
5
6
|
* @example
|
|
6
7
|
* <TextInput name="bio" title="Bio" value={bio} multiline onChange={handleChange} />
|
|
7
8
|
*/
|
|
8
|
-
export declare const TextInput: ({ name, id, title, value, required, placeholder, multiline, type, size, disabled, onChange, }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const TextInput: ({ name, id, title, value, defaultValue, required, placeholder, multiline, type, size, disabled, onChange, }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,11 +9,12 @@ const style = css({
|
|
|
9
9
|
});
|
|
10
10
|
/**
|
|
11
11
|
* Text input that renders either a single-line `input` or a resizable `textarea`.
|
|
12
|
+
* Controlled when `value` is passed, uncontrolled otherwise.
|
|
12
13
|
*
|
|
13
14
|
* @example
|
|
14
15
|
* <TextInput name="bio" title="Bio" value={bio} multiline onChange={handleChange} />
|
|
15
16
|
*/
|
|
16
|
-
export const TextInput = ({ name, id = name, title, value, required, placeholder, multiline = false, type = 'text', size = 'md', disabled, onChange, }) => {
|
|
17
|
-
return (_jsxs(InputWrapper, { children: [title && _jsx(FormLabel, { id: id, name: name, title: title, size: size }), multiline ? (_jsx("textarea", { id: id, name: name, required: required, disabled: disabled, value: value, onChange: onChange, placeholder: placeholder, rows: 3, className: cx(baseInputStyles({ size }), style) })) : (_jsx("input", { type: type, id: id, name: name, required: required, disabled: disabled, value: value, onChange: onChange, placeholder: placeholder, className: baseInputStyles({ size }) }))] }));
|
|
17
|
+
export const TextInput = ({ name, id = name, title, value, defaultValue, required, placeholder, multiline = false, type = 'text', size = 'md', disabled, onChange, }) => {
|
|
18
|
+
return (_jsxs(InputWrapper, { children: [title && _jsx(FormLabel, { id: id, name: name, title: title, size: size }), multiline ? (_jsx("textarea", { id: id, name: name, required: required, disabled: disabled, value: value, defaultValue: defaultValue, onChange: onChange, placeholder: placeholder, rows: 3, className: cx(baseInputStyles({ size }), style) })) : (_jsx("input", { type: type, id: id, name: name, required: required, disabled: disabled, value: value, defaultValue: defaultValue, onChange: onChange, placeholder: placeholder, className: baseInputStyles({ size }) }))] }));
|
|
18
19
|
};
|
|
19
20
|
//# sourceMappingURL=text-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,UAAU;CAClB,CAAC,CAAC;AAEH
|
|
1
|
+
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,UAAU;CAClB,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACzB,IAAI,EACJ,EAAE,GAAG,IAAI,EACT,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,QAAQ,GACQ,EAAE,EAAE;IACpB,OAAO,CACN,MAAC,YAAY,eACX,KAAK,IAAI,KAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,EACpE,SAAS,CAAC,CAAC,CAAC,CACZ,mBACC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,GAC9C,CACF,CAAC,CAAC,CAAC,CACH,gBACC,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,GACnC,CACF,IACa,CACf,CAAC;AACH,CAAC,CAAC"}
|