@plasmicapp/react-web 0.2.200 → 0.2.202
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/all.d.ts +1926 -1925
- package/dist/auth/PlasmicPageGuard.d.ts +11 -11
- package/dist/common.d.ts +10 -10
- package/dist/data-sources/index.d.ts +1 -1
- package/dist/host/index.d.ts +1 -1
- package/dist/index-common.d.ts +18 -18
- package/dist/index-skinny.d.ts +1 -1
- package/dist/index.cjs.js +3495 -3495
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +11 -11
- package/dist/plume/button/index.d.ts +36 -36
- package/dist/plume/checkbox/index.d.ts +47 -47
- package/dist/plume/collection-utils.d.ts +191 -191
- package/dist/plume/collection-utils.spec.d.ts +1 -1
- package/dist/plume/menu/context.d.ts +8 -8
- package/dist/plume/menu/index.d.ts +3 -3
- package/dist/plume/menu/menu-group.d.ts +23 -23
- package/dist/plume/menu/menu-item.d.ts +23 -23
- package/dist/plume/menu/menu.d.ts +39 -39
- package/dist/plume/menu-button/DropdownMenu.d.ts +34 -34
- package/dist/plume/menu-button/index.d.ts +2 -2
- package/dist/plume/menu-button/menu-button.d.ts +72 -72
- package/dist/plume/menu-button/menu-trigger.d.ts +21 -21
- package/dist/plume/plume-utils.d.ts +41 -41
- package/dist/plume/props-utils.d.ts +15 -15
- package/dist/plume/select/context.d.ts +3 -3
- package/dist/plume/select/index.d.ts +4 -4
- package/dist/plume/select/select-option-group.d.ts +23 -23
- package/dist/plume/select/select-option.d.ts +23 -23
- package/dist/plume/select/select.d.ts +111 -111
- package/dist/plume/switch/index.d.ts +39 -39
- package/dist/plume/text-input/index.d.ts +36 -36
- package/dist/plume/triggered-overlay/context.d.ts +14 -14
- package/dist/plume/triggered-overlay/index.d.ts +2 -2
- package/dist/plume/triggered-overlay/triggered-overlay.d.ts +24 -24
- package/dist/query/index.d.ts +1 -1
- package/dist/react-utils.d.ts +21 -21
- package/dist/react-utils.spec.d.ts +1 -1
- package/dist/react-web.esm.js +3496 -3496
- package/dist/react-web.esm.js.map +1 -1
- package/dist/render/PlasmicHead/index.d.ts +37 -37
- package/dist/render/PlasmicIcon.d.ts +4 -4
- package/dist/render/PlasmicImg/index.d.ts +81 -81
- package/dist/render/PlasmicLink.d.ts +2 -2
- package/dist/render/PlasmicSlot.d.ts +11 -11
- package/dist/render/Stack.d.ts +51 -51
- package/dist/render/elements.d.ts +74 -74
- package/dist/render/global-variants.d.ts +1 -1
- package/dist/render/screen-variants.d.ts +5 -5
- package/dist/render/ssr.d.ts +21 -21
- package/dist/render/translation.d.ts +19 -19
- package/dist/render/triggers.d.ts +39 -39
- package/dist/states/errors.d.ts +13 -13
- package/dist/states/graph.d.ts +25 -25
- package/dist/states/helpers.d.ts +43 -43
- package/dist/states/index.d.ts +4 -4
- package/dist/states/types.d.ts +66 -66
- package/dist/states/valtio.d.ts +10 -10
- package/dist/states/vanilla.d.ts +3 -3
- package/dist/stories/PlasmicImg.stories.d.ts +6 -6
- package/dist/stories/UseDollarState.stories.d.ts +78 -78
- package/lib/data-sources/index.d.ts +1 -1
- package/lib/host/index.d.ts +1 -1
- package/lib/query/index.d.ts +1 -1
- package/package.json +9 -10
- package/skinny/dist/auth/PlasmicPageGuard.d.ts +11 -11
- package/skinny/dist/{collection-utils-0967eaf0.js → collection-utils-2f28e4eb.js} +297 -297
- package/skinny/dist/{collection-utils-0967eaf0.js.map → collection-utils-2f28e4eb.js.map} +1 -1
- package/skinny/dist/{common-9d6d348d.js → common-ed411407.js} +130 -130
- package/skinny/dist/{common-9d6d348d.js.map → common-ed411407.js.map} +1 -1
- package/skinny/dist/common.d.ts +10 -10
- package/skinny/dist/data-sources/index.d.ts +1 -1
- package/skinny/dist/host/index.d.ts +1 -1
- package/skinny/dist/index-common.d.ts +18 -18
- package/skinny/dist/index-skinny.d.ts +1 -1
- package/skinny/dist/index.d.ts +11 -11
- package/skinny/dist/index.js +1559 -1559
- package/skinny/dist/index.js.map +1 -1
- package/skinny/dist/plume/button/index.d.ts +36 -36
- package/skinny/dist/plume/button/index.js +21 -21
- package/skinny/dist/plume/checkbox/index.d.ts +47 -47
- package/skinny/dist/plume/checkbox/index.js +64 -64
- package/skinny/dist/plume/collection-utils.d.ts +191 -191
- package/skinny/dist/plume/collection-utils.spec.d.ts +1 -1
- package/skinny/dist/plume/menu/context.d.ts +8 -8
- package/skinny/dist/plume/menu/index.d.ts +3 -3
- package/skinny/dist/plume/menu/index.js +165 -165
- package/skinny/dist/plume/menu/menu-group.d.ts +23 -23
- package/skinny/dist/plume/menu/menu-item.d.ts +23 -23
- package/skinny/dist/plume/menu/menu.d.ts +39 -39
- package/skinny/dist/plume/menu-button/DropdownMenu.d.ts +34 -34
- package/skinny/dist/plume/menu-button/index.d.ts +2 -2
- package/skinny/dist/plume/menu-button/index.js +125 -125
- package/skinny/dist/plume/menu-button/index.js.map +1 -1
- package/skinny/dist/plume/menu-button/menu-button.d.ts +72 -72
- package/skinny/dist/plume/menu-button/menu-trigger.d.ts +21 -21
- package/skinny/dist/plume/plume-utils.d.ts +41 -41
- package/skinny/dist/plume/props-utils.d.ts +15 -15
- package/skinny/dist/plume/select/context.d.ts +3 -3
- package/skinny/dist/plume/select/index.d.ts +4 -4
- package/skinny/dist/plume/select/index.js +250 -250
- package/skinny/dist/plume/select/index.js.map +1 -1
- package/skinny/dist/plume/select/select-option-group.d.ts +23 -23
- package/skinny/dist/plume/select/select-option.d.ts +23 -23
- package/skinny/dist/plume/select/select.d.ts +111 -111
- package/skinny/dist/plume/switch/index.d.ts +39 -39
- package/skinny/dist/plume/switch/index.js +61 -61
- package/skinny/dist/plume/text-input/index.d.ts +36 -36
- package/skinny/dist/plume/text-input/index.js +45 -45
- package/skinny/dist/plume/triggered-overlay/context.d.ts +14 -14
- package/skinny/dist/plume/triggered-overlay/index.d.ts +2 -2
- package/skinny/dist/plume/triggered-overlay/index.js +100 -100
- package/skinny/dist/plume/triggered-overlay/index.js.map +1 -1
- package/skinny/dist/plume/triggered-overlay/triggered-overlay.d.ts +24 -24
- package/skinny/dist/{plume-utils-7d68bcc0.js → plume-utils-e699cd08.js} +30 -30
- package/skinny/dist/{plume-utils-7d68bcc0.js.map → plume-utils-e699cd08.js.map} +1 -1
- package/skinny/dist/{props-utils-9f9c761a.js → props-utils-9d74371f.js} +4 -4
- package/skinny/dist/{props-utils-9f9c761a.js.map → props-utils-9d74371f.js.map} +1 -1
- package/skinny/dist/query/index.d.ts +1 -1
- package/skinny/dist/{react-utils-ee4e03ba.js → react-utils-5ff031c2.js} +195 -195
- package/skinny/dist/{react-utils-ee4e03ba.js.map → react-utils-5ff031c2.js.map} +1 -1
- package/skinny/dist/react-utils.d.ts +21 -21
- package/skinny/dist/react-utils.spec.d.ts +1 -1
- package/skinny/dist/render/PlasmicHead/index.d.ts +37 -37
- package/skinny/dist/render/PlasmicHead/index.js +54 -54
- package/skinny/dist/render/PlasmicIcon.d.ts +4 -4
- package/skinny/dist/render/PlasmicImg/index.d.ts +81 -81
- package/skinny/dist/render/PlasmicImg/index.js +297 -297
- package/skinny/dist/render/PlasmicLink.d.ts +2 -2
- package/skinny/dist/render/PlasmicSlot.d.ts +11 -11
- package/skinny/dist/render/Stack.d.ts +51 -51
- package/skinny/dist/render/elements.d.ts +74 -74
- package/skinny/dist/render/global-variants.d.ts +1 -1
- package/skinny/dist/render/screen-variants.d.ts +5 -5
- package/skinny/dist/render/ssr.d.ts +21 -21
- package/skinny/dist/render/translation.d.ts +19 -19
- package/skinny/dist/render/triggers.d.ts +39 -39
- package/skinny/dist/{ssr-c9834f50.js → ssr-8625df04.js} +107 -107
- package/skinny/dist/{ssr-c9834f50.js.map → ssr-8625df04.js.map} +1 -1
- package/skinny/dist/states/errors.d.ts +13 -13
- package/skinny/dist/states/graph.d.ts +25 -25
- package/skinny/dist/states/helpers.d.ts +43 -43
- package/skinny/dist/states/index.d.ts +4 -4
- package/skinny/dist/states/types.d.ts +66 -66
- package/skinny/dist/states/valtio.d.ts +10 -10
- package/skinny/dist/states/vanilla.d.ts +3 -3
- package/skinny/dist/stories/PlasmicImg.stories.d.ts +6 -6
- package/skinny/dist/stories/UseDollarState.stories.d.ts +78 -78
|
@@ -1,111 +1,111 @@
|
|
|
1
|
-
import { Placement } from "@react-types/overlays";
|
|
2
|
-
import { AriaLabelingProps, DOMProps, FocusableDOMProps, FocusableProps, InputBase } from "@react-types/shared";
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
import { ItemJson, ItemLikeProps, SectionLikeProps } from "../collection-utils";
|
|
5
|
-
import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
|
|
6
|
-
import { StyleProps } from "../props-utils";
|
|
7
|
-
export interface BaseSelectProps extends DOMProps, AriaLabelingProps, FocusableDOMProps, InputBase, FocusableProps, StyleProps {
|
|
8
|
-
/**
|
|
9
|
-
* Key of the currently selected value
|
|
10
|
-
*/
|
|
11
|
-
value?: string | null;
|
|
12
|
-
/**
|
|
13
|
-
* Event handler fired when currently selected value changes
|
|
14
|
-
*/
|
|
15
|
-
onChange?: (value: string | null) => void;
|
|
16
|
-
/**
|
|
17
|
-
* Uncontrolled key of the default selected value
|
|
18
|
-
*/
|
|
19
|
-
defaultValue?: string;
|
|
20
|
-
/**
|
|
21
|
-
* List of Select.Options
|
|
22
|
-
*/
|
|
23
|
-
children?: React.ReactNode;
|
|
24
|
-
/**
|
|
25
|
-
* List of options as an array, instead of using `children` prop. If this
|
|
26
|
-
* is passed in, then `children` is ignored.
|
|
27
|
-
*
|
|
28
|
-
* The options can be a list of strings, or a list of objects with
|
|
29
|
-
* fields `value` (for the value of the option), `label` (for what's rendered
|
|
30
|
-
* in the option), and `isDisabled` (if the option should be disabled).
|
|
31
|
-
*/
|
|
32
|
-
options?: ItemJson[];
|
|
33
|
-
/**
|
|
34
|
-
* Whether the Select is currently open
|
|
35
|
-
*/
|
|
36
|
-
isOpen?: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Event handler fired when Select's open state changes
|
|
39
|
-
*/
|
|
40
|
-
onOpenChange?: (isOpen: boolean) => void;
|
|
41
|
-
/**
|
|
42
|
-
* Uncontrolled default open state
|
|
43
|
-
*/
|
|
44
|
-
defaultOpen?: boolean;
|
|
45
|
-
/**
|
|
46
|
-
* Form name of the select element
|
|
47
|
-
*/
|
|
48
|
-
name?: string;
|
|
49
|
-
/**
|
|
50
|
-
* By default, Select will render whatever is in Select.Option as the
|
|
51
|
-
* content in the trigger button when it is selected. You can override
|
|
52
|
-
* what content by passing in `selectedContent` here.
|
|
53
|
-
*/
|
|
54
|
-
selectedContent?: React.ReactNode;
|
|
55
|
-
/**
|
|
56
|
-
* Desired placement location of the Select dropdown
|
|
57
|
-
*/
|
|
58
|
-
placement?: Placement;
|
|
59
|
-
/**
|
|
60
|
-
* If true, menu width will always match the trigger button width.
|
|
61
|
-
* If false, then menu width will have min-width matching the
|
|
62
|
-
* trigger button width.
|
|
63
|
-
*/
|
|
64
|
-
menuMatchTriggerWidth?: boolean;
|
|
65
|
-
/**
|
|
66
|
-
* If set, menu width will be exactly this width, overriding
|
|
67
|
-
* menuMatchTriggerWidth.
|
|
68
|
-
*/
|
|
69
|
-
menuWidth?: number;
|
|
70
|
-
/**
|
|
71
|
-
* Content to display when nothing is selected.
|
|
72
|
-
*/
|
|
73
|
-
placeholder?: React.ReactNode;
|
|
74
|
-
}
|
|
75
|
-
export type SelectRef = React.Ref<SelectRefValue>;
|
|
76
|
-
export interface SelectRefValue extends SelectState {
|
|
77
|
-
getTrigger: () => HTMLElement | null;
|
|
78
|
-
getRoot: () => HTMLElement | null;
|
|
79
|
-
focus: () => void;
|
|
80
|
-
blur: () => void;
|
|
81
|
-
}
|
|
82
|
-
interface SelectConfig<C extends AnyPlasmicClass> {
|
|
83
|
-
placeholderVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
84
|
-
isOpenVariant: VariantDef<PlasmicClassVariants<C>>;
|
|
85
|
-
isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
86
|
-
triggerContentSlot: keyof PlasmicClassArgs<C>;
|
|
87
|
-
optionsSlot: keyof PlasmicClassArgs<C>;
|
|
88
|
-
placeholderSlot: keyof PlasmicClassArgs<C>;
|
|
89
|
-
root: keyof PlasmicClassOverrides<C>;
|
|
90
|
-
trigger: keyof PlasmicClassOverrides<C>;
|
|
91
|
-
overlay: keyof PlasmicClassOverrides<C>;
|
|
92
|
-
optionsContainer: keyof PlasmicClassOverrides<C>;
|
|
93
|
-
OptionComponent?: React.ComponentType<ItemLikeProps>;
|
|
94
|
-
OptionGroupComponent?: React.ComponentType<SectionLikeProps>;
|
|
95
|
-
}
|
|
96
|
-
interface SelectState {
|
|
97
|
-
open: () => void;
|
|
98
|
-
close: () => void;
|
|
99
|
-
isOpen: () => boolean;
|
|
100
|
-
getSelectedValue: () => string | null;
|
|
101
|
-
setSelectedValue: (value: string | null) => void;
|
|
102
|
-
}
|
|
103
|
-
export declare function useSelect<P extends BaseSelectProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SelectConfig<C>, ref?: React.Ref<SelectRefValue>): {
|
|
104
|
-
plasmicProps: {
|
|
105
|
-
variants: PlasmicClassVariants<C>;
|
|
106
|
-
args: PlasmicClassArgs<C>;
|
|
107
|
-
overrides: PlasmicClassOverrides<C>;
|
|
108
|
-
};
|
|
109
|
-
state: SelectState;
|
|
110
|
-
};
|
|
111
|
-
export {};
|
|
1
|
+
import { Placement } from "@react-types/overlays";
|
|
2
|
+
import { AriaLabelingProps, DOMProps, FocusableDOMProps, FocusableProps, InputBase } from "@react-types/shared";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { ItemJson, ItemLikeProps, SectionLikeProps } from "../collection-utils";
|
|
5
|
+
import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
|
|
6
|
+
import { StyleProps } from "../props-utils";
|
|
7
|
+
export interface BaseSelectProps extends DOMProps, AriaLabelingProps, FocusableDOMProps, InputBase, FocusableProps, StyleProps {
|
|
8
|
+
/**
|
|
9
|
+
* Key of the currently selected value
|
|
10
|
+
*/
|
|
11
|
+
value?: string | null;
|
|
12
|
+
/**
|
|
13
|
+
* Event handler fired when currently selected value changes
|
|
14
|
+
*/
|
|
15
|
+
onChange?: (value: string | null) => void;
|
|
16
|
+
/**
|
|
17
|
+
* Uncontrolled key of the default selected value
|
|
18
|
+
*/
|
|
19
|
+
defaultValue?: string;
|
|
20
|
+
/**
|
|
21
|
+
* List of Select.Options
|
|
22
|
+
*/
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
/**
|
|
25
|
+
* List of options as an array, instead of using `children` prop. If this
|
|
26
|
+
* is passed in, then `children` is ignored.
|
|
27
|
+
*
|
|
28
|
+
* The options can be a list of strings, or a list of objects with
|
|
29
|
+
* fields `value` (for the value of the option), `label` (for what's rendered
|
|
30
|
+
* in the option), and `isDisabled` (if the option should be disabled).
|
|
31
|
+
*/
|
|
32
|
+
options?: ItemJson[];
|
|
33
|
+
/**
|
|
34
|
+
* Whether the Select is currently open
|
|
35
|
+
*/
|
|
36
|
+
isOpen?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Event handler fired when Select's open state changes
|
|
39
|
+
*/
|
|
40
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
41
|
+
/**
|
|
42
|
+
* Uncontrolled default open state
|
|
43
|
+
*/
|
|
44
|
+
defaultOpen?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Form name of the select element
|
|
47
|
+
*/
|
|
48
|
+
name?: string;
|
|
49
|
+
/**
|
|
50
|
+
* By default, Select will render whatever is in Select.Option as the
|
|
51
|
+
* content in the trigger button when it is selected. You can override
|
|
52
|
+
* what content by passing in `selectedContent` here.
|
|
53
|
+
*/
|
|
54
|
+
selectedContent?: React.ReactNode;
|
|
55
|
+
/**
|
|
56
|
+
* Desired placement location of the Select dropdown
|
|
57
|
+
*/
|
|
58
|
+
placement?: Placement;
|
|
59
|
+
/**
|
|
60
|
+
* If true, menu width will always match the trigger button width.
|
|
61
|
+
* If false, then menu width will have min-width matching the
|
|
62
|
+
* trigger button width.
|
|
63
|
+
*/
|
|
64
|
+
menuMatchTriggerWidth?: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* If set, menu width will be exactly this width, overriding
|
|
67
|
+
* menuMatchTriggerWidth.
|
|
68
|
+
*/
|
|
69
|
+
menuWidth?: number;
|
|
70
|
+
/**
|
|
71
|
+
* Content to display when nothing is selected.
|
|
72
|
+
*/
|
|
73
|
+
placeholder?: React.ReactNode;
|
|
74
|
+
}
|
|
75
|
+
export type SelectRef = React.Ref<SelectRefValue>;
|
|
76
|
+
export interface SelectRefValue extends SelectState {
|
|
77
|
+
getTrigger: () => HTMLElement | null;
|
|
78
|
+
getRoot: () => HTMLElement | null;
|
|
79
|
+
focus: () => void;
|
|
80
|
+
blur: () => void;
|
|
81
|
+
}
|
|
82
|
+
interface SelectConfig<C extends AnyPlasmicClass> {
|
|
83
|
+
placeholderVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
84
|
+
isOpenVariant: VariantDef<PlasmicClassVariants<C>>;
|
|
85
|
+
isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
86
|
+
triggerContentSlot: keyof PlasmicClassArgs<C>;
|
|
87
|
+
optionsSlot: keyof PlasmicClassArgs<C>;
|
|
88
|
+
placeholderSlot: keyof PlasmicClassArgs<C>;
|
|
89
|
+
root: keyof PlasmicClassOverrides<C>;
|
|
90
|
+
trigger: keyof PlasmicClassOverrides<C>;
|
|
91
|
+
overlay: keyof PlasmicClassOverrides<C>;
|
|
92
|
+
optionsContainer: keyof PlasmicClassOverrides<C>;
|
|
93
|
+
OptionComponent?: React.ComponentType<ItemLikeProps>;
|
|
94
|
+
OptionGroupComponent?: React.ComponentType<SectionLikeProps>;
|
|
95
|
+
}
|
|
96
|
+
interface SelectState {
|
|
97
|
+
open: () => void;
|
|
98
|
+
close: () => void;
|
|
99
|
+
isOpen: () => boolean;
|
|
100
|
+
getSelectedValue: () => string | null;
|
|
101
|
+
setSelectedValue: (value: string | null) => void;
|
|
102
|
+
}
|
|
103
|
+
export declare function useSelect<P extends BaseSelectProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SelectConfig<C>, ref?: React.Ref<SelectRefValue>): {
|
|
104
|
+
plasmicProps: {
|
|
105
|
+
variants: PlasmicClassVariants<C>;
|
|
106
|
+
args: PlasmicClassArgs<C>;
|
|
107
|
+
overrides: PlasmicClassOverrides<C>;
|
|
108
|
+
};
|
|
109
|
+
state: SelectState;
|
|
110
|
+
};
|
|
111
|
+
export {};
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { AriaSwitchProps } from "@react-types/switch";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
|
|
4
|
-
import { StyleProps } from "../props-utils";
|
|
5
|
-
export type SwitchRef = React.Ref<SwitchRefValue>;
|
|
6
|
-
export interface SwitchRefValue extends SwitchState {
|
|
7
|
-
getRoot: () => HTMLElement | null;
|
|
8
|
-
focus: () => void;
|
|
9
|
-
blur: () => void;
|
|
10
|
-
}
|
|
11
|
-
interface SwitchState {
|
|
12
|
-
setChecked: (checked: boolean) => void;
|
|
13
|
-
}
|
|
14
|
-
export interface SwitchProps extends Omit<AriaSwitchProps, "isSelected" | "defaultSelected">, StyleProps {
|
|
15
|
-
/**
|
|
16
|
-
* Whether the Switch is checked or not; controlled
|
|
17
|
-
*/
|
|
18
|
-
isChecked?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* Whether the Switch is checked by default; uncontrolled
|
|
21
|
-
*/
|
|
22
|
-
defaultChecked?: boolean;
|
|
23
|
-
}
|
|
24
|
-
interface SwitchConfig<C extends AnyPlasmicClass> {
|
|
25
|
-
isCheckedVariant: VariantDef<PlasmicClassVariants<C>>;
|
|
26
|
-
isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
27
|
-
noLabelVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
28
|
-
labelSlot?: keyof PlasmicClassArgs<C>;
|
|
29
|
-
root: keyof PlasmicClassOverrides<C>;
|
|
30
|
-
}
|
|
31
|
-
export declare function useSwitch<P extends SwitchProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SwitchConfig<C>, ref?: SwitchRef): {
|
|
32
|
-
plasmicProps: {
|
|
33
|
-
variants: PlasmicClassVariants<C>;
|
|
34
|
-
overrides: PlasmicClassOverrides<C>;
|
|
35
|
-
args: PlasmicClassArgs<C>;
|
|
36
|
-
};
|
|
37
|
-
state: SwitchState;
|
|
38
|
-
};
|
|
39
|
-
export {};
|
|
1
|
+
import { AriaSwitchProps } from "@react-types/switch";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
|
|
4
|
+
import { StyleProps } from "../props-utils";
|
|
5
|
+
export type SwitchRef = React.Ref<SwitchRefValue>;
|
|
6
|
+
export interface SwitchRefValue extends SwitchState {
|
|
7
|
+
getRoot: () => HTMLElement | null;
|
|
8
|
+
focus: () => void;
|
|
9
|
+
blur: () => void;
|
|
10
|
+
}
|
|
11
|
+
interface SwitchState {
|
|
12
|
+
setChecked: (checked: boolean) => void;
|
|
13
|
+
}
|
|
14
|
+
export interface SwitchProps extends Omit<AriaSwitchProps, "isSelected" | "defaultSelected">, StyleProps {
|
|
15
|
+
/**
|
|
16
|
+
* Whether the Switch is checked or not; controlled
|
|
17
|
+
*/
|
|
18
|
+
isChecked?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Whether the Switch is checked by default; uncontrolled
|
|
21
|
+
*/
|
|
22
|
+
defaultChecked?: boolean;
|
|
23
|
+
}
|
|
24
|
+
interface SwitchConfig<C extends AnyPlasmicClass> {
|
|
25
|
+
isCheckedVariant: VariantDef<PlasmicClassVariants<C>>;
|
|
26
|
+
isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
27
|
+
noLabelVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
28
|
+
labelSlot?: keyof PlasmicClassArgs<C>;
|
|
29
|
+
root: keyof PlasmicClassOverrides<C>;
|
|
30
|
+
}
|
|
31
|
+
export declare function useSwitch<P extends SwitchProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SwitchConfig<C>, ref?: SwitchRef): {
|
|
32
|
+
plasmicProps: {
|
|
33
|
+
variants: PlasmicClassVariants<C>;
|
|
34
|
+
overrides: PlasmicClassOverrides<C>;
|
|
35
|
+
args: PlasmicClassArgs<C>;
|
|
36
|
+
};
|
|
37
|
+
state: SwitchState;
|
|
38
|
+
};
|
|
39
|
+
export {};
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
|
|
3
|
-
export interface BaseTextInputProps extends Omit<React.ComponentProps<"input">, "type" | "disabled"> {
|
|
4
|
-
showStartIcon?: boolean;
|
|
5
|
-
showEndIcon?: boolean;
|
|
6
|
-
startIcon?: React.ReactNode;
|
|
7
|
-
endIcon?: React.ReactNode;
|
|
8
|
-
isDisabled?: boolean;
|
|
9
|
-
type?: "text" | "password" | "email" | "url" | string;
|
|
10
|
-
inputClassName?: string;
|
|
11
|
-
inputStyle?: React.CSSProperties;
|
|
12
|
-
}
|
|
13
|
-
export interface TextInputRefValue {
|
|
14
|
-
focus: () => void;
|
|
15
|
-
blur: () => void;
|
|
16
|
-
getRoot: () => HTMLElement | null;
|
|
17
|
-
getInput: () => HTMLInputElement | null;
|
|
18
|
-
}
|
|
19
|
-
export type TextInputRef = React.Ref<TextInputRefValue>;
|
|
20
|
-
interface TextInputConfig<C extends AnyPlasmicClass> {
|
|
21
|
-
showStartIconVariant: VariantDef<PlasmicClassVariants<C>>;
|
|
22
|
-
showEndIconVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
23
|
-
isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
24
|
-
startIconSlot?: keyof PlasmicClassArgs<C>;
|
|
25
|
-
endIconSlot?: keyof PlasmicClassArgs<C>;
|
|
26
|
-
root: keyof PlasmicClassOverrides<C>;
|
|
27
|
-
input: keyof PlasmicClassOverrides<C>;
|
|
28
|
-
}
|
|
29
|
-
export declare function useTextInput<P extends BaseTextInputProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: TextInputConfig<C>, ref?: TextInputRef): {
|
|
30
|
-
plasmicProps: {
|
|
31
|
-
variants: PlasmicClassVariants<C>;
|
|
32
|
-
args: PlasmicClassArgs<C>;
|
|
33
|
-
overrides: PlasmicClassOverrides<C>;
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
export {};
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
|
|
3
|
+
export interface BaseTextInputProps extends Omit<React.ComponentProps<"input">, "type" | "disabled"> {
|
|
4
|
+
showStartIcon?: boolean;
|
|
5
|
+
showEndIcon?: boolean;
|
|
6
|
+
startIcon?: React.ReactNode;
|
|
7
|
+
endIcon?: React.ReactNode;
|
|
8
|
+
isDisabled?: boolean;
|
|
9
|
+
type?: "text" | "password" | "email" | "url" | string;
|
|
10
|
+
inputClassName?: string;
|
|
11
|
+
inputStyle?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
export interface TextInputRefValue {
|
|
14
|
+
focus: () => void;
|
|
15
|
+
blur: () => void;
|
|
16
|
+
getRoot: () => HTMLElement | null;
|
|
17
|
+
getInput: () => HTMLInputElement | null;
|
|
18
|
+
}
|
|
19
|
+
export type TextInputRef = React.Ref<TextInputRefValue>;
|
|
20
|
+
interface TextInputConfig<C extends AnyPlasmicClass> {
|
|
21
|
+
showStartIconVariant: VariantDef<PlasmicClassVariants<C>>;
|
|
22
|
+
showEndIconVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
23
|
+
isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
24
|
+
startIconSlot?: keyof PlasmicClassArgs<C>;
|
|
25
|
+
endIconSlot?: keyof PlasmicClassArgs<C>;
|
|
26
|
+
root: keyof PlasmicClassOverrides<C>;
|
|
27
|
+
input: keyof PlasmicClassOverrides<C>;
|
|
28
|
+
}
|
|
29
|
+
export declare function useTextInput<P extends BaseTextInputProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: TextInputConfig<C>, ref?: TextInputRef): {
|
|
30
|
+
plasmicProps: {
|
|
31
|
+
variants: PlasmicClassVariants<C>;
|
|
32
|
+
args: PlasmicClassArgs<C>;
|
|
33
|
+
overrides: PlasmicClassOverrides<C>;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
export {};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import type { Placement } from "@react-types/overlays";
|
|
2
|
-
import type { FocusStrategy } from "@react-types/shared";
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
import type { OverlayTriggerState } from "@react-stately/overlays";
|
|
5
|
-
export interface TriggeredOverlayContextValue {
|
|
6
|
-
triggerRef: React.RefObject<HTMLElement>;
|
|
7
|
-
state: OverlayTriggerState;
|
|
8
|
-
autoFocus?: boolean | FocusStrategy;
|
|
9
|
-
placement?: Placement;
|
|
10
|
-
overlayMatchTriggerWidth?: boolean;
|
|
11
|
-
overlayMinTriggerWidth?: boolean;
|
|
12
|
-
overlayWidth?: number;
|
|
13
|
-
}
|
|
14
|
-
export declare const TriggeredOverlayContext: React.Context<TriggeredOverlayContextValue | undefined>;
|
|
1
|
+
import type { Placement } from "@react-types/overlays";
|
|
2
|
+
import type { FocusStrategy } from "@react-types/shared";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import type { OverlayTriggerState } from "@react-stately/overlays";
|
|
5
|
+
export interface TriggeredOverlayContextValue {
|
|
6
|
+
triggerRef: React.RefObject<HTMLElement>;
|
|
7
|
+
state: OverlayTriggerState;
|
|
8
|
+
autoFocus?: boolean | FocusStrategy;
|
|
9
|
+
placement?: Placement;
|
|
10
|
+
overlayMatchTriggerWidth?: boolean;
|
|
11
|
+
overlayMinTriggerWidth?: boolean;
|
|
12
|
+
overlayWidth?: number;
|
|
13
|
+
}
|
|
14
|
+
export declare const TriggeredOverlayContext: React.Context<TriggeredOverlayContextValue | undefined>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { BaseTriggeredOverlayProps, TriggeredOverlayConfig, TriggeredOverlayRef, useTriggeredOverlay, } from "./triggered-overlay";
|
|
2
|
-
export { TriggeredOverlayContext } from "./context";
|
|
1
|
+
export { BaseTriggeredOverlayProps, TriggeredOverlayConfig, TriggeredOverlayRef, useTriggeredOverlay, } from "./triggered-overlay";
|
|
2
|
+
export { TriggeredOverlayContext } from "./context";
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { DOMProps } from "@react-types/shared";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
|
|
4
|
-
import { StyleProps } from "../props-utils";
|
|
5
|
-
export interface BaseTriggeredOverlayProps extends StyleProps, DOMProps {
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
}
|
|
8
|
-
export interface TriggeredOverlayConfig<C extends AnyPlasmicClass> {
|
|
9
|
-
isPlacedTopVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
10
|
-
isPlacedBottomVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
11
|
-
isPlacedLeftVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
12
|
-
isPlacedRightVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
13
|
-
contentSlot: keyof PlasmicClassArgs<C>;
|
|
14
|
-
root: keyof PlasmicClassOverrides<C>;
|
|
15
|
-
contentContainer: keyof PlasmicClassOverrides<C>;
|
|
16
|
-
}
|
|
17
|
-
export type TriggeredOverlayRef = React.Ref<HTMLElement>;
|
|
18
|
-
export declare function useTriggeredOverlay<P extends BaseTriggeredOverlayProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: TriggeredOverlayConfig<C>, outerRef?: TriggeredOverlayRef, isDismissable?: boolean): {
|
|
19
|
-
plasmicProps: {
|
|
20
|
-
variants: PlasmicClassVariants<C>;
|
|
21
|
-
args: PlasmicClassArgs<C>;
|
|
22
|
-
overrides: PlasmicClassOverrides<C>;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
1
|
+
import { DOMProps } from "@react-types/shared";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
|
|
4
|
+
import { StyleProps } from "../props-utils";
|
|
5
|
+
export interface BaseTriggeredOverlayProps extends StyleProps, DOMProps {
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export interface TriggeredOverlayConfig<C extends AnyPlasmicClass> {
|
|
9
|
+
isPlacedTopVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
10
|
+
isPlacedBottomVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
11
|
+
isPlacedLeftVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
12
|
+
isPlacedRightVariant?: VariantDef<PlasmicClassVariants<C>>;
|
|
13
|
+
contentSlot: keyof PlasmicClassArgs<C>;
|
|
14
|
+
root: keyof PlasmicClassOverrides<C>;
|
|
15
|
+
contentContainer: keyof PlasmicClassOverrides<C>;
|
|
16
|
+
}
|
|
17
|
+
export type TriggeredOverlayRef = React.Ref<HTMLElement>;
|
|
18
|
+
export declare function useTriggeredOverlay<P extends BaseTriggeredOverlayProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: TriggeredOverlayConfig<C>, outerRef?: TriggeredOverlayRef, isDismissable?: boolean): {
|
|
19
|
+
plasmicProps: {
|
|
20
|
+
variants: PlasmicClassVariants<C>;
|
|
21
|
+
args: PlasmicClassArgs<C>;
|
|
22
|
+
overrides: PlasmicClassOverrides<C>;
|
|
23
|
+
};
|
|
24
|
+
};
|
package/dist/query/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "@plasmicapp/query";
|
|
1
|
+
export * from "@plasmicapp/query";
|
package/dist/react-utils.d.ts
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare const isBrowser: boolean;
|
|
3
|
-
export declare const NONE: unique symbol;
|
|
4
|
-
export declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
|
|
5
|
-
export declare function createElementWithChildren(elementType: any, props: any, children: React.ReactNode): React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.CElement<any, React.Component<any, any, any>>;
|
|
6
|
-
export declare function ensureNotArray(children: React.ReactNode): any;
|
|
7
|
-
/**
|
|
8
|
-
* Flattens ReactNode into an array of ReactChild, but does NOT replace
|
|
9
|
-
* missing keys with array index, as React.Children.toArray() does.
|
|
10
|
-
*/
|
|
11
|
-
export declare function toChildArray(children: React.ReactNode): React.ReactChild[];
|
|
12
|
-
export declare function isReactText(child: React.ReactNode): child is React.ReactText;
|
|
13
|
-
export declare function isReactChild(child: React.ReactNode): child is React.ReactChild;
|
|
14
|
-
export declare function isReactFragment(child: React.ReactNode): child is React.ReactElement;
|
|
15
|
-
export declare function isReactNode(x: any): boolean;
|
|
16
|
-
export type StrictProps<T, TExpected> = Exclude<keyof T, keyof TExpected> extends never ? {} : Partial<"Unexpected extraneous props">;
|
|
17
|
-
export type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<React.ComponentProps<T>["ref"], string>;
|
|
18
|
-
export declare function mergeProps(props: Record<string, any>, ...restProps: Record<string, any>[]): Record<string, any>;
|
|
19
|
-
export declare function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): (value: T) => void;
|
|
20
|
-
export declare function mergePropVals(name: string, val1: any, val2: any): any;
|
|
21
|
-
export declare function getElementTypeName(element: React.ReactElement): any;
|
|
1
|
+
import React from "react";
|
|
2
|
+
export declare const isBrowser: boolean;
|
|
3
|
+
export declare const NONE: unique symbol;
|
|
4
|
+
export declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
|
|
5
|
+
export declare function createElementWithChildren(elementType: any, props: any, children: React.ReactNode): React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.CElement<any, React.Component<any, any, any>>;
|
|
6
|
+
export declare function ensureNotArray(children: React.ReactNode): any;
|
|
7
|
+
/**
|
|
8
|
+
* Flattens ReactNode into an array of ReactChild, but does NOT replace
|
|
9
|
+
* missing keys with array index, as React.Children.toArray() does.
|
|
10
|
+
*/
|
|
11
|
+
export declare function toChildArray(children: React.ReactNode): React.ReactChild[];
|
|
12
|
+
export declare function isReactText(child: React.ReactNode): child is React.ReactText;
|
|
13
|
+
export declare function isReactChild(child: React.ReactNode): child is React.ReactChild;
|
|
14
|
+
export declare function isReactFragment(child: React.ReactNode): child is React.ReactElement;
|
|
15
|
+
export declare function isReactNode(x: any): boolean;
|
|
16
|
+
export type StrictProps<T, TExpected> = Exclude<keyof T, keyof TExpected> extends never ? {} : Partial<"Unexpected extraneous props">;
|
|
17
|
+
export type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<React.ComponentProps<T>["ref"], string>;
|
|
18
|
+
export declare function mergeProps(props: Record<string, any>, ...restProps: Record<string, any>[]): Record<string, any>;
|
|
19
|
+
export declare function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): (value: T) => void;
|
|
20
|
+
export declare function mergePropVals(name: string, val1: any, val2: any): any;
|
|
21
|
+
export declare function getElementTypeName(element: React.ReactElement): any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|