@plasmicpkgs/react-aria 0.0.43 → 0.0.45

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 (38) hide show
  1. package/dist/.tsbuildinfo +1 -1
  2. package/dist/contexts.d.ts +3 -1
  3. package/dist/react-aria.esm.js +227 -206
  4. package/dist/react-aria.esm.js.map +1 -1
  5. package/dist/react-aria.js +226 -205
  6. package/dist/react-aria.js.map +1 -1
  7. package/dist/registerSlider.d.ts +3 -20
  8. package/dist/registerSliderOutput.d.ts +1 -1
  9. package/dist/registerSliderThumb.d.ts +2 -2
  10. package/dist/registerSliderTrack.d.ts +3 -1
  11. package/package.json +2 -2
  12. package/skinny/contexts-3a98471a.cjs.js.map +1 -1
  13. package/skinny/contexts-87c261f6.esm.js.map +1 -1
  14. package/skinny/contexts.d.ts +3 -1
  15. package/skinny/registerSlider.cjs.js +305 -15
  16. package/skinny/registerSlider.cjs.js.map +1 -1
  17. package/skinny/registerSlider.d.ts +3 -20
  18. package/skinny/registerSlider.esm.js +303 -11
  19. package/skinny/registerSlider.esm.js.map +1 -1
  20. package/skinny/registerSliderOutput.cjs.js +1 -1
  21. package/skinny/registerSliderOutput.cjs.js.map +1 -1
  22. package/skinny/registerSliderOutput.d.ts +1 -1
  23. package/skinny/registerSliderOutput.esm.js +1 -1
  24. package/skinny/registerSliderOutput.esm.js.map +1 -1
  25. package/skinny/registerSliderThumb.cjs.js +1 -1
  26. package/skinny/registerSliderThumb.cjs.js.map +1 -1
  27. package/skinny/registerSliderThumb.d.ts +2 -2
  28. package/skinny/registerSliderThumb.esm.js +1 -1
  29. package/skinny/registerSliderThumb.esm.js.map +1 -1
  30. package/skinny/registerSliderTrack.cjs.js +189 -16
  31. package/skinny/registerSliderTrack.cjs.js.map +1 -1
  32. package/skinny/registerSliderTrack.d.ts +3 -1
  33. package/skinny/registerSliderTrack.esm.js +185 -13
  34. package/skinny/registerSliderTrack.esm.js.map +1 -1
  35. package/skinny/registerSlider-cd08b960.cjs.js +0 -473
  36. package/skinny/registerSlider-cd08b960.cjs.js.map +0 -1
  37. package/skinny/registerSlider-df0fdf82.esm.js +0 -460
  38. package/skinny/registerSlider-df0fdf82.esm.js.map +0 -1
@@ -2,28 +2,11 @@ import React from "react";
2
2
  import { type SliderProps } from "react-aria-components";
3
3
  import { UpdateInteractionVariant } from "./interaction-variant-utils";
4
4
  import { CodeComponentMetaOverrides, Registerable } from "./utils";
5
- export declare const SLIDER_COMPONENT_NAME: string;
6
5
  declare const SLIDER_INTERACTION_VARIANTS: "disabled"[];
7
- export interface BaseSliderProps extends Omit<SliderProps<number | number[]>, "onChange"> {
8
- name?: string;
9
- autoFocus?: boolean;
10
- isMultiValue?: boolean;
11
- range?: number[];
12
- defaultRange?: number[];
6
+ export interface BaseSliderProps<T extends number | number[]> extends SliderProps<T> {
13
7
  children?: React.ReactNode;
14
- onChange?: (value: number | number[], isMultiValue?: boolean) => void;
15
8
  updateInteractionVariant?: UpdateInteractionVariant<typeof SLIDER_INTERACTION_VARIANTS>;
16
9
  }
17
- export declare const sliderHelpers: {
18
- states: {
19
- range: {
20
- onChangeArgsToValue: (value: number[], isMultiValue: boolean) => number[] | undefined;
21
- };
22
- value: {
23
- onChangeArgsToValue: (value: number, isMultiValue: boolean) => any;
24
- };
25
- };
26
- };
27
- export declare function BaseSlider(props: BaseSliderProps): React.JSX.Element;
28
- export declare function registerSlider(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSlider>): void;
10
+ export declare function BaseSlider<T extends number | number[]>(props: BaseSliderProps<T>): React.JSX.Element;
11
+ export declare function registerSlider(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSlider<number>>): void;
29
12
  export {};
@@ -9,5 +9,5 @@ export interface BaseSliderOutputProps extends React.ComponentProps<typeof Slide
9
9
  }
10
10
  export declare function BaseSliderOutput(props: BaseSliderOutputProps): React.JSX.Element;
11
11
  export declare const SLIDER_OUTPUT_COMPONENT_NAME: string;
12
- export declare function registerSliderOutput(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSliderOutput>): void;
12
+ export declare function registerSliderOutput(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSliderOutput>): import("@plasmicapp/host").CodeComponentMeta<BaseSliderOutputProps>;
13
13
  export {};
@@ -3,11 +3,11 @@ import { SliderThumb } from "react-aria-components";
3
3
  import { UpdateInteractionVariant } from "./interaction-variant-utils";
4
4
  import { CodeComponentMetaOverrides, Registerable } from "./utils";
5
5
  declare const SLIDER_THUMB_INTERACTION_VARIANTS: ("disabled" | "hovered" | "focused" | "focusVisible" | "dragging")[];
