@triptease/react 3.5.0 → 3.6.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.
Files changed (14) hide show
  1. package/dist/src/TtCombobox.d.ts +4 -2
  2. package/dist/src/TtCombobox.js.map +1 -1
  3. package/dist/src/TtDatePicker.d.ts +4 -2
  4. package/dist/src/TtDatePicker.js.map +1 -1
  5. package/dist/src/TtDateRangePicker.d.ts +4 -2
  6. package/dist/src/TtDateRangePicker.js.map +1 -1
  7. package/dist/src/types/events.d.ts +3 -0
  8. package/dist/src/types/events.js +2 -0
  9. package/dist/src/types/events.js.map +1 -0
  10. package/package.json +2 -2
  11. package/src/TtCombobox.tsx +5 -4
  12. package/src/TtDatePicker.tsx +5 -3
  13. package/src/TtDateRangePicker.tsx +4 -3
  14. package/src/types/events.ts +3 -0
package/dist/src/TtCombobox.d.ts CHANGED
@@ -1,6 +1,8 @@
1
+ import { EventName } from '@lit/react';
1
2
  import { TtCombobox } from '@triptease/webcomponents';
2
3
  import '@triptease/webcomponents/tt-combobox.js';
4
+ import { ChangeEvent } from './types/events.js';
3
5
  export declare const ComboBox: import("@lit/react").ReactWebComponent<TtCombobox, {
4
- onchange: string;
5
- onChange: string;
6
+ onchange: EventName<ChangeEvent<TtCombobox>>;
7
+ onChange: EventName<ChangeEvent<TtCombobox>>;
6
8
  }>;
package/dist/src/TtCombobox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TtCombobox.js","sourceRoot":"","sources":["../../src/TtCombobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,eAAe,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,yCAAyC,CAAC;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,UAAU;IACxB,MAAM,EAAE;QACN,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {createComponent} from '@lit/react';\nimport {TtCombobox} from '@triptease/webcomponents';\nimport '@triptease/webcomponents/tt-combobox.js';\n\nexport const ComboBox = createComponent({\n tagName: 'tt-combobox',\n react: React,\n elementClass: TtCombobox,\n events: {\n onchange: 'change',\n onChange: 'change',\n }\n});"]}
1
+ {"version":3,"file":"TtCombobox.js","sourceRoot":"","sources":["../../src/TtCombobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAa,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,yCAAyC,CAAC;AAGjD,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,UAAU;IACxB,MAAM,EAAE;QACN,QAAQ,EAAE,QAA8C;QACxD,QAAQ,EAAE,QAA8C;KACzD;CACF,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { createComponent, EventName } from '@lit/react';\nimport { TtCombobox } from '@triptease/webcomponents';\nimport '@triptease/webcomponents/tt-combobox.js';\nimport { ChangeEvent } from './types/events.js';\n\nexport const ComboBox = createComponent({\n tagName: 'tt-combobox',\n react: React,\n elementClass: TtCombobox,\n events: {\n onchange: 'change' as EventName<ChangeEvent<TtCombobox>>,\n onChange: 'change' as EventName<ChangeEvent<TtCombobox>>,\n }\n});"]}
package/dist/src/TtDatePicker.d.ts CHANGED
@@ -1,6 +1,8 @@
1
+ import { EventName } from '@lit/react';
1
2
  import { TtDatePicker } from '@triptease/webcomponents';
2
3
  import '@triptease/webcomponents/tt-date-picker.js';
4
+ import { ChangeEvent } from './types/events.js';
3
5
  export declare const DatePicker: import("@lit/react").ReactWebComponent<TtDatePicker, {
4
- onchange: string;
5
- onChange: string;
6
+ onchange: EventName<ChangeEvent<TtDatePicker>>;
7
+ onChange: EventName<ChangeEvent<TtDatePicker>>;
6
8
  }>;
