@plasmicapp/react-web 0.2.201 → 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.
Files changed (148) hide show
  1. package/dist/all.d.ts +1926 -1925
  2. package/dist/auth/PlasmicPageGuard.d.ts +11 -11
  3. package/dist/common.d.ts +10 -10
  4. package/dist/data-sources/index.d.ts +1 -1
  5. package/dist/host/index.d.ts +1 -1
  6. package/dist/index-common.d.ts +18 -18
  7. package/dist/index-skinny.d.ts +1 -1
  8. package/dist/index.cjs.js +3495 -3495
  9. package/dist/index.cjs.js.map +1 -1
  10. package/dist/index.d.ts +11 -11
  11. package/dist/plume/button/index.d.ts +36 -36
  12. package/dist/plume/checkbox/index.d.ts +47 -47
  13. package/dist/plume/collection-utils.d.ts +191 -191
  14. package/dist/plume/collection-utils.spec.d.ts +1 -1
  15. package/dist/plume/menu/context.d.ts +8 -8
  16. package/dist/plume/menu/index.d.ts +3 -3
  17. package/dist/plume/menu/menu-group.d.ts +23 -23
  18. package/dist/plume/menu/menu-item.d.ts +23 -23
  19. package/dist/plume/menu/menu.d.ts +39 -39
  20. package/dist/plume/menu-button/DropdownMenu.d.ts +34 -34
  21. package/dist/plume/menu-button/index.d.ts +2 -2
  22. package/dist/plume/menu-button/menu-button.d.ts +72 -72
  23. package/dist/plume/menu-button/menu-trigger.d.ts +21 -21
  24. package/dist/plume/plume-utils.d.ts +41 -41
  25. package/dist/plume/props-utils.d.ts +15 -15
  26. package/dist/plume/select/context.d.ts +3 -3
  27. package/dist/plume/select/index.d.ts +4 -4
  28. package/dist/plume/select/select-option-group.d.ts +23 -23
  29. package/dist/plume/select/select-option.d.ts +23 -23
  30. package/dist/plume/select/select.d.ts +111 -111
  31. package/dist/plume/switch/index.d.ts +39 -39
  32. package/dist/plume/text-input/index.d.ts +36 -36
  33. package/dist/plume/triggered-overlay/context.d.ts +14 -14
  34. package/dist/plume/triggered-overlay/index.d.ts +2 -2
  35. package/dist/plume/triggered-overlay/triggered-overlay.d.ts +24 -24
  36. package/dist/query/index.d.ts +1 -1
  37. package/dist/react-utils.d.ts +21 -21
  38. package/dist/react-utils.spec.d.ts +1 -1
  39. package/dist/react-web.esm.js +3496 -3496
  40. package/dist/react-web.esm.js.map +1 -1
  41. package/dist/render/PlasmicHead/index.d.ts +37 -37
  42. package/dist/render/PlasmicIcon.d.ts +4 -4
  43. package/dist/render/PlasmicImg/index.d.ts +81 -81
  44. package/dist/render/PlasmicLink.d.ts +2 -2
  45. package/dist/render/PlasmicSlot.d.ts +11 -11
  46. package/dist/render/Stack.d.ts +51 -51
  47. package/dist/render/elements.d.ts +74 -74
  48. package/dist/render/global-variants.d.ts +1 -1
  49. package/dist/render/screen-variants.d.ts +5 -5
  50. package/dist/render/ssr.d.ts +21 -21
  51. package/dist/render/translation.d.ts +19 -19
  52. package/dist/render/triggers.d.ts +39 -39
  53. package/dist/states/errors.d.ts +13 -13
  54. package/dist/states/graph.d.ts +25 -25
  55. package/dist/states/helpers.d.ts +43 -43
  56. package/dist/states/index.d.ts +4 -4
  57. package/dist/states/types.d.ts +66 -66
  58. package/dist/states/valtio.d.ts +10 -10
  59. package/dist/states/vanilla.d.ts +3 -3
  60. package/dist/stories/PlasmicImg.stories.d.ts +6 -6
  61. package/dist/stories/UseDollarState.stories.d.ts +78 -78
  62. package/lib/data-sources/index.d.ts +1 -1
  63. package/lib/host/index.d.ts +1 -1
  64. package/lib/query/index.d.ts +1 -1
  65. package/package.json +8 -9
  66. package/skinny/dist/auth/PlasmicPageGuard.d.ts +11 -11
  67. package/skinny/dist/{collection-utils-0967eaf0.js → collection-utils-2f28e4eb.js} +297 -297
  68. package/skinny/dist/{collection-utils-0967eaf0.js.map → collection-utils-2f28e4eb.js.map} +1 -1
  69. package/skinny/dist/{common-9d6d348d.js → common-ed411407.js} +130 -130
  70. package/skinny/dist/{common-9d6d348d.js.map → common-ed411407.js.map} +1 -1
  71. package/skinny/dist/common.d.ts +10 -10
  72. package/skinny/dist/data-sources/index.d.ts +1 -1
  73. package/skinny/dist/host/index.d.ts +1 -1
  74. package/skinny/dist/index-common.d.ts +18 -18
  75. package/skinny/dist/index-skinny.d.ts +1 -1
  76. package/skinny/dist/index.d.ts +11 -11
  77. package/skinny/dist/index.js +1559 -1559
  78. package/skinny/dist/index.js.map +1 -1
  79. package/skinny/dist/plume/button/index.d.ts +36 -36
  80. package/skinny/dist/plume/button/index.js +21 -21
  81. package/skinny/dist/plume/checkbox/index.d.ts +47 -47
  82. package/skinny/dist/plume/checkbox/index.js +64 -64
  83. package/skinny/dist/plume/collection-utils.d.ts +191 -191
  84. package/skinny/dist/plume/collection-utils.spec.d.ts +1 -1
  85. package/skinny/dist/plume/menu/context.d.ts +8 -8
  86. package/skinny/dist/plume/menu/index.d.ts +3 -3
  87. package/skinny/dist/plume/menu/index.js +165 -165
  88. package/skinny/dist/plume/menu/menu-group.d.ts +23 -23
  89. package/skinny/dist/plume/menu/menu-item.d.ts +23 -23
  90. package/skinny/dist/plume/menu/menu.d.ts +39 -39
  91. package/skinny/dist/plume/menu-button/DropdownMenu.d.ts +34 -34
  92. package/skinny/dist/plume/menu-button/index.d.ts +2 -2
  93. package/skinny/dist/plume/menu-button/index.js +125 -125
  94. package/skinny/dist/plume/menu-button/index.js.map +1 -1
  95. package/skinny/dist/plume/menu-button/menu-button.d.ts +72 -72
  96. package/skinny/dist/plume/menu-button/menu-trigger.d.ts +21 -21
  97. package/skinny/dist/plume/plume-utils.d.ts +41 -41
  98. package/skinny/dist/plume/props-utils.d.ts +15 -15
  99. package/skinny/dist/plume/select/context.d.ts +3 -3
  100. package/skinny/dist/plume/select/index.d.ts +4 -4
  101. package/skinny/dist/plume/select/index.js +250 -250
  102. package/skinny/dist/plume/select/index.js.map +1 -1
  103. package/skinny/dist/plume/select/select-option-group.d.ts +23 -23
  104. package/skinny/dist/plume/select/select-option.d.ts +23 -23
  105. package/skinny/dist/plume/select/select.d.ts +111 -111
  106. package/skinny/dist/plume/switch/index.d.ts +39 -39
  107. package/skinny/dist/plume/switch/index.js +61 -61
  108. package/skinny/dist/plume/text-input/index.d.ts +36 -36
  109. package/skinny/dist/plume/text-input/index.js +45 -45
  110. package/skinny/dist/plume/triggered-overlay/context.d.ts +14 -14
  111. package/skinny/dist/plume/triggered-overlay/index.d.ts +2 -2
  112. package/skinny/dist/plume/triggered-overlay/index.js +100 -100
  113. package/skinny/dist/plume/triggered-overlay/index.js.map +1 -1
  114. package/skinny/dist/plume/triggered-overlay/triggered-overlay.d.ts +24 -24
  115. package/skinny/dist/{plume-utils-7d68bcc0.js → plume-utils-e699cd08.js} +30 -30
  116. package/skinny/dist/{plume-utils-7d68bcc0.js.map → plume-utils-e699cd08.js.map} +1 -1
  117. package/skinny/dist/{props-utils-9f9c761a.js → props-utils-9d74371f.js} +4 -4
  118. package/skinny/dist/{props-utils-9f9c761a.js.map → props-utils-9d74371f.js.map} +1 -1
  119. package/skinny/dist/query/index.d.ts +1 -1
  120. package/skinny/dist/{react-utils-ee4e03ba.js → react-utils-5ff031c2.js} +195 -195
  121. package/skinny/dist/{react-utils-ee4e03ba.js.map → react-utils-5ff031c2.js.map} +1 -1
  122. package/skinny/dist/react-utils.d.ts +21 -21
  123. package/skinny/dist/react-utils.spec.d.ts +1 -1
  124. package/skinny/dist/render/PlasmicHead/index.d.ts +37 -37
  125. package/skinny/dist/render/PlasmicHead/index.js +54 -54
  126. package/skinny/dist/render/PlasmicIcon.d.ts +4 -4
  127. package/skinny/dist/render/PlasmicImg/index.d.ts +81 -81
  128. package/skinny/dist/render/PlasmicImg/index.js +297 -297
  129. package/skinny/dist/render/PlasmicLink.d.ts +2 -2
  130. package/skinny/dist/render/PlasmicSlot.d.ts +11 -11
  131. package/skinny/dist/render/Stack.d.ts +51 -51
  132. package/skinny/dist/render/elements.d.ts +74 -74
  133. package/skinny/dist/render/global-variants.d.ts +1 -1
  134. package/skinny/dist/render/screen-variants.d.ts +5 -5
  135. package/skinny/dist/render/ssr.d.ts +21 -21
  136. package/skinny/dist/render/translation.d.ts +19 -19
  137. package/skinny/dist/render/triggers.d.ts +39 -39
  138. package/skinny/dist/{ssr-c9834f50.js → ssr-8625df04.js} +107 -107
  139. package/skinny/dist/{ssr-c9834f50.js.map → ssr-8625df04.js.map} +1 -1
  140. package/skinny/dist/states/errors.d.ts +13 -13
  141. package/skinny/dist/states/graph.d.ts +25 -25
  142. package/skinny/dist/states/helpers.d.ts +43 -43
  143. package/skinny/dist/states/index.d.ts +4 -4
  144. package/skinny/dist/states/types.d.ts +66 -66
  145. package/skinny/dist/states/valtio.d.ts +10 -10
  146. package/skinny/dist/states/vanilla.d.ts +3 -3
  147. package/skinny/dist/stories/PlasmicImg.stories.d.ts +6 -6
  148. package/skinny/dist/stories/UseDollarState.stories.d.ts +78 -78