6
- interface BaseSliderThumbProps extends React.ComponentProps<typeof SliderThumb> {
6
+ export interface BaseSliderThumbProps extends React.ComponentProps<typeof SliderThumb> {
7
7
  advanced?: boolean;
8
8
  updateInteractionVariant?: UpdateInteractionVariant<typeof SLIDER_THUMB_INTERACTION_VARIANTS>;
9
9
  }
10
10
  export declare function BaseSliderThumb({ children, advanced, updateInteractionVariant, ...rest }: BaseSliderThumbProps): React.JSX.Element;
11
11
  export declare const SLIDER_THUMB_COMPONENT_NAME: string;
12
- export declare function registerSliderThumb(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSliderThumb>): void;
12
+ export declare function registerSliderThumb(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSliderThumb>): import("@plasmicapp/host").CodeComponentMeta<BaseSliderThumbProps>;
13
13
  export {};
@@ -1,6 +1,8 @@
1
+ import { CodeComponentMeta } from "@plasmicapp/host";
1
2
  import React from "react";
2
3
  import { SliderTrack } from "react-aria-components";
3
4
  import { UpdateInteractionVariant } from "./interaction-variant-utils";
5
+ import { BaseSliderThumbProps } from "./registerSliderThumb";
4
6
  import { CodeComponentMetaOverrides, Registerable } from "./utils";
5
7
  declare const SLIDER_TRACK_INTERACTION_VARIANTS: "hovered"[];
6
8
  export interface BaseSliderTrackProps extends React.ComponentProps<typeof SliderTrack> {
@@ -10,5 +12,5 @@ export interface BaseSliderTrackProps extends React.ComponentProps<typeof Slider
10
12
  }
11
13
  export declare function BaseSliderTrack(props: BaseSliderTrackProps): React.JSX.Element;
12
14
  export declare const SLIDER_TRACK_COMPONENT_NAME: string;
13
- export declare function registerSliderTrack(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSliderTrack>): void;
15
+ export declare function registerSliderTrack(sliderThumbMeta: CodeComponentMeta<BaseSliderThumbProps>, loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSliderTrack>): CodeComponentMeta<BaseSliderTrackProps>;
14
16
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plasmicpkgs/react-aria",
3
- "version": "0.0.43",
3
+ "version": "0.0.45",
4
4
  "description": "Plasmic registration calls for react-aria based components",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -74,5 +74,5 @@
74
74
  "publishConfig": {
75
75
  "access": "public"
76
76
  },
77
- "gitHead": "dd6bda92c88086b13a588fabe9b796a73124c26a"
77
+ "gitHead": "7ee46bdc1f8062aaf36c02bd8db55a1c4cf5281b"
78
78
  }