package/dist/src/TtDatePicker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TtDatePicker.js","sourceRoot":"","sources":["../../src/TtDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,4CAA4C,CAAC;AAEpD,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,OAAO,EAAE,gBAAgB;IACzB,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,YAAY;IAC1B,MAAM,EAAE;QACN,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { createComponent } from '@lit/react';\nimport { TtDatePicker } from '@triptease/webcomponents';\nimport '@triptease/webcomponents/tt-date-picker.js';\n\nexport const DatePicker = createComponent({\n tagName: 'tt-date-picker',\n react: React,\n elementClass: TtDatePicker,\n events: {\n onchange: 'change',\n onChange: 'change',\n }\n});"]}
1
+ {"version":3,"file":"TtDatePicker.js","sourceRoot":"","sources":["../../src/TtDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAa,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,4CAA4C,CAAC;AAIpD,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,OAAO,EAAE,gBAAgB;IACzB,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,YAAY;IAC1B,MAAM,EAAE;QACN,QAAQ,EAAE,QAAgD;QAC1D,QAAQ,EAAE,QAAgD;KAC3D;CACF,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { createComponent, EventName } from '@lit/react';\nimport { TtDatePicker } from '@triptease/webcomponents';\nimport '@triptease/webcomponents/tt-date-picker.js';\nimport { ChangeEvent } from './types/events.js';\n\n\nexport const DatePicker = createComponent({\n tagName: 'tt-date-picker',\n react: React,\n elementClass: TtDatePicker,\n events: {\n onchange: 'change' as EventName<ChangeEvent<TtDatePicker>>,\n onChange: 'change' as EventName<ChangeEvent<TtDatePicker>>,\n }\n});"]}
package/dist/src/TtDateRangePicker.d.ts CHANGED
@@ -1,6 +1,8 @@
1
+ import { EventName } from '@lit/react';
1
2
  import { TtDateRangePicker } from '@triptease/webcomponents';
2
3
  import '@triptease/webcomponents/tt-date-range-picker.js';
4
+ import { ChangeEvent } from './types/events.js';
3
5
  export declare const DateRangePicker: import("@lit/react").ReactWebComponent<TtDateRangePicker, {
4
- onchange: string;
5
- onChange: string;
6
+ onchange: EventName<ChangeEvent<TtDateRangePicker>>;
7
+ onChange: EventName<ChangeEvent<TtDateRangePicker>>;
6
8
  }>;
package/dist/src/TtDateRangePicker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TtDateRangePicker.js","sourceRoot":"","sources":["../../src/TtDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,eAAe,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,kDAAkD,CAAC;AAE1D,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC7C,OAAO,EAAE,sBAAsB;IAC/B,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,iBAAiB;IAC/B,MAAM,EAAE;QACN,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {createComponent} from '@lit/react';\nimport { TtDateRangePicker } from '@triptease/webcomponents';\nimport '@triptease/webcomponents/tt-date-range-picker.js';\n\nexport const DateRangePicker = createComponent({\n tagName: 'tt-date-range-picker',\n react: React,\n elementClass: TtDateRangePicker,\n events: {\n onchange: 'change',\n onChange: 'change',\n }\n});"]}
1
+ {"version":3,"file":"TtDateRangePicker.js","sourceRoot":"","sources":["../../src/TtDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,eAAe,EAAY,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,kDAAkD,CAAC;AAG1D,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC7C,OAAO,EAAE,sBAAsB;IAC/B,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,iBAAiB;IAC/B,MAAM,EAAE;QACN,QAAQ,EAAE,QAAqD;QAC/D,QAAQ,EAAE,QAAqD;KAChE;CACF,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {createComponent, EventName} from '@lit/react';\nimport { TtDateRangePicker } from '@triptease/webcomponents';\nimport '@triptease/webcomponents/tt-date-range-picker.js';\nimport { ChangeEvent } from './types/events.js';\n\nexport const DateRangePicker = createComponent({\n tagName: 'tt-date-range-picker',\n react: React,\n elementClass: TtDateRangePicker,\n events: {\n onchange: 'change' as EventName<ChangeEvent<TtDateRangePicker>>,\n onChange: 'change' as EventName<ChangeEvent<TtDateRangePicker>>,\n }\n});"]}
package/dist/src/types/events.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export interface ChangeEvent<T extends HTMLElement> extends Event {
2
+ target: T | null;
3
+ }
package/dist/src/types/events.js ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=events.js.map
package/dist/src/types/events.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"events.js","sourceRoot":"","sources":["../../../src/types/events.ts"],"names":[],"mappings":"","sourcesContent":["export interface ChangeEvent<T extends HTMLElement> extends Event {\n target: T | null;\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@triptease/react",
3
- "version": "3.5.0",
3
+ "version": "3.6.0",
4
4
  "description": "React bindings for the @triptease/webcomponents components",
5
5
  "author": "Launchpad Squad",
6
6
  "license": "MIT",
@@ -12,7 +12,7 @@
12
12
  },