@@ -1,23 +1,23 @@
1
- import { ItemLikeProps } from "../collection-utils";
2
- import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
3
- export interface BaseMenuItemProps extends ItemLikeProps {
4
- /**
5
- * Called when this item is selected
6
- */
7
- onAction?: (key: string) => void;
8
- }
9
- interface MenuItemConfig<C extends AnyPlasmicClass> {
10
- isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
11
- isHighlightedVariant?: VariantDef<PlasmicClassVariants<C>>;
12
- labelSlot: keyof PlasmicClassArgs<C>;
13
- root: keyof PlasmicClassOverrides<C>;
14
- labelContainer: keyof PlasmicClassOverrides<C>;
15
- }
16
- export declare function useMenuItem<P extends BaseMenuItemProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: MenuItemConfig<C>): {
17
- plasmicProps: {
18
- variants: PlasmicClassVariants<C>;
19
- args: PlasmicClassArgs<C>;
20
- overrides: PlasmicClassOverrides<C>;
21
- };
22
- };
23
- export {};
1
+ import { ItemLikeProps } from "../collection-utils";
2
+ import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
3
+ export interface BaseMenuItemProps extends ItemLikeProps {
4
+ /**
5
+ * Called when this item is selected
6
+ */
7
+ onAction?: (key: string) => void;
8
+ }
9
+ interface MenuItemConfig<C extends AnyPlasmicClass> {
10
+ isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
11
+ isHighlightedVariant?: VariantDef<PlasmicClassVariants<C>>;
12
+ labelSlot: keyof PlasmicClassArgs<C>;
13
+ root: keyof PlasmicClassOverrides<C>;
14
+ labelContainer: keyof PlasmicClassOverrides<C>;
15
+ }
16
+ export declare function useMenuItem<P extends BaseMenuItemProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: MenuItemConfig<C>): {
17
+ plasmicProps: {
18
+ variants: PlasmicClassVariants<C>;
19
+ args: PlasmicClassArgs<C>;
20
+ overrides: PlasmicClassOverrides<C>;
21
+ };
22
+ };
23
+ export {};
@@ -1,39 +1,39 @@
1
- import { AriaLabelingProps, 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 BaseMenuProps extends DOMProps, AriaLabelingProps, StyleProps {
6
- /**
7
- * List of `Menu.Item`s or `Menu.Group`s that make up the menu
8
- */
9
- children?: React.ReactNode;
10
- /**
11
- * Called with the value of a `Menu.Item` when it is selected.
12
- */
13
- onAction?: (value: string) => void;
14
- }
15
- export type MenuRef = React.Ref<MenuRefValue>;
16
- export interface MenuRefValue extends MenuState {
17
- getRoot: () => HTMLElement | null;
18
- }
19
- export interface MenuConfig<C extends AnyPlasmicClass> {
20
- isPlacedTopVariant?: VariantDef<PlasmicClassVariants<C>>;
21
- isPlacedBottomVariant?: VariantDef<PlasmicClassVariants<C>>;
22
- isPlacedLeftVariant?: VariantDef<PlasmicClassVariants<C>>;
23
- isPlacedRightVariant?: VariantDef<PlasmicClassVariants<C>>;
24
- itemsSlot: keyof PlasmicClassArgs<C>;
25
- itemsContainer: keyof PlasmicClassOverrides<C>;
26
- root: keyof PlasmicClassOverrides<C>;
27
- }
28
- export interface MenuState {
29
- getFocusedValue: () => string | null;
30
- setFocusedValue: (value: string) => void;
31
- }
32
- export declare function useMenu<P extends BaseMenuProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: MenuConfig<C>, ref?: MenuRef): {
33
- plasmicProps: {
34
- variants: PlasmicClassVariants<C>;
35
- args: PlasmicClassArgs<C>;
36
- overrides: PlasmicClassOverrides<C>;
37
- };
38
- state: MenuState;
39
- };
1
+ import { AriaLabelingProps, 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 BaseMenuProps extends DOMProps, AriaLabelingProps, StyleProps {
6
+ /**
7
+ * List of `Menu.Item`s or `Menu.Group`s that make up the menu
8
+ */
9
+ children?: React.ReactNode;
10
+ /**
11
+ * Called with the value of a `Menu.Item` when it is selected.
12
+ */
13
+ onAction?: (value: string) => void;
14
+ }
15
+ export type MenuRef = React.Ref<MenuRefValue>;
16
+ export interface MenuRefValue extends MenuState {
17
+ getRoot: () => HTMLElement | null;
18
+ }
19
+ export interface MenuConfig<C extends AnyPlasmicClass> {
20
+ isPlacedTopVariant?: VariantDef<PlasmicClassVariants<C>>;
21
+ isPlacedBottomVariant?: VariantDef<PlasmicClassVariants<C>>;
22
+ isPlacedLeftVariant?: VariantDef<PlasmicClassVariants<C>>;
23
+ isPlacedRightVariant?: VariantDef<PlasmicClassVariants<C>>;
24
+ itemsSlot: keyof PlasmicClassArgs<C>;
25
+ itemsContainer: keyof PlasmicClassOverrides<C>;
26
+ root: keyof PlasmicClassOverrides<C>;
27
+ }
28
+ export interface MenuState {
29
+ getFocusedValue: () => string | null;
30
+ setFocusedValue: (value: string) => void;
31
+ }
32
+ export declare function useMenu<P extends BaseMenuProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: MenuConfig<C>, ref?: MenuRef): {
33
+ plasmicProps: {
34
+ variants: PlasmicClassVariants<C>;
35
+ args: PlasmicClassArgs<C>;
36
+ overrides: PlasmicClassOverrides<C>;
37
+ };
38
+ state: MenuState;
39
+ };
@@ -1,34 +1,34 @@
1
- import { Placement } from "@react-types/overlays";
2
- import * as React from "react";
3
- import { BaseMenuProps } from "../menu/menu";
4
- export interface DropdownMenuProps {
5
- /**
6
- * A ReactElement that takes in a `ref` as well as the usual mouse and
7
- * pointer events. The dropdown menu will be positioned relative to this
8
- * trigger.
9
- */
10
- children: React.ReactElement;
11
- /**
12
- * The menu to show; must be either a ReactElement of Menu type, or
13
- * a function that creates one if you prefer to delay creating it until
14
- * the menu has been triggered.
15
- */
16
- menu: React.ReactElement<BaseMenuProps> | (() => React.ReactElement<BaseMenuProps>);
17
- /**
18
- * Where to place the menu relative to the trigger.
19
- */
20
- placement?: Placement;
21
- /**
22
- * Whether the menu is currently shown.
23
- */
24
- isOpen?: boolean;
25
- /**
26
- * Uncontrolled open state.
27
- */
28
- defaultOpen?: boolean;
29
- /**
30
- * Event handler fired when Menu's open state changes
31
- */
32
- onOpenChange?: (isOpen: boolean) => void;
33
- }
34
- export declare function DropdownMenu(props: DropdownMenuProps): JSX.Element;
1
+ import { Placement } from "@react-types/overlays";
2
+ import * as React from "react";
3
+ import { BaseMenuProps } from "../menu/menu";
4
+ export interface DropdownMenuProps {
5
+ /**
6
+ * A ReactElement that takes in a `ref` as well as the usual mouse and
7
+ * pointer events. The dropdown menu will be positioned relative to this
8
+ * trigger.
9
+ */
10
+ children: React.ReactElement;
11
+ /**
12
+ * The menu to show; must be either a ReactElement of Menu type, or
13
+ * a function that creates one if you prefer to delay creating it until
14
+ * the menu has been triggered.
15
+ */
16
+ menu: React.ReactElement<BaseMenuProps> | (() => React.ReactElement<BaseMenuProps>);
17
+ /**
18
+ * Where to place the menu relative to the trigger.
19
+ */
20
+ placement?: Placement;
21
+ /**
22
+ * Whether the menu is currently shown.
23
+ */
24
+ isOpen?: boolean;
25
+ /**
26
+ * Uncontrolled open state.
27
+ */
28
+ defaultOpen?: boolean;
29
+ /**
30
+ * Event handler fired when Menu's open state changes
31
+ */
32
+ onOpenChange?: (isOpen: boolean) => void;
33
+ }
34
+ export declare function DropdownMenu(props: DropdownMenuProps): JSX.Element;
@@ -1,2 +1,2 @@
1
- export { DropdownMenu } from "./DropdownMenu";
2
- export { BaseMenuButtonProps, MenuButtonRef, MenuButtonRefValue, useMenuButton, } from "./menu-button";
1
+ export { DropdownMenu } from "./DropdownMenu";
2
+ export { BaseMenuButtonProps, MenuButtonRef, MenuButtonRefValue, useMenuButton, } from "./menu-button";
@@ -1,72 +1,72 @@
1
- import { Placement } from "@react-types/overlays";
2
- import { DOMProps, FocusableProps } from "@react-types/shared";
3
- import * as React from "react";
4
- import { BaseMenuProps } from "../menu/menu";
5
- import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
6
- import { StyleProps } from "../props-utils";
7
- export interface BaseMenuButtonProps extends DOMProps, FocusableProps, StyleProps, Pick<React.ComponentProps<"button">, "title"> {
8
- /**
9
- * The menu to show; can either be a Menu instance, or a function that returns a Menu
10
- * instance if you want to defer creating the instance till when it's opened.
11
- */
12
- menu: React.ReactElement<BaseMenuProps> | (() => React.ReactElement<BaseMenuProps>);
13
- /**
14
- * Whether the button is disabled
15
- */
16
- isDisabled?: boolean;
17
- /**
18
- * Whether the menu is currently shown.
19
- */
20
- isOpen?: boolean;
21
- /**
22
- * Uncontrolled open state
23
- */
24
- defaultOpen?: boolean;
25
- /**
26
- * Event handler fired when Menu's open state changes
27
- */
28
- onOpenChange?: (isOpen: boolean) => void;
29
- /**
30
- * Desired placement location of the Select dropdown
31
- */
32
- placement?: Placement;
33
- /**
34
- * If true, menu width will always match the trigger button width.
35
- * If false, then menu width will have min-width matching the
36
- * trigger button width.
37
- */
38
- menuMatchTriggerWidth?: boolean;
39
- /**
40
- * If set, menu width will be exactly this width, overriding
41
- * menuMatchTriggerWidth.
42
- */
43
- menuWidth?: number;
44
- }
45
- export interface MenuButtonConfig<C extends AnyPlasmicClass> {
46
- isOpenVariant: VariantDef<PlasmicClassVariants<C>>;
47
- isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
48
- menuSlot: keyof PlasmicClassArgs<C>;
49
- root: keyof PlasmicClassOverrides<C>;
50
- trigger: keyof PlasmicClassOverrides<C>;
51
- }
52
- interface MenuButtonState {
53
- open: () => void;
54
- close: () => void;
55
- isOpen: () => boolean;
56
- }
57
- export type MenuButtonRef = React.Ref<MenuButtonRefValue>;
58
- export interface MenuButtonRefValue extends MenuButtonState {
59
- getRoot: () => HTMLElement | null;
60
- getTrigger: () => HTMLElement | null;
61
- focus: () => void;
62
- blur: () => void;
63
- }
64
- export declare function useMenuButton<P extends BaseMenuButtonProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: MenuButtonConfig<C>, outerRef?: MenuButtonRef): {
65
- plasmicProps: {
66
- variants: PlasmicClassVariants<C>;
67
- args: PlasmicClassArgs<C>;
68
- overrides: PlasmicClassOverrides<C>;
69
- };
70
- state: MenuButtonState;
71
- };
72
- export {};
1
+ import { Placement } from "@react-types/overlays";
2
+ import { DOMProps, FocusableProps } from "@react-types/shared";
3
+ import * as React from "react";
4
+ import { BaseMenuProps } from "../menu/menu";
5
+ import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
6
+ import { StyleProps } from "../props-utils";
7
+ export interface BaseMenuButtonProps extends DOMProps, FocusableProps, StyleProps, Pick<React.ComponentProps<"button">, "title"> {
8
+ /**
9
+ * The menu to show; can either be a Menu instance, or a function that returns a Menu
10
+ * instance if you want to defer creating the instance till when it's opened.
11
+ */
12
+ menu: React.ReactElement<BaseMenuProps> | (() => React.ReactElement<BaseMenuProps>);
13
+ /**
14
+ * Whether the button is disabled
15
+ */
16
+ isDisabled?: boolean;
17
+ /**
18
+ * Whether the menu is currently shown.
19
+ */
20
+ isOpen?: boolean;
21
+ /**
22
+ * Uncontrolled open state
23
+ */
24
+ defaultOpen?: boolean;
25
+ /**
26
+ * Event handler fired when Menu's open state changes
27
+ */
28
+ onOpenChange?: (isOpen: boolean) => void;
29
+ /**
30
+ * Desired placement location of the Select dropdown
31
+ */
32
+ placement?: Placement;
33
+ /**
34
+ * If true, menu width will always match the trigger button width.
35
+ * If false, then menu width will have min-width matching the
36
+ * trigger button width.
37
+ */
38
+ menuMatchTriggerWidth?: boolean;
39
+ /**
40
+ * If set, menu width will be exactly this width, overriding
41
+ * menuMatchTriggerWidth.
42
+ */
43
+ menuWidth?: number;
44
+ }
45
+ export interface MenuButtonConfig<C extends AnyPlasmicClass> {
46
+ isOpenVariant: VariantDef<PlasmicClassVariants<C>>;
47
+ isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
48
+ menuSlot: keyof PlasmicClassArgs<C>;
49
+ root: keyof PlasmicClassOverrides<C>;
50
+ trigger: keyof PlasmicClassOverrides<C>;
51
+ }
52
+ interface MenuButtonState {
53
+ open: () => void;
54
+ close: () => void;
55
+ isOpen: () => boolean;
56
+ }
57
+ export type MenuButtonRef = React.Ref<MenuButtonRefValue>;
58
+ export interface MenuButtonRefValue extends MenuButtonState {
59
+ getRoot: () => HTMLElement | null;
60
+ getTrigger: () => HTMLElement | null;
61
+ focus: () => void;
62
+ blur: () => void;
63
+ }
64
+ export declare function useMenuButton<P extends BaseMenuButtonProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: MenuButtonConfig<C>, outerRef?: MenuButtonRef): {
65
+ plasmicProps: {
66
+ variants: PlasmicClassVariants<C>;
67
+ args: PlasmicClassArgs<C>;
68
+ overrides: PlasmicClassOverrides<C>;
69
+ };
70
+ state: MenuButtonState;
71
+ };
72
+ export {};
@@ -1,21 +1,21 @@
1
- import { Placement } from "@react-types/overlays";
2
- import * as React from "react";
3
- import { MenuTriggerState } from "@react-stately/menu";
4
- import { BaseMenuProps } from "../menu/menu";
5
- import { TriggeredOverlayContextValue } from "../triggered-overlay/context";
6
- /**
7
- * A menu trigger hook that combines react-aria's useMenuTrigger, useAriaMenuTrigger,
8
- * useOverlayPosition, useOverlay, and usePress
9
- */
10
- export declare function useMenuTrigger(opts: {
11
- isDisabled?: boolean;
12
- triggerRef: React.RefObject<HTMLElement>;
13
- placement?: Placement;
14
- menuMatchTriggerWidth?: boolean;
15
- menuWidth?: number;
16
- menu: React.ReactElement<BaseMenuProps> | (() => React.ReactElement<BaseMenuProps>);
17
- }, state: MenuTriggerState): {
18
- triggerProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
19
- makeMenu: () => React.ReactElement<BaseMenuProps, string | React.JSXElementConstructor<any>> | null;
20
- triggerContext: TriggeredOverlayContextValue;
21
- };
1
+ import { Placement } from "@react-types/overlays";
2
+ import * as React from "react";
3
+ import { MenuTriggerState } from "@react-stately/menu";
4
+ import { BaseMenuProps } from "../menu/menu";
5
+ import { TriggeredOverlayContextValue } from "../triggered-overlay/context";
6
+ /**
7
+ * A menu trigger hook that combines react-aria's useMenuTrigger, useAriaMenuTrigger,
8
+ * useOverlayPosition, useOverlay, and usePress
9
+ */
10
+ export declare function useMenuTrigger(opts: {
11
+ isDisabled?: boolean;
12
+ triggerRef: React.RefObject<HTMLElement>;
13
+ placement?: Placement;
14
+ menuMatchTriggerWidth?: boolean;
15
+ menuWidth?: number;
16
+ menu: React.ReactElement<BaseMenuProps> | (() => React.ReactElement<BaseMenuProps>);
17
+ }, state: MenuTriggerState): {
18
+ triggerProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
19
+ makeMenu: () => React.ReactElement<BaseMenuProps, string | React.JSXElementConstructor<any>> | null;
20
+ triggerContext: TriggeredOverlayContextValue;
21
+ };
@@ -1,41 +1,41 @@
1
- import * as React from "react";
2
- import { SingleChoiceArg } from "../render/elements";
3
- export declare let PLUME_STRICT_MODE: boolean;
4
- export declare function setPlumeStrictMode(mode: boolean): void;
5
- type VariantArgChoices<T> = T extends (infer M)[] ? M : T extends SingleChoiceArg<infer M> ? M : never;
6
- type VariantArgsChoices<V> = {
7
- [k in keyof V]-?: VariantArgChoices<V[k]>;
8
- };
9
- type DictValues<V extends Record<string, any>> = V[keyof V];
10
- type DictTuples<V extends Record<string, any>> = DictValues<{
11
- [K in keyof V]: [K, V[K]];
12
- }>;
13
- export type VariantDefTuple<V> = DictTuples<VariantArgsChoices<V>>;
14
- type DistributeTuple<T> = T extends [infer T1, infer T2] ? {
15
- group: T1;
16
- variant: T2;
17
- } : never;
18
- export type VariantDef<V> = DistributeTuple<VariantDefTuple<V>>;
19
- export type PlasmicClass<V extends Record<string, any>, A extends Record<string, any>, O extends Record<string, any>> = {
20
- (props: {
21
- variants?: V;
22
- args?: A;
23
- overrides?: O;
24
- }): React.ReactElement | null;
25
- internalVariantProps: (keyof V)[];
26
- internalArgProps: (keyof A)[];
27
- };
28
- export type AnyPlasmicClass = PlasmicClass<any, any, any>;
29
- export type PlasmicClassVariants<C extends AnyPlasmicClass> = C extends PlasmicClass<infer V, any, any> ? V : unknown;
30
- export type PlasmicClassArgs<C extends AnyPlasmicClass> = C extends PlasmicClass<any, infer A, any> ? A : unknown;
31
- export type PlasmicClassOverrides<C extends AnyPlasmicClass> = C extends PlasmicClass<any, any, infer O> ? O : unknown;
32
- type BooleanLike = boolean | undefined | null;
33
- export declare function mergeVariantToggles<V>(...toggles: {
34
- def?: VariantDef<V>;
35
- active: BooleanLike;
36
- }[]): Record<string, any>;
37
- export declare function noOutline(): {
38
- outline: string;
39
- };
40
- export declare function getPlumeType(child: React.ReactChild): string | undefined;
41
- export {};
1
+ import * as React from "react";
2
+ import { SingleChoiceArg } from "../render/elements";
3
+ export declare let PLUME_STRICT_MODE: boolean;
4
+ export declare function setPlumeStrictMode(mode: boolean): void;
5
+ type VariantArgChoices<T> = T extends (infer M)[] ? M : T extends SingleChoiceArg<infer M> ? M : never;
6
+ type VariantArgsChoices<V> = {
7
+ [k in keyof V]-?: VariantArgChoices<V[k]>;
8
+ };
9
+ type DictValues<V extends Record<string, any>> = V[keyof V];
10
+ type DictTuples<V extends Record<string, any>> = DictValues<{
11
+ [K in keyof V]: [K, V[K]];
12
+ }>;
13
+ export type VariantDefTuple<V> = DictTuples<VariantArgsChoices<V>>;
14
+ type DistributeTuple<T> = T extends [infer T1, infer T2] ? {
15
+ group: T1;
16
+ variant: T2;
17
+ } : never;
18
+ export type VariantDef<V> = DistributeTuple<VariantDefTuple<V>>;
19
+ export type PlasmicClass<V extends Record<string, any>, A extends Record<string, any>, O extends Record<string, any>> = {
20
+ (props: {
21
+ variants?: V;
22
+ args?: A;
23
+ overrides?: O;
24
+ }): React.ReactElement | null;
25
+ internalVariantProps: (keyof V)[];
26
+ internalArgProps: (keyof A)[];
27
+ };
28
+ export type AnyPlasmicClass = PlasmicClass<any, any, any>;
29
+ export type PlasmicClassVariants<C extends AnyPlasmicClass> = C extends PlasmicClass<infer V, any, any> ? V : unknown;
30
+ export type PlasmicClassArgs<C extends AnyPlasmicClass> = C extends PlasmicClass<any, infer A, any> ? A : unknown;
31
+ export type PlasmicClassOverrides<C extends AnyPlasmicClass> = C extends PlasmicClass<any, any, infer O> ? O : unknown;
32
+ type BooleanLike = boolean | undefined | null;
33
+ export declare function mergeVariantToggles<V>(...toggles: {
34
+ def?: VariantDef<V>;
35
+ active: BooleanLike;
36
+ }[]): Record<string, any>;
37
+ export declare function noOutline(): {
38
+ outline: string;
39
+ };
40
+ export declare function getPlumeType(child: React.ReactChild): string | undefined;
41
+ export {};
@@ -1,15 +1,15 @@
1
- import * as React from "react";
2
- import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants } from "./plume-utils";
3
- export interface StyleProps {
4
- className?: string;
5
- style?: React.CSSProperties;
6
- }
7
- export declare function getStyleProps<P extends StyleProps>(props: P): StyleProps;
8
- export declare function getDefaultPlasmicProps<C extends AnyPlasmicClass>(plasmicClass: C, props: Record<string, any>): {
9
- plasmicProps: {
10
- variants: PlasmicClassVariants<C>;
11
- args: PlasmicClassArgs<C>;
12
- overrides: PlasmicClassOverrides<C>;
13
- };
14
- };
15
- export declare function getDataProps(props: Record<string, any>): Partial<Record<string, any>>;
1
+ import * as React from "react";
2
+ import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants } from "./plume-utils";
3
+ export interface StyleProps {
4
+ className?: string;
5
+ style?: React.CSSProperties;
6
+ }
7
+ export declare function getStyleProps<P extends StyleProps>(props: P): StyleProps;
8
+ export declare function getDefaultPlasmicProps<C extends AnyPlasmicClass>(plasmicClass: C, props: Record<string, any>): {
9
+ plasmicProps: {
10
+ variants: PlasmicClassVariants<C>;
11
+ args: PlasmicClassArgs<C>;
12
+ overrides: PlasmicClassOverrides<C>;
13
+ };
14
+ };
15
+ export declare function getDataProps(props: Record<string, any>): Partial<Record<string, any>>;
@@ -1,3 +1,3 @@
1
- import * as React from "react";
2
- import type { ListState } from "@react-stately/list";
3
- export declare const SelectContext: React.Context<ListState<any> | undefined>;
1
+ import * as React from "react";
2
+ import type { ListState } from "@react-stately/list";
3
+ export declare const SelectContext: React.Context<ListState<any> | undefined>;
@@ -1,4 +1,4 @@
1
- export { BaseSelectProps, SelectRef, SelectRefValue, useSelect, } from "./select";
2
- export { BaseSelectOptionProps, SelectOptionRef, useSelectOption, } from "./select-option";
3
- export { BaseSelectOptionGroupProps, useSelectOptionGroup, } from "./select-option-group";
4
- export { SelectContext } from "./context";
1
+ export { BaseSelectProps, SelectRef, SelectRefValue, useSelect, } from "./select";
2
+ export { BaseSelectOptionProps, SelectOptionRef, useSelectOption, } from "./select-option";
3
+ export { BaseSelectOptionGroupProps, useSelectOptionGroup, } from "./select-option-group";
4
+ export { SelectContext } from "./context";
@@ -1,23 +1,23 @@
1
- import { SectionLikeProps } from "../collection-utils";
2
- import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants } from "../plume-utils";
3
- import { StyleProps } from "../props-utils";
4
- export interface BaseSelectOptionGroupProps extends SectionLikeProps, StyleProps {
5
- }
6
- interface SelectOptionGroupConfig<C extends AnyPlasmicClass> {
7
- noTitleVariant: PlasmicClassVariants<C>;
8
- isFirstVariant: PlasmicClassVariants<C>;
9
- optionsSlot: keyof PlasmicClassArgs<C>;
10
- titleSlot: keyof PlasmicClassArgs<C>;
11
- root: keyof PlasmicClassOverrides<C>;
12
- separator: keyof PlasmicClassOverrides<C>;
13
- titleContainer: keyof PlasmicClassOverrides<C>;
14
- optionsContainer: keyof PlasmicClassOverrides<C>;
15
- }
16
- export declare function useSelectOptionGroup<P extends BaseSelectOptionGroupProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SelectOptionGroupConfig<C>): {
17
- plasmicProps: {
18
- variants: PlasmicClassVariants<C>;
19
- args: PlasmicClassArgs<C>;
20
- overrides: PlasmicClassOverrides<C>;
21
- };
22
- };
23
- export {};
1
+ import { SectionLikeProps } from "../collection-utils";
2
+ import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants } from "../plume-utils";
3
+ import { StyleProps } from "../props-utils";
4
+ export interface BaseSelectOptionGroupProps extends SectionLikeProps, StyleProps {
5
+ }
6
+ interface SelectOptionGroupConfig<C extends AnyPlasmicClass> {
7
+ noTitleVariant: PlasmicClassVariants<C>;
8
+ isFirstVariant: PlasmicClassVariants<C>;
9
+ optionsSlot: keyof PlasmicClassArgs<C>;
10
+ titleSlot: keyof PlasmicClassArgs<C>;
11
+ root: keyof PlasmicClassOverrides<C>;
12
+ separator: keyof PlasmicClassOverrides<C>;
13
+ titleContainer: keyof PlasmicClassOverrides<C>;
14
+ optionsContainer: keyof PlasmicClassOverrides<C>;
15
+ }
16
+ export declare function useSelectOptionGroup<P extends BaseSelectOptionGroupProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SelectOptionGroupConfig<C>): {
17
+ plasmicProps: {
18
+ variants: PlasmicClassVariants<C>;
19
+ args: PlasmicClassArgs<C>;
20
+ overrides: PlasmicClassOverrides<C>;
21
+ };
22
+ };
23
+ export {};
@@ -1,23 +1,23 @@
1
- import * as React from "react";
2
- import { ItemLikeProps } from "../collection-utils";
3
- import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
4
- import { StyleProps } from "../props-utils";
5
- export interface BaseSelectOptionProps extends ItemLikeProps, StyleProps {
6
- }
7
- interface SelectOptionConfig<C extends AnyPlasmicClass> {
8
- isSelectedVariant: VariantDef<PlasmicClassVariants<C>>;
9
- isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
10
- isHighlightedVariant?: VariantDef<PlasmicClassVariants<C>>;
11
- labelSlot: keyof PlasmicClassArgs<C>;
12
- root: keyof PlasmicClassOverrides<C>;
13
- labelContainer: keyof PlasmicClassOverrides<C>;
14
- }
15
- export type SelectOptionRef = React.Ref<HTMLElement>;
16
- export declare function useSelectOption<P extends BaseSelectOptionProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SelectOptionConfig<C>, outerRef?: SelectOptionRef): {
17
- plasmicProps: {
18
- variants: PlasmicClassVariants<C>;
19
- args: PlasmicClassArgs<C>;
20
- overrides: PlasmicClassOverrides<C>;
21
- };
22
- };
23
- export {};
1
+ import * as React from "react";
2
+ import { ItemLikeProps } from "../collection-utils";
3
+ import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
4
+ import { StyleProps } from "../props-utils";
5
+ export interface BaseSelectOptionProps extends ItemLikeProps, StyleProps {
6
+ }
7
+ interface SelectOptionConfig<C extends AnyPlasmicClass> {
8
+ isSelectedVariant: VariantDef<PlasmicClassVariants<C>>;
9
+ isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
10
+ isHighlightedVariant?: VariantDef<PlasmicClassVariants<C>>;
11
+ labelSlot: keyof PlasmicClassArgs<C>;
12
+ root: keyof PlasmicClassOverrides<C>;
13
+ labelContainer: keyof PlasmicClassOverrides<C>;
14
+ }
15
+ export type SelectOptionRef = React.Ref<HTMLElement>;
16
+ export declare function useSelectOption<P extends BaseSelectOptionProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: SelectOptionConfig<C>, outerRef?: SelectOptionRef): {
17
+ plasmicProps: {
18
+ variants: PlasmicClassVariants<C>;
19
+ args: PlasmicClassArgs<C>;
20
+ overrides: PlasmicClassOverrides<C>;
21
+ };
22
+ };
23
+ export {};