@@ -1 +1 @@
1
- {"version":3,"file":"contexts-3a98471a.cjs.js","sources":["../src/contexts.tsx"],"sourcesContent":["import React from \"react\";\nimport type { StrictItemType } from \"./option-utils\";\nimport { BaseCheckboxGroup } from \"./registerCheckboxGroup\";\nimport { BaseDialogTrigger } from \"./registerDialogTrigger\";\nimport type { BaseHeader } from \"./registerHeader\";\nimport type { BaseInput } from \"./registerInput\";\nimport type { BaseLabel } from \"./registerLabel\";\nimport type { BaseListBoxProps } from \"./registerListBox\";\nimport { BaseRadioGroup } from \"./registerRadioGroup\";\nimport type { BaseSection } from \"./registerSection\";\nimport { BaseSlider } from \"./registerSlider\";\nimport { BaseTextField } from \"./registerTextField\";\n\n// We pass down context props via our own Plasmic*Context instead of directly\n// using react-aria-component's *Context, because react-aria-component's\n// contexts don't \"merge\" with contexts further up the tree, so if we render\n// a context provider, it will just be overwritten by react-aria-component's\n// context provider. So we do the merging within our own Base* components\n// instead.\n\n// Creating the text field context here because input/textarea inside text field receive a null for the TextFieldContext\nexport const PlasmicTextFieldContext = React.createContext<\n React.ComponentProps<typeof BaseTextField> | undefined\n>(undefined);\n\nexport const PlasmicCheckboxGroupContext = React.createContext<\n React.ComponentProps<typeof BaseCheckboxGroup> | undefined\n>(undefined);\n\nexport const PlasmicRadioGroupContext = React.createContext<\n React.ComponentProps<typeof BaseRadioGroup> | undefined\n>(undefined);\n\nexport const PlasmicDialogTriggerContext = React.createContext<\n React.ComponentProps<typeof BaseDialogTrigger> | undefined\n>(undefined);\n\nexport const PlasmicSliderContext = React.createContext<\n React.ComponentProps<typeof BaseSlider> | undefined\n>(undefined);\n\nexport const PlasmicLabelContext = React.createContext<\n React.ComponentProps<typeof BaseLabel> | undefined\n>(undefined);\n\nexport const PlasmicListBoxContext = React.createContext<\n BaseListBoxProps | undefined\n>(undefined);\n\nexport const PlasmicItemContext = React.createContext<\n StrictItemType | undefined\n>(undefined);\n\nexport const PlasmicSectionContext = React.createContext<\n React.ComponentProps<typeof BaseSection> | undefined\n>(undefined);\n\nexport const PlasmicHeaderContext = React.createContext<\n React.ComponentProps<typeof BaseHeader> | undefined\n>(undefined);\n\nexport const PlasmicInputContext = React.createContext<\n React.ComponentProps<typeof BaseInput> | undefined\n>(undefined);\n"],"names":["React"],"mappings":";;;;;;;;AAqBa,MAAA,uBAAA,GAA0BA,sBAAM,CAAA,aAAA,CAE3C,KAAS,CAAA,EAAA;AAEE,MAAA,2BAAA,GAA8BA,sBAAM,CAAA,aAAA,CAE/C,KAAS,CAAA,EAAA;AAEE,MAAA,wBAAA,GAA2BA,sBAAM,CAAA,aAAA,CAE5C,KAAS,CAAA,EAAA;AAEE,MAAA,2BAAA,GAA8BA,sBAAM,CAAA,aAAA,CAE/C,KAAS,CAAA,EAAA;AAEE,MAAA,oBAAA,GAAuBA,sBAAM,CAAA,aAAA,CAExC,KAAS,CAAA,EAAA;AAEwBA,sBAAM,CAAA,aAAA,CAEvC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwBA,sBAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,kBAAA,GAAqBA,sBAAM,CAAA,aAAA,CAEtC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwBA,sBAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,oBAAA,GAAuBA,sBAAM,CAAA,aAAA,CAExC,KAAS,CAAA,EAAA;AAEE,MAAA,mBAAA,GAAsBA,sBAAM,CAAA,aAAA,CAEvC,KAAS,CAAA;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"contexts-3a98471a.cjs.js","sources":["../src/contexts.tsx"],"sourcesContent":["import React from \"react\";\nimport type { StrictItemType } from \"./option-utils\";\nimport { BaseCheckboxGroup } from \"./registerCheckboxGroup\";\nimport { BaseDialogTrigger } from \"./registerDialogTrigger\";\nimport type { BaseHeader } from \"./registerHeader\";\nimport type { BaseInput } from \"./registerInput\";\nimport type { BaseLabel } from \"./registerLabel\";\nimport type { BaseListBoxProps } from \"./registerListBox\";\nimport { BaseRadioGroup } from \"./registerRadioGroup\";\nimport type { BaseSection } from \"./registerSection\";\nimport { BaseSlider } from \"./registerSlider\";\nimport { BaseTextField } from \"./registerTextField\";\n\n// We pass down context props via our own Plasmic*Context instead of directly\n// using react-aria-component's *Context, because react-aria-component's\n// contexts don't \"merge\" with contexts further up the tree, so if we render\n// a context provider, it will just be overwritten by react-aria-component's\n// context provider. So we do the merging within our own Base* components\n// instead.\n\n// Creating the text field context here because input/textarea inside text field receive a null for the TextFieldContext\nexport const PlasmicTextFieldContext = React.createContext<\n React.ComponentProps<typeof BaseTextField> | undefined\n>(undefined);\n\nexport const PlasmicCheckboxGroupContext = React.createContext<\n React.ComponentProps<typeof BaseCheckboxGroup> | undefined\n>(undefined);\n\nexport const PlasmicRadioGroupContext = React.createContext<\n React.ComponentProps<typeof BaseRadioGroup> | undefined\n>(undefined);\n\nexport const PlasmicDialogTriggerContext = React.createContext<\n React.ComponentProps<typeof BaseDialogTrigger> | undefined\n>(undefined);\n\nexport type PlasmicSliderContextType<T extends number | number[]> =\n | React.ComponentProps<typeof BaseSlider<T>>\n | undefined;\n\nexport const PlasmicSliderContext =\n React.createContext<PlasmicSliderContextType<number | number[]>>(undefined);\n\nexport const PlasmicLabelContext = React.createContext<\n React.ComponentProps<typeof BaseLabel> | undefined\n>(undefined);\n\nexport const PlasmicListBoxContext = React.createContext<\n BaseListBoxProps | undefined\n>(undefined);\n\nexport const PlasmicItemContext = React.createContext<\n StrictItemType | undefined\n>(undefined);\n\nexport const PlasmicSectionContext = React.createContext<\n React.ComponentProps<typeof BaseSection> | undefined\n>(undefined);\n\nexport const PlasmicHeaderContext = React.createContext<\n React.ComponentProps<typeof BaseHeader> | undefined\n>(undefined);\n\nexport const PlasmicInputContext = React.createContext<\n React.ComponentProps<typeof BaseInput> | undefined\n>(undefined);\n"],"names":["React"],"mappings":";;;;;;;;AAqBa,MAAA,uBAAA,GAA0BA,sBAAM,CAAA,aAAA,CAE3C,KAAS,CAAA,EAAA;AAEE,MAAA,2BAAA,GAA8BA,sBAAM,CAAA,aAAA,CAE/C,KAAS,CAAA,EAAA;AAEE,MAAA,wBAAA,GAA2BA,sBAAM,CAAA,aAAA,CAE5C,KAAS,CAAA,EAAA;AAEE,MAAA,2BAAA,GAA8BA,sBAAM,CAAA,aAAA,CAE/C,KAAS,CAAA,EAAA;AAME,MAAA,oBAAA,GACXA,sBAAM,CAAA,aAAA,CAA2D,KAAS,CAAA,EAAA;AAEzCA,sBAAM,CAAA,aAAA,CAEvC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwBA,sBAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,kBAAA,GAAqBA,sBAAM,CAAA,aAAA,CAEtC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwBA,sBAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,oBAAA,GAAuBA,sBAAM,CAAA,aAAA,CAExC,KAAS,CAAA,EAAA;AAEE,MAAA,mBAAA,GAAsBA,sBAAM,CAAA,aAAA,CAEvC,KAAS,CAAA;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"contexts-87c261f6.esm.js","sources":["../src/contexts.tsx"],"sourcesContent":["import React from \"react\";\nimport type { StrictItemType } from \"./option-utils\";\nimport { BaseCheckboxGroup } from \"./registerCheckboxGroup\";\nimport { BaseDialogTrigger } from \"./registerDialogTrigger\";\nimport type { BaseHeader } from \"./registerHeader\";\nimport type { BaseInput } from \"./registerInput\";\nimport type { BaseLabel } from \"./registerLabel\";\nimport type { BaseListBoxProps } from \"./registerListBox\";\nimport { BaseRadioGroup } from \"./registerRadioGroup\";\nimport type { BaseSection } from \"./registerSection\";\nimport { BaseSlider } from \"./registerSlider\";\nimport { BaseTextField } from \"./registerTextField\";\n\n// We pass down context props via our own Plasmic*Context instead of directly\n// using react-aria-component's *Context, because react-aria-component's\n// contexts don't \"merge\" with contexts further up the tree, so if we render\n// a context provider, it will just be overwritten by react-aria-component's\n// context provider. So we do the merging within our own Base* components\n// instead.\n\n// Creating the text field context here because input/textarea inside text field receive a null for the TextFieldContext\nexport const PlasmicTextFieldContext = React.createContext<\n React.ComponentProps<typeof BaseTextField> | undefined\n>(undefined);\n\nexport const PlasmicCheckboxGroupContext = React.createContext<\n React.ComponentProps<typeof BaseCheckboxGroup> | undefined\n>(undefined);\n\nexport const PlasmicRadioGroupContext = React.createContext<\n React.ComponentProps<typeof BaseRadioGroup> | undefined\n>(undefined);\n\nexport const PlasmicDialogTriggerContext = React.createContext<\n React.ComponentProps<typeof BaseDialogTrigger> | undefined\n>(undefined);\n\nexport const PlasmicSliderContext = React.createContext<\n React.ComponentProps<typeof BaseSlider> | undefined\n>(undefined);\n\nexport const PlasmicLabelContext = React.createContext<\n React.ComponentProps<typeof BaseLabel> | undefined\n>(undefined);\n\nexport const PlasmicListBoxContext = React.createContext<\n BaseListBoxProps | undefined\n>(undefined);\n\nexport const PlasmicItemContext = React.createContext<\n StrictItemType | undefined\n>(undefined);\n\nexport const PlasmicSectionContext = React.createContext<\n React.ComponentProps<typeof BaseSection> | undefined\n>(undefined);\n\nexport const PlasmicHeaderContext = React.createContext<\n React.ComponentProps<typeof BaseHeader> | undefined\n>(undefined);\n\nexport const PlasmicInputContext = React.createContext<\n React.ComponentProps<typeof BaseInput> | undefined\n>(undefined);\n"],"names":[],"mappings":";;AAqBa,MAAA,uBAAA,GAA0B,KAAM,CAAA,aAAA,CAE3C,KAAS,CAAA,EAAA;AAEE,MAAA,2BAAA,GAA8B,KAAM,CAAA,aAAA,CAE/C,KAAS,CAAA,EAAA;AAEE,MAAA,wBAAA,GAA2B,KAAM,CAAA,aAAA,CAE5C,KAAS,CAAA,EAAA;AAEE,MAAA,2BAAA,GAA8B,KAAM,CAAA,aAAA,CAE/C,KAAS,CAAA,EAAA;AAEE,MAAA,oBAAA,GAAuB,KAAM,CAAA,aAAA,CAExC,KAAS,CAAA,EAAA;AAEwB,KAAM,CAAA,aAAA,CAEvC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwB,KAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,kBAAA,GAAqB,KAAM,CAAA,aAAA,CAEtC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwB,KAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,oBAAA,GAAuB,KAAM,CAAA,aAAA,CAExC,KAAS,CAAA,EAAA;AAEE,MAAA,mBAAA,GAAsB,KAAM,CAAA,aAAA,CAEvC,KAAS,CAAA;;;;"}
1
+ {"version":3,"file":"contexts-87c261f6.esm.js","sources":["../src/contexts.tsx"],"sourcesContent":["import React from \"react\";\nimport type { StrictItemType } from \"./option-utils\";\nimport { BaseCheckboxGroup } from \"./registerCheckboxGroup\";\nimport { BaseDialogTrigger } from \"./registerDialogTrigger\";\nimport type { BaseHeader } from \"./registerHeader\";\nimport type { BaseInput } from \"./registerInput\";\nimport type { BaseLabel } from \"./registerLabel\";\nimport type { BaseListBoxProps } from \"./registerListBox\";\nimport { BaseRadioGroup } from \"./registerRadioGroup\";\nimport type { BaseSection } from \"./registerSection\";\nimport { BaseSlider } from \"./registerSlider\";\nimport { BaseTextField } from \"./registerTextField\";\n\n// We pass down context props via our own Plasmic*Context instead of directly\n// using react-aria-component's *Context, because react-aria-component's\n// contexts don't \"merge\" with contexts further up the tree, so if we render\n// a context provider, it will just be overwritten by react-aria-component's\n// context provider. So we do the merging within our own Base* components\n// instead.\n\n// Creating the text field context here because input/textarea inside text field receive a null for the TextFieldContext\nexport const PlasmicTextFieldContext = React.createContext<\n React.ComponentProps<typeof BaseTextField> | undefined\n>(undefined);\n\nexport const PlasmicCheckboxGroupContext = React.createContext<\n React.ComponentProps<typeof BaseCheckboxGroup> | undefined\n>(undefined);\n\nexport const PlasmicRadioGroupContext = React.createContext<\n React.ComponentProps<typeof BaseRadioGroup> | undefined\n>(undefined);\n\nexport const PlasmicDialogTriggerContext = React.createContext<\n React.ComponentProps<typeof BaseDialogTrigger> | undefined\n>(undefined);\n\nexport type PlasmicSliderContextType<T extends number | number[]> =\n | React.ComponentProps<typeof BaseSlider<T>>\n | undefined;\n\nexport const PlasmicSliderContext =\n React.createContext<PlasmicSliderContextType<number | number[]>>(undefined);\n\nexport const PlasmicLabelContext = React.createContext<\n React.ComponentProps<typeof BaseLabel> | undefined\n>(undefined);\n\nexport const PlasmicListBoxContext = React.createContext<\n BaseListBoxProps | undefined\n>(undefined);\n\nexport const PlasmicItemContext = React.createContext<\n StrictItemType | undefined\n>(undefined);\n\nexport const PlasmicSectionContext = React.createContext<\n React.ComponentProps<typeof BaseSection> | undefined\n>(undefined);\n\nexport const PlasmicHeaderContext = React.createContext<\n React.ComponentProps<typeof BaseHeader> | undefined\n>(undefined);\n\nexport const PlasmicInputContext = React.createContext<\n React.ComponentProps<typeof BaseInput> | undefined\n>(undefined);\n"],"names":[],"mappings":";;AAqBa,MAAA,uBAAA,GAA0B,KAAM,CAAA,aAAA,CAE3C,KAAS,CAAA,EAAA;AAEE,MAAA,2BAAA,GAA8B,KAAM,CAAA,aAAA,CAE/C,KAAS,CAAA,EAAA;AAEE,MAAA,wBAAA,GAA2B,KAAM,CAAA,aAAA,CAE5C,KAAS,CAAA,EAAA;AAEE,MAAA,2BAAA,GAA8B,KAAM,CAAA,aAAA,CAE/C,KAAS,CAAA,EAAA;AAME,MAAA,oBAAA,GACX,KAAM,CAAA,aAAA,CAA2D,KAAS,CAAA,EAAA;AAEzC,KAAM,CAAA,aAAA,CAEvC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwB,KAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,kBAAA,GAAqB,KAAM,CAAA,aAAA,CAEtC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwB,KAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,oBAAA,GAAuB,KAAM,CAAA,aAAA,CAExC,KAAS,CAAA,EAAA;AAEE,MAAA,mBAAA,GAAsB,KAAM,CAAA,aAAA,CAEvC,KAAS,CAAA;;;;"}
@@ -1,11 +1,13 @@
1
1
  import React from "react";
