@arcanejs/react-toolkit 0.1.5 → 0.3.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 (9) hide show
  1. package/dist/data.d.mts +96 -0
  2. package/dist/data.d.ts +96 -0
  3. package/dist/data.js +248 -0
  4. package/dist/data.mjs +225 -0
  5. package/dist/index.d.mts +35 -21
  6. package/dist/index.d.ts +35 -21
  7. package/dist/index.js +35 -20664
  8. package/dist/index.mjs +37 -20695
  9. package/package.json +19 -2
package/dist/index.d.mts CHANGED
@@ -1,68 +1,82 @@
1
1
  import * as ld from '@arcanejs/toolkit';
2
- import { Props as Props$1, Events as Events$1 } from '@arcanejs/toolkit/components/group';
3
- import { Props, Events } from '@arcanejs/toolkit/components/button';
4
- import { Props as Props$2 } from '@arcanejs/toolkit/components/label';
5
- import { Props as Props$3 } from '@arcanejs/toolkit/components/rect';
6
- import { Props as Props$4, Events as Events$2 } from '@arcanejs/toolkit/components/slider-button';
7
- import { Props as Props$5, Events as Events$3 } from '@arcanejs/toolkit/components/switch';
8
- import { TabProps, TabsProps } from '@arcanejs/toolkit/components/tabs';
9
- import { Props as Props$6, Events as Events$4 } from '@arcanejs/toolkit/components/text-input';
10
- import { Props as Props$7 } from '@arcanejs/toolkit/components/timeline';
2
+ import { Props as Props$1, Events as Events$1, Group as Group$1, GroupHeader as GroupHeader$1 } from '@arcanejs/toolkit/components/group';
3
+ import { Props, Events, Button as Button$1 } from '@arcanejs/toolkit/components/button';
4
+ import { Props as Props$2, Label as Label$1 } from '@arcanejs/toolkit/components/label';
5
+ import { Props as Props$3, Rect as Rect$1 } from '@arcanejs/toolkit/components/rect';
6
+ import { Props as Props$4, Events as Events$2, SliderButton as SliderButton$1 } from '@arcanejs/toolkit/components/slider-button';
7
+ import { Props as Props$5, Events as Events$3, Switch as Switch$1 } from '@arcanejs/toolkit/components/switch';
8
+ import { TabProps, Tab as Tab$1, TabsProps, Tabs as Tabs$1 } from '@arcanejs/toolkit/components/tabs';
9
+ import { Props as Props$6, Events as Events$4, TextInput as TextInput$1 } from '@arcanejs/toolkit/components/text-input';
10
+ import { Props as Props$7, Timeline as Timeline$1 } from '@arcanejs/toolkit/components/timeline';
11
11
  import * as React from 'react';
12
+ import { Ref } from 'react';
12
13
 
13
- type Children = JSX.Element | string | (string | JSX.Element)[];
14
+ type Child = JSX.Element | string | null | undefined | boolean;
15
+ type Children = Child | Child[];
14
16
  interface LightDeskIntrinsicElements {
15
17
  button: Props & {
16
18
  children?: never;
17
19
  onClick?: Events['click'];
20
+ ref?: Ref<Button$1>;
18
21
  };
19
22
  group: Props$1 & {
20
23
  children?: Children;
21
24
  onTitleChanged?: Events$1['title-changed'];
25
+ ref?: Ref<Group$1>;
22
26
  };
23
27
  'group-header': {
24
28
  children?: Children;
29
+ ref?: Ref<GroupHeader$1>;
25
30
  };
26
31
  label: Props$2 & {
27
32
  children?: never;
33
+ ref?: Ref<Label$1>;
28
34
  };
29
35
  rect: Props$3 & {
30
36
  children?: never;
37
+ ref?: Ref<Rect$1>;
31
38
  };
32
39
  'slider-button': Props$4 & {
33
40
  children?: never;
34
41
  onChange?: Events$2['change'];
42
+ ref?: Ref<SliderButton$1>;
35
43
  };
36
44
  switch: Props$5 & {
37
45
  children?: never;
38
46
  onChange?: Events$3['change'];
47
+ ref?: Ref<Switch$1>;
39
48
  };
40
49
  tab: TabProps & {
41
50
  children?: JSX.Element | string;
51
+ ref?: Ref<Tab$1>;
42
52
  };
43
53
  tabs: TabsProps & {
44
54
  children?: JSX.Element | JSX.Element[];
55
+ ref?: Ref<Tabs$1>;
45
56
  };
46
57
  'text-input': Props$6 & {
47
58
  children?: JSX.Element | JSX.Element[];
48
59
  onChange?: Events$4['change'];
60
+ ref?: Ref<TextInput$1>;
49
61
  };
50
62
  timeline: Props$7 & {
51
63
  children?: never;
64
+ ref?: Ref<Timeline$1>;
52
65
  };
53
66
  }
