tyrell-react 1.0.0-RC11 → 1.0.0-RC12
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/TyCalendar.d.ts +6 -0
- package/dist/components/TyCalendar.d.ts.map +1 -1
- package/dist/components/TyCalendar.js +16 -2
- package/dist/components/TyCalendar.js.map +1 -1
- package/dist/components/TyCalendarMonth.d.ts +4 -0
- package/dist/components/TyCalendarMonth.d.ts.map +1 -1
- package/dist/components/TyCalendarMonth.js +5 -1
- package/dist/components/TyCalendarMonth.js.map +1 -1
- package/dist/components/TyCalendarNavigation.d.ts +4 -0
- package/dist/components/TyCalendarNavigation.d.ts.map +1 -1
- package/dist/components/TyCalendarNavigation.js +5 -1
- package/dist/components/TyCalendarNavigation.js.map +1 -1
- package/dist/components/TyCheckbox.d.ts +2 -0
- package/dist/components/TyCheckbox.d.ts.map +1 -1
- package/dist/components/TyCheckbox.js +4 -1
- package/dist/components/TyCheckbox.js.map +1 -1
- package/dist/components/TyCopy.d.ts +4 -0
- package/dist/components/TyCopy.d.ts.map +1 -1
- package/dist/components/TyCopy.js +19 -1
- package/dist/components/TyCopy.js.map +1 -1
- package/dist/components/TyDatePicker.d.ts +4 -0
- package/dist/components/TyDatePicker.d.ts.map +1 -1
- package/dist/components/TyDatePicker.js +7 -1
- package/dist/components/TyDatePicker.js.map +1 -1
- package/dist/components/TyOption.d.ts +8 -0
- package/dist/components/TyOption.d.ts.map +1 -1
- package/dist/components/TyOption.js +3 -1
- package/dist/components/TyOption.js.map +1 -1
- package/dist/components/TyScrollContainer.d.ts +26 -1
- package/dist/components/TyScrollContainer.d.ts.map +1 -1
- package/dist/components/TyScrollContainer.js +41 -24
- package/dist/components/TyScrollContainer.js.map +1 -1
- package/dist/components/TySelect.d.ts +75 -0
- package/dist/components/TySelect.d.ts.map +1 -0
- package/dist/components/TySelect.js +134 -0
- package/dist/components/TySelect.js.map +1 -0
- package/dist/components/index.d.ts +6 -8
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +5 -4
- package/dist/components/index.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +1 -1
- package/src/components/TyCalendar.tsx +30 -1
- package/src/components/TyCalendarMonth.tsx +11 -1
- package/src/components/TyCalendarNavigation.tsx +11 -1
- package/src/components/TyCheckbox.tsx +8 -2
- package/src/components/TyCopy.tsx +25 -1
- package/src/components/TyDatePicker.tsx +16 -0
- package/src/components/TyOption.tsx +14 -1
- package/src/components/TyScrollContainer.tsx +74 -24
- package/src/components/TySelect.tsx +240 -0
- package/src/components/index.ts +8 -13
- package/src/version.ts +1 -1
- package/dist/components/TyDropdown.d.ts +0 -62
- package/dist/components/TyDropdown.d.ts.map +0 -1
- package/dist/components/TyDropdown.js +0 -124
- package/dist/components/TyDropdown.js.map +0 -1
- package/dist/components/TyMultiselect.d.ts +0 -57
- package/dist/components/TyMultiselect.d.ts.map +0 -1
- package/dist/components/TyMultiselect.js +0 -111
- package/dist/components/TyMultiselect.js.map +0 -1
- package/src/components/EventConventionTest.tsx +0 -155
- package/src/components/TyDropdown.tsx +0 -240
- package/src/components/TyMultiselect.tsx +0 -208
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TyScrollContainer.js","sourceRoot":"","sources":["../../src/components/TyScrollContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AA+
|
|
1
|
+
{"version":3,"file":"TyScrollContainer.js","sourceRoot":"","sources":["../../src/components/TyScrollContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface TySelectItem {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
flavor: string | null;
|
|
6
|
+
}
|
|
7
|
+
export interface TySelectEventDetail {
|
|
8
|
+
/** Scalar for single select, array when `multiple` */
|
|
9
|
+
value: string | string[] | null;
|
|
10
|
+
/** Always the array form of the selection */
|
|
11
|
+
values: string[];
|
|
12
|
+
/** Rich info per selected value — enough to render chips out-of-band */
|
|
13
|
+
items: TySelectItem[];
|
|
14
|
+
/** Action that triggered the change */
|
|
15
|
+
action: 'add' | 'remove' | 'clear' | 'set';
|
|
16
|
+
/** The specific value that changed */
|
|
17
|
+
item: string | null;
|
|
18
|
+
}
|
|
19
|
+
export interface TySelectProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange' | 'style'> {
|
|
20
|
+
style?: import('./TyInput').TyInputCSSProperties;
|
|
21
|
+
/** Selected value(s) — string, comma-separated string, or array */
|
|
22
|
+
value?: string | string[];
|
|
23
|
+
/** Multi select (native <select multiple> semantics). Default: single. */
|
|
24
|
+
multiple?: boolean;
|
|
25
|
+
/** Compact content-hugging trigger (toolbars, filter bars) instead of the full-width field look */
|
|
26
|
+
compact?: boolean;
|
|
27
|
+
/** Placeholder shown while nothing is selected */
|
|
28
|
+
placeholder?: string;
|
|
29
|
+
/** Label text above the field */
|
|
30
|
+
label?: string;
|
|
31
|
+
/** Form field name — single submits one entry, multiple submits repeated entries */
|
|
32
|
+
name?: string;
|
|
33
|
+
/** Disable the select */
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
/** Read-only */
|
|
36
|
+
readonly?: boolean;
|
|
37
|
+
/** Mark the field as required */
|
|
38
|
+
required?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Search row visibility: 'auto' (default) shows it only for 8+ options,
|
|
41
|
+
* 'always' / 'never' force it. external-search always shows it.
|
|
42
|
+
*/
|
|
43
|
+
searchable?: 'auto' | 'always' | 'never' | boolean;
|
|
44
|
+
/**
|
|
45
|
+
* External (remote) search mode — the component stops filtering and emits
|
|
46
|
+
* debounced `search` events; replace the option children in response.
|
|
47
|
+
*/
|
|
48
|
+
externalSearch?: boolean;
|
|
49
|
+
/** Debounce for the search event in ms (0-5000) */
|
|
50
|
+
debounce?: number;
|
|
51
|
+
/** Loading state — shows a spinner in the options area (external search in flight) */
|
|
52
|
+
loading?: boolean;
|
|
53
|
+
/** Size variant */
|
|
54
|
+
size?: 'sm' | 'md' | 'lg';
|
|
55
|
+
/** Callback when selection changes */
|
|
56
|
+
onChange?: (event: CustomEvent<TySelectEventDetail>) => void;
|
|
57
|
+
/** Callback fired on each search input change (debounced). Use for external/server-side filtering. */
|
|
58
|
+
onSearch?: (event: CustomEvent<{
|
|
59
|
+
query: string;
|
|
60
|
+
element: HTMLElement;
|
|
61
|
+
}>) => void;
|
|
62
|
+
onOpen?: (event: CustomEvent) => void;
|
|
63
|
+
onClose?: (event: CustomEvent) => void;
|
|
64
|
+
/** TyOption children (plus optional slot="trigger" / slot="start" / slot="end" elements) */
|
|
65
|
+
children?: React.ReactNode;
|
|
66
|
+
}
|
|
67
|
+
export declare const TySelect: React.ForwardRefExoticComponent<TySelectProps & React.RefAttributes<HTMLElement>>;
|
|
68
|
+
export interface TySelectedTagsProps extends React.HTMLAttributes<HTMLElement> {
|
|
69
|
+
/** id of the ty-select to display. Falls back to the previous element sibling. */
|
|
70
|
+
htmlFor?: string;
|
|
71
|
+
/** Optional <template> child as chip blueprint ({value}/{label}/{flavor}/{data-*} placeholders) */
|
|
72
|
+
children?: React.ReactNode;
|
|
73
|
+
}
|
|
74
|
+
export declare const TySelectedTags: React.ForwardRefExoticComponent<TySelectedTagsProps & React.RefAttributes<HTMLElement>>;
|
|
75
|
+
//# sourceMappingURL=TySelect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TySelect.d.ts","sourceRoot":"","sources":["../../src/components/TySelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAK9D,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,sDAAsD;IACtD,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAChC,6CAA6C;IAC7C,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,wEAAwE;IACxE,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,uCAAuC;IACvC,MAAM,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAC3C,sCAAsC;IACtC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAClG,KAAK,CAAC,EAAE,OAAO,WAAW,EAAE,oBAAoB,CAAC;IAEjD,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE1B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mGAAmG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oFAAoF;IACpF,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;IAEnD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAE7D,sGAAsG;IACtG,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACjF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAEvC,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,eAAO,MAAM,QAAQ,mFAqHpB,CAAC;AAQF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,eAAO,MAAM,cAAc,yFAgB1B,CAAC"}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import React, { useEffect, useRef, useCallback } from 'react';
|
|
2
|
+
import { needsPropertyBridge } from '../utils/react-version';
|
|
3
|
+
import { useBooleanProperty } from '../utils/use-boolean-prop';
|
|
4
|
+
// React wrapper for ty-select web component
|
|
5
|
+
export const TySelect = React.forwardRef(({ value, multiple, compact, placeholder, label, name, disabled, readonly, required, searchable, externalSearch, debounce, loading, size, onChange, onSearch, onOpen, onClose, children, ...props }, ref) => {
|
|
6
|
+
const elementRef = useRef(null);
|
|
7
|
+
// Handle ref forwarding
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
if (ref && elementRef.current) {
|
|
10
|
+
if (typeof ref === 'function') {
|
|
11
|
+
ref(elementRef.current);
|
|
12
|
+
}
|
|
13
|
+
else {
|
|
14
|
+
ref.current = elementRef.current;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}, [ref]);
|
|
18
|
+
// Imperatively sync `value` so resets ('' or null) reliably clear the
|
|
19
|
+
// visible selection. React 18 workaround; React 19+ handles this natively.
|
|
20
|
+
useEffect(() => {
|
|
21
|
+
if (!needsPropertyBridge)
|
|
22
|
+
return;
|
|
23
|
+
const element = elementRef.current;
|
|
24
|
+
if (!element)
|
|
25
|
+
return;
|
|
26
|
+
const next = Array.isArray(value) ? value.join(',') : (value ?? '');
|
|
27
|
+
if (element.value !== next) {
|
|
28
|
+
element.value = next;
|
|
29
|
+
}
|
|
30
|
+
}, [value]);
|
|
31
|
+
// Handle events
|
|
32
|
+
const handleChange = useCallback((event) => {
|
|
33
|
+
if (onChange)
|
|
34
|
+
onChange(event);
|
|
35
|
+
}, [onChange]);
|
|
36
|
+
const handleSearch = useCallback((event) => {
|
|
37
|
+
if (onSearch)
|
|
38
|
+
onSearch(event);
|
|
39
|
+
}, [onSearch]);
|
|
40
|
+
const handleOpen = useCallback((event) => { if (onOpen)
|
|
41
|
+
onOpen(event); }, [onOpen]);
|
|
42
|
+
const handleClose = useCallback((event) => { if (onClose)
|
|
43
|
+
onClose(event); }, [onClose]);
|
|
44
|
+
// Set up event listeners
|
|
45
|
+
useEffect(() => {
|
|
46
|
+
const element = elementRef.current;
|
|
47
|
+
if (!element)
|
|
48
|
+
return;
|
|
49
|
+
if (onChange)
|
|
50
|
+
element.addEventListener('change', handleChange);
|
|
51
|
+
if (onSearch)
|
|
52
|
+
element.addEventListener('search', handleSearch);
|
|
53
|
+
if (onOpen)
|
|
54
|
+
element.addEventListener('open', handleOpen);
|
|
55
|
+
if (onClose)
|
|
56
|
+
element.addEventListener('close', handleClose);
|
|
57
|
+
return () => {
|
|
58
|
+
if (onChange)
|
|
59
|
+
element.removeEventListener('change', handleChange);
|
|
60
|
+
if (onSearch)
|
|
61
|
+
element.removeEventListener('search', handleSearch);
|
|
62
|
+
if (onOpen)
|
|
63
|
+
element.removeEventListener('open', handleOpen);
|
|
64
|
+
if (onClose)
|
|
65
|
+
element.removeEventListener('close', handleClose);
|
|
66
|
+
};
|
|
67
|
+
}, [handleChange, handleSearch, handleOpen, handleClose, onChange, onSearch, onOpen, onClose]);
|
|
68
|
+
// Imperative property sync for boolean props (see use-boolean-prop.ts).
|
|
69
|
+
const isMultiple = useBooleanProperty(elementRef, 'multiple', multiple);
|
|
70
|
+
const isCompact = useBooleanProperty(elementRef, 'compact', compact);
|
|
71
|
+
const isDisabled = useBooleanProperty(elementRef, 'disabled', disabled);
|
|
72
|
+
const isReadonly = useBooleanProperty(elementRef, 'readonly', readonly);
|
|
73
|
+
const isRequired = useBooleanProperty(elementRef, 'required', required);
|
|
74
|
+
const isLoading = useBooleanProperty(elementRef, 'loading', loading);
|
|
75
|
+
const isExternalSearch = useBooleanProperty(elementRef, 'externalSearch', externalSearch);
|
|
76
|
+
// Convert React props to web component attributes
|
|
77
|
+
const webComponentProps = {
|
|
78
|
+
...props,
|
|
79
|
+
ref: elementRef,
|
|
80
|
+
};
|
|
81
|
+
// Handle value conversion (array to comma-separated string)
|
|
82
|
+
if (value !== undefined) {
|
|
83
|
+
webComponentProps.value = Array.isArray(value) ? value.join(',') : value;
|
|
84
|
+
}
|
|
85
|
+
if (isMultiple)
|
|
86
|
+
webComponentProps.multiple = '';
|
|
87
|
+
if (isCompact)
|
|
88
|
+
webComponentProps.compact = '';
|
|
89
|
+
if (isDisabled)
|
|
90
|
+
webComponentProps.disabled = '';
|
|
91
|
+
if (isReadonly)
|
|
92
|
+
webComponentProps.readonly = '';
|
|
93
|
+
if (isRequired)
|
|
94
|
+
webComponentProps.required = '';
|
|
95
|
+
if (isLoading)
|
|
96
|
+
webComponentProps.loading = '';
|
|
97
|
+
if (isExternalSearch)
|
|
98
|
+
webComponentProps['external-search'] = '';
|
|
99
|
+
if (placeholder)
|
|
100
|
+
webComponentProps.placeholder = placeholder;
|
|
101
|
+
if (label)
|
|
102
|
+
webComponentProps.label = label;
|
|
103
|
+
if (name)
|
|
104
|
+
webComponentProps.name = name;
|
|
105
|
+
if (size)
|
|
106
|
+
webComponentProps.size = size;
|
|
107
|
+
if (debounce !== undefined)
|
|
108
|
+
webComponentProps.debounce = debounce.toString();
|
|
109
|
+
if (searchable === 'always' || searchable === true)
|
|
110
|
+
webComponentProps.searchable = 'true';
|
|
111
|
+
else if (searchable === 'never' || searchable === false)
|
|
112
|
+
webComponentProps.searchable = 'false';
|
|
113
|
+
// 'auto' / undefined → omit (component default)
|
|
114
|
+
return React.createElement('ty-select', webComponentProps, children);
|
|
115
|
+
});
|
|
116
|
+
TySelect.displayName = 'TySelect';
|
|
117
|
+
// React wrapper for ty-selected-tags web component
|
|
118
|
+
export const TySelectedTags = React.forwardRef(({ htmlFor, children, ...props }, ref) => {
|
|
119
|
+
const elementRef = useRef(null);
|
|
120
|
+
useEffect(() => {
|
|
121
|
+
if (ref && elementRef.current) {
|
|
122
|
+
if (typeof ref === 'function')
|
|
123
|
+
ref(elementRef.current);
|
|
124
|
+
else
|
|
125
|
+
ref.current = elementRef.current;
|
|
126
|
+
}
|
|
127
|
+
}, [ref]);
|
|
128
|
+
const webComponentProps = { ...props, ref: elementRef };
|
|
129
|
+
if (htmlFor)
|
|
130
|
+
webComponentProps.for = htmlFor;
|
|
131
|
+
return React.createElement('ty-selected-tags', webComponentProps, children);
|
|
132
|
+
});
|
|
133
|
+
TySelectedTags.displayName = 'TySelectedTags';
|
|
134
|
+
//# sourceMappingURL=TySelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TySelect.js","sourceRoot":"","sources":["../../src/components/TySelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,18 +9,18 @@ export { TyInput } from './TyInput';
|
|
|
9
9
|
export type { TyInputProps, TyInputEventDetail, TyInputCSSProperties } from './TyInput';
|
|
10
10
|
export { TyTextarea } from './TyTextarea';
|
|
11
11
|
export type { TyTextareaProps, TyTextareaEventDetail } from './TyTextarea';
|
|
12
|
-
export { TyDropdown } from './TyDropdown';
|
|
13
|
-
export type { TyDropdownProps, TyDropdownEventDetail } from './TyDropdown';
|
|
14
12
|
export { TyOption } from './TyOption';
|
|
15
13
|
export type { TyOptionProps } from './TyOption';
|
|
16
14
|
export { TyIcon } from './TyIcon';
|
|
17
15
|
export type { TyIconProps } from './TyIcon';
|
|
18
16
|
export { TyModal } from './TyModal';
|
|
19
17
|
export type { TyModalProps, TyModalEventDetail, TyModalRef } from './TyModal';
|
|
18
|
+
export { TyModal as TyDialog } from './TyModal';
|
|
19
|
+
export type { TyModalProps as TyDialogProps, TyModalEventDetail as TyDialogEventDetail, TyModalRef as TyDialogRef } from './TyModal';
|
|
20
20
|
export { TyTooltip } from './TyTooltip';
|
|
21
21
|
export type { TyTooltipProps } from './TyTooltip';
|
|
22
|
-
export {
|
|
23
|
-
export type {
|
|
22
|
+
export { TySelect, TySelectedTags } from './TySelect';
|
|
23
|
+
export type { TySelectProps, TySelectEventDetail, TySelectItem, TySelectedTagsProps } from './TySelect';
|
|
24
24
|
export { TyCalendar } from './TyCalendar';
|
|
25
25
|
export type { TyCalendarProps, TyCalendarChangeEventDetail, TyCalendarNavigateEventDetail } from './TyCalendar';
|
|
26
26
|
export { TyDatePicker } from './TyDatePicker';
|
|
@@ -37,6 +37,8 @@ export { TyRadioGroup } from './TyRadioGroup';
|
|
|
37
37
|
export type { TyRadioGroupProps, TyRadioGroupEventDetail } from './TyRadioGroup';
|
|
38
38
|
export { TyCopy } from './TyCopy';
|
|
39
39
|
export type { TyCopyProps } from './TyCopy';
|
|
40
|
+
export { TyCopy as TyCopyField } from './TyCopy';
|
|
41
|
+
export type { TyCopyProps as TyCopyFieldProps } from './TyCopy';
|
|
40
42
|
export { TyFileUpload } from './TyFileUpload';
|
|
41
43
|
export type { TyFileUploadProps, TyFileUploadEventDetail } from './TyFileUpload';
|
|
42
44
|
export { TyTabs } from './TyTabs';
|
|
@@ -59,12 +61,10 @@ export { TyButton as Button } from './TyButton';
|
|
|
59
61
|
export { TyTag as Tag } from './TyTag';
|
|
60
62
|
export { TyInput as Input } from './TyInput';
|
|
61
63
|
export { TyTextarea as Textarea } from './TyTextarea';
|
|
62
|
-
export { TyDropdown as Dropdown } from './TyDropdown';
|
|
63
64
|
export { TyOption as Option } from './TyOption';
|
|
64
65
|
export { TyIcon as Icon } from './TyIcon';
|
|
65
66
|
export { TyModal as Modal } from './TyModal';
|
|
66
67
|
export { TyTooltip as Tooltip } from './TyTooltip';
|
|
67
|
-
export { TyMultiselect as Multiselect } from './TyMultiselect';
|
|
68
68
|
export { TyCalendar as Calendar } from './TyCalendar';
|
|
69
69
|
export { TyDatePicker as DatePicker } from './TyDatePicker';
|
|
70
70
|
export { TyPopup as Popup } from './TyPopup';
|
|
@@ -86,12 +86,10 @@ export type { TyButtonProps as ButtonProps } from './TyButton';
|
|
|
86
86
|
export type { TyTagProps as TagProps } from './TyTag';
|
|
87
87
|
export type { TyInputProps as InputProps, TyInputEventDetail as InputEventDetail } from './TyInput';
|
|
88
88
|
export type { TyTextareaProps as TextareaProps, TyTextareaEventDetail as TextareaEventDetail } from './TyTextarea';
|
|
89
|
-
export type { TyDropdownProps as DropdownProps, TyDropdownEventDetail as DropdownEventDetail, OptionData } from './TyDropdown';
|
|
90
89
|
export type { TyOptionProps as OptionProps } from './TyOption';
|
|
91
90
|
export type { TyIconProps as IconProps } from './TyIcon';
|
|
92
91
|
export type { TyModalProps as ModalProps, TyModalEventDetail as ModalEventDetail, TyModalRef as ModalRef } from './TyModal';
|
|
93
92
|
export type { TyTooltipProps as TooltipProps } from './TyTooltip';
|
|
94
|
-
export type { TyMultiselectProps as MultiselectProps, TyMultiselectEventDetail as MultiselectEventDetail } from './TyMultiselect';
|
|
95
93
|
export type { TyCalendarProps as CalendarProps, TyCalendarChangeEventDetail as CalendarChangeEventDetail, TyCalendarNavigateEventDetail as CalendarNavigateEventDetail } from './TyCalendar';
|
|
96
94
|
export type { TyDatePickerProps as DatePickerProps, TyDatePickerEventDetail as DatePickerEventDetail } from './TyDatePicker';
|
|
97
95
|
export type { TyPopupProps as PopupProps, TyPopupElement as PopupElement } from './TyPopup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,gFAAgF;AAChF,OAAO,EAAE,OAAO,EAAE,CAAC;AA2BnB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE9D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAExF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE3E,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
package/dist/components/index.js
CHANGED
|
@@ -26,12 +26,13 @@ export { TyButton } from './TyButton';
|
|
|
26
26
|
export { TyTag } from './TyTag';
|
|
27
27
|
export { TyInput } from './TyInput';
|
|
28
28
|
export { TyTextarea } from './TyTextarea';
|
|
29
|
-
export { TyDropdown } from './TyDropdown';
|
|
30
29
|
export { TyOption } from './TyOption';
|
|
31
30
|
export { TyIcon } from './TyIcon';
|
|
32
31
|
export { TyModal } from './TyModal';
|
|
32
|
+
// Platform/ARIA name alias (the element is also registered as ty-dialog)
|
|
33
|
+
export { TyModal as TyDialog } from './TyModal';
|
|
33
34
|
export { TyTooltip } from './TyTooltip';
|
|
34
|
-
export {
|
|
35
|
+
export { TySelect, TySelectedTags } from './TySelect';
|
|
35
36
|
export { TyCalendar } from './TyCalendar';
|
|
36
37
|
export { TyDatePicker } from './TyDatePicker';
|
|
37
38
|
export { TyPopup } from './TyPopup';
|
|
@@ -40,6 +41,8 @@ export { TySwitch } from './TySwitch';
|
|
|
40
41
|
export { TyRadio } from './TyRadio';
|
|
41
42
|
export { TyRadioGroup } from './TyRadioGroup';
|
|
42
43
|
export { TyCopy } from './TyCopy';
|
|
44
|
+
// Descriptive name alias (the element is also registered as ty-copy-field)
|
|
45
|
+
export { TyCopy as TyCopyField } from './TyCopy';
|
|
43
46
|
export { TyFileUpload } from './TyFileUpload';
|
|
44
47
|
export { TyTabs } from './TyTabs';
|
|
45
48
|
export { TyTab } from './TyTab';
|
|
@@ -56,12 +59,10 @@ export { TyButton as Button } from './TyButton';
|
|
|
56
59
|
export { TyTag as Tag } from './TyTag';
|
|
57
60
|
export { TyInput as Input } from './TyInput';
|
|
58
61
|
export { TyTextarea as Textarea } from './TyTextarea';
|
|
59
|
-
export { TyDropdown as Dropdown } from './TyDropdown';
|
|
60
62
|
export { TyOption as Option } from './TyOption';
|
|
61
63
|
export { TyIcon as Icon } from './TyIcon';
|
|
62
64
|
export { TyModal as Modal } from './TyModal';
|
|
63
65
|
export { TyTooltip as Tooltip } from './TyTooltip';
|
|
64
|
-
export { TyMultiselect as Multiselect } from './TyMultiselect';
|
|
65
66
|
export { TyCalendar as Calendar } from './TyCalendar';
|
|
66
67
|
export { TyDatePicker as DatePicker } from './TyDatePicker';
|
|
67
68
|
export { TyPopup as Popup } from './TyPopup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,UAAU;AACV,sEAAsE;AAEtE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,gFAAgF;AAChF,OAAO,EAAE,OAAO,EAAE,CAAC;AAEnB,iEAAiE;AACjE,qEAAqE;AACrE,mEAAmE;AACnE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,cAAc,GAAG,OAAO,CAAC;IACzC,OAAO,CAAC,GAAG,CACT,uBAAuB,OAAO,EAAE,EAChC,+BAA+B,EAC/B,+BAA+B,CAChC,CAAC;AACJ,CAAC;AAED,sEAAsE;AACtE,+BAA+B;AAC/B,sEAAsE;AACtE,0EAA0E;AAC1E,gFAAgF;AAChF,iFAAiF;AACjF,EAAE;AACF,sDAAsD;AAEtD,sEAAsE;AACtE,6DAA6D;AAC7D,sEAAsE;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
package/dist/version.d.ts
CHANGED
package/dist/version.js
CHANGED
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
// Generated from package.json by scripts/generate-version.js
|
|
3
3
|
// Run 'npm run generate:version' to regenerate.
|
|
4
4
|
/** Current version of tyrell-react. Synced with package.json on build. */
|
|
5
|
-
export const VERSION = '1.0.0-
|
|
5
|
+
export const VERSION = '1.0.0-RC12';
|
|
6
6
|
//# sourceMappingURL=version.js.map
|
package/package.json
CHANGED
|
@@ -54,6 +54,12 @@ export interface TyCalendarProps extends Omit<React.HTMLAttributes<HTMLElement>,
|
|
|
54
54
|
/** Calendar width */
|
|
55
55
|
width?: string | number;
|
|
56
56
|
|
|
57
|
+
/** Earliest selectable date (ISO "YYYY-MM-DD") — earlier days disabled, navigation clamped */
|
|
58
|
+
min?: string;
|
|
59
|
+
|
|
60
|
+
/** Latest selectable date (ISO "YYYY-MM-DD") — later days disabled, navigation clamped */
|
|
61
|
+
max?: string;
|
|
62
|
+
|
|
57
63
|
/** Minimum calendar width */
|
|
58
64
|
minWidth?: string | number;
|
|
59
65
|
|
|
@@ -80,6 +86,9 @@ export interface TyCalendarProps extends Omit<React.HTMLAttributes<HTMLElement>,
|
|
|
80
86
|
|
|
81
87
|
/** Callback when navigation changes month/year */
|
|
82
88
|
onNavigate?: (event: CustomEvent<TyCalendarNavigateEventDetail>) => void;
|
|
89
|
+
|
|
90
|
+
/** Callback when a day cell is clicked (fires alongside change) */
|
|
91
|
+
onDayClick?: (event: CustomEvent) => void;
|
|
83
92
|
}
|
|
84
93
|
|
|
85
94
|
// React wrapper for ty-calendar web component
|
|
@@ -93,6 +102,8 @@ export const TyCalendar = React.forwardRef<HTMLElement, TyCalendarProps>(
|
|
|
93
102
|
size,
|
|
94
103
|
locale,
|
|
95
104
|
width,
|
|
105
|
+
min,
|
|
106
|
+
max,
|
|
96
107
|
minWidth,
|
|
97
108
|
maxWidth,
|
|
98
109
|
name,
|
|
@@ -102,6 +113,7 @@ export const TyCalendar = React.forwardRef<HTMLElement, TyCalendarProps>(
|
|
|
102
113
|
customCSS,
|
|
103
114
|
onChange,
|
|
104
115
|
onNavigate,
|
|
116
|
+
onDayClick,
|
|
105
117
|
...props
|
|
106
118
|
}, ref) => {
|
|
107
119
|
const elementRef = useRef<HTMLElement>(null);
|
|
@@ -133,6 +145,10 @@ export const TyCalendar = React.forwardRef<HTMLElement, TyCalendarProps>(
|
|
|
133
145
|
}
|
|
134
146
|
}, [onNavigate]);
|
|
135
147
|
|
|
148
|
+
const handleDayClick = useCallback((event: Event) => {
|
|
149
|
+
if (onDayClick) onDayClick(event as CustomEvent);
|
|
150
|
+
}, [onDayClick]);
|
|
151
|
+
|
|
136
152
|
// Set up event listeners
|
|
137
153
|
useEffect(() => {
|
|
138
154
|
const element = elementRef.current;
|
|
@@ -150,12 +166,17 @@ export const TyCalendar = React.forwardRef<HTMLElement, TyCalendarProps>(
|
|
|
150
166
|
listeners.push(['navigate', handleNavigate]);
|
|
151
167
|
}
|
|
152
168
|
|
|
169
|
+
if (onDayClick) {
|
|
170
|
+
element.addEventListener('day-click', handleDayClick);
|
|
171
|
+
listeners.push(['day-click', handleDayClick]);
|
|
172
|
+
}
|
|
173
|
+
|
|
153
174
|
return () => {
|
|
154
175
|
listeners.forEach(([eventName, handler]) => {
|
|
155
176
|
element.removeEventListener(eventName, handler);
|
|
156
177
|
});
|
|
157
178
|
};
|
|
158
|
-
}, [handleChange, handleNavigate, onChange, onNavigate]);
|
|
179
|
+
}, [handleChange, handleNavigate, handleDayClick, onChange, onNavigate, onDayClick]);
|
|
159
180
|
|
|
160
181
|
// Set function/object properties directly on the element. Required on
|
|
161
182
|
// React 18, which can't bridge non-string props onto custom elements.
|
|
@@ -224,6 +245,14 @@ export const TyCalendar = React.forwardRef<HTMLElement, TyCalendarProps>(
|
|
|
224
245
|
webComponentProps.width = width.toString();
|
|
225
246
|
}
|
|
226
247
|
|
|
248
|
+
if (min) {
|
|
249
|
+
webComponentProps.min = min;
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
if (max) {
|
|
253
|
+
webComponentProps.max = max;
|
|
254
|
+
}
|
|
255
|
+
|
|
227
256
|
if (minWidth !== undefined) {
|
|
228
257
|
webComponentProps['min-width'] = minWidth.toString();
|
|
229
258
|
}
|
|
@@ -22,7 +22,13 @@ export interface TyCalendarMonthProps extends React.HTMLAttributes<HTMLElement>
|
|
|
22
22
|
|
|
23
23
|
/** Maximum width */
|
|
24
24
|
maxWidth?: string;
|
|
25
|
-
|
|
25
|
+
|
|
26
|
+
/** Earliest enabled date (ISO "YYYY-MM-DD") — earlier days disabled */
|
|
27
|
+
min?: string;
|
|
28
|
+
|
|
29
|
+
/** Latest enabled date (ISO "YYYY-MM-DD") — later days disabled */
|
|
30
|
+
max?: string;
|
|
31
|
+
|
|
26
32
|
/** Day click event handler */
|
|
27
33
|
onDayClick?: (event: CustomEvent<DayClickDetail>) => void;
|
|
28
34
|
}
|
|
@@ -49,6 +55,8 @@ export const TyCalendarMonth = React.forwardRef<HTMLElement, TyCalendarMonthProp
|
|
|
49
55
|
width,
|
|
50
56
|
minWidth,
|
|
51
57
|
maxWidth,
|
|
58
|
+
min,
|
|
59
|
+
max,
|
|
52
60
|
onDayClick,
|
|
53
61
|
...props
|
|
54
62
|
}, ref) => {
|
|
@@ -95,6 +103,8 @@ export const TyCalendarMonth = React.forwardRef<HTMLElement, TyCalendarMonthProp
|
|
|
95
103
|
if (locale) webComponentProps.locale = locale;
|
|
96
104
|
if (size) webComponentProps.size = size;
|
|
97
105
|
if (width) webComponentProps.width = width;
|
|
106
|
+
if (min) webComponentProps.min = min;
|
|
107
|
+
if (max) webComponentProps.max = max;
|
|
98
108
|
if (minWidth) webComponentProps['min-width'] = minWidth;
|
|
99
109
|
if (maxWidth) webComponentProps['max-width'] = maxWidth;
|
|
100
110
|
|
|
@@ -16,7 +16,13 @@ export interface TyCalendarNavigationProps extends Omit<React.HTMLAttributes<HTM
|
|
|
16
16
|
|
|
17
17
|
/** Width of navigation */
|
|
18
18
|
width?: string;
|
|
19
|
-
|
|
19
|
+
|
|
20
|
+
/** Earliest reachable month (ISO "YYYY-MM-DD") — navigation clamps here */
|
|
21
|
+
min?: string;
|
|
22
|
+
|
|
23
|
+
/** Latest reachable month (ISO "YYYY-MM-DD") — navigation clamps here */
|
|
24
|
+
max?: string;
|
|
25
|
+
|
|
20
26
|
/** Navigation change event handler */
|
|
21
27
|
onChange?: (event: CustomEvent<NavigationChangeDetail>) => void;
|
|
22
28
|
}
|
|
@@ -34,6 +40,8 @@ export const TyCalendarNavigation = React.forwardRef<HTMLElement, TyCalendarNavi
|
|
|
34
40
|
locale,
|
|
35
41
|
size,
|
|
36
42
|
width,
|
|
43
|
+
min,
|
|
44
|
+
max,
|
|
37
45
|
onChange,
|
|
38
46
|
...props
|
|
39
47
|
}, ref) => {
|
|
@@ -80,6 +88,8 @@ export const TyCalendarNavigation = React.forwardRef<HTMLElement, TyCalendarNavi
|
|
|
80
88
|
if (locale) webComponentProps.locale = locale;
|
|
81
89
|
if (size) webComponentProps.size = size;
|
|
82
90
|
if (width) webComponentProps.width = width;
|
|
91
|
+
if (min) webComponentProps.min = min;
|
|
92
|
+
if (max) webComponentProps.max = max;
|
|
83
93
|
|
|
84
94
|
return React.createElement(
|
|
85
95
|
'ty-calendar-navigation',
|
|
@@ -5,7 +5,10 @@ import { useBooleanProperty } from '../utils/use-boolean-prop';
|
|
|
5
5
|
export interface TyCheckboxProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange' | 'onInput'> {
|
|
6
6
|
/** Checked state */
|
|
7
7
|
checked?: boolean;
|
|
8
|
-
|
|
8
|
+
|
|
9
|
+
/** Mixed state (dash) — visual/ARIA only; clicking resolves to checked */
|
|
10
|
+
indeterminate?: boolean;
|
|
11
|
+
|
|
9
12
|
/** Form field value when checked */
|
|
10
13
|
value?: string;
|
|
11
14
|
|
|
@@ -53,8 +56,9 @@ export interface TyCheckboxEventDetail {
|
|
|
53
56
|
// React wrapper for ty-checkbox web component
|
|
54
57
|
export const TyCheckbox = React.forwardRef<HTMLElement, TyCheckboxProps>(
|
|
55
58
|
({
|
|
56
|
-
children,
|
|
59
|
+
children,
|
|
57
60
|
checked,
|
|
61
|
+
indeterminate,
|
|
58
62
|
value,
|
|
59
63
|
name,
|
|
60
64
|
disabled,
|
|
@@ -115,6 +119,7 @@ export const TyCheckbox = React.forwardRef<HTMLElement, TyCheckboxProps>(
|
|
|
115
119
|
// doesn't reliably remove them when the prop flips back to false on a
|
|
116
120
|
// custom element. React 19+ handles this natively.
|
|
117
121
|
const isChecked = useBooleanProperty(elementRef, 'checked', checked);
|
|
122
|
+
const isIndeterminate = useBooleanProperty(elementRef, 'indeterminate', indeterminate);
|
|
118
123
|
const isDisabled = useBooleanProperty(elementRef, 'disabled', disabled);
|
|
119
124
|
const isRequired = useBooleanProperty(elementRef, 'required', required);
|
|
120
125
|
|
|
@@ -126,6 +131,7 @@ export const TyCheckbox = React.forwardRef<HTMLElement, TyCheckboxProps>(
|
|
|
126
131
|
|
|
127
132
|
// Add boolean attributes
|
|
128
133
|
if (isChecked) webComponentProps.checked = '';
|
|
134
|
+
if (isIndeterminate) webComponentProps.indeterminate = '';
|
|
129
135
|
if (isDisabled) webComponentProps.disabled = '';
|
|
130
136
|
if (isRequired) webComponentProps.required = '';
|
|
131
137
|
|