2
2
  import type { StrictItemType } from "./option-utils";
3
3
  import type { BaseListBoxProps } from "./registerListBox";
4
+ import { BaseSlider } from "./registerSlider";
4
5
  export declare const PlasmicTextFieldContext: React.Context<import("./registerTextField").BaseTextFieldProps | undefined>;
5
6
  export declare const PlasmicCheckboxGroupContext: React.Context<import("./registerCheckboxGroup").BaseCheckboxGroupProps | undefined>;
6
7
  export declare const PlasmicRadioGroupContext: React.Context<import("./registerRadioGroup").BaseRadioGroupProps | undefined>;
7
8
  export declare const PlasmicDialogTriggerContext: React.Context<import("./registerDialogTrigger").BaseDialogTriggerProps | undefined>;
8
- export declare const PlasmicSliderContext: React.Context<import("./registerSlider").BaseSliderProps | undefined>;
9
+ export type PlasmicSliderContextType<T extends number | number[]> = React.ComponentProps<typeof BaseSlider<T>> | undefined;
10
+ export declare const PlasmicSliderContext: React.Context<PlasmicSliderContextType<number | number[]>>;
9
11
  export declare const PlasmicLabelContext: React.Context<(import("react-aria-components").LabelProps & React.RefAttributes<HTMLLabelElement>) | undefined>;