54
67
 
55
- declare const Button: React.FunctionComponent<LightDeskIntrinsicElements['button']>;
56
- declare const Group: React.FunctionComponent<LightDeskIntrinsicElements['group']>;
57
- declare const GroupHeader: React.FunctionComponent<LightDeskIntrinsicElements['group-header']>;
58
- declare const Label: React.FunctionComponent<LightDeskIntrinsicElements['label']>;
59
- declare const Rect: React.FunctionComponent<LightDeskIntrinsicElements['rect']>;
60
- declare const SliderButton: React.FunctionComponent<LightDeskIntrinsicElements['slider-button']>;
61
- declare const Switch: React.FunctionComponent<LightDeskIntrinsicElements['switch']>;
62
- declare const Tab: React.FunctionComponent<LightDeskIntrinsicElements['tab']>;
63
- declare const Tabs: React.FunctionComponent<LightDeskIntrinsicElements['tabs']>;
64
- declare const TextInput: React.FunctionComponent<LightDeskIntrinsicElements['text-input']>;
65
- declare const Timeline: React.FunctionComponent<LightDeskIntrinsicElements['timeline']>;
68
+ type ComponentWithRef<T, P> = React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
69
+ declare const Button: ComponentWithRef<Button$1, LightDeskIntrinsicElements['button']>;
70
+ declare const Group: ComponentWithRef<Group$1, LightDeskIntrinsicElements['group']>;
71
+ declare const GroupHeader: ComponentWithRef<GroupHeader$1, LightDeskIntrinsicElements['group-header']>;
72
+ declare const Label: ComponentWithRef<Label$1, LightDeskIntrinsicElements['label']>;
73
+ declare const Rect: ComponentWithRef<Rect$1, LightDeskIntrinsicElements['rect']>;
74
+ declare const SliderButton: ComponentWithRef<SliderButton$1, LightDeskIntrinsicElements['slider-button']>;
75
+ declare const Switch: ComponentWithRef<Switch$1, LightDeskIntrinsicElements['switch']>;
76
+ declare const Tab: ComponentWithRef<Tab$1, LightDeskIntrinsicElements['tab']>;
77
+ declare const Tabs: ComponentWithRef<Tabs$1, LightDeskIntrinsicElements['tabs']>;
78
+ declare const TextInput: ComponentWithRef<TextInput$1, LightDeskIntrinsicElements['text-input']>;
79
+ declare const Timeline: ComponentWithRef<Timeline$1, LightDeskIntrinsicElements['timeline']>;
66
80
 