13
13
  "dependencies": {
14
14
  "@lit/react": "^1.0.5",
15
- "@triptease/webcomponents": "^3.5.0",
15
+ "@triptease/webcomponents": "^3.5.1",
16
16
  "react": "^18.3.1"
17
17
  },
18
18
  "devDependencies": {
package/src/TtCombobox.tsx CHANGED
@@ -1,14 +1,15 @@
1
1
  import * as React from 'react';
2
- import {createComponent} from '@lit/react';
3
- import {TtCombobox} from '@triptease/webcomponents';
2
+ import { createComponent, EventName } from '@lit/react';
3
+ import { TtCombobox } from '@triptease/webcomponents';
4
4
  import '@triptease/webcomponents/tt-combobox.js';
5
+ import { ChangeEvent } from './types/events.js';
5
6
 
6
7
  export const ComboBox = createComponent({
7
8
  tagName: 'tt-combobox',
8
9
  react: React,
9
10
  elementClass: TtCombobox,
10
11
  events: {
11
- onchange: 'change',
12
- onChange: 'change',
12
+ onchange: 'change' as EventName<ChangeEvent<TtCombobox>>,
13
+ onChange: 'change' as EventName<ChangeEvent<TtCombobox>>,
13
14
  }
14
15
  });
package/src/TtDatePicker.tsx CHANGED
@@ -1,14 +1,16 @@
1
1
  import * as React from 'react';
2
- import { createComponent } from '@lit/react';
2
+ import { createComponent, EventName } from '@lit/react';
3
3
  import { TtDatePicker } from '@triptease/webcomponents';
4
4
  import '@triptease/webcomponents/tt-date-picker.js';
5
+ import { ChangeEvent } from './types/events.js';
6
+
5
7
 
6
8
  export const DatePicker = createComponent({
7
9
  tagName: 'tt-date-picker',
8
10
  react: React,
9
11
  elementClass: TtDatePicker,
10
12
  events: {
11
- onchange: 'change',
12
- onChange: 'change',
13
+ onchange: 'change' as EventName<ChangeEvent<TtDatePicker>>,
14
+ onChange: 'change' as EventName<ChangeEvent<TtDatePicker>>,
13
15
  }
14
16
  });
package/src/TtDateRangePicker.tsx CHANGED
@@ -1,14 +1,15 @@
1
1
  import * as React from 'react';
2
- import {createComponent} from '@lit/react';
2
+ import {createComponent, EventName} from '@lit/react';
3
3
  import { TtDateRangePicker } from '@triptease/webcomponents';
4
4
  import '@triptease/webcomponents/tt-date-range-picker.js';
5
+ import { ChangeEvent } from './types/events.js';
5
6
 
6
7
  export const DateRangePicker = createComponent({
7
8
  tagName: 'tt-date-range-picker',
8
9
  react: React,
9
10
  elementClass: TtDateRangePicker,
10
11
  events: {
11
- onchange: 'change',
12
- onChange: 'change',
12
+ onchange: 'change' as EventName<ChangeEvent<TtDateRangePicker>>,
13
+ onChange: 'change' as EventName<ChangeEvent<TtDateRangePicker>>,
13
14
  }
14
15
  });
package/src/types/events.ts ADDED
@@ -0,0 +1,3 @@
1
+ export interface ChangeEvent<T extends HTMLElement> extends Event {
2
+ target: T | null;
3
+ }