10
12
  export declare const PlasmicListBoxContext: React.Context<BaseListBoxProps | undefined>;
11
13
  export declare const PlasmicItemContext: React.Context<StrictItemType | undefined>;
@@ -1,24 +1,314 @@
1
1
  'use strict';
2
2
 
3
- require('react');
3
+ var React = require('react');
4
+ var reactAriaComponents = require('react-aria-components');
5
+ var common = require('./common-f51484c1.cjs.js');
6
+ var contexts = require('./contexts-3a98471a.cjs.js');
7
+ var interactionVariantUtils = require('./interaction-variant-utils-36f1b397.cjs.js');
8
+ var registerLabel = require('./registerLabel.cjs.js');
9
+ var registerSliderOutput = require('./registerSliderOutput.cjs.js');
10
+ var registerSliderThumb = require('./registerSliderThumb.cjs.js');
11
+ var registerSliderTrack = require('./registerSliderTrack.cjs.js');
12
+ var utils = require('./utils-d3708034.cjs.js');
4
13
  require('react-aria');
5
- require('react-aria-components');
6
- require('./common-f51484c1.cjs.js');
7
- require('./contexts-3a98471a.cjs.js');
8
- require('./interaction-variant-utils-36f1b397.cjs.js');
9
- require('./registerLabel.cjs.js');
10
- require('./registerSliderOutput.cjs.js');
11
- require('./registerSliderThumb.cjs.js');
12
- var registerSliderTrack = require('./registerSlider-cd08b960.cjs.js');
13
- require('./utils-d3708034.cjs.js');
14
- require('@plasmicapp/host/registerComponent');
15
14
  require('./ErrorBoundary-e9b86248.cjs.js');
16
15
  require('react-keyed-flatten-children');
16
+ require('@plasmicapp/host/registerComponent');
17
+
18
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
17
19
 
20
+ var React__default = /*#__PURE__*/_interopDefault(React);
18
21
 
