@sequencing/design-system 1.0.16 → 1.0.18
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/documentation.json +22 -1
- package/dist/esm/index.css +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Atoms/TextField/TextField.d.ts +7 -1
- package/dist/esm/types/components/Molecules/DatePicker/DatePicker.d.ts +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +8 -2
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/types/components/Atoms/TextField/TextField.d.ts +7 -1
- package/dist/types/components/Molecules/DatePicker/DatePicker.d.ts +1 -1
- package/package.json +1 -1
|
@@ -19,10 +19,16 @@ export interface TextFieldProps {
|
|
|
19
19
|
onChange?: (value: string) => void;
|
|
20
20
|
/** Callback called when the input is clicked */
|
|
21
21
|
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
|
22
|
+
/** Reference to the input element */
|
|
23
|
+
inputRef?: React.RefObject<HTMLInputElement>;
|
|
24
|
+
/** Icon to display inside the text field */
|
|
25
|
+
icon?: string;
|
|
26
|
+
/** Icon position in the text field. Make sense if icon string is provided */
|
|
27
|
+
iconPosition?: "left" | "right";
|
|
22
28
|
}
|
|
23
29
|
/**
|
|
24
30
|
* The Text Field component renders a simple input field with SDS stylings applied.
|
|
25
31
|
*
|
|
26
32
|
*/
|
|
27
|
-
declare const TextField: ({ value, customClass, placeholder, showClearButton, variant, onChange, onClick, }: PropsWithChildren<TextFieldProps>) => React.JSX.Element;
|
|
33
|
+
declare const TextField: ({ value, customClass, placeholder, showClearButton, variant, onChange, onClick, inputRef, icon, iconPosition, }: PropsWithChildren<TextFieldProps>) => React.JSX.Element;
|
|
28
34
|
export default TextField;
|
|
@@ -6,7 +6,7 @@ export interface DatePickerProps {
|
|
|
6
6
|
/** Format of the date to be displayed. Default: ``MMMM d, yyyy`` */
|
|
7
7
|
dateFormat?: string;
|
|
8
8
|
/** Callback called when the date is updated. Return standard JS Date object */
|
|
9
|
-
onDateChange?: (date: Date
|
|
9
|
+
onDateChange?: (date: Date) => void;
|
|
10
10
|
/** Start date of the date picker. Use anything which could be converted to date.
|
|
11
11
|
* If undefined or not provided - current day will be selected.
|
|
12
12
|
* If null or any falsy value - field will be empty
|