67
81
  declare const ToolkitRenderer: {
68
82
  renderGroup: (component: JSX.Element, container: ld.Group) => void;
package/dist/index.d.ts CHANGED
@@ -1,68 +1,82 @@
1
1
  import * as ld from '@arcanejs/toolkit';
2
- import { Props as Props$1, Events as Events$1 } from '@arcanejs/toolkit/components/group';
3
- import { Props, Events } from '@arcanejs/toolkit/components/button';
4
- import { Props as Props$2 } from '@arcanejs/toolkit/components/label';
5
- import { Props as Props$3 } from '@arcanejs/toolkit/components/rect';
6
- import { Props as Props$4, Events as Events$2 } from '@arcanejs/toolkit/components/slider-button';
7
- import { Props as Props$5, Events as Events$3 } from '@arcanejs/toolkit/components/switch';
8
- import { TabProps, TabsProps } from '@arcanejs/toolkit/components/tabs';
9
- import { Props as Props$6, Events as Events$4 } from '@arcanejs/toolkit/components/text-input';
10
- import { Props as Props$7 } from '@arcanejs/toolkit/components/timeline';
2
+ import { Props as Props$1, Events as Events$1, Group as Group$1, GroupHeader as GroupHeader$1 } from '@arcanejs/toolkit/components/group';
3
+ import { Props, Events, Button as Button$1 } from '@arcanejs/toolkit/components/button';
4
+ import { Props as Props$2, Label as Label$1 } from '@arcanejs/toolkit/components/label';
5
+ import { Props as Props$3, Rect as Rect$1 } from '@arcanejs/toolkit/components/rect';
6
+ import { Props as Props$4, Events as Events$2, SliderButton as SliderButton$1 } from '@arcanejs/toolkit/components/slider-button';
7
+ import { Props as Props$5, Events as Events$3, Switch as Switch$1 } from '@arcanejs/toolkit/components/switch';
8
+ import { TabProps, Tab as Tab$1, TabsProps, Tabs as Tabs$1 } from '@arcanejs/toolkit/components/tabs';
9
+ import { Props as Props$6, Events as Events$4, TextInput as TextInput$1 } from '@arcanejs/toolkit/components/text-input';
10
+ import { Props as Props$7, Timeline as Timeline$1 } from '@arcanejs/toolkit/components/timeline';
11
11
  import * as React from 'react';
12
+ import { Ref } from 'react';
12
13
 
13
- type Children = JSX.Element | string | (string | JSX.Element)[];
14
+ type Child = JSX.Element | string | null | undefined | boolean;
15
+ type Children = Child | Child[];
14
16
  interface LightDeskIntrinsicElements {
15
17
  button: Props & {
16
18
  children?: never;
17
19
  onClick?: Events['click'];
20
+ ref?: Ref<Button$1>;
18
21
  };
19
22
  group: Props$1 & {
20
23
  children?: Children;
21
24
  onTitleChanged?: Events$1['title-changed'];
25
+ ref?: Ref<Group$1>;
22
26
  };
23
27
  'group-header': {
24
28
  children?: Children;
29
+ ref?: Ref<GroupHeader$1>;
25
30
  };
26
31
  label: Props$2 & {
27
32
  children?: never;
33
+ ref?: Ref<Label$1>;
28
34
  };
29
35
  rect: Props$3 & {
30
36
  children?: never;
37
+ ref?: Ref<Rect$1>;
31
38
  };
32
39
  'slider-button': Props$4 & {
33
40
  children?: never;
34
41
  onChange?: Events$2['change'];
42
+ ref?: Ref<SliderButton$1>;
35
43
  };
36
44
  switch: Props$5 & {
37
45
  children?: never;
38
46
  onChange?: Events$3['change'];
47
+ ref?: Ref<Switch$1>;
39
48
  };
40
49
  tab: TabProps & {
41
50
  children?: JSX.Element | string;
51
+ ref?: Ref<Tab$1>;
42
52
  };
43
53
  tabs: TabsProps & {
44
54
  children?: JSX.Element | JSX.Element[];
55
+ ref?: Ref<Tabs$1>;
45
56
  };
46
57
  'text-input': Props$6 & {
47
58
  children?: JSX.Element | JSX.Element[];
48
59
  onChange?: Events$4['change'];
60
+ ref?: Ref<TextInput$1>;
49
61
  };
50
62
  timeline: Props$7 & {
51
63
  children?: never;
64
+ ref?: Ref<Timeline$1>;
52
65
  };
53
66
  }
54
67
 
55
- declare const Button: React.FunctionComponent<LightDeskIntrinsicElements['button']>;
56
- declare const Group: React.FunctionComponent<LightDeskIntrinsicElements['group']>;
57
- declare const GroupHeader: React.FunctionComponent<LightDeskIntrinsicElements['group-header']>;
58
- declare const Label: React.FunctionComponent<LightDeskIntrinsicElements['label']>;
59
- declare const Rect: React.FunctionComponent<LightDeskIntrinsicElements['rect']>;
60
- declare const SliderButton: React.FunctionComponent<LightDeskIntrinsicElements['slider-button']>;
61
- declare const Switch: React.FunctionComponent<LightDeskIntrinsicElements['switch']>;
62
- declare const Tab: React.FunctionComponent<LightDeskIntrinsicElements['tab']>;
63
- declare const Tabs: React.FunctionComponent<LightDeskIntrinsicElements['tabs']>;
64
- declare const TextInput: React.FunctionComponent<LightDeskIntrinsicElements['text-input']>;
65
- declare const Timeline: React.FunctionComponent<LightDeskIntrinsicElements['timeline']>;
68
+ type ComponentWithRef<T, P> = React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
69
+ declare const Button: ComponentWithRef<Button$1, LightDeskIntrinsicElements['button']>;
70
+ declare const Group: ComponentWithRef<Group$1, LightDeskIntrinsicElements['group']>;
71
+ declare const GroupHeader: ComponentWithRef<GroupHeader$1, LightDeskIntrinsicElements['group-header']>;
72
+ declare const Label: ComponentWithRef<Label$1, LightDeskIntrinsicElements['label']>;
73
+ declare const Rect: ComponentWithRef<Rect$1, LightDeskIntrinsicElements['rect']>;
74
+ declare const SliderButton: ComponentWithRef<SliderButton$1, LightDeskIntrinsicElements['slider-button']>;
75
+ declare const Switch: ComponentWithRef<Switch$1, LightDeskIntrinsicElements['switch']>;
76
+ declare const Tab: ComponentWithRef<Tab$1, LightDeskIntrinsicElements['tab']>;
77
+ declare const Tabs: ComponentWithRef<Tabs$1, LightDeskIntrinsicElements['tabs']>;
78
+ declare const TextInput: ComponentWithRef<TextInput$1, LightDeskIntrinsicElements['text-input']>;
79
+ declare const Timeline: ComponentWithRef<Timeline$1, LightDeskIntrinsicElements['timeline']>;
66
80
 
67
81
  declare const ToolkitRenderer: {
68
82
  renderGroup: (component: JSX.Element, container: ld.Group) => void;