22
+ var __defProp = Object.defineProperty;
23
+ var __defProps = Object.defineProperties;
24
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
25
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
26
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
27
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
28
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
29
+ var __spreadValues = (a, b) => {
30
+ for (var prop in b || (b = {}))
31
+ if (__hasOwnProp.call(b, prop))
32
+ __defNormalProp(a, prop, b[prop]);
33
+ if (__getOwnPropSymbols)
34
+ for (var prop of __getOwnPropSymbols(b)) {
35
+ if (__propIsEnum.call(b, prop))
36
+ __defNormalProp(a, prop, b[prop]);
37
+ }
38
+ return a;
39
+ };
40
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
41
+ var __objRest = (source, exclude) => {
42
+ var target = {};
43
+ for (var prop in source)
44
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
45
+ target[prop] = source[prop];
46
+ if (source != null && __getOwnPropSymbols)
47
+ for (var prop of __getOwnPropSymbols(source)) {
48
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
49
+ target[prop] = source[prop];
50
+ }
51
+ return target;
52
+ };
53
+ const SLIDER_COMPONENT_NAME = utils.makeComponentName("slider");
54
+ const RANGE_SLIDER_COMPONENT_NAME = utils.makeComponentName("range-slider");
55
+ const SLIDER_INTERACTION_VARIANTS = ["disabled"];
56
+ const { interactionVariants, withObservedValues } = interactionVariantUtils.pickAriaComponentVariants(
57
+ SLIDER_INTERACTION_VARIANTS
58
+ );
59
+ function BaseSlider(props) {
60
+ const _a = props, { children, updateInteractionVariant } = _a, rest = __objRest(_a, ["children", "updateInteractionVariant"]);
61
+ return /* @__PURE__ */ React__default.default.createElement(
62
+ contexts.PlasmicSliderContext.Provider,
63
+ {
64
+ value: __spreadProps(__spreadValues({}, rest), {
65
+ // Here's why the type casting is needed here: https://github.com/Microsoft/TypeScript/issues/3410
66
+ onChange: rest.onChange,
67
+ onChangeEnd: rest.onChangeEnd
68
+ })
69
+ },
70
+ /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, __spreadValues({}, rest), ({ isDisabled }) => withObservedValues(
71
+ children,
72
+ {
73
+ disabled: isDisabled
74
+ },
75
+ updateInteractionVariant
76
+ ))
77
+ );
78
+ }
79
+ function getCommonSliderProps() {
80
+ return {
81
+ orientation: {
82
+ type: "choice",
83
+ options: ["horizontal", "vertical"],
84
+ defaultValueHint: "horizontal",
85
+ defaultValue: "horizontal"
86
+ },
87
+ minValue: {
88
+ type: "number",
89
+ description: "The minimum value of the slider",
90
+ defaultValueHint: 0
91
+ },
92
+ maxValue: {
93
+ type: "number",
94
+ description: "The maximum value of the slider",
95
+ defaultValueHint: 100
96
+ },
97
+ step: {
98
+ type: "number",
99
+ description: "The step value of the slider",
100
+ defaultValueHint: 1
101
+ }
102
+ };
103
+ }
104
+ function registerSlider(loader, overrides) {
105
+ const sliderOutputMeta = registerSliderOutput.registerSliderOutput(loader, {
106
+ parentComponentName: SLIDER_COMPONENT_NAME
107
+ });
108
+ const sliderThumbMeta = registerSliderThumb.registerSliderThumb(loader, {
109
+ parentComponentName: SLIDER_COMPONENT_NAME
110
+ });
111
+ const sliderTrackMeta = registerSliderTrack.registerSliderTrack(sliderThumbMeta, loader, {
112
+ parentComponentName: SLIDER_COMPONENT_NAME
113
+ });
114
+ utils.registerComponentHelper(
115
+ loader,
116
+ BaseSlider,
117
+ {
118
+ name: RANGE_SLIDER_COMPONENT_NAME,
119
+ displayName: "Aria Range Slider",
120
+ importPath: "@plasmicpkgs/react-aria/skinny/registerSlider",
121
+ importName: "BaseSlider",
122
+ interactionVariants,
123
+ defaultStyles: {
124
+ width: "300px"
125
+ },
126
+ props: __spreadProps(__spreadValues(__spreadValues({}, common.getCommonProps("slider", [
127
+ "isDisabled",
128
+ "aria-label"
129
+ ])), getCommonSliderProps()), {
130
+ value: {
131
+ type: "array",
132
+ editOnly: true,
133
+ displayName: "Initial value",
134
+ uncontrolledProp: "defaultValue",
135
+ description: "The intial value of the slider",
136
+ defaultValue: [20, 50],
137
+ validator: (value) => {
138
+ if (!Array.isArray(value)) {
139
+ return "Input must be an array.";
140
+ }
141
+ for (let i = 1; i < value.length; i++) {
142
+ if (value[i] < value[i - 1]) {
143
+ return "Array elements are not in ascending order.";
144
+ }
145
+ }
146
+ return true;
147
+ }
148
+ },
149
+ children: {
150
+ type: "slot",
151
+ defaultValue: [
152
+ {
153
+ type: "hbox",
154
+ styles: {
155
+ width: "stretch",
156
+ justifyContent: "space-between",
157
+ padding: "8px 0px"
158
+ },
159
+ children: [
160
+ {
161
+ type: "component",
162
+ name: registerLabel.LABEL_COMPONENT_NAME,
163
+ props: {
164
+ children: {
165
+ type: "text",
166
+ value: "Label"
167
+ }
168
+ }
169
+ },
170
+ {
171
+ type: "component",
172
+ name: sliderOutputMeta.name,
173
+ props: {
174
+ children: {
175
+ type: "text",
176
+ value: "Output"
177
+ }
178
+ }
179
+ }
180
+ ]
181
+ },
182
+ {
183
+ type: "component",
184
+ name: sliderTrackMeta.name,
185
+ props: {
186
+ children: [
187
+ {
188
+ type: "component",
189
+ name: sliderThumbMeta.name
190
+ },
191
+ {
192
+ type: "component",
193
+ name: sliderThumbMeta.name,
194
+ styles: {
195
+ backgroundColor: "blue"
196
+ }
197
+ }
198
+ ]
199
+ }
200
+ }
201
+ ]
202
+ },
203
+ onChange: {
204
+ type: "eventHandler",
205
+ argTypes: [{ name: "value", type: "object" }]
206
+ },
207
+ onChangeEnd: {
208
+ type: "eventHandler",
209
+ argTypes: [{ name: "value", type: "object" }]
210
+ }
211
+ }),
212
+ states: {
213
+ value: {
214
+ type: "writable",
215
+ valueProp: "value",
216
+ onChangeProp: "onChange",
217
+ variableType: "array"
218
+ }
219
+ },
220
+ trapsFocus: true
221
+ },
222
+ {
223
+ parentComponentName: SLIDER_COMPONENT_NAME
224
+ }
225
+ );
226
+ utils.registerComponentHelper(
227
+ loader,
228
+ BaseSlider,
229
+ {
230
+ name: SLIDER_COMPONENT_NAME,
231
+ displayName: "Aria Slider",
232
+ importPath: "@plasmicpkgs/react-aria/skinny/registerSlider",
233
+ importName: "BaseSlider",
234
+ interactionVariants,
235
+ defaultStyles: {
236
+ width: "300px"
237
+ },
238
+ props: __spreadProps(__spreadValues(__spreadValues({}, common.getCommonProps("slider", [
239
+ "isDisabled",
240
+ "aria-label"
241
+ ])), getCommonSliderProps()), {
242
+ children: {
243
+ type: "slot",
244
+ defaultValue: [
245
+ {
246
+ type: "hbox",
247
+ styles: {
248
+ width: "stretch",
249
+ justifyContent: "space-between",
250
+ padding: "8px 0px"
251
+ },
252
+ children: [
253
+ {
254
+ type: "component",
255
+ name: registerLabel.LABEL_COMPONENT_NAME,
256
+ props: {
257
+ children: {
258
+ type: "text",
259
+ value: "Label"
260
+ }
261
+ }
262
+ },
263
+ {
264
+ type: "component",
265
+ name: sliderOutputMeta.name,
266
+ props: {
267
+ children: {
268
+ type: "text",
269
+ value: "Output"
270
+ }
271
+ }
272
+ }
273
+ ]
274
+ },
275
+ {
276
+ type: "component",
277
+ name: sliderTrackMeta.name
278
+ }
279
+ ]
280
+ },
281
+ value: {
282
+ type: "number",
283
+ editOnly: true,
284
+ uncontrolledProp: "defaultValue",
285
+ description: "The default value of the slider",
286
+ defaultValueHint: 0,
287
+ defaultValue: 0
288
+ },
289
+ onChange: {
290
+ type: "eventHandler",
291
+ argTypes: [{ name: "value", type: "number" }]
292
+ },
293
+ onChangeEnd: {
294
+ type: "eventHandler",
295
+ argTypes: [{ name: "value", type: "number" }]
296
+ }
297
+ }),
298
+ states: {
299
+ value: {
300
+ type: "writable",
301
+ valueProp: "value",
302
+ onChangeProp: "onChange",
303
+ variableType: "number"
304
+ }
305
+ },
306
+ trapsFocus: true
307
+ },
308
+ overrides
309
+ );
310
+ }
19
311
 
