@plasmicpkgs/react-aria 0.0.130 → 0.0.131
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/.tsbuildinfo +1 -1
- package/dist/react-aria.esm.js +13 -26
- package/dist/react-aria.esm.js.map +1 -1
- package/dist/react-aria.js +11 -24
- package/dist/react-aria.js.map +1 -1
- package/package.json +2 -2
- package/skinny/registerSliderOutput.cjs.js +7 -1
- package/skinny/registerSliderOutput.cjs.js.map +1 -1
- package/skinny/registerSliderOutput.esm.js +8 -2
- package/skinny/registerSliderOutput.esm.js.map +1 -1
- package/skinny/registerSliderThumb.cjs.js +5 -23
- package/skinny/registerSliderThumb.cjs.js.map +1 -1
- package/skinny/registerSliderThumb.esm.js +7 -25
- package/skinny/registerSliderThumb.esm.js.map +1 -1
- package/dist/ErrorBoundary.d.ts +0 -14
- package/skinny/ErrorBoundary.d.ts +0 -14
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plasmicpkgs/react-aria",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.131",
|
|
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": "
|
|
77
|
+
"gitHead": "8638134e7223baf752b6ea911346459c41edf5fe"
|
|
78
78
|
}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var reactAriaComponents = require('react-aria-components');
|
|
5
5
|
var common = require('./common-97d00c54.cjs.js');
|
|
6
|
+
var contexts = require('./contexts-6d0cb2b1.cjs.js');
|
|
6
7
|
var utils = require('./utils-85ca5354.cjs.js');
|
|
7
8
|
var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
|
|
8
9
|
require('@plasmicapp/host');
|
|
@@ -49,13 +50,18 @@ const { variants, withObservedValues } = variantUtils.pickAriaComponentVariants(
|
|
|
49
50
|
);
|
|
50
51
|
function BaseSliderOutput(props) {
|
|
51
52
|
const _a = props, { plasmicUpdateVariant, children } = _a, rest = __objRest(_a, ["plasmicUpdateVariant", "children"]);
|
|
52
|
-
|
|
53
|
+
const isStandalone = !React__default.default.useContext(contexts.PlasmicSliderContext);
|
|
54
|
+
const sliderOutput = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderOutput, __spreadProps(__spreadValues({}, rest), { style: common.COMMON_STYLES }), ({ isDisabled }) => withObservedValues(
|
|
53
55
|
children,
|
|
54
56
|
{
|
|
55
57
|
disabled: isDisabled
|
|
56
58
|
},
|
|
57
59
|
plasmicUpdateVariant
|
|
58
60
|
));
|
|
61
|
+
if (isStandalone) {
|
|
62
|
+
return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, { style: { height: "100%", width: "100%" } }, sliderOutput);
|
|
63
|
+
}
|
|
64
|
+
return sliderOutput;
|
|
59
65
|
}
|
|
60
66
|
const SLIDER_OUTPUT_COMPONENT_NAME = utils.makeComponentName("sliderOutput");
|
|
61
67
|
function registerSliderOutput(loader, overrides) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerSliderOutput.cjs.js","sources":["../src/registerSliderOutput.tsx"],"sourcesContent":["import React from \"react\";\nimport { SliderOutput } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport {\n CodeComponentMetaOverrides,\n Registerable,\n makeComponentName,\n registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst SLIDER_OUTPUT_VARIANTS = [\"disabled\" as const];\nexport interface BaseSliderOutputProps\n extends React.ComponentProps<typeof SliderOutput>,\n WithVariants<typeof SLIDER_OUTPUT_VARIANTS> {\n children?: React.ReactNode;\n}\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n SLIDER_OUTPUT_VARIANTS\n);\n\nexport function BaseSliderOutput(props: BaseSliderOutputProps) {\n const { plasmicUpdateVariant, children, ...rest } = props;\n
|
|
1
|
+
{"version":3,"file":"registerSliderOutput.cjs.js","sources":["../src/registerSliderOutput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Slider, SliderOutput } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport {\n CodeComponentMetaOverrides,\n Registerable,\n makeComponentName,\n registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst SLIDER_OUTPUT_VARIANTS = [\"disabled\" as const];\nexport interface BaseSliderOutputProps\n extends React.ComponentProps<typeof SliderOutput>,\n WithVariants<typeof SLIDER_OUTPUT_VARIANTS> {\n children?: React.ReactNode;\n}\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n SLIDER_OUTPUT_VARIANTS\n);\n\nexport function BaseSliderOutput(props: BaseSliderOutputProps) {\n const { plasmicUpdateVariant, children, ...rest } = props;\n const isStandalone = !React.useContext(PlasmicSliderContext);\n const sliderOutput = (\n <SliderOutput {...rest} style={COMMON_STYLES}>\n {({ isDisabled }) =>\n withObservedValues(\n children,\n {\n disabled: isDisabled,\n },\n plasmicUpdateVariant\n )\n }\n </SliderOutput>\n );\n\n if (isStandalone) {\n return (\n <Slider style={{ height: \"100%\", width: \"100%\" }}>{sliderOutput}</Slider>\n );\n }\n return sliderOutput;\n}\n\nexport const SLIDER_OUTPUT_COMPONENT_NAME = makeComponentName(\"sliderOutput\");\n\nexport function registerSliderOutput(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseSliderOutput>\n) {\n return registerComponentHelper(\n loader,\n BaseSliderOutput,\n {\n name: SLIDER_OUTPUT_COMPONENT_NAME,\n displayName: \"Aria Slider Output\",\n importPath: \"@plasmicpkgs/react-aria/skinny/registerSliderOutput\",\n importName: \"BaseSliderOutput\",\n variants,\n props: {\n children: {\n mergeWithParent: true,\n type: \"slot\",\n },\n },\n trapsFocus: true,\n },\n overrides\n );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicSliderContext","SliderOutput","COMMON_STYLES","Slider","makeComponentName","registerComponentHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,sBAAA,GAAyB,CAAC,UAAmB,CAAA,CAAA;AAOnD,MAAM,EAAE,QAAU,EAAA,kBAAA,EAAuB,GAAAA,sCAAA;AAAA,EACvC,sBAAA;AACF,CAAA,CAAA;AAEO,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,EAAoD,MAAA,EAAA,GAAA,KAAA,EAA5C,wBAAsB,QAxBhC,EAAA,GAwBsD,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAnC,sBAAsB,EAAA,UAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,MAAM,YAAe,GAAA,CAACC,sBAAM,CAAA,UAAA,CAAWC,6BAAoB,CAAA,CAAA;AAC3D,EAAM,MAAA,YAAA,mBACHD,sBAAA,CAAA,aAAA,CAAAE,gCAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAiB,IAAjB,CAAA,EAAA,EAAuB,OAAOC,oBAC5B,EAAA,CAAA,EAAA,CAAC,EAAE,UAAA,EACF,KAAA,kBAAA;AAAA,IACE,QAAA;AAAA,IACA;AAAA,MACE,QAAU,EAAA,UAAA;AAAA,KACZ;AAAA,IACA,oBAAA;AAAA,GAGN,CAAA,CAAA;AAGF,EAAA,IAAI,YAAc,EAAA;AAChB,IACE,uBAAAH,sBAAA,CAAA,aAAA,CAACI,8BAAO,KAAO,EAAA,EAAE,QAAQ,MAAQ,EAAA,KAAA,EAAO,MAAO,EAAA,EAAA,EAAI,YAAa,CAAA,CAAA;AAAA,GAEpE;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEa,MAAA,4BAAA,GAA+BC,wBAAkB,cAAc,EAAA;AAE5D,SAAA,oBAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAAC,6BAAA;AAAA,IACL,MAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,4BAAA;AAAA,MACN,WAAa,EAAA,oBAAA;AAAA,MACb,UAAY,EAAA,qDAAA;AAAA,MACZ,UAAY,EAAA,kBAAA;AAAA,MACZ,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,eAAiB,EAAA,IAAA;AAAA,UACjB,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { SliderOutput } from 'react-aria-components';
|
|
2
|
+
import { SliderOutput, Slider } from 'react-aria-components';
|
|
3
3
|
import { C as COMMON_STYLES } from './common-a6882f23.esm.js';
|
|
4
|
+
import { f as PlasmicSliderContext } from './contexts-5cb81c2f.esm.js';
|
|
4
5
|
import { m as makeComponentName, r as registerComponentHelper } from './utils-edf40001.esm.js';
|
|
5
6
|
import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
|
|
6
7
|
import '@plasmicapp/host';
|
|
@@ -43,13 +44,18 @@ const { variants, withObservedValues } = pickAriaComponentVariants(
|
|
|
43
44
|
);
|
|
44
45
|
function BaseSliderOutput(props) {
|
|
45
46
|
const _a = props, { plasmicUpdateVariant, children } = _a, rest = __objRest(_a, ["plasmicUpdateVariant", "children"]);
|
|
46
|
-
|
|
47
|
+
const isStandalone = !React.useContext(PlasmicSliderContext);
|
|
48
|
+
const sliderOutput = /* @__PURE__ */ React.createElement(SliderOutput, __spreadProps(__spreadValues({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues(
|
|
47
49
|
children,
|
|
48
50
|
{
|
|
49
51
|
disabled: isDisabled
|
|
50
52
|
},
|
|
51
53
|
plasmicUpdateVariant
|
|
52
54
|
));
|
|
55
|
+
if (isStandalone) {
|
|
56
|
+
return /* @__PURE__ */ React.createElement(Slider, { style: { height: "100%", width: "100%" } }, sliderOutput);
|
|
57
|
+
}
|
|
58
|
+
return sliderOutput;
|
|
53
59
|
}
|
|
54
60
|
const SLIDER_OUTPUT_COMPONENT_NAME = makeComponentName("sliderOutput");
|
|
55
61
|
function registerSliderOutput(loader, overrides) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerSliderOutput.esm.js","sources":["../src/registerSliderOutput.tsx"],"sourcesContent":["import React from \"react\";\nimport { SliderOutput } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport {\n CodeComponentMetaOverrides,\n Registerable,\n makeComponentName,\n registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst SLIDER_OUTPUT_VARIANTS = [\"disabled\" as const];\nexport interface BaseSliderOutputProps\n extends React.ComponentProps<typeof SliderOutput>,\n WithVariants<typeof SLIDER_OUTPUT_VARIANTS> {\n children?: React.ReactNode;\n}\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n SLIDER_OUTPUT_VARIANTS\n);\n\nexport function BaseSliderOutput(props: BaseSliderOutputProps) {\n const { plasmicUpdateVariant, children, ...rest } = props;\n
|
|
1
|
+
{"version":3,"file":"registerSliderOutput.esm.js","sources":["../src/registerSliderOutput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Slider, SliderOutput } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport {\n CodeComponentMetaOverrides,\n Registerable,\n makeComponentName,\n registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst SLIDER_OUTPUT_VARIANTS = [\"disabled\" as const];\nexport interface BaseSliderOutputProps\n extends React.ComponentProps<typeof SliderOutput>,\n WithVariants<typeof SLIDER_OUTPUT_VARIANTS> {\n children?: React.ReactNode;\n}\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n SLIDER_OUTPUT_VARIANTS\n);\n\nexport function BaseSliderOutput(props: BaseSliderOutputProps) {\n const { plasmicUpdateVariant, children, ...rest } = props;\n const isStandalone = !React.useContext(PlasmicSliderContext);\n const sliderOutput = (\n <SliderOutput {...rest} style={COMMON_STYLES}>\n {({ isDisabled }) =>\n withObservedValues(\n children,\n {\n disabled: isDisabled,\n },\n plasmicUpdateVariant\n )\n }\n </SliderOutput>\n );\n\n if (isStandalone) {\n return (\n <Slider style={{ height: \"100%\", width: \"100%\" }}>{sliderOutput}</Slider>\n );\n }\n return sliderOutput;\n}\n\nexport const SLIDER_OUTPUT_COMPONENT_NAME = makeComponentName(\"sliderOutput\");\n\nexport function registerSliderOutput(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseSliderOutput>\n) {\n return registerComponentHelper(\n loader,\n BaseSliderOutput,\n {\n name: SLIDER_OUTPUT_COMPONENT_NAME,\n displayName: \"Aria Slider Output\",\n importPath: \"@plasmicpkgs/react-aria/skinny/registerSliderOutput\",\n importName: \"BaseSliderOutput\",\n variants,\n props: {\n children: {\n mergeWithParent: true,\n type: \"slot\",\n },\n },\n trapsFocus: true,\n },\n overrides\n );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,sBAAA,GAAyB,CAAC,UAAmB,CAAA,CAAA;AAOnD,MAAM,EAAE,QAAU,EAAA,kBAAA,EAAuB,GAAA,yBAAA;AAAA,EACvC,sBAAA;AACF,CAAA,CAAA;AAEO,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,EAAoD,MAAA,EAAA,GAAA,KAAA,EAA5C,wBAAsB,QAxBhC,EAAA,GAwBsD,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAnC,sBAAsB,EAAA,UAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,MAAM,YAAe,GAAA,CAAC,KAAM,CAAA,UAAA,CAAW,oBAAoB,CAAA,CAAA;AAC3D,EAAM,MAAA,YAAA,mBACH,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAiB,IAAjB,CAAA,EAAA,EAAuB,OAAO,aAC5B,EAAA,CAAA,EAAA,CAAC,EAAE,UAAA,EACF,KAAA,kBAAA;AAAA,IACE,QAAA;AAAA,IACA;AAAA,MACE,QAAU,EAAA,UAAA;AAAA,KACZ;AAAA,IACA,oBAAA;AAAA,GAGN,CAAA,CAAA;AAGF,EAAA,IAAI,YAAc,EAAA;AAChB,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,UAAO,KAAO,EAAA,EAAE,QAAQ,MAAQ,EAAA,KAAA,EAAO,MAAO,EAAA,EAAA,EAAI,YAAa,CAAA,CAAA;AAAA,GAEpE;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEa,MAAA,4BAAA,GAA+B,kBAAkB,cAAc,EAAA;AAE5D,SAAA,oBAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAA,uBAAA;AAAA,IACL,MAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,4BAAA;AAAA,MACN,WAAa,EAAA,oBAAA;AAAA,MACb,UAAY,EAAA,qDAAA;AAAA,MACZ,UAAY,EAAA,kBAAA;AAAA,MACZ,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,eAAiB,EAAA,IAAA;AAAA,UACjB,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
|
|
@@ -12,22 +12,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
12
12
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
14
14
|
|
|
15
|
-
class ErrorBoundary extends React.Component {
|
|
16
|
-
constructor(props) {
|
|
17
|
-
super(props);
|
|
18
|
-
this.state = { hasError: false };
|
|
19
|
-
}
|
|
20
|
-
static getDerivedStateFromError(_) {
|
|
21
|
-
return { hasError: true };
|
|
22
|
-
}
|
|
23
|
-
render() {
|
|
24
|
-
if (this.state.hasError) {
|
|
25
|
-
return this.props.fallback;
|
|
26
|
-
}
|
|
27
|
-
return this.props.children;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
15
|
var __defProp = Object.defineProperty;
|
|
32
16
|
var __defProps = Object.defineProperties;
|
|
33
17
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
@@ -79,6 +63,7 @@ function BaseSliderThumb(_a) {
|
|
|
79
63
|
"advanced",
|
|
80
64
|
"plasmicUpdateVariant"
|
|
81
65
|
]);
|
|
66
|
+
const isStandalone = !React__default.default.useContext(reactAriaComponents.SliderTrackContext);
|
|
82
67
|
const thumb = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderThumb, __spreadProps(__spreadValues({}, rest), { style: common.COMMON_STYLES }), ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => withObservedValues(
|
|
83
68
|
/* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, advanced ? children : void 0),
|
|
84
69
|
{
|
|
@@ -90,13 +75,10 @@ function BaseSliderThumb(_a) {
|
|
|
90
75
|
},
|
|
91
76
|
plasmicUpdateVariant
|
|
92
77
|
));
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
},
|
|
98
|
-
thumb
|
|
99
|
-
);
|
|
78
|
+
if (isStandalone) {
|
|
79
|
+
return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, { style: { height: "100%", width: "100%" } }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderTrack, null, thumb));
|
|
80
|
+
}
|
|
81
|
+
return thumb;
|
|
100
82
|
}
|
|
101
83
|
const SLIDER_THUMB_COMPONENT_NAME = utils.makeComponentName("sliderThumb");
|
|
102
84
|
function registerSliderThumb(loader, overrides) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerSliderThumb.cjs.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"registerSliderThumb.cjs.js","sources":["../src/registerSliderThumb.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n Slider,\n SliderThumb,\n SliderTrack,\n SliderTrackContext,\n} from \"react-aria-components\";\nimport { COMMON_STYLES, getCommonProps } from \"./common\";\nimport {\n CodeComponentMetaOverrides,\n Registerable,\n makeComponentName,\n registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst SLIDER_THUMB_VARIANTS = [\n \"dragging\" as const,\n \"hovered\" as const,\n \"focused\" as const,\n \"focusVisible\" as const,\n \"disabled\" as const,\n];\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n SLIDER_THUMB_VARIANTS\n);\nexport interface BaseSliderThumbProps\n extends React.ComponentProps<typeof SliderThumb>,\n WithVariants<typeof SLIDER_THUMB_VARIANTS> {\n advanced?: boolean;\n}\n\nexport function BaseSliderThumb({\n children,\n advanced,\n plasmicUpdateVariant,\n ...rest\n}: BaseSliderThumbProps) {\n const isStandalone = !React.useContext(SliderTrackContext);\n const thumb = (\n <SliderThumb {...rest} style={COMMON_STYLES}>\n {({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) =>\n withObservedValues(\n <>{advanced ? children : undefined}</>,\n {\n dragging: isDragging,\n hovered: isHovered,\n focused: isFocused,\n focusVisible: isFocusVisible,\n disabled: isDisabled,\n },\n plasmicUpdateVariant\n )\n }\n </SliderThumb>\n );\n\n if (isStandalone) {\n return (\n <Slider style={{ height: \"100%\", width: \"100%\" }}>\n <SliderTrack>{thumb}</SliderTrack>\n </Slider>\n );\n }\n\n return thumb;\n}\n\nexport const SLIDER_THUMB_COMPONENT_NAME = makeComponentName(\"sliderThumb\");\n\nexport function registerSliderThumb(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseSliderThumb>\n) {\n return registerComponentHelper(\n loader,\n BaseSliderThumb,\n {\n name: SLIDER_THUMB_COMPONENT_NAME,\n displayName: \"Aria Slider Thumb\",\n importPath: \"@plasmicpkgs/react-aria/skinny/registerSliderThumb\",\n importName: \"BaseSliderThumb\",\n defaultStyles: {\n position: \"absolute\",\n top: \"5px\",\n width: \"20px\",\n height: \"20px\",\n backgroundColor: \"#C80101\",\n borderRadius: \"100%\",\n cursor: \"pointer\",\n },\n variants,\n props: {\n ...getCommonProps<BaseSliderThumbProps>(\"slider thumb\", [\n \"name\",\n \"isDisabled\",\n \"autoFocus\",\n ]),\n advanced: {\n type: \"boolean\",\n displayName: \"Advanced\",\n description:\n \"Enables the children slot for creating a more customized thumb\",\n },\n children: {\n type: \"slot\",\n mergeWithParent: true,\n hidden: (props) => !props.advanced,\n },\n },\n trapsFocus: true,\n },\n overrides\n );\n}\n"],"names":["pickAriaComponentVariants","React","SliderTrackContext","SliderThumb","COMMON_STYLES","Slider","SliderTrack","makeComponentName","registerComponentHelper","getCommonProps"],"mappings":"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"}
|
|
@@ -1,27 +1,11 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import { SliderThumb, Slider, SliderTrack } from 'react-aria-components';
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SliderTrackContext, SliderThumb, Slider, SliderTrack } from 'react-aria-components';
|
|
3
3
|
import { g as getCommonProps, C as COMMON_STYLES } from './common-a6882f23.esm.js';
|
|
4
4
|
import { m as makeComponentName, r as registerComponentHelper } from './utils-edf40001.esm.js';
|
|
5
5
|
import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
|
|
6
6
|
import '@plasmicapp/host';
|
|
7
7
|
import '@plasmicapp/host/registerComponent';
|
|
8
8
|
|
|
9
|
-
class ErrorBoundary extends Component {
|
|
10
|
-
constructor(props) {
|
|
11
|
-
super(props);
|
|
12
|
-
this.state = { hasError: false };
|
|
13
|
-
}
|
|
14
|
-
static getDerivedStateFromError(_) {
|
|
15
|
-
return { hasError: true };
|
|
16
|
-
}
|
|
17
|
-
render() {
|
|
18
|
-
if (this.state.hasError) {
|
|
19
|
-
return this.props.fallback;
|
|
20
|
-
}
|
|
21
|
-
return this.props.children;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
9
|
var __defProp = Object.defineProperty;
|
|
26
10
|
var __defProps = Object.defineProperties;
|
|
27
11
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
@@ -73,6 +57,7 @@ function BaseSliderThumb(_a) {
|
|
|
73
57
|
"advanced",
|
|
74
58
|
"plasmicUpdateVariant"
|
|
75
59
|
]);
|
|
60
|
+
const isStandalone = !React.useContext(SliderTrackContext);
|
|
76
61
|
const thumb = /* @__PURE__ */ React.createElement(SliderThumb, __spreadProps(__spreadValues({}, rest), { style: COMMON_STYLES }), ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => withObservedValues(
|
|
77
62
|
/* @__PURE__ */ React.createElement(React.Fragment, null, advanced ? children : void 0),
|
|
78
63
|
{
|
|
@@ -84,13 +69,10 @@ function BaseSliderThumb(_a) {
|
|
|
84
69
|
},
|
|
85
70
|
plasmicUpdateVariant
|
|
86
71
|
));
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
},
|
|
92
|
-
thumb
|
|
93
|
-
);
|
|
72
|
+
if (isStandalone) {
|
|
73
|
+
return /* @__PURE__ */ React.createElement(Slider, { style: { height: "100%", width: "100%" } }, /* @__PURE__ */ React.createElement(SliderTrack, null, thumb));
|
|
74
|
+
}
|
|
75
|
+
return thumb;
|
|
94
76
|
}
|
|
95
77
|
const SLIDER_THUMB_COMPONENT_NAME = makeComponentName("sliderThumb");
|
|
96
78
|
function registerSliderThumb(loader, overrides) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerSliderThumb.esm.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"registerSliderThumb.esm.js","sources":["../src/registerSliderThumb.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n Slider,\n SliderThumb,\n SliderTrack,\n SliderTrackContext,\n} from \"react-aria-components\";\nimport { COMMON_STYLES, getCommonProps } from \"./common\";\nimport {\n CodeComponentMetaOverrides,\n Registerable,\n makeComponentName,\n registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst SLIDER_THUMB_VARIANTS = [\n \"dragging\" as const,\n \"hovered\" as const,\n \"focused\" as const,\n \"focusVisible\" as const,\n \"disabled\" as const,\n];\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n SLIDER_THUMB_VARIANTS\n);\nexport interface BaseSliderThumbProps\n extends React.ComponentProps<typeof SliderThumb>,\n WithVariants<typeof SLIDER_THUMB_VARIANTS> {\n advanced?: boolean;\n}\n\nexport function BaseSliderThumb({\n children,\n advanced,\n plasmicUpdateVariant,\n ...rest\n}: BaseSliderThumbProps) {\n const isStandalone = !React.useContext(SliderTrackContext);\n const thumb = (\n <SliderThumb {...rest} style={COMMON_STYLES}>\n {({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) =>\n withObservedValues(\n <>{advanced ? children : undefined}</>,\n {\n dragging: isDragging,\n hovered: isHovered,\n focused: isFocused,\n focusVisible: isFocusVisible,\n disabled: isDisabled,\n },\n plasmicUpdateVariant\n )\n }\n </SliderThumb>\n );\n\n if (isStandalone) {\n return (\n <Slider style={{ height: \"100%\", width: \"100%\" }}>\n <SliderTrack>{thumb}</SliderTrack>\n </Slider>\n );\n }\n\n return thumb;\n}\n\nexport const SLIDER_THUMB_COMPONENT_NAME = makeComponentName(\"sliderThumb\");\n\nexport function registerSliderThumb(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseSliderThumb>\n) {\n return registerComponentHelper(\n loader,\n BaseSliderThumb,\n {\n name: SLIDER_THUMB_COMPONENT_NAME,\n displayName: \"Aria Slider Thumb\",\n importPath: \"@plasmicpkgs/react-aria/skinny/registerSliderThumb\",\n importName: \"BaseSliderThumb\",\n defaultStyles: {\n position: \"absolute\",\n top: \"5px\",\n width: \"20px\",\n height: \"20px\",\n backgroundColor: \"#C80101\",\n borderRadius: \"100%\",\n cursor: \"pointer\",\n },\n variants,\n props: {\n ...getCommonProps<BaseSliderThumbProps>(\"slider thumb\", [\n \"name\",\n \"isDisabled\",\n \"autoFocus\",\n ]),\n advanced: {\n type: \"boolean\",\n displayName: \"Advanced\",\n description:\n \"Enables the children slot for creating a more customized thumb\",\n },\n children: {\n type: \"slot\",\n mergeWithParent: true,\n hidden: (props) => !props.advanced,\n },\n },\n trapsFocus: true,\n },\n overrides\n );\n}\n"],"names":[],"mappings":"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"}
|
package/dist/ErrorBoundary.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Component, ReactNode } from "react";
|
|
2
|
-
interface ErrorBoundaryProps {
|
|
3
|
-
children: ReactNode;
|
|
4
|
-
fallback: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
interface ErrorBoundaryState {
|
|
7
|
-
hasError: boolean;
|
|
8
|
-
}
|
|
9
|
-
declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
|
|
10
|
-
constructor(props: ErrorBoundaryProps);
|
|
11
|
-
static getDerivedStateFromError(_: Error): ErrorBoundaryState;
|
|
12
|
-
render(): ReactNode;
|
|
13
|
-
}
|
|
14
|
-
export default ErrorBoundary;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Component, ReactNode } from "react";
|
|
2
|
-
interface ErrorBoundaryProps {
|
|
3
|
-
children: ReactNode;
|
|
4
|
-
fallback: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
interface ErrorBoundaryState {
|
|
7
|
-
hasError: boolean;
|
|
8
|
-
}
|
|
9
|
-
declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
|
|
10
|
-
constructor(props: ErrorBoundaryProps);
|
|
11
|
-
static getDerivedStateFromError(_: Error): ErrorBoundaryState;
|
|
12
|
-
render(): ReactNode;
|
|
13
|
-
}
|
|
14
|
-
export default ErrorBoundary;
|