tyrell-react 1.0.0-RC11 → 1.0.0-RC13
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/README.md +1 -0
- package/dist/components/TyButton.d.ts.map +1 -1
- package/dist/components/TyButton.js +2 -1
- package/dist/components/TyButton.js.map +1 -1
- package/dist/components/TyCalendar.d.ts +11 -0
- package/dist/components/TyCalendar.d.ts.map +1 -1
- package/dist/components/TyCalendar.js +21 -3
- package/dist/components/TyCalendar.js.map +1 -1
- package/dist/components/TyCalendarMonth.d.ts +9 -0
- package/dist/components/TyCalendarMonth.d.ts.map +1 -1
- package/dist/components/TyCalendarMonth.js +9 -2
- 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 +7 -2
- package/dist/components/TyCalendarNavigation.js.map +1 -1
- package/dist/components/TyCheckbox.d.ts +6 -1
- package/dist/components/TyCheckbox.d.ts.map +1 -1
- package/dist/components/TyCheckbox.js +6 -2
- package/dist/components/TyCheckbox.js.map +1 -1
- package/dist/components/TyCopy.d.ts +8 -1
- package/dist/components/TyCopy.d.ts.map +1 -1
- package/dist/components/TyCopy.js +21 -2
- package/dist/components/TyCopy.js.map +1 -1
- package/dist/components/TyDatePicker.d.ts +15 -4
- package/dist/components/TyDatePicker.d.ts.map +1 -1
- package/dist/components/TyDatePicker.js +9 -2
- package/dist/components/TyDatePicker.js.map +1 -1
- package/dist/components/TyFileUpload.d.ts.map +1 -1
- package/dist/components/TyFileUpload.js +2 -1
- package/dist/components/TyFileUpload.js.map +1 -1
- package/dist/components/TyInput.d.ts +6 -2
- package/dist/components/TyInput.d.ts.map +1 -1
- package/dist/components/TyInput.js +2 -1
- package/dist/components/TyInput.js.map +1 -1
- package/dist/components/TyModal.d.ts +5 -0
- package/dist/components/TyModal.d.ts.map +1 -1
- package/dist/components/TyModal.js +5 -2
- package/dist/components/TyModal.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 +5 -2
- package/dist/components/TyOption.js.map +1 -1
- package/dist/components/TyPopup.d.ts.map +1 -1
- package/dist/components/TyPopup.js +2 -1
- package/dist/components/TyPopup.js.map +1 -1
- package/dist/components/TyRadio.d.ts +4 -1
- package/dist/components/TyRadio.d.ts.map +1 -1
- package/dist/components/TyRadio.js +2 -1
- package/dist/components/TyRadio.js.map +1 -1
- package/dist/components/TyRadioGroup.d.ts +4 -1
- package/dist/components/TyRadioGroup.d.ts.map +1 -1
- package/dist/components/TyRadioGroup.js +2 -1
- package/dist/components/TyRadioGroup.js.map +1 -1
- package/dist/components/TyResizeObserver.d.ts.map +1 -1
- package/dist/components/TyResizeObserver.js +2 -1
- package/dist/components/TyResizeObserver.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 +43 -25
- package/dist/components/TyScrollContainer.js.map +1 -1
- package/dist/components/TySelect.d.ts +114 -0
- package/dist/components/TySelect.d.ts.map +1 -0
- package/dist/components/TySelect.js +159 -0
- package/dist/components/TySelect.js.map +1 -0
- package/dist/components/TyStep.d.ts.map +1 -1
- package/dist/components/TyStep.js +2 -1
- package/dist/components/TyStep.js.map +1 -1
- package/dist/components/TySwitch.d.ts +4 -1
- package/dist/components/TySwitch.d.ts.map +1 -1
- package/dist/components/TySwitch.js +2 -1
- package/dist/components/TySwitch.js.map +1 -1
- package/dist/components/TyTab.d.ts.map +1 -1
- package/dist/components/TyTab.js +2 -1
- package/dist/components/TyTab.js.map +1 -1
- package/dist/components/TyTabs.d.ts.map +1 -1
- package/dist/components/TyTabs.js +2 -1
- package/dist/components/TyTabs.js.map +1 -1
- package/dist/components/TyTag.d.ts +4 -1
- package/dist/components/TyTag.d.ts.map +1 -1
- package/dist/components/TyTag.js +2 -1
- package/dist/components/TyTag.js.map +1 -1
- package/dist/components/TyTextarea.d.ts.map +1 -1
- package/dist/components/TyTextarea.js +2 -1
- package/dist/components/TyTextarea.js.map +1 -1
- package/dist/components/TyTooltip.d.ts +4 -1
- package/dist/components/TyTooltip.d.ts.map +1 -1
- package/dist/components/TyTooltip.js +2 -1
- package/dist/components/TyTooltip.js.map +1 -1
- package/dist/components/TyWizard.d.ts.map +1 -1
- package/dist/components/TyWizard.js +2 -1
- package/dist/components/TyWizard.js.map +1 -1
- 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/utils/host-props.d.ts +11 -0
- package/dist/utils/host-props.d.ts.map +1 -0
- package/dist/utils/host-props.js +16 -0
- package/dist/utils/host-props.js.map +1 -0
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +1 -1
- package/src/components/TyButton.tsx +2 -1
- package/src/components/TyCalendar.tsx +44 -3
- package/src/components/TyCalendarMonth.tsx +22 -3
- package/src/components/TyCalendarNavigation.tsx +13 -2
- package/src/components/TyCheckbox.tsx +14 -4
- package/src/components/TyCopy.tsx +31 -3
- package/src/components/TyDatePicker.tsx +31 -6
- package/src/components/TyFileUpload.tsx +2 -1
- package/src/components/TyInput.tsx +8 -3
- package/src/components/TyModal.tsx +10 -1
- package/src/components/TyOption.tsx +16 -2
- package/src/components/TyPopup.tsx +2 -1
- package/src/components/TyRadio.tsx +6 -2
- package/src/components/TyRadioGroup.tsx +6 -2
- package/src/components/TyResizeObserver.tsx +2 -1
- package/src/components/TyScrollContainer.tsx +76 -25
- package/src/components/TySelect.tsx +305 -0
- package/src/components/TyStep.tsx +2 -1
- package/src/components/TySwitch.tsx +6 -2
- package/src/components/TyTab.tsx +2 -1
- package/src/components/TyTabs.tsx +2 -1
- package/src/components/TyTag.tsx +6 -2
- package/src/components/TyTextarea.tsx +2 -1
- package/src/components/TyTooltip.tsx +6 -2
- package/src/components/TyWizard.tsx +2 -1
- package/src/components/index.ts +8 -13
- package/src/utils/host-props.ts +14 -0
- 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,4 +1,5 @@
|
|
|
1
1
|
import React, { useEffect, useRef } from 'react';
|
|
2
|
+
import { hostProps } from '../utils/host-props';
|
|
2
3
|
import { useBooleanProperty } from '../utils/use-boolean-prop';
|
|
3
4
|
// React wrapper for ty-tooltip web component
|
|
4
5
|
export const TyTooltip = React.forwardRef(({ placement, offset, delay, disabled, flavor, children, ...props }, ref) => {
|
|
@@ -16,7 +17,7 @@ export const TyTooltip = React.forwardRef(({ placement, offset, delay, disabled,
|
|
|
16
17
|
}, [ref]);
|
|
17
18
|
// Convert React props to web component attributes
|
|
18
19
|
const webComponentProps = {
|
|
19
|
-
...props,
|
|
20
|
+
...hostProps(props),
|
|
20
21
|
ref: elementRef,
|
|
21
22
|
};
|
|
22
23
|
// Add optional attributes only if they have values
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TyTooltip.js","sourceRoot":"","sources":["../../src/components/TyTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"TyTooltip.js","sourceRoot":"","sources":["../../src/components/TyTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AA0B/D,6CAA6C;AAC7C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,EACC,SAAS,EACT,MAAM,EACN,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,wBAAwB;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YAC9B,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,kDAAkD;IAClD,MAAM,iBAAiB,GAAwB;QAC7C,GAAG,SAAS,CAAC,KAAK,CAAC;QACnB,GAAG,EAAE,UAAU;KAChB,CAAC;IAEF,mDAAmD;IACnD,IAAI,SAAS,EAAE,CAAC;QACd,iBAAiB,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C,CAAC;IAED,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;IAC/C,CAAC;IAED,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,iBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC7C,CAAC;IAED,MAAM,UAAU,GAAG,kBAAkB,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IACxE,IAAI,UAAU;QAAE,iBAAiB,CAAC,QAAQ,GAAG,EAAE,CAAC;IAEhD,IAAI,MAAM,EAAE,CAAC;QACX,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IACpC,CAAC;IAED,OAAO,KAAK,CAAC,aAAa,CACxB,YAAY,EACZ,iBAAiB,EACjB,QAAQ,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TyWizard.d.ts","sourceRoot":"","sources":["../../src/components/TyWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TyWizard.d.ts","sourceRoot":"","sources":["../../src/components/TyWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACxF,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC,gCAAgC;IAChC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAC;IAEpE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;CAC5C;AAGD,eAAO,MAAM,QAAQ,mFA6DpB,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useEffect, useRef } from 'react';
|
|
2
|
+
import { hostProps } from '../utils/host-props';
|
|
2
3
|
// React wrapper for ty-wizard web component
|
|
3
4
|
export const TyWizard = React.forwardRef(({ children, width, height, active, completed, orientation, onStepChange, ...props }, ref) => {
|
|
4
5
|
const elementRef = useRef(null);
|
|
@@ -30,7 +31,7 @@ export const TyWizard = React.forwardRef(({ children, width, height, active, com
|
|
|
30
31
|
}, [ref]);
|
|
31
32
|
// Convert React props to web component attributes
|
|
32
33
|
const webComponentProps = {
|
|
33
|
-
...props,
|
|
34
|
+
...hostProps(props),
|
|
34
35
|
ref: elementRef,
|
|
35
36
|
};
|
|
36
37
|
// Add string attributes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TyWizard.js","sourceRoot":"","sources":["../../src/components/TyWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TyWizard.js","sourceRoot":"","sources":["../../src/components/TyWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAkChD,4CAA4C;AAC5C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EACC,QAAQ,EACR,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,EACT,WAAW,EACX,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,4BAA4B;IAC5B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;YACxC,IAAI,YAAY,EAAE,CAAC;gBACjB,YAAY,CAAC,KAA4C,CAAC,CAAC;YAC7D,CAAC;QACH,CAAC,CAAC;QAEF,OAAO,CAAC,gBAAgB,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,CAAC;QAEpE,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,CAAC;QACzE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,yBAAyB;IACzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YAC9B,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,kDAAkD;IAClD,MAAM,iBAAiB,GAAwB;QAC7C,GAAG,SAAS,CAAC,KAAK,CAAC;QACnB,GAAG,EAAE,UAAU;KAChB,CAAC;IAEF,wBAAwB;IACxB,IAAI,KAAK;QAAE,iBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC;IAC3C,IAAI,MAAM;QAAE,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAC9C,IAAI,MAAM;QAAE,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAC9C,IAAI,SAAS;QAAE,iBAAiB,CAAC,SAAS,GAAG,SAAS,CAAC;IACvD,IAAI,WAAW;QAAE,iBAAiB,CAAC,WAAW,GAAG,WAAW,CAAC;IAE7D,OAAO,KAAK,CAAC,aAAa,CACxB,WAAW,EACX,iBAAiB,EACjB,QAAQ,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -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, TySelectedOptions, 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, TySelectedOptions, 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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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Normalize pass-through props for a custom-element host.
|
|
3
|
+
*
|
|
4
|
+
* React 18 does not special-case `className` on custom elements — it
|
|
5
|
+
* lowercases the prop into a literal `classname=""` attribute, which no CSS
|
|
6
|
+
* ever matches. Renaming it to `class` makes React pass it through verbatim,
|
|
7
|
+
* so host-level utility classes (layout, positioning) actually apply.
|
|
8
|
+
* React 19 handles `className` natively; this stays harmless there.
|
|
9
|
+
*/
|
|
10
|
+
export declare function hostProps<T extends Record<string, any>>(props: T): Record<string, any>;
|
|
11
|
+
//# sourceMappingURL=host-props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"host-props.d.ts","sourceRoot":"","sources":["../../src/utils/host-props.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAItF"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Normalize pass-through props for a custom-element host.
|
|
3
|
+
*
|
|
4
|
+
* React 18 does not special-case `className` on custom elements — it
|
|
5
|
+
* lowercases the prop into a literal `classname=""` attribute, which no CSS
|
|
6
|
+
* ever matches. Renaming it to `class` makes React pass it through verbatim,
|
|
7
|
+
* so host-level utility classes (layout, positioning) actually apply.
|
|
8
|
+
* React 19 handles `className` natively; this stays harmless there.
|
|
9
|
+
*/
|
|
10
|
+
export function hostProps(props) {
|
|
11
|
+
const { className, ...rest } = props;
|
|
12
|
+
if (className != null)
|
|
13
|
+
rest.class = className;
|
|
14
|
+
return rest;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=host-props.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"host-props.js","sourceRoot":"","sources":["../../src/utils/host-props.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,UAAU,SAAS,CAAgC,KAAQ;IAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,IAAI,SAAS,IAAI,IAAI;QAAG,IAA4B,CAAC,KAAK,GAAG,SAAS,CAAC;IACvE,OAAO,IAAI,CAAC;AACd,CAAC"}
|
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-RC13';
|
|
6
6
|
//# sourceMappingURL=version.js.map
|
package/package.json
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useEffect, useRef } from 'react';
|
|
2
|
+
import { hostProps } from '../utils/host-props';
|
|
2
3
|
import { useBooleanProperty } from '../utils/use-boolean-prop';
|
|
3
4
|
|
|
4
5
|
type BuiltinFlavor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
|
|
@@ -130,7 +131,7 @@ export const TyButton = React.forwardRef<HTMLElement, TyButtonProps>(
|
|
|
130
131
|
const isWide = useBooleanProperty(elementRef, 'wide', wide);
|
|
131
132
|
|
|
132
133
|
const webComponentProps: Record<string, any> = {
|
|
133
|
-
...props,
|
|
134
|
+
...hostProps(props),
|
|
134
135
|
ref: elementRef,
|
|
135
136
|
};
|
|
136
137
|
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import React, { useEffect, useRef, useCallback } from 'react';
|
|
2
|
+
import { hostProps } from '../utils/host-props';
|
|
2
3
|
import { needsPropertyBridge } from '../utils/react-version';
|
|
3
4
|
import { useBooleanProperty } from '../utils/use-boolean-prop';
|
|
4
5
|
|
|
6
|
+
type BuiltinFlavor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
|
|
7
|
+
type ShadedFlavor = BuiltinFlavor | `${BuiltinFlavor}+` | `${BuiltinFlavor}-`;
|
|
8
|
+
|
|
5
9
|
// Type definitions for Ty Calendar component
|
|
6
10
|
export interface TyCalendarChangeEventDetail {
|
|
7
11
|
/** Selected month (1-12) */
|
|
@@ -47,13 +51,22 @@ export interface TyCalendarProps extends Omit<React.HTMLAttributes<HTMLElement>,
|
|
|
47
51
|
|
|
48
52
|
/** Calendar size */
|
|
49
53
|
size?: 'sm' | 'md' | 'lg';
|
|
50
|
-
|
|
54
|
+
|
|
55
|
+
/** Visual flavor for the selected/today day cells (nav stays neutral chrome) */
|
|
56
|
+
flavor?: ShadedFlavor | (string & {});
|
|
57
|
+
|
|
51
58
|
/** Locale for date formatting */
|
|
52
59
|
locale?: string;
|
|
53
60
|
|
|
54
61
|
/** Calendar width */
|
|
55
62
|
width?: string | number;
|
|
56
63
|
|
|
64
|
+
/** Earliest selectable date (ISO "YYYY-MM-DD") — earlier days disabled, navigation clamped */
|
|
65
|
+
min?: string;
|
|
66
|
+
|
|
67
|
+
/** Latest selectable date (ISO "YYYY-MM-DD") — later days disabled, navigation clamped */
|
|
68
|
+
max?: string;
|
|
69
|
+
|
|
57
70
|
/** Minimum calendar width */
|
|
58
71
|
minWidth?: string | number;
|
|
59
72
|
|
|
@@ -80,6 +93,9 @@ export interface TyCalendarProps extends Omit<React.HTMLAttributes<HTMLElement>,
|
|
|
80
93
|
|
|
81
94
|
/** Callback when navigation changes month/year */
|
|
82
95
|
onNavigate?: (event: CustomEvent<TyCalendarNavigateEventDetail>) => void;
|
|
96
|
+
|
|
97
|
+
/** Callback when a day cell is clicked (fires alongside change) */
|
|
98
|
+
onDayClick?: (event: CustomEvent) => void;
|
|
83
99
|
}
|
|
84
100
|
|
|
85
101
|
// React wrapper for ty-calendar web component
|
|
@@ -91,8 +107,11 @@ export const TyCalendar = React.forwardRef<HTMLElement, TyCalendarProps>(
|
|
|
91
107
|
showNavigation,
|
|
92
108
|
stateless,
|
|
93
109
|
size,
|
|
110
|
+
flavor,
|
|
94
111
|
locale,
|
|
95
112
|
width,
|
|
113
|
+
min,
|
|
114
|
+
max,
|
|
96
115
|
minWidth,
|
|
97
116
|
maxWidth,
|
|
98
117
|
name,
|
|
@@ -102,6 +121,7 @@ export const TyCalendar = React.forwardRef<HTMLElement, TyCalendarProps>(
|
|
|
102
121
|
customCSS,
|
|
103
122
|
onChange,
|
|
104
123
|
onNavigate,
|
|
124
|
+
onDayClick,
|
|
105
125
|
...props
|
|
106
126
|
}, ref) => {
|
|
107
127
|
const elementRef = useRef<HTMLElement>(null);
|
|
@@ -133,6 +153,10 @@ export const TyCalendar = React.forwardRef<HTMLElement, TyCalendarProps>(
|
|
|
133
153
|
}
|
|
134
154
|
}, [onNavigate]);
|
|
135
155
|
|
|
156
|
+
const handleDayClick = useCallback((event: Event) => {
|
|
157
|
+
if (onDayClick) onDayClick(event as CustomEvent);
|
|
158
|
+
}, [onDayClick]);
|
|
159
|
+
|
|
136
160
|
// Set up event listeners
|
|
137
161
|
useEffect(() => {
|
|
138
162
|
const element = elementRef.current;
|
|
@@ -150,12 +174,17 @@ export const TyCalendar = React.forwardRef<HTMLElement, TyCalendarProps>(
|
|
|
150
174
|
listeners.push(['navigate', handleNavigate]);
|
|
151
175
|
}
|
|
152
176
|
|
|
177
|
+
if (onDayClick) {
|
|
178
|
+
element.addEventListener('day-click', handleDayClick);
|
|
179
|
+
listeners.push(['day-click', handleDayClick]);
|
|
180
|
+
}
|
|
181
|
+
|
|
153
182
|
return () => {
|
|
154
183
|
listeners.forEach(([eventName, handler]) => {
|
|
155
184
|
element.removeEventListener(eventName, handler);
|
|
156
185
|
});
|
|
157
186
|
};
|
|
158
|
-
}, [handleChange, handleNavigate, onChange, onNavigate]);
|
|
187
|
+
}, [handleChange, handleNavigate, handleDayClick, onChange, onNavigate, onDayClick]);
|
|
159
188
|
|
|
160
189
|
// Set function/object properties directly on the element. Required on
|
|
161
190
|
// React 18, which can't bridge non-string props onto custom elements.
|
|
@@ -189,7 +218,7 @@ export const TyCalendar = React.forwardRef<HTMLElement, TyCalendarProps>(
|
|
|
189
218
|
|
|
190
219
|
// Convert React props to web component attributes
|
|
191
220
|
const webComponentProps: Record<string, any> = {
|
|
192
|
-
...props,
|
|
221
|
+
...hostProps(props),
|
|
193
222
|
ref: elementRef,
|
|
194
223
|
};
|
|
195
224
|
|
|
@@ -216,6 +245,10 @@ export const TyCalendar = React.forwardRef<HTMLElement, TyCalendarProps>(
|
|
|
216
245
|
webComponentProps.size = size;
|
|
217
246
|
}
|
|
218
247
|
|
|
248
|
+
if (flavor) {
|
|
249
|
+
webComponentProps.flavor = flavor;
|
|
250
|
+
}
|
|
251
|
+
|
|
219
252
|
if (locale) {
|
|
220
253
|
webComponentProps.locale = locale;
|
|
221
254
|
}
|
|
@@ -224,6 +257,14 @@ export const TyCalendar = React.forwardRef<HTMLElement, TyCalendarProps>(
|
|
|
224
257
|
webComponentProps.width = width.toString();
|
|
225
258
|
}
|
|
226
259
|
|
|
260
|
+
if (min) {
|
|
261
|
+
webComponentProps.min = min;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
if (max) {
|
|
265
|
+
webComponentProps.max = max;
|
|
266
|
+
}
|
|
267
|
+
|
|
227
268
|
if (minWidth !== undefined) {
|
|
228
269
|
webComponentProps['min-width'] = minWidth.toString();
|
|
229
270
|
}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import React, { useEffect, useRef } from 'react';
|
|
2
|
+
import { hostProps } from '../utils/host-props';
|
|
3
|
+
|
|
4
|
+
type BuiltinFlavor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
|
|
5
|
+
type ShadedFlavor = BuiltinFlavor | `${BuiltinFlavor}+` | `${BuiltinFlavor}-`;
|
|
2
6
|
|
|
3
7
|
// Type definitions for Ty Calendar Month component
|
|
4
8
|
export interface TyCalendarMonthProps extends React.HTMLAttributes<HTMLElement> {
|
|
@@ -13,7 +17,10 @@ export interface TyCalendarMonthProps extends React.HTMLAttributes<HTMLElement>
|
|
|
13
17
|
|
|
14
18
|
/** Calendar size */
|
|
15
19
|
size?: 'sm' | 'md' | 'lg';
|
|
16
|
-
|
|
20
|
+
|
|
21
|
+
/** Visual flavor for the selected/today day cells */
|
|
22
|
+
flavor?: ShadedFlavor | (string & {});
|
|
23
|
+
|
|
17
24
|
/** Width of calendar */
|
|
18
25
|
width?: string;
|
|
19
26
|
|
|
@@ -22,7 +29,13 @@ export interface TyCalendarMonthProps extends React.HTMLAttributes<HTMLElement>
|
|
|
22
29
|
|
|
23
30
|
/** Maximum width */
|
|
24
31
|
maxWidth?: string;
|
|
25
|
-
|
|
32
|
+
|
|
33
|
+
/** Earliest enabled date (ISO "YYYY-MM-DD") — earlier days disabled */
|
|
34
|
+
min?: string;
|
|
35
|
+
|
|
36
|
+
/** Latest enabled date (ISO "YYYY-MM-DD") — later days disabled */
|
|
37
|
+
max?: string;
|
|
38
|
+
|
|
26
39
|
/** Day click event handler */
|
|
27
40
|
onDayClick?: (event: CustomEvent<DayClickDetail>) => void;
|
|
28
41
|
}
|
|
@@ -46,9 +59,12 @@ export const TyCalendarMonth = React.forwardRef<HTMLElement, TyCalendarMonthProp
|
|
|
46
59
|
displayMonth,
|
|
47
60
|
locale,
|
|
48
61
|
size,
|
|
62
|
+
flavor,
|
|
49
63
|
width,
|
|
50
64
|
minWidth,
|
|
51
65
|
maxWidth,
|
|
66
|
+
min,
|
|
67
|
+
max,
|
|
52
68
|
onDayClick,
|
|
53
69
|
...props
|
|
54
70
|
}, ref) => {
|
|
@@ -85,7 +101,7 @@ export const TyCalendarMonth = React.forwardRef<HTMLElement, TyCalendarMonthProp
|
|
|
85
101
|
|
|
86
102
|
// Convert React props to web component attributes
|
|
87
103
|
const webComponentProps: Record<string, any> = {
|
|
88
|
-
...props,
|
|
104
|
+
...hostProps(props),
|
|
89
105
|
ref: elementRef,
|
|
90
106
|
};
|
|
91
107
|
|
|
@@ -94,7 +110,10 @@ export const TyCalendarMonth = React.forwardRef<HTMLElement, TyCalendarMonthProp
|
|
|
94
110
|
if (displayMonth !== undefined) webComponentProps['display-month'] = displayMonth;
|
|
95
111
|
if (locale) webComponentProps.locale = locale;
|
|
96
112
|
if (size) webComponentProps.size = size;
|
|
113
|
+
if (flavor) webComponentProps.flavor = flavor;
|
|
97
114
|
if (width) webComponentProps.width = width;
|
|
115
|
+
if (min) webComponentProps.min = min;
|
|
116
|
+
if (max) webComponentProps.max = max;
|
|
98
117
|
if (minWidth) webComponentProps['min-width'] = minWidth;
|
|
99
118
|
if (maxWidth) webComponentProps['max-width'] = maxWidth;
|
|
100
119
|
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useEffect, useRef } from 'react';
|
|
2
|
+
import { hostProps } from '../utils/host-props';
|
|
2
3
|
|
|
3
4
|
// Type definitions for Ty Calendar Navigation component
|
|
4
5
|
export interface TyCalendarNavigationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
|
|
@@ -16,7 +17,13 @@ export interface TyCalendarNavigationProps extends Omit<React.HTMLAttributes<HTM
|
|
|
16
17
|
|
|
17
18
|
/** Width of navigation */
|
|
18
19
|
width?: string;
|
|
19
|
-
|
|
20
|
+
|
|
21
|
+
/** Earliest reachable month (ISO "YYYY-MM-DD") — navigation clamps here */
|
|
22
|
+
min?: string;
|
|
23
|
+
|
|
24
|
+
/** Latest reachable month (ISO "YYYY-MM-DD") — navigation clamps here */
|
|
25
|
+
max?: string;
|
|
26
|
+
|
|
20
27
|
/** Navigation change event handler */
|
|
21
28
|
onChange?: (event: CustomEvent<NavigationChangeDetail>) => void;
|
|
22
29
|
}
|
|
@@ -34,6 +41,8 @@ export const TyCalendarNavigation = React.forwardRef<HTMLElement, TyCalendarNavi
|
|
|
34
41
|
locale,
|
|
35
42
|
size,
|
|
36
43
|
width,
|
|
44
|
+
min,
|
|
45
|
+
max,
|
|
37
46
|
onChange,
|
|
38
47
|
...props
|
|
39
48
|
}, ref) => {
|
|
@@ -70,7 +79,7 @@ export const TyCalendarNavigation = React.forwardRef<HTMLElement, TyCalendarNavi
|
|
|
70
79
|
|
|
71
80
|
// Convert React props to web component attributes
|
|
72
81
|
const webComponentProps: Record<string, any> = {
|
|
73
|
-
...props,
|
|
82
|
+
...hostProps(props),
|
|
74
83
|
ref: elementRef,
|
|
75
84
|
};
|
|
76
85
|
|
|
@@ -80,6 +89,8 @@ export const TyCalendarNavigation = React.forwardRef<HTMLElement, TyCalendarNavi
|
|
|
80
89
|
if (locale) webComponentProps.locale = locale;
|
|
81
90
|
if (size) webComponentProps.size = size;
|
|
82
91
|
if (width) webComponentProps.width = width;
|
|
92
|
+
if (min) webComponentProps.min = min;
|
|
93
|
+
if (max) webComponentProps.max = max;
|
|
83
94
|
|
|
84
95
|
return React.createElement(
|
|
85
96
|
'ty-calendar-navigation',
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
import React, { useEffect, useRef } from 'react';
|
|
2
|
+
import { hostProps } from '../utils/host-props';
|
|
2
3
|
import { useBooleanProperty } from '../utils/use-boolean-prop';
|
|
3
4
|
|
|
5
|
+
type BuiltinFlavor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
|
|
6
|
+
type ShadedFlavor = BuiltinFlavor | `${BuiltinFlavor}+` | `${BuiltinFlavor}-`;
|
|
7
|
+
|
|
4
8
|
// Type definitions for Ty Checkbox component
|
|
5
9
|
export interface TyCheckboxProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange' | 'onInput'> {
|
|
6
10
|
/** Checked state */
|
|
7
11
|
checked?: boolean;
|
|
8
|
-
|
|
12
|
+
|
|
13
|
+
/** Mixed state (dash) — visual/ARIA only; clicking resolves to checked */
|
|
14
|
+
indeterminate?: boolean;
|
|
15
|
+
|
|
9
16
|
/** Form field value when checked */
|
|
10
17
|
value?: string;
|
|
11
18
|
|
|
@@ -25,7 +32,7 @@ export interface TyCheckboxProps extends Omit<React.HTMLAttributes<HTMLElement>,
|
|
|
25
32
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
26
33
|
|
|
27
34
|
/** Semantic styling variant */
|
|
28
|
-
flavor?:
|
|
35
|
+
flavor?: ShadedFlavor | (string & {});
|
|
29
36
|
|
|
30
37
|
/**
|
|
31
38
|
* Fires when checkbox state changes (React convention)
|
|
@@ -53,8 +60,9 @@ export interface TyCheckboxEventDetail {
|
|
|
53
60
|
// React wrapper for ty-checkbox web component
|
|
54
61
|
export const TyCheckbox = React.forwardRef<HTMLElement, TyCheckboxProps>(
|
|
55
62
|
({
|
|
56
|
-
children,
|
|
63
|
+
children,
|
|
57
64
|
checked,
|
|
65
|
+
indeterminate,
|
|
58
66
|
value,
|
|
59
67
|
name,
|
|
60
68
|
disabled,
|
|
@@ -115,17 +123,19 @@ export const TyCheckbox = React.forwardRef<HTMLElement, TyCheckboxProps>(
|
|
|
115
123
|
// doesn't reliably remove them when the prop flips back to false on a
|
|
116
124
|
// custom element. React 19+ handles this natively.
|
|
117
125
|
const isChecked = useBooleanProperty(elementRef, 'checked', checked);
|
|
126
|
+
const isIndeterminate = useBooleanProperty(elementRef, 'indeterminate', indeterminate);
|
|
118
127
|
const isDisabled = useBooleanProperty(elementRef, 'disabled', disabled);
|
|
119
128
|
const isRequired = useBooleanProperty(elementRef, 'required', required);
|
|
120
129
|
|
|
121
130
|
// Convert React props to web component attributes
|
|
122
131
|
const webComponentProps: Record<string, any> = {
|
|
123
|
-
...props,
|
|
132
|
+
...hostProps(props),
|
|
124
133
|
ref: elementRef,
|
|
125
134
|
};
|
|
126
135
|
|
|
127
136
|
// Add boolean attributes
|
|
128
137
|
if (isChecked) webComponentProps.checked = '';
|
|
138
|
+
if (isIndeterminate) webComponentProps.indeterminate = '';
|
|
129
139
|
if (isDisabled) webComponentProps.disabled = '';
|
|
130
140
|
if (isRequired) webComponentProps.required = '';
|
|
131
141
|
|