20
- exports.BaseSlider = registerSliderTrack.BaseSlider;
21
- exports.SLIDER_COMPONENT_NAME = registerSliderTrack.SLIDER_COMPONENT_NAME;
22
- exports.registerSlider = registerSliderTrack.registerSlider;
23
- exports.sliderHelpers = registerSliderTrack.sliderHelpers;
312
+ exports.BaseSlider = BaseSlider;
313
+ exports.registerSlider = registerSlider;
24
314
  //# sourceMappingURL=registerSlider.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"registerSlider.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"registerSlider.cjs.js","sources":["../src/registerSlider.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { Slider, type SliderProps } from \"react-aria-components\";\nimport { getCommonProps } from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport {\n UpdateInteractionVariant,\n pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { registerSliderOutput } from \"./registerSliderOutput\";\nimport { registerSliderThumb } from \"./registerSliderThumb\";\nimport { registerSliderTrack } from \"./registerSliderTrack\";\nimport {\n CodeComponentMetaOverrides,\n Registerable,\n makeComponentName,\n registerComponentHelper,\n} from \"./utils\";\n\nconst SLIDER_COMPONENT_NAME = makeComponentName(\"slider\");\nconst RANGE_SLIDER_COMPONENT_NAME = makeComponentName(\"range-slider\");\nconst SLIDER_INTERACTION_VARIANTS = [\"disabled\" as const];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n SLIDER_INTERACTION_VARIANTS\n);\n\nexport interface BaseSliderProps<T extends number | number[]>\n extends SliderProps<T> {\n children?: React.ReactNode;\n // Optional callback to update the interaction variant state\n // as it's only provided if the component is the root of a Studio component\n updateInteractionVariant?: UpdateInteractionVariant<\n typeof SLIDER_INTERACTION_VARIANTS\n >;\n}\n\nexport function BaseSlider<T extends number | number[]>(\n props: BaseSliderProps<T>\n) {\n const { children, updateInteractionVariant, ...rest } = props;\n return (\n <PlasmicSliderContext.Provider\n value={{\n ...rest,\n // Here's why the type casting is needed here: https://github.com/Microsoft/TypeScript/issues/3410\n onChange: rest.onChange as (value: number | number[]) => void,\n onChangeEnd: rest.onChangeEnd as (value: number | number[]) => void,\n }}\n >\n <Slider<T> {...rest}>\n {({ isDisabled }) =>\n withObservedValues(\n children,\n {\n disabled: isDisabled,\n },\n updateInteractionVariant\n )\n }\n </Slider>\n </PlasmicSliderContext.Provider>\n );\n}\n\nfunction getCommonSliderProps<T extends number | number[]>(): CodeComponentMeta<\n BaseSliderProps<T>\n>[\"props\"] {\n return {\n orientation: {\n type: \"choice\",\n options: [\"horizontal\", \"vertical\"],\n defaultValueHint: \"horizontal\",\n defaultValue: \"horizontal\",\n },\n minValue: {\n type: \"number\",\n description: \"The minimum value of the slider\",\n defaultValueHint: 0,\n },\n maxValue: {\n type: \"number\",\n description: \"The maximum value of the slider\",\n defaultValueHint: 100,\n },\n step: {\n type: \"number\",\n description: \"The step value of the slider\",\n defaultValueHint: 1,\n },\n };\n}\n\nexport function registerSlider(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseSlider<number>>\n) {\n const sliderOutputMeta = registerSliderOutput(loader, {\n parentComponentName: SLIDER_COMPONENT_NAME,\n });\n\n const sliderThumbMeta = registerSliderThumb(loader, {\n parentComponentName: SLIDER_COMPONENT_NAME,\n });\n const sliderTrackMeta = registerSliderTrack(sliderThumbMeta, loader, {\n parentComponentName: SLIDER_COMPONENT_NAME,\n });\n\n // Register the range slider\n registerComponentHelper(\n loader,\n BaseSlider<number[]>,\n {\n name: RANGE_SLIDER_COMPONENT_NAME,\n displayName: \"Aria Range Slider\",\n importPath: \"@plasmicpkgs/react-aria/skinny/registerSlider\",\n importName: \"BaseSlider\",\n interactionVariants,\n defaultStyles: {\n width: \"300px\",\n },\n props: {\n ...getCommonProps<BaseSliderProps<number[]>>(\"slider\", [\n \"isDisabled\",\n \"aria-label\",\n ]),\n ...getCommonSliderProps<number[]>(),\n value: {\n type: \"array\",\n editOnly: true,\n displayName: \"Initial value\",\n uncontrolledProp: \"defaultValue\",\n description: \"The intial value of the slider\",\n defaultValue: [20, 50],\n validator: (value) => {\n if (!Array.isArray(value)) {\n return \"Input must be an array.\";\n }\n\n for (let i = 1; i < value.length; i++) {\n if (value[i] < value[i - 1]) {\n return \"Array elements are not in ascending order.\";\n }\n }\n\n return true;\n },\n },\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"hbox\",\n styles: {\n width: \"stretch\",\n justifyContent: \"space-between\",\n padding: \"8px 0px\",\n },\n children: [\n {\n type: \"component\",\n name: LABEL_COMPONENT_NAME,\n props: {\n children: {\n type: \"text\",\n value: \"Label\",\n },\n },\n },\n {\n type: \"component\",\n name: sliderOutputMeta.name,\n props: {\n children: {\n type: \"text\",\n value: \"Output\",\n },\n },\n },\n ],\n },\n {\n type: \"component\",\n name: sliderTrackMeta.name,\n props: {\n children: [\n {\n type: \"component\",\n name: sliderThumbMeta.name,\n },\n {\n type: \"component\",\n name: sliderThumbMeta.name,\n styles: {\n backgroundColor: \"blue\",\n },\n },\n ],\n },\n },\n ],\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"value\", type: \"object\" }],\n },\n onChangeEnd: {\n type: \"eventHandler\",\n argTypes: [{ name: \"value\", type: \"object\" }],\n },\n },\n states: {\n value: {\n type: \"writable\",\n valueProp: \"value\",\n onChangeProp: \"onChange\",\n variableType: \"array\",\n },\n },\n trapsFocus: true,\n },\n {\n parentComponentName: SLIDER_COMPONENT_NAME,\n }\n );\n\n registerComponentHelper(\n loader,\n BaseSlider<number>,\n {\n name: SLIDER_COMPONENT_NAME,\n displayName: \"Aria Slider\",\n importPath: \"@plasmicpkgs/react-aria/skinny/registerSlider\",\n importName: \"BaseSlider\",\n interactionVariants,\n defaultStyles: {\n width: \"300px\",\n },\n props: {\n ...getCommonProps<BaseSliderProps<number>>(\"slider\", [\n \"isDisabled\",\n \"aria-label\",\n ]),\n ...getCommonSliderProps<number>(),\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"hbox\",\n styles: {\n width: \"stretch\",\n justifyContent: \"space-between\",\n padding: \"8px 0px\",\n },\n children: [\n {\n type: \"component\",\n name: LABEL_COMPONENT_NAME,\n props: {\n children: {\n type: \"text\",\n value: \"Label\",\n },\n },\n },\n {\n type: \"component\",\n name: sliderOutputMeta.name,\n props: {\n children: {\n type: \"text\",\n value: \"Output\",\n },\n },\n },\n ],\n },\n {\n type: \"component\",\n name: sliderTrackMeta.name,\n },\n ],\n },\n value: {\n type: \"number\",\n editOnly: true,\n uncontrolledProp: \"defaultValue\",\n description: \"The default value of the slider\",\n defaultValueHint: 0,\n defaultValue: 0,\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"value\", type: \"number\" }],\n },\n onChangeEnd: {\n type: \"eventHandler\",\n argTypes: [{ name: \"value\", type: \"number\" }],\n },\n },\n states: {\n value: {\n type: \"writable\",\n valueProp: \"value\",\n onChangeProp: \"onChange\",\n variableType: \"number\",\n },\n },\n trapsFocus: true,\n },\n overrides\n );\n}\n"],"names":["makeComponentName","pickAriaComponentVariants","React","PlasmicSliderContext","Slider","registerSliderOutput","registerSliderThumb","registerSliderTrack","registerComponentHelper","getCommonProps","LABEL_COMPONENT_NAME"],"mappings":"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"}
@@ -2,28 +2,11 @@ import React from "react";
2
2
  import { type SliderProps } from "react-aria-components";
3
3
  import { UpdateInteractionVariant } from "./interaction-variant-utils";
4
4
  import { CodeComponentMetaOverrides, Registerable } from "./utils";
5
- export declare const SLIDER_COMPONENT_NAME: string;
6
5
  declare const SLIDER_INTERACTION_VARIANTS: "disabled"[];
7
- export interface BaseSliderProps extends Omit<SliderProps<number | number[]>, "onChange"> {
8
- name?: string;
9
- autoFocus?: boolean;
10
- isMultiValue?: boolean;
11
- range?: number[];
12
- defaultRange?: number[];
6
+ export interface BaseSliderProps<T extends number | number[]> extends SliderProps<T> {
13
7
  children?: React.ReactNode;
14
- onChange?: (value: number | number[], isMultiValue?: boolean) => void;
15
8
  updateInteractionVariant?: UpdateInteractionVariant<typeof SLIDER_INTERACTION_VARIANTS>;
16
9
  }
17
- export declare const sliderHelpers: {
18
- states: {
19
- range: {
20
- onChangeArgsToValue: (value: number[], isMultiValue: boolean) => number[] | undefined;
21
- };
22
- value: {
23
- onChangeArgsToValue: (value: number, isMultiValue: boolean) => any;
24
- };
25
- };
26
- };
27
- export declare function BaseSlider(props: BaseSliderProps): React.JSX.Element;
28
- export declare function registerSlider(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSlider>): void;
10
+ export declare function BaseSlider<T extends number | number[]>(props: BaseSliderProps<T>): React.JSX.Element;
11
+ export declare function registerSlider(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSlider<number>>): void;
29
12
  export {};