@plasmicpkgs/react-slick 0.0.96 → 0.0.98
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.
|
@@ -16,24 +16,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
|
|
|
16
16
|
var target = {};
|
|
17
17
|
var sourceKeys = Object.keys(source);
|
|
18
18
|
var key, i;
|
|
19
|
-
|
|
20
19
|
for (i = 0; i < sourceKeys.length; i++) {
|
|
21
20
|
key = sourceKeys[i];
|
|
22
21
|
if (excluded.indexOf(key) >= 0) continue;
|
|
23
22
|
target[key] = source[key];
|
|
24
23
|
}
|
|
25
|
-
|
|
26
24
|
return target;
|
|
27
25
|
}
|
|
28
26
|
|
|
29
27
|
var _excluded = ["editingSlide", "setControlContextData"];
|
|
30
28
|
var Option = antd.Select.Option;
|
|
31
|
-
|
|
32
29
|
function CurrentSlideDropdown(_ref) {
|
|
33
30
|
var _componentProps$editi, _componentProps$child;
|
|
34
|
-
|
|
35
31
|
var componentProps = _ref.componentProps,
|
|
36
|
-
|
|
32
|
+
studioOps = _ref.studioOps;
|
|
37
33
|
var editingSlide = (_componentProps$editi = componentProps.editingSlide) != null ? _componentProps$editi : 0;
|
|
38
34
|
var slidesCnt = (_componentProps$child = componentProps.children.length) != null ? _componentProps$child : componentProps.children.type === "img" ? 1 : 0;
|
|
39
35
|
var options = Array.from({
|
|
@@ -45,14 +41,12 @@ function CurrentSlideDropdown(_ref) {
|
|
|
45
41
|
value: i.toString()
|
|
46
42
|
}, "Slide ", i + 1);
|
|
47
43
|
});
|
|
48
|
-
|
|
49
44
|
var handleChange = function handleChange(value) {
|
|
50
45
|
var slideIdx = Number(value);
|
|
51
46
|
studioOps.updateProps({
|
|
52
47
|
editingSlide: slideIdx % slidesCnt
|
|
53
48
|
});
|
|
54
49
|
};
|
|
55
|
-
|
|
56
50
|
return React__default.createElement("div", {
|
|
57
51
|
style: {
|
|
58
52
|
width: "100%",
|
|
@@ -70,12 +64,10 @@ function CurrentSlideDropdown(_ref) {
|
|
|
70
64
|
value: editingSlide.toString()
|
|
71
65
|
}, options));
|
|
72
66
|
}
|
|
73
|
-
|
|
74
67
|
function NavigateSlides(_ref2) {
|
|
75
68
|
var _componentProps$editi2;
|
|
76
|
-
|
|
77
69
|
var componentProps = _ref2.componentProps,
|
|
78
|
-
|
|
70
|
+
studioOps = _ref2.studioOps;
|
|
79
71
|
var slidesCnt = componentProps.children.length;
|
|
80
72
|
var editingSlide = (_componentProps$editi2 = componentProps.editingSlide) != null ? _componentProps$editi2 : 0;
|
|
81
73
|
return React__default.createElement("div", {
|
|
@@ -108,11 +100,9 @@ function NavigateSlides(_ref2) {
|
|
|
108
100
|
}
|
|
109
101
|
}, "Next slide"));
|
|
110
102
|
}
|
|
111
|
-
|
|
112
103
|
function OutlineMessage() {
|
|
113
104
|
return React__default.createElement("div", null, "* To re-arrange slides, use the Outline panel");
|
|
114
105
|
}
|
|
115
|
-
|
|
116
106
|
var sliderMeta = {
|
|
117
107
|
name: "hostless-slider",
|
|
118
108
|
displayName: "Slider",
|
|
@@ -129,7 +119,7 @@ var sliderMeta = {
|
|
|
129
119
|
label: "Append new slide",
|
|
130
120
|
onClick: function onClick(_ref3) {
|
|
131
121
|
var componentProps = _ref3.componentProps,
|
|
132
|
-
|
|
122
|
+
studioOps = _ref3.studioOps;
|
|
133
123
|
var slidesCnt = componentProps.children.length;
|
|
134
124
|
studioOps.appendToSlot({
|
|
135
125
|
type: "img",
|
|
@@ -147,10 +137,9 @@ var sliderMeta = {
|
|
|
147
137
|
label: "Delete current slide",
|
|
148
138
|
onClick: function onClick(_ref4) {
|
|
149
139
|
var _contextData$editingS;
|
|
150
|
-
|
|
151
140
|
var componentProps = _ref4.componentProps,
|
|
152
|
-
|
|
153
|
-
|
|
141
|
+
contextData = _ref4.contextData,
|
|
142
|
+
studioOps = _ref4.studioOps;
|
|
154
143
|
var editingSlide = (_contextData$editingS = contextData.editingSlide) != null ? _contextData$editingS : 0;
|
|
155
144
|
studioOps.removeFromSlotAt(editingSlide, "children");
|
|
156
145
|
var slidesCnt = componentProps.children.length - 1;
|
|
@@ -414,9 +403,8 @@ var sliderMeta = {
|
|
|
414
403
|
};
|
|
415
404
|
var SliderWrapper = /*#__PURE__*/React.forwardRef(function SliderWrapper_(_ref5, userRef) {
|
|
416
405
|
var editingSlide = _ref5.editingSlide,
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
406
|
+
setControlContextData = _ref5.setControlContextData,
|
|
407
|
+
props = _objectWithoutPropertiesLoose(_ref5, _excluded);
|
|
420
408
|
setControlContextData == null ? void 0 : setControlContextData({
|
|
421
409
|
editingSlide: editingSlide
|
|
422
410
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-slick.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ActionProps,\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport composeRefs from \"@seznam/compose-react-refs\";\nimport { Button, Select } from \"antd\";\nimport React, { forwardRef, Ref, useEffect, useRef } from \"react\";\nimport Slider, { Settings } from \"react-slick\";\n\nconst { Option } = Select;\n\nfunction CurrentSlideDropdown({ componentProps, studioOps }: ActionProps<any>) {\n const editingSlide = componentProps.editingSlide ?? 0;\n const slidesCnt =\n componentProps.children.length ??\n (componentProps.children.type === \"img\" ? 1 : 0);\n\n const options = Array.from({ length: slidesCnt }, (_, i) => i).map((i) => {\n return <Option value={i.toString()}>Slide {i + 1}</Option>;\n });\n\n const handleChange = (value: string) => {\n const slideIdx = Number(value);\n studioOps.updateProps({ editingSlide: slideIdx % slidesCnt });\n };\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <div>Current slide:</div>\n <Select\n defaultValue={editingSlide.toString()}\n style={{ width: \"100%\" }}\n onChange={handleChange}\n value={editingSlide.toString()}\n >\n {options}\n </Select>\n </div>\n );\n}\n\nfunction NavigateSlides({ componentProps, studioOps }: ActionProps<any>) {\n const slidesCnt = componentProps.children.length;\n const editingSlide = componentProps.editingSlide ?? 0;\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const prevSlide = (editingSlide - 1 + slidesCnt) % slidesCnt;\n studioOps.updateProps({ editingSlide: prevSlide });\n }}\n >\n Prev slide\n </Button>\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const nextSlide = (editingSlide + 1) % slidesCnt;\n studioOps.updateProps({ editingSlide: nextSlide });\n }}\n >\n Next slide\n </Button>\n </div>\n );\n}\n\nfunction OutlineMessage() {\n return <div>* To re-arrange slides, use the Outline panel</div>;\n}\n\nexport const sliderMeta: ComponentMeta<Settings> = {\n name: \"hostless-slider\",\n displayName: \"Slider\",\n importName: \"Slider\",\n importPath: \"react-slick\",\n actions: [\n {\n type: \"custom-action\",\n control: CurrentSlideDropdown,\n },\n {\n type: \"custom-action\",\n control: NavigateSlides,\n },\n {\n type: \"button-action\",\n label: \"Append new slide\",\n onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n const slidesCnt = componentProps.children.length;\n studioOps.appendToSlot(\n {\n type: \"img\",\n src: \"\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n \"children\"\n );\n studioOps.updateProps({ editingSlide: slidesCnt });\n },\n },\n {\n type: \"button-action\",\n label: \"Delete current slide\",\n onClick: ({\n componentProps,\n contextData,\n studioOps,\n }: ActionProps<any>) => {\n const editingSlide = contextData.editingSlide ?? 0;\n studioOps.removeFromSlotAt(editingSlide, \"children\");\n const slidesCnt = componentProps.children.length - 1;\n studioOps.updateProps({\n editingSlide: (editingSlide - 1 + slidesCnt) % slidesCnt,\n });\n },\n },\n {\n type: \"custom-action\",\n control: OutlineMessage,\n },\n ],\n props: {\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/FF0000/FFFFFF/?text=Slide_1\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/00FF00/FFFFFF/?text=Slide_2\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/0000FF/FFFFFF/?text=Slide_3\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n ],\n },\n editingSlide: {\n displayName: \"Currently edited slide\",\n type: \"number\",\n description:\n \"Switch to the specified slide (first is 0). Only affects the editor, not the final page.\",\n defaultValueHint: 0,\n editOnly: true,\n hidden: () => true,\n },\n accessibility: {\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n displayName: \"Adaptive Height\",\n type: \"boolean\",\n description: \"Adjust the slide's height automatically\",\n defaultValueHint: false,\n },\n arrows: {\n displayName: \"Arrows\",\n type: \"boolean\",\n description: \"Show next/prev arrows\",\n defaultValueHint: true,\n },\n autoplay: {\n displayName: \"Auto Play\",\n type: \"boolean\",\n description: \"Automatically start scrolling\",\n defaultValueHint: false,\n },\n autoplaySpeed: {\n displayName: \"Auto Play Speed\",\n type: \"number\",\n description: \"Delay between each auto scroll, in milliseconds\",\n defaultValueHint: 3000,\n hidden: (props) => !props.autoplay,\n },\n centerMode: {\n displayName: \"Center Mode\",\n type: \"boolean\",\n description:\n \"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts\",\n defaultValueHint: false,\n },\n centerPadding: {\n displayName: \"Center Padding\",\n type: \"string\",\n description: \"Side padding when in center mode (px or %)\",\n defaultValueHint: \"50px\",\n hidden: (props) => !props.centerMode,\n },\n dots: {\n displayName: \"Dots\",\n type: \"boolean\",\n description: \"Show dots for each slide\",\n defaultValueHint: false,\n },\n draggable: {\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n easing: {\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n displayName: \"Focus On Select\",\n type: \"boolean\",\n description: \"Go to slide on click\",\n defaultValueHint: false,\n },\n infinite: {\n displayName: \"Infinite\",\n type: \"boolean\",\n description: \"Infinitely wrap around contents\",\n defaultValueHint: true,\n },\n initialSlide: {\n displayName: \"Initial Slide\",\n type: \"number\",\n description: \"Index of initial slide\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n displayName: \"Lazy Load\",\n type: \"choice\",\n options: [\"ondemand\", \"progressive\"],\n description:\n \"Load images or render components on demand or progressively\",\n },\n pauseOnDotsHover: {\n displayName: \"Pause On Dots Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on dots\",\n defaultValueHint: false,\n },\n pauseOnFocus: {\n displayName: \"Pause On Focus\",\n type: \"boolean\",\n description: \"Prevents autoplay while focused on slides\",\n defaultValueHint: false,\n },\n pauseOnHover: {\n displayName: \"Pause On Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on track\",\n defaultValueHint: true,\n },\n rows: {\n displayName: \"Rows\",\n type: \"number\",\n description: \"Number of rows per slide (enables grid mode)\",\n defaultValueHint: 1,\n },\n rtl: {\n displayName: \"Reverse\",\n type: \"boolean\",\n description: \"Reverses the slide order\",\n defaultValueHint: false,\n },\n // Looks like the `slide` prop is not being used to set the container tag:\n // https://github.com/akiran/react-slick/issues/1318\n // https://github.com/akiran/react-slick/pull/1885\n // https://stackoverflow.com/questions/51492535/wrap-react-slick-li-slides-inside-ul\n //\n // slide: {\n // displayName: \"Slide Tag\",\n // type: \"string\",\n // description: 'Slide container element type',\n // defaultValueHint: \"div\",\n // },\n slidesPerRow: {\n displayName: \"Slides Per Row\",\n type: \"number\",\n description:\n \"Number of slides to display in grid mode, this is useful with rows option\",\n defaultValueHint: 1,\n },\n slidesToScroll: {\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n displayName: \"Slides To Show\",\n type: \"number\",\n description: \"Number of slides to show in one frame\",\n defaultValueHint: 1,\n },\n speed: {\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n displayName: \"Vertical\",\n type: \"boolean\",\n description: \"Vertical slide mode\",\n defaultValueHint: false,\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n width: \"stretch\",\n maxWidth: \"100%\",\n flexDirection: \"column\",\n },\n};\n\nexport const SliderWrapper = forwardRef(function SliderWrapper_(\n {\n editingSlide,\n setControlContextData,\n ...props\n }: Settings & {\n editingSlide?: number;\n setControlContextData?: (data: {\n editingSlide: number | undefined;\n }) => void;\n },\n userRef?: Ref<Slider>\n) {\n setControlContextData?.({ editingSlide: editingSlide });\n const slider = useRef<Slider>(null);\n useEffect(() => {\n if (editingSlide !== undefined) {\n slider.current!.slickGoTo(editingSlide);\n }\n }, [editingSlide]);\n return <Slider ref={composeRefs(slider, userRef)} {...props} />;\n});\n\nexport function registerSlider(\n loader?: { registerComponent: typeof registerComponent },\n customSliderMeta?: ComponentMeta<Settings>\n) {\n if (loader) {\n loader.registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n } else {\n registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n }\n}\n"],"names":["Option","Select","CurrentSlideDropdown","componentProps","studioOps","editingSlide","slidesCnt","children","length","type","options","Array","from","_","i","map","React","value","toString","handleChange","slideIdx","Number","updateProps","style","width","display","flexDirection","gap","justifyContent","defaultValue","onChange","NavigateSlides","Button","onClick","prevSlide","nextSlide","OutlineMessage","sliderMeta","name","displayName","importName","importPath","actions","control","label","appendToSlot","src","styles","maxWidth","contextData","removeFromSlotAt","props","description","defaultValueHint","editOnly","hidden","accessibility","adaptiveHeight","arrows","autoplay","autoplaySpeed","centerMode","centerPadding","dots","draggable","easing","fade","focusOnSelect","infinite","initialSlide","lazyLoad","pauseOnDotsHover","pauseOnFocus","pauseOnHover","rows","rtl","slidesPerRow","slidesToScroll","slidesToShow","speed","swipe","swipeToSlide","touchMove","touchThreshold","useCSS","useTransform","variableWidth","vertical","isDefaultExport","defaultStyles","SliderWrapper","forwardRef","SliderWrapper_","userRef","setControlContextData","slider","useRef","useEffect","undefined","current","slickGoTo","Slider","ref","composeRefs","registerSlider","loader","customSliderMeta","registerComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"react-slick.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ActionProps,\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport composeRefs from \"@seznam/compose-react-refs\";\nimport { Button, Select } from \"antd\";\nimport React, { forwardRef, Ref, useEffect, useRef } from \"react\";\nimport Slider, { Settings } from \"react-slick\";\n\nconst { Option } = Select;\n\nfunction CurrentSlideDropdown({ componentProps, studioOps }: ActionProps<any>) {\n const editingSlide = componentProps.editingSlide ?? 0;\n const slidesCnt =\n componentProps.children.length ??\n (componentProps.children.type === \"img\" ? 1 : 0);\n\n const options = Array.from({ length: slidesCnt }, (_, i) => i).map((i) => {\n return <Option value={i.toString()}>Slide {i + 1}</Option>;\n });\n\n const handleChange = (value: string) => {\n const slideIdx = Number(value);\n studioOps.updateProps({ editingSlide: slideIdx % slidesCnt });\n };\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <div>Current slide:</div>\n <Select\n defaultValue={editingSlide.toString()}\n style={{ width: \"100%\" }}\n onChange={handleChange}\n value={editingSlide.toString()}\n >\n {options}\n </Select>\n </div>\n );\n}\n\nfunction NavigateSlides({ componentProps, studioOps }: ActionProps<any>) {\n const slidesCnt = componentProps.children.length;\n const editingSlide = componentProps.editingSlide ?? 0;\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const prevSlide = (editingSlide - 1 + slidesCnt) % slidesCnt;\n studioOps.updateProps({ editingSlide: prevSlide });\n }}\n >\n Prev slide\n </Button>\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const nextSlide = (editingSlide + 1) % slidesCnt;\n studioOps.updateProps({ editingSlide: nextSlide });\n }}\n >\n Next slide\n </Button>\n </div>\n );\n}\n\nfunction OutlineMessage() {\n return <div>* To re-arrange slides, use the Outline panel</div>;\n}\n\nexport const sliderMeta: ComponentMeta<Settings> = {\n name: \"hostless-slider\",\n displayName: \"Slider\",\n importName: \"Slider\",\n importPath: \"react-slick\",\n actions: [\n {\n type: \"custom-action\",\n control: CurrentSlideDropdown,\n },\n {\n type: \"custom-action\",\n control: NavigateSlides,\n },\n {\n type: \"button-action\",\n label: \"Append new slide\",\n onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n const slidesCnt = componentProps.children.length;\n studioOps.appendToSlot(\n {\n type: \"img\",\n src: \"\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n \"children\"\n );\n studioOps.updateProps({ editingSlide: slidesCnt });\n },\n },\n {\n type: \"button-action\",\n label: \"Delete current slide\",\n onClick: ({\n componentProps,\n contextData,\n studioOps,\n }: ActionProps<any>) => {\n const editingSlide = contextData.editingSlide ?? 0;\n studioOps.removeFromSlotAt(editingSlide, \"children\");\n const slidesCnt = componentProps.children.length - 1;\n studioOps.updateProps({\n editingSlide: (editingSlide - 1 + slidesCnt) % slidesCnt,\n });\n },\n },\n {\n type: \"custom-action\",\n control: OutlineMessage,\n },\n ],\n props: {\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/FF0000/FFFFFF/?text=Slide_1\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/00FF00/FFFFFF/?text=Slide_2\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/0000FF/FFFFFF/?text=Slide_3\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n ],\n },\n editingSlide: {\n displayName: \"Currently edited slide\",\n type: \"number\",\n description:\n \"Switch to the specified slide (first is 0). Only affects the editor, not the final page.\",\n defaultValueHint: 0,\n editOnly: true,\n hidden: () => true,\n },\n accessibility: {\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n displayName: \"Adaptive Height\",\n type: \"boolean\",\n description: \"Adjust the slide's height automatically\",\n defaultValueHint: false,\n },\n arrows: {\n displayName: \"Arrows\",\n type: \"boolean\",\n description: \"Show next/prev arrows\",\n defaultValueHint: true,\n },\n autoplay: {\n displayName: \"Auto Play\",\n type: \"boolean\",\n description: \"Automatically start scrolling\",\n defaultValueHint: false,\n },\n autoplaySpeed: {\n displayName: \"Auto Play Speed\",\n type: \"number\",\n description: \"Delay between each auto scroll, in milliseconds\",\n defaultValueHint: 3000,\n hidden: (props) => !props.autoplay,\n },\n centerMode: {\n displayName: \"Center Mode\",\n type: \"boolean\",\n description:\n \"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts\",\n defaultValueHint: false,\n },\n centerPadding: {\n displayName: \"Center Padding\",\n type: \"string\",\n description: \"Side padding when in center mode (px or %)\",\n defaultValueHint: \"50px\",\n hidden: (props) => !props.centerMode,\n },\n dots: {\n displayName: \"Dots\",\n type: \"boolean\",\n description: \"Show dots for each slide\",\n defaultValueHint: false,\n },\n draggable: {\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n easing: {\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n displayName: \"Focus On Select\",\n type: \"boolean\",\n description: \"Go to slide on click\",\n defaultValueHint: false,\n },\n infinite: {\n displayName: \"Infinite\",\n type: \"boolean\",\n description: \"Infinitely wrap around contents\",\n defaultValueHint: true,\n },\n initialSlide: {\n displayName: \"Initial Slide\",\n type: \"number\",\n description: \"Index of initial slide\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n displayName: \"Lazy Load\",\n type: \"choice\",\n options: [\"ondemand\", \"progressive\"],\n description:\n \"Load images or render components on demand or progressively\",\n },\n pauseOnDotsHover: {\n displayName: \"Pause On Dots Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on dots\",\n defaultValueHint: false,\n },\n pauseOnFocus: {\n displayName: \"Pause On Focus\",\n type: \"boolean\",\n description: \"Prevents autoplay while focused on slides\",\n defaultValueHint: false,\n },\n pauseOnHover: {\n displayName: \"Pause On Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on track\",\n defaultValueHint: true,\n },\n rows: {\n displayName: \"Rows\",\n type: \"number\",\n description: \"Number of rows per slide (enables grid mode)\",\n defaultValueHint: 1,\n },\n rtl: {\n displayName: \"Reverse\",\n type: \"boolean\",\n description: \"Reverses the slide order\",\n defaultValueHint: false,\n },\n // Looks like the `slide` prop is not being used to set the container tag:\n // https://github.com/akiran/react-slick/issues/1318\n // https://github.com/akiran/react-slick/pull/1885\n // https://stackoverflow.com/questions/51492535/wrap-react-slick-li-slides-inside-ul\n //\n // slide: {\n // displayName: \"Slide Tag\",\n // type: \"string\",\n // description: 'Slide container element type',\n // defaultValueHint: \"div\",\n // },\n slidesPerRow: {\n displayName: \"Slides Per Row\",\n type: \"number\",\n description:\n \"Number of slides to display in grid mode, this is useful with rows option\",\n defaultValueHint: 1,\n },\n slidesToScroll: {\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n displayName: \"Slides To Show\",\n type: \"number\",\n description: \"Number of slides to show in one frame\",\n defaultValueHint: 1,\n },\n speed: {\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n displayName: \"Vertical\",\n type: \"boolean\",\n description: \"Vertical slide mode\",\n defaultValueHint: false,\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n width: \"stretch\",\n maxWidth: \"100%\",\n flexDirection: \"column\",\n },\n};\n\nexport const SliderWrapper = forwardRef(function SliderWrapper_(\n {\n editingSlide,\n setControlContextData,\n ...props\n }: Settings & {\n editingSlide?: number;\n setControlContextData?: (data: {\n editingSlide: number | undefined;\n }) => void;\n },\n userRef?: Ref<Slider>\n) {\n setControlContextData?.({ editingSlide: editingSlide });\n const slider = useRef<Slider>(null);\n useEffect(() => {\n if (editingSlide !== undefined) {\n slider.current!.slickGoTo(editingSlide);\n }\n }, [editingSlide]);\n return <Slider ref={composeRefs(slider, userRef)} {...props} />;\n});\n\nexport function registerSlider(\n loader?: { registerComponent: typeof registerComponent },\n customSliderMeta?: ComponentMeta<Settings>\n) {\n if (loader) {\n loader.registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n } else {\n registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n }\n}\n"],"names":["Option","Select","CurrentSlideDropdown","componentProps","studioOps","editingSlide","slidesCnt","children","length","type","options","Array","from","_","i","map","React","value","toString","handleChange","slideIdx","Number","updateProps","style","width","display","flexDirection","gap","justifyContent","defaultValue","onChange","NavigateSlides","Button","onClick","prevSlide","nextSlide","OutlineMessage","sliderMeta","name","displayName","importName","importPath","actions","control","label","appendToSlot","src","styles","maxWidth","contextData","removeFromSlotAt","props","description","defaultValueHint","editOnly","hidden","accessibility","adaptiveHeight","arrows","autoplay","autoplaySpeed","centerMode","centerPadding","dots","draggable","easing","fade","focusOnSelect","infinite","initialSlide","lazyLoad","pauseOnDotsHover","pauseOnFocus","pauseOnHover","rows","rtl","slidesPerRow","slidesToScroll","slidesToShow","speed","swipe","swipeToSlide","touchMove","touchThreshold","useCSS","useTransform","variableWidth","vertical","isDefaultExport","defaultStyles","SliderWrapper","forwardRef","SliderWrapper_","userRef","setControlContextData","slider","useRef","useEffect","undefined","current","slickGoTo","Slider","ref","composeRefs","registerSlider","loader","customSliderMeta","registerComponent"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-slick.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ActionProps,\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport composeRefs from \"@seznam/compose-react-refs\";\nimport { Button, Select } from \"antd\";\nimport React, { forwardRef, Ref, useEffect, useRef } from \"react\";\nimport Slider, { Settings } from \"react-slick\";\n\nconst { Option } = Select;\n\nfunction CurrentSlideDropdown({ componentProps, studioOps }: ActionProps<any>) {\n const editingSlide = componentProps.editingSlide ?? 0;\n const slidesCnt =\n componentProps.children.length ??\n (componentProps.children.type === \"img\" ? 1 : 0);\n\n const options = Array.from({ length: slidesCnt }, (_, i) => i).map((i) => {\n return <Option value={i.toString()}>Slide {i + 1}</Option>;\n });\n\n const handleChange = (value: string) => {\n const slideIdx = Number(value);\n studioOps.updateProps({ editingSlide: slideIdx % slidesCnt });\n };\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <div>Current slide:</div>\n <Select\n defaultValue={editingSlide.toString()}\n style={{ width: \"100%\" }}\n onChange={handleChange}\n value={editingSlide.toString()}\n >\n {options}\n </Select>\n </div>\n );\n}\n\nfunction NavigateSlides({ componentProps, studioOps }: ActionProps<any>) {\n const slidesCnt = componentProps.children.length;\n const editingSlide = componentProps.editingSlide ?? 0;\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const prevSlide = (editingSlide - 1 + slidesCnt) % slidesCnt;\n studioOps.updateProps({ editingSlide: prevSlide });\n }}\n >\n Prev slide\n </Button>\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const nextSlide = (editingSlide + 1) % slidesCnt;\n studioOps.updateProps({ editingSlide: nextSlide });\n }}\n >\n Next slide\n </Button>\n </div>\n );\n}\n\nfunction OutlineMessage() {\n return <div>* To re-arrange slides, use the Outline panel</div>;\n}\n\nexport const sliderMeta: ComponentMeta<Settings> = {\n name: \"hostless-slider\",\n displayName: \"Slider\",\n importName: \"Slider\",\n importPath: \"react-slick\",\n actions: [\n {\n type: \"custom-action\",\n control: CurrentSlideDropdown,\n },\n {\n type: \"custom-action\",\n control: NavigateSlides,\n },\n {\n type: \"button-action\",\n label: \"Append new slide\",\n onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n const slidesCnt = componentProps.children.length;\n studioOps.appendToSlot(\n {\n type: \"img\",\n src: \"\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n \"children\"\n );\n studioOps.updateProps({ editingSlide: slidesCnt });\n },\n },\n {\n type: \"button-action\",\n label: \"Delete current slide\",\n onClick: ({\n componentProps,\n contextData,\n studioOps,\n }: ActionProps<any>) => {\n const editingSlide = contextData.editingSlide ?? 0;\n studioOps.removeFromSlotAt(editingSlide, \"children\");\n const slidesCnt = componentProps.children.length - 1;\n studioOps.updateProps({\n editingSlide: (editingSlide - 1 + slidesCnt) % slidesCnt,\n });\n },\n },\n {\n type: \"custom-action\",\n control: OutlineMessage,\n },\n ],\n props: {\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/FF0000/FFFFFF/?text=Slide_1\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/00FF00/FFFFFF/?text=Slide_2\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/0000FF/FFFFFF/?text=Slide_3\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n ],\n },\n editingSlide: {\n displayName: \"Currently edited slide\",\n type: \"number\",\n description:\n \"Switch to the specified slide (first is 0). Only affects the editor, not the final page.\",\n defaultValueHint: 0,\n editOnly: true,\n hidden: () => true,\n },\n accessibility: {\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n displayName: \"Adaptive Height\",\n type: \"boolean\",\n description: \"Adjust the slide's height automatically\",\n defaultValueHint: false,\n },\n arrows: {\n displayName: \"Arrows\",\n type: \"boolean\",\n description: \"Show next/prev arrows\",\n defaultValueHint: true,\n },\n autoplay: {\n displayName: \"Auto Play\",\n type: \"boolean\",\n description: \"Automatically start scrolling\",\n defaultValueHint: false,\n },\n autoplaySpeed: {\n displayName: \"Auto Play Speed\",\n type: \"number\",\n description: \"Delay between each auto scroll, in milliseconds\",\n defaultValueHint: 3000,\n hidden: (props) => !props.autoplay,\n },\n centerMode: {\n displayName: \"Center Mode\",\n type: \"boolean\",\n description:\n \"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts\",\n defaultValueHint: false,\n },\n centerPadding: {\n displayName: \"Center Padding\",\n type: \"string\",\n description: \"Side padding when in center mode (px or %)\",\n defaultValueHint: \"50px\",\n hidden: (props) => !props.centerMode,\n },\n dots: {\n displayName: \"Dots\",\n type: \"boolean\",\n description: \"Show dots for each slide\",\n defaultValueHint: false,\n },\n draggable: {\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n easing: {\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n displayName: \"Focus On Select\",\n type: \"boolean\",\n description: \"Go to slide on click\",\n defaultValueHint: false,\n },\n infinite: {\n displayName: \"Infinite\",\n type: \"boolean\",\n description: \"Infinitely wrap around contents\",\n defaultValueHint: true,\n },\n initialSlide: {\n displayName: \"Initial Slide\",\n type: \"number\",\n description: \"Index of initial slide\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n displayName: \"Lazy Load\",\n type: \"choice\",\n options: [\"ondemand\", \"progressive\"],\n description:\n \"Load images or render components on demand or progressively\",\n },\n pauseOnDotsHover: {\n displayName: \"Pause On Dots Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on dots\",\n defaultValueHint: false,\n },\n pauseOnFocus: {\n displayName: \"Pause On Focus\",\n type: \"boolean\",\n description: \"Prevents autoplay while focused on slides\",\n defaultValueHint: false,\n },\n pauseOnHover: {\n displayName: \"Pause On Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on track\",\n defaultValueHint: true,\n },\n rows: {\n displayName: \"Rows\",\n type: \"number\",\n description: \"Number of rows per slide (enables grid mode)\",\n defaultValueHint: 1,\n },\n rtl: {\n displayName: \"Reverse\",\n type: \"boolean\",\n description: \"Reverses the slide order\",\n defaultValueHint: false,\n },\n // Looks like the `slide` prop is not being used to set the container tag:\n // https://github.com/akiran/react-slick/issues/1318\n // https://github.com/akiran/react-slick/pull/1885\n // https://stackoverflow.com/questions/51492535/wrap-react-slick-li-slides-inside-ul\n //\n // slide: {\n // displayName: \"Slide Tag\",\n // type: \"string\",\n // description: 'Slide container element type',\n // defaultValueHint: \"div\",\n // },\n slidesPerRow: {\n displayName: \"Slides Per Row\",\n type: \"number\",\n description:\n \"Number of slides to display in grid mode, this is useful with rows option\",\n defaultValueHint: 1,\n },\n slidesToScroll: {\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n displayName: \"Slides To Show\",\n type: \"number\",\n description: \"Number of slides to show in one frame\",\n defaultValueHint: 1,\n },\n speed: {\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n displayName: \"Vertical\",\n type: \"boolean\",\n description: \"Vertical slide mode\",\n defaultValueHint: false,\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n width: \"stretch\",\n maxWidth: \"100%\",\n flexDirection: \"column\",\n },\n};\n\nexport const SliderWrapper = forwardRef(function SliderWrapper_(\n {\n editingSlide,\n setControlContextData,\n ...props\n }: Settings & {\n editingSlide?: number;\n setControlContextData?: (data: {\n editingSlide: number | undefined;\n }) => void;\n },\n userRef?: Ref<Slider>\n) {\n setControlContextData?.({ editingSlide: editingSlide });\n const slider = useRef<Slider>(null);\n useEffect(() => {\n if (editingSlide !== undefined) {\n slider.current!.slickGoTo(editingSlide);\n }\n }, [editingSlide]);\n return <Slider ref={composeRefs(slider, userRef)} {...props} />;\n});\n\nexport function registerSlider(\n loader?: { registerComponent: typeof registerComponent },\n customSliderMeta?: ComponentMeta<Settings>\n) {\n if (loader) {\n loader.registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n } else {\n registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n }\n}\n"],"names":["Option","Select","sliderMeta","name","displayName","importName","importPath","actions","type","control","componentProps","studioOps","editingSlide","slidesCnt","children","length","options","Array","from","_","i","map","React","value","toString","style","width","display","flexDirection","gap","justifyContent","defaultValue","onChange","slideIdx","Number","updateProps","Button","onClick","label","appendToSlot","src","styles","maxWidth","contextData","removeFromSlotAt","props","description","defaultValueHint","editOnly","hidden","accessibility","adaptiveHeight","arrows","autoplay","autoplaySpeed","centerMode","centerPadding","dots","draggable","easing","fade","focusOnSelect","infinite","initialSlide","lazyLoad","pauseOnDotsHover","pauseOnFocus","pauseOnHover","rows","rtl","slidesPerRow","slidesToScroll","slidesToShow","speed","swipe","swipeToSlide","touchMove","touchThreshold","useCSS","useTransform","variableWidth","vertical","isDefaultExport","defaultStyles","SliderWrapper","forwardRef","userRef","setControlContextData","slider","useRef","useEffect","undefined","current","slickGoTo","Slider","ref","composeRefs","loader","customSliderMeta","registerComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"react-slick.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ActionProps,\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport composeRefs from \"@seznam/compose-react-refs\";\nimport { Button, Select } from \"antd\";\nimport React, { forwardRef, Ref, useEffect, useRef } from \"react\";\nimport Slider, { Settings } from \"react-slick\";\n\nconst { Option } = Select;\n\nfunction CurrentSlideDropdown({ componentProps, studioOps }: ActionProps<any>) {\n const editingSlide = componentProps.editingSlide ?? 0;\n const slidesCnt =\n componentProps.children.length ??\n (componentProps.children.type === \"img\" ? 1 : 0);\n\n const options = Array.from({ length: slidesCnt }, (_, i) => i).map((i) => {\n return <Option value={i.toString()}>Slide {i + 1}</Option>;\n });\n\n const handleChange = (value: string) => {\n const slideIdx = Number(value);\n studioOps.updateProps({ editingSlide: slideIdx % slidesCnt });\n };\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <div>Current slide:</div>\n <Select\n defaultValue={editingSlide.toString()}\n style={{ width: \"100%\" }}\n onChange={handleChange}\n value={editingSlide.toString()}\n >\n {options}\n </Select>\n </div>\n );\n}\n\nfunction NavigateSlides({ componentProps, studioOps }: ActionProps<any>) {\n const slidesCnt = componentProps.children.length;\n const editingSlide = componentProps.editingSlide ?? 0;\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const prevSlide = (editingSlide - 1 + slidesCnt) % slidesCnt;\n studioOps.updateProps({ editingSlide: prevSlide });\n }}\n >\n Prev slide\n </Button>\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const nextSlide = (editingSlide + 1) % slidesCnt;\n studioOps.updateProps({ editingSlide: nextSlide });\n }}\n >\n Next slide\n </Button>\n </div>\n );\n}\n\nfunction OutlineMessage() {\n return <div>* To re-arrange slides, use the Outline panel</div>;\n}\n\nexport const sliderMeta: ComponentMeta<Settings> = {\n name: \"hostless-slider\",\n displayName: \"Slider\",\n importName: \"Slider\",\n importPath: \"react-slick\",\n actions: [\n {\n type: \"custom-action\",\n control: CurrentSlideDropdown,\n },\n {\n type: \"custom-action\",\n control: NavigateSlides,\n },\n {\n type: \"button-action\",\n label: \"Append new slide\",\n onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n const slidesCnt = componentProps.children.length;\n studioOps.appendToSlot(\n {\n type: \"img\",\n src: \"\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n \"children\"\n );\n studioOps.updateProps({ editingSlide: slidesCnt });\n },\n },\n {\n type: \"button-action\",\n label: \"Delete current slide\",\n onClick: ({\n componentProps,\n contextData,\n studioOps,\n }: ActionProps<any>) => {\n const editingSlide = contextData.editingSlide ?? 0;\n studioOps.removeFromSlotAt(editingSlide, \"children\");\n const slidesCnt = componentProps.children.length - 1;\n studioOps.updateProps({\n editingSlide: (editingSlide - 1 + slidesCnt) % slidesCnt,\n });\n },\n },\n {\n type: \"custom-action\",\n control: OutlineMessage,\n },\n ],\n props: {\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/FF0000/FFFFFF/?text=Slide_1\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/00FF00/FFFFFF/?text=Slide_2\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/0000FF/FFFFFF/?text=Slide_3\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n ],\n },\n editingSlide: {\n displayName: \"Currently edited slide\",\n type: \"number\",\n description:\n \"Switch to the specified slide (first is 0). Only affects the editor, not the final page.\",\n defaultValueHint: 0,\n editOnly: true,\n hidden: () => true,\n },\n accessibility: {\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n displayName: \"Adaptive Height\",\n type: \"boolean\",\n description: \"Adjust the slide's height automatically\",\n defaultValueHint: false,\n },\n arrows: {\n displayName: \"Arrows\",\n type: \"boolean\",\n description: \"Show next/prev arrows\",\n defaultValueHint: true,\n },\n autoplay: {\n displayName: \"Auto Play\",\n type: \"boolean\",\n description: \"Automatically start scrolling\",\n defaultValueHint: false,\n },\n autoplaySpeed: {\n displayName: \"Auto Play Speed\",\n type: \"number\",\n description: \"Delay between each auto scroll, in milliseconds\",\n defaultValueHint: 3000,\n hidden: (props) => !props.autoplay,\n },\n centerMode: {\n displayName: \"Center Mode\",\n type: \"boolean\",\n description:\n \"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts\",\n defaultValueHint: false,\n },\n centerPadding: {\n displayName: \"Center Padding\",\n type: \"string\",\n description: \"Side padding when in center mode (px or %)\",\n defaultValueHint: \"50px\",\n hidden: (props) => !props.centerMode,\n },\n dots: {\n displayName: \"Dots\",\n type: \"boolean\",\n description: \"Show dots for each slide\",\n defaultValueHint: false,\n },\n draggable: {\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n easing: {\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n displayName: \"Focus On Select\",\n type: \"boolean\",\n description: \"Go to slide on click\",\n defaultValueHint: false,\n },\n infinite: {\n displayName: \"Infinite\",\n type: \"boolean\",\n description: \"Infinitely wrap around contents\",\n defaultValueHint: true,\n },\n initialSlide: {\n displayName: \"Initial Slide\",\n type: \"number\",\n description: \"Index of initial slide\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n displayName: \"Lazy Load\",\n type: \"choice\",\n options: [\"ondemand\", \"progressive\"],\n description:\n \"Load images or render components on demand or progressively\",\n },\n pauseOnDotsHover: {\n displayName: \"Pause On Dots Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on dots\",\n defaultValueHint: false,\n },\n pauseOnFocus: {\n displayName: \"Pause On Focus\",\n type: \"boolean\",\n description: \"Prevents autoplay while focused on slides\",\n defaultValueHint: false,\n },\n pauseOnHover: {\n displayName: \"Pause On Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on track\",\n defaultValueHint: true,\n },\n rows: {\n displayName: \"Rows\",\n type: \"number\",\n description: \"Number of rows per slide (enables grid mode)\",\n defaultValueHint: 1,\n },\n rtl: {\n displayName: \"Reverse\",\n type: \"boolean\",\n description: \"Reverses the slide order\",\n defaultValueHint: false,\n },\n // Looks like the `slide` prop is not being used to set the container tag:\n // https://github.com/akiran/react-slick/issues/1318\n // https://github.com/akiran/react-slick/pull/1885\n // https://stackoverflow.com/questions/51492535/wrap-react-slick-li-slides-inside-ul\n //\n // slide: {\n // displayName: \"Slide Tag\",\n // type: \"string\",\n // description: 'Slide container element type',\n // defaultValueHint: \"div\",\n // },\n slidesPerRow: {\n displayName: \"Slides Per Row\",\n type: \"number\",\n description:\n \"Number of slides to display in grid mode, this is useful with rows option\",\n defaultValueHint: 1,\n },\n slidesToScroll: {\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n displayName: \"Slides To Show\",\n type: \"number\",\n description: \"Number of slides to show in one frame\",\n defaultValueHint: 1,\n },\n speed: {\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n displayName: \"Vertical\",\n type: \"boolean\",\n description: \"Vertical slide mode\",\n defaultValueHint: false,\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n width: \"stretch\",\n maxWidth: \"100%\",\n flexDirection: \"column\",\n },\n};\n\nexport const SliderWrapper = forwardRef(function SliderWrapper_(\n {\n editingSlide,\n setControlContextData,\n ...props\n }: Settings & {\n editingSlide?: number;\n setControlContextData?: (data: {\n editingSlide: number | undefined;\n }) => void;\n },\n userRef?: Ref<Slider>\n) {\n setControlContextData?.({ editingSlide: editingSlide });\n const slider = useRef<Slider>(null);\n useEffect(() => {\n if (editingSlide !== undefined) {\n slider.current!.slickGoTo(editingSlide);\n }\n }, [editingSlide]);\n return <Slider ref={composeRefs(slider, userRef)} {...props} />;\n});\n\nexport function registerSlider(\n loader?: { registerComponent: typeof registerComponent },\n customSliderMeta?: ComponentMeta<Settings>\n) {\n if (loader) {\n loader.registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n } else {\n registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n }\n}\n"],"names":["Option","Select","sliderMeta","name","displayName","importName","importPath","actions","type","control","componentProps","studioOps","editingSlide","slidesCnt","children","length","options","Array","from","_","i","map","React","value","toString","style","width","display","flexDirection","gap","justifyContent","defaultValue","onChange","slideIdx","Number","updateProps","Button","onClick","label","appendToSlot","src","styles","maxWidth","contextData","removeFromSlotAt","props","description","defaultValueHint","editOnly","hidden","accessibility","adaptiveHeight","arrows","autoplay","autoplaySpeed","centerMode","centerPadding","dots","draggable","easing","fade","focusOnSelect","infinite","initialSlide","lazyLoad","pauseOnDotsHover","pauseOnFocus","pauseOnHover","rows","rtl","slidesPerRow","slidesToScroll","slidesToShow","speed","swipe","swipeToSlide","touchMove","touchThreshold","useCSS","useTransform","variableWidth","vertical","isDefaultExport","defaultStyles","SliderWrapper","forwardRef","userRef","setControlContextData","slider","useRef","useEffect","undefined","current","slickGoTo","Slider","ref","composeRefs","loader","customSliderMeta","registerComponent"],"mappings":"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"}
|
package/dist/react-slick.esm.js
CHANGED
|
@@ -9,24 +9,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
|
|
|
9
9
|
var target = {};
|
|
10
10
|
var sourceKeys = Object.keys(source);
|
|
11
11
|
var key, i;
|
|
12
|
-
|
|
13
12
|
for (i = 0; i < sourceKeys.length; i++) {
|
|
14
13
|
key = sourceKeys[i];
|
|
15
14
|
if (excluded.indexOf(key) >= 0) continue;
|
|
16
15
|
target[key] = source[key];
|
|
17
16
|
}
|
|
18
|
-
|
|
19
17
|
return target;
|
|
20
18
|
}
|
|
21
19
|
|
|
22
20
|
var _excluded = ["editingSlide", "setControlContextData"];
|
|
23
21
|
var Option = Select.Option;
|
|
24
|
-
|
|
25
22
|
function CurrentSlideDropdown(_ref) {
|
|
26
23
|
var _componentProps$editi, _componentProps$child;
|
|
27
|
-
|
|
28
24
|
var componentProps = _ref.componentProps,
|
|
29
|
-
|
|
25
|
+
studioOps = _ref.studioOps;
|
|
30
26
|
var editingSlide = (_componentProps$editi = componentProps.editingSlide) != null ? _componentProps$editi : 0;
|
|
31
27
|
var slidesCnt = (_componentProps$child = componentProps.children.length) != null ? _componentProps$child : componentProps.children.type === "img" ? 1 : 0;
|
|
32
28
|
var options = Array.from({
|
|
@@ -38,14 +34,12 @@ function CurrentSlideDropdown(_ref) {
|
|
|
38
34
|
value: i.toString()
|
|
39
35
|
}, "Slide ", i + 1);
|
|
40
36
|
});
|
|
41
|
-
|
|
42
37
|
var handleChange = function handleChange(value) {
|
|
43
38
|
var slideIdx = Number(value);
|
|
44
39
|
studioOps.updateProps({
|
|
45
40
|
editingSlide: slideIdx % slidesCnt
|
|
46
41
|
});
|
|
47
42
|
};
|
|
48
|
-
|
|
49
43
|
return React.createElement("div", {
|
|
50
44
|
style: {
|
|
51
45
|
width: "100%",
|
|
@@ -63,12 +57,10 @@ function CurrentSlideDropdown(_ref) {
|
|
|
63
57
|
value: editingSlide.toString()
|
|
64
58
|
}, options));
|
|
65
59
|
}
|
|
66
|
-
|
|
67
60
|
function NavigateSlides(_ref2) {
|
|
68
61
|
var _componentProps$editi2;
|
|
69
|
-
|
|
70
62
|
var componentProps = _ref2.componentProps,
|
|
71
|
-
|
|
63
|
+
studioOps = _ref2.studioOps;
|
|
72
64
|
var slidesCnt = componentProps.children.length;
|
|
73
65
|
var editingSlide = (_componentProps$editi2 = componentProps.editingSlide) != null ? _componentProps$editi2 : 0;
|
|
74
66
|
return React.createElement("div", {
|
|
@@ -101,11 +93,9 @@ function NavigateSlides(_ref2) {
|
|
|
101
93
|
}
|
|
102
94
|
}, "Next slide"));
|
|
103
95
|
}
|
|
104
|
-
|
|
105
96
|
function OutlineMessage() {
|
|
106
97
|
return React.createElement("div", null, "* To re-arrange slides, use the Outline panel");
|
|
107
98
|
}
|
|
108
|
-
|
|
109
99
|
var sliderMeta = {
|
|
110
100
|
name: "hostless-slider",
|
|
111
101
|
displayName: "Slider",
|
|
@@ -122,7 +112,7 @@ var sliderMeta = {
|
|
|
122
112
|
label: "Append new slide",
|
|
123
113
|
onClick: function onClick(_ref3) {
|
|
124
114
|
var componentProps = _ref3.componentProps,
|
|
125
|
-
|
|
115
|
+
studioOps = _ref3.studioOps;
|
|
126
116
|
var slidesCnt = componentProps.children.length;
|
|
127
117
|
studioOps.appendToSlot({
|
|
128
118
|
type: "img",
|
|
@@ -140,10 +130,9 @@ var sliderMeta = {
|
|
|
140
130
|
label: "Delete current slide",
|
|
141
131
|
onClick: function onClick(_ref4) {
|
|
142
132
|
var _contextData$editingS;
|
|
143
|
-
|
|
144
133
|
var componentProps = _ref4.componentProps,
|
|
145
|
-
|
|
146
|
-
|
|
134
|
+
contextData = _ref4.contextData,
|
|
135
|
+
studioOps = _ref4.studioOps;
|
|
147
136
|
var editingSlide = (_contextData$editingS = contextData.editingSlide) != null ? _contextData$editingS : 0;
|
|
148
137
|
studioOps.removeFromSlotAt(editingSlide, "children");
|
|
149
138
|
var slidesCnt = componentProps.children.length - 1;
|
|
@@ -407,9 +396,8 @@ var sliderMeta = {
|
|
|
407
396
|
};
|
|
408
397
|
var SliderWrapper = /*#__PURE__*/forwardRef(function SliderWrapper_(_ref5, userRef) {
|
|
409
398
|
var editingSlide = _ref5.editingSlide,
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
399
|
+
setControlContextData = _ref5.setControlContextData,
|
|
400
|
+
props = _objectWithoutPropertiesLoose(_ref5, _excluded);
|
|
413
401
|
setControlContextData == null ? void 0 : setControlContextData({
|
|
414
402
|
editingSlide: editingSlide
|
|
415
403
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-slick.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ActionProps,\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport composeRefs from \"@seznam/compose-react-refs\";\nimport { Button, Select } from \"antd\";\nimport React, { forwardRef, Ref, useEffect, useRef } from \"react\";\nimport Slider, { Settings } from \"react-slick\";\n\nconst { Option } = Select;\n\nfunction CurrentSlideDropdown({ componentProps, studioOps }: ActionProps<any>) {\n const editingSlide = componentProps.editingSlide ?? 0;\n const slidesCnt =\n componentProps.children.length ??\n (componentProps.children.type === \"img\" ? 1 : 0);\n\n const options = Array.from({ length: slidesCnt }, (_, i) => i).map((i) => {\n return <Option value={i.toString()}>Slide {i + 1}</Option>;\n });\n\n const handleChange = (value: string) => {\n const slideIdx = Number(value);\n studioOps.updateProps({ editingSlide: slideIdx % slidesCnt });\n };\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <div>Current slide:</div>\n <Select\n defaultValue={editingSlide.toString()}\n style={{ width: \"100%\" }}\n onChange={handleChange}\n value={editingSlide.toString()}\n >\n {options}\n </Select>\n </div>\n );\n}\n\nfunction NavigateSlides({ componentProps, studioOps }: ActionProps<any>) {\n const slidesCnt = componentProps.children.length;\n const editingSlide = componentProps.editingSlide ?? 0;\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const prevSlide = (editingSlide - 1 + slidesCnt) % slidesCnt;\n studioOps.updateProps({ editingSlide: prevSlide });\n }}\n >\n Prev slide\n </Button>\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const nextSlide = (editingSlide + 1) % slidesCnt;\n studioOps.updateProps({ editingSlide: nextSlide });\n }}\n >\n Next slide\n </Button>\n </div>\n );\n}\n\nfunction OutlineMessage() {\n return <div>* To re-arrange slides, use the Outline panel</div>;\n}\n\nexport const sliderMeta: ComponentMeta<Settings> = {\n name: \"hostless-slider\",\n displayName: \"Slider\",\n importName: \"Slider\",\n importPath: \"react-slick\",\n actions: [\n {\n type: \"custom-action\",\n control: CurrentSlideDropdown,\n },\n {\n type: \"custom-action\",\n control: NavigateSlides,\n },\n {\n type: \"button-action\",\n label: \"Append new slide\",\n onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n const slidesCnt = componentProps.children.length;\n studioOps.appendToSlot(\n {\n type: \"img\",\n src: \"\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n \"children\"\n );\n studioOps.updateProps({ editingSlide: slidesCnt });\n },\n },\n {\n type: \"button-action\",\n label: \"Delete current slide\",\n onClick: ({\n componentProps,\n contextData,\n studioOps,\n }: ActionProps<any>) => {\n const editingSlide = contextData.editingSlide ?? 0;\n studioOps.removeFromSlotAt(editingSlide, \"children\");\n const slidesCnt = componentProps.children.length - 1;\n studioOps.updateProps({\n editingSlide: (editingSlide - 1 + slidesCnt) % slidesCnt,\n });\n },\n },\n {\n type: \"custom-action\",\n control: OutlineMessage,\n },\n ],\n props: {\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/FF0000/FFFFFF/?text=Slide_1\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/00FF00/FFFFFF/?text=Slide_2\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/0000FF/FFFFFF/?text=Slide_3\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n ],\n },\n editingSlide: {\n displayName: \"Currently edited slide\",\n type: \"number\",\n description:\n \"Switch to the specified slide (first is 0). Only affects the editor, not the final page.\",\n defaultValueHint: 0,\n editOnly: true,\n hidden: () => true,\n },\n accessibility: {\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n displayName: \"Adaptive Height\",\n type: \"boolean\",\n description: \"Adjust the slide's height automatically\",\n defaultValueHint: false,\n },\n arrows: {\n displayName: \"Arrows\",\n type: \"boolean\",\n description: \"Show next/prev arrows\",\n defaultValueHint: true,\n },\n autoplay: {\n displayName: \"Auto Play\",\n type: \"boolean\",\n description: \"Automatically start scrolling\",\n defaultValueHint: false,\n },\n autoplaySpeed: {\n displayName: \"Auto Play Speed\",\n type: \"number\",\n description: \"Delay between each auto scroll, in milliseconds\",\n defaultValueHint: 3000,\n hidden: (props) => !props.autoplay,\n },\n centerMode: {\n displayName: \"Center Mode\",\n type: \"boolean\",\n description:\n \"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts\",\n defaultValueHint: false,\n },\n centerPadding: {\n displayName: \"Center Padding\",\n type: \"string\",\n description: \"Side padding when in center mode (px or %)\",\n defaultValueHint: \"50px\",\n hidden: (props) => !props.centerMode,\n },\n dots: {\n displayName: \"Dots\",\n type: \"boolean\",\n description: \"Show dots for each slide\",\n defaultValueHint: false,\n },\n draggable: {\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n easing: {\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n displayName: \"Focus On Select\",\n type: \"boolean\",\n description: \"Go to slide on click\",\n defaultValueHint: false,\n },\n infinite: {\n displayName: \"Infinite\",\n type: \"boolean\",\n description: \"Infinitely wrap around contents\",\n defaultValueHint: true,\n },\n initialSlide: {\n displayName: \"Initial Slide\",\n type: \"number\",\n description: \"Index of initial slide\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n displayName: \"Lazy Load\",\n type: \"choice\",\n options: [\"ondemand\", \"progressive\"],\n description:\n \"Load images or render components on demand or progressively\",\n },\n pauseOnDotsHover: {\n displayName: \"Pause On Dots Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on dots\",\n defaultValueHint: false,\n },\n pauseOnFocus: {\n displayName: \"Pause On Focus\",\n type: \"boolean\",\n description: \"Prevents autoplay while focused on slides\",\n defaultValueHint: false,\n },\n pauseOnHover: {\n displayName: \"Pause On Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on track\",\n defaultValueHint: true,\n },\n rows: {\n displayName: \"Rows\",\n type: \"number\",\n description: \"Number of rows per slide (enables grid mode)\",\n defaultValueHint: 1,\n },\n rtl: {\n displayName: \"Reverse\",\n type: \"boolean\",\n description: \"Reverses the slide order\",\n defaultValueHint: false,\n },\n // Looks like the `slide` prop is not being used to set the container tag:\n // https://github.com/akiran/react-slick/issues/1318\n // https://github.com/akiran/react-slick/pull/1885\n // https://stackoverflow.com/questions/51492535/wrap-react-slick-li-slides-inside-ul\n //\n // slide: {\n // displayName: \"Slide Tag\",\n // type: \"string\",\n // description: 'Slide container element type',\n // defaultValueHint: \"div\",\n // },\n slidesPerRow: {\n displayName: \"Slides Per Row\",\n type: \"number\",\n description:\n \"Number of slides to display in grid mode, this is useful with rows option\",\n defaultValueHint: 1,\n },\n slidesToScroll: {\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n displayName: \"Slides To Show\",\n type: \"number\",\n description: \"Number of slides to show in one frame\",\n defaultValueHint: 1,\n },\n speed: {\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n displayName: \"Vertical\",\n type: \"boolean\",\n description: \"Vertical slide mode\",\n defaultValueHint: false,\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n width: \"stretch\",\n maxWidth: \"100%\",\n flexDirection: \"column\",\n },\n};\n\nexport const SliderWrapper = forwardRef(function SliderWrapper_(\n {\n editingSlide,\n setControlContextData,\n ...props\n }: Settings & {\n editingSlide?: number;\n setControlContextData?: (data: {\n editingSlide: number | undefined;\n }) => void;\n },\n userRef?: Ref<Slider>\n) {\n setControlContextData?.({ editingSlide: editingSlide });\n const slider = useRef<Slider>(null);\n useEffect(() => {\n if (editingSlide !== undefined) {\n slider.current!.slickGoTo(editingSlide);\n }\n }, [editingSlide]);\n return <Slider ref={composeRefs(slider, userRef)} {...props} />;\n});\n\nexport function registerSlider(\n loader?: { registerComponent: typeof registerComponent },\n customSliderMeta?: ComponentMeta<Settings>\n) {\n if (loader) {\n loader.registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n } else {\n registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n }\n}\n"],"names":["Option","Select","CurrentSlideDropdown","componentProps","studioOps","editingSlide","slidesCnt","children","length","type","options","Array","from","_","i","map","React","value","toString","handleChange","slideIdx","Number","updateProps","style","width","display","flexDirection","gap","justifyContent","defaultValue","onChange","NavigateSlides","Button","onClick","prevSlide","nextSlide","OutlineMessage","sliderMeta","name","displayName","importName","importPath","actions","control","label","appendToSlot","src","styles","maxWidth","contextData","removeFromSlotAt","props","description","defaultValueHint","editOnly","hidden","accessibility","adaptiveHeight","arrows","autoplay","autoplaySpeed","centerMode","centerPadding","dots","draggable","easing","fade","focusOnSelect","infinite","initialSlide","lazyLoad","pauseOnDotsHover","pauseOnFocus","pauseOnHover","rows","rtl","slidesPerRow","slidesToScroll","slidesToShow","speed","swipe","swipeToSlide","touchMove","touchThreshold","useCSS","useTransform","variableWidth","vertical","isDefaultExport","defaultStyles","SliderWrapper","forwardRef","SliderWrapper_","userRef","setControlContextData","slider","useRef","useEffect","undefined","current","slickGoTo","Slider","ref","composeRefs","registerSlider","loader","customSliderMeta","registerComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"react-slick.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ActionProps,\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport composeRefs from \"@seznam/compose-react-refs\";\nimport { Button, Select } from \"antd\";\nimport React, { forwardRef, Ref, useEffect, useRef } from \"react\";\nimport Slider, { Settings } from \"react-slick\";\n\nconst { Option } = Select;\n\nfunction CurrentSlideDropdown({ componentProps, studioOps }: ActionProps<any>) {\n const editingSlide = componentProps.editingSlide ?? 0;\n const slidesCnt =\n componentProps.children.length ??\n (componentProps.children.type === \"img\" ? 1 : 0);\n\n const options = Array.from({ length: slidesCnt }, (_, i) => i).map((i) => {\n return <Option value={i.toString()}>Slide {i + 1}</Option>;\n });\n\n const handleChange = (value: string) => {\n const slideIdx = Number(value);\n studioOps.updateProps({ editingSlide: slideIdx % slidesCnt });\n };\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <div>Current slide:</div>\n <Select\n defaultValue={editingSlide.toString()}\n style={{ width: \"100%\" }}\n onChange={handleChange}\n value={editingSlide.toString()}\n >\n {options}\n </Select>\n </div>\n );\n}\n\nfunction NavigateSlides({ componentProps, studioOps }: ActionProps<any>) {\n const slidesCnt = componentProps.children.length;\n const editingSlide = componentProps.editingSlide ?? 0;\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const prevSlide = (editingSlide - 1 + slidesCnt) % slidesCnt;\n studioOps.updateProps({ editingSlide: prevSlide });\n }}\n >\n Prev slide\n </Button>\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const nextSlide = (editingSlide + 1) % slidesCnt;\n studioOps.updateProps({ editingSlide: nextSlide });\n }}\n >\n Next slide\n </Button>\n </div>\n );\n}\n\nfunction OutlineMessage() {\n return <div>* To re-arrange slides, use the Outline panel</div>;\n}\n\nexport const sliderMeta: ComponentMeta<Settings> = {\n name: \"hostless-slider\",\n displayName: \"Slider\",\n importName: \"Slider\",\n importPath: \"react-slick\",\n actions: [\n {\n type: \"custom-action\",\n control: CurrentSlideDropdown,\n },\n {\n type: \"custom-action\",\n control: NavigateSlides,\n },\n {\n type: \"button-action\",\n label: \"Append new slide\",\n onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n const slidesCnt = componentProps.children.length;\n studioOps.appendToSlot(\n {\n type: \"img\",\n src: \"\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n \"children\"\n );\n studioOps.updateProps({ editingSlide: slidesCnt });\n },\n },\n {\n type: \"button-action\",\n label: \"Delete current slide\",\n onClick: ({\n componentProps,\n contextData,\n studioOps,\n }: ActionProps<any>) => {\n const editingSlide = contextData.editingSlide ?? 0;\n studioOps.removeFromSlotAt(editingSlide, \"children\");\n const slidesCnt = componentProps.children.length - 1;\n studioOps.updateProps({\n editingSlide: (editingSlide - 1 + slidesCnt) % slidesCnt,\n });\n },\n },\n {\n type: \"custom-action\",\n control: OutlineMessage,\n },\n ],\n props: {\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/FF0000/FFFFFF/?text=Slide_1\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/00FF00/FFFFFF/?text=Slide_2\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/0000FF/FFFFFF/?text=Slide_3\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n ],\n },\n editingSlide: {\n displayName: \"Currently edited slide\",\n type: \"number\",\n description:\n \"Switch to the specified slide (first is 0). Only affects the editor, not the final page.\",\n defaultValueHint: 0,\n editOnly: true,\n hidden: () => true,\n },\n accessibility: {\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n displayName: \"Adaptive Height\",\n type: \"boolean\",\n description: \"Adjust the slide's height automatically\",\n defaultValueHint: false,\n },\n arrows: {\n displayName: \"Arrows\",\n type: \"boolean\",\n description: \"Show next/prev arrows\",\n defaultValueHint: true,\n },\n autoplay: {\n displayName: \"Auto Play\",\n type: \"boolean\",\n description: \"Automatically start scrolling\",\n defaultValueHint: false,\n },\n autoplaySpeed: {\n displayName: \"Auto Play Speed\",\n type: \"number\",\n description: \"Delay between each auto scroll, in milliseconds\",\n defaultValueHint: 3000,\n hidden: (props) => !props.autoplay,\n },\n centerMode: {\n displayName: \"Center Mode\",\n type: \"boolean\",\n description:\n \"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts\",\n defaultValueHint: false,\n },\n centerPadding: {\n displayName: \"Center Padding\",\n type: \"string\",\n description: \"Side padding when in center mode (px or %)\",\n defaultValueHint: \"50px\",\n hidden: (props) => !props.centerMode,\n },\n dots: {\n displayName: \"Dots\",\n type: \"boolean\",\n description: \"Show dots for each slide\",\n defaultValueHint: false,\n },\n draggable: {\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n easing: {\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n displayName: \"Focus On Select\",\n type: \"boolean\",\n description: \"Go to slide on click\",\n defaultValueHint: false,\n },\n infinite: {\n displayName: \"Infinite\",\n type: \"boolean\",\n description: \"Infinitely wrap around contents\",\n defaultValueHint: true,\n },\n initialSlide: {\n displayName: \"Initial Slide\",\n type: \"number\",\n description: \"Index of initial slide\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n displayName: \"Lazy Load\",\n type: \"choice\",\n options: [\"ondemand\", \"progressive\"],\n description:\n \"Load images or render components on demand or progressively\",\n },\n pauseOnDotsHover: {\n displayName: \"Pause On Dots Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on dots\",\n defaultValueHint: false,\n },\n pauseOnFocus: {\n displayName: \"Pause On Focus\",\n type: \"boolean\",\n description: \"Prevents autoplay while focused on slides\",\n defaultValueHint: false,\n },\n pauseOnHover: {\n displayName: \"Pause On Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on track\",\n defaultValueHint: true,\n },\n rows: {\n displayName: \"Rows\",\n type: \"number\",\n description: \"Number of rows per slide (enables grid mode)\",\n defaultValueHint: 1,\n },\n rtl: {\n displayName: \"Reverse\",\n type: \"boolean\",\n description: \"Reverses the slide order\",\n defaultValueHint: false,\n },\n // Looks like the `slide` prop is not being used to set the container tag:\n // https://github.com/akiran/react-slick/issues/1318\n // https://github.com/akiran/react-slick/pull/1885\n // https://stackoverflow.com/questions/51492535/wrap-react-slick-li-slides-inside-ul\n //\n // slide: {\n // displayName: \"Slide Tag\",\n // type: \"string\",\n // description: 'Slide container element type',\n // defaultValueHint: \"div\",\n // },\n slidesPerRow: {\n displayName: \"Slides Per Row\",\n type: \"number\",\n description:\n \"Number of slides to display in grid mode, this is useful with rows option\",\n defaultValueHint: 1,\n },\n slidesToScroll: {\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n displayName: \"Slides To Show\",\n type: \"number\",\n description: \"Number of slides to show in one frame\",\n defaultValueHint: 1,\n },\n speed: {\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n displayName: \"Vertical\",\n type: \"boolean\",\n description: \"Vertical slide mode\",\n defaultValueHint: false,\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n width: \"stretch\",\n maxWidth: \"100%\",\n flexDirection: \"column\",\n },\n};\n\nexport const SliderWrapper = forwardRef(function SliderWrapper_(\n {\n editingSlide,\n setControlContextData,\n ...props\n }: Settings & {\n editingSlide?: number;\n setControlContextData?: (data: {\n editingSlide: number | undefined;\n }) => void;\n },\n userRef?: Ref<Slider>\n) {\n setControlContextData?.({ editingSlide: editingSlide });\n const slider = useRef<Slider>(null);\n useEffect(() => {\n if (editingSlide !== undefined) {\n slider.current!.slickGoTo(editingSlide);\n }\n }, [editingSlide]);\n return <Slider ref={composeRefs(slider, userRef)} {...props} />;\n});\n\nexport function registerSlider(\n loader?: { registerComponent: typeof registerComponent },\n customSliderMeta?: ComponentMeta<Settings>\n) {\n if (loader) {\n loader.registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n } else {\n registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n }\n}\n"],"names":["Option","Select","CurrentSlideDropdown","componentProps","studioOps","editingSlide","slidesCnt","children","length","type","options","Array","from","_","i","map","React","value","toString","handleChange","slideIdx","Number","updateProps","style","width","display","flexDirection","gap","justifyContent","defaultValue","onChange","NavigateSlides","Button","onClick","prevSlide","nextSlide","OutlineMessage","sliderMeta","name","displayName","importName","importPath","actions","control","label","appendToSlot","src","styles","maxWidth","contextData","removeFromSlotAt","props","description","defaultValueHint","editOnly","hidden","accessibility","adaptiveHeight","arrows","autoplay","autoplaySpeed","centerMode","centerPadding","dots","draggable","easing","fade","focusOnSelect","infinite","initialSlide","lazyLoad","pauseOnDotsHover","pauseOnFocus","pauseOnHover","rows","rtl","slidesPerRow","slidesToScroll","slidesToShow","speed","swipe","swipeToSlide","touchMove","touchThreshold","useCSS","useTransform","variableWidth","vertical","isDefaultExport","defaultStyles","SliderWrapper","forwardRef","SliderWrapper_","userRef","setControlContextData","slider","useRef","useEffect","undefined","current","slickGoTo","Slider","ref","composeRefs","registerSlider","loader","customSliderMeta","registerComponent"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plasmicpkgs/react-slick",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.98",
|
|
4
4
|
"description": "Plasmic registration call for the React Slick Slider component",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"analyze": "size-limit --why"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@plasmicapp/host": "1.0.
|
|
31
|
+
"@plasmicapp/host": "1.0.93",
|
|
32
32
|
"@size-limit/preset-small-lib": "^4.11.0",
|
|
33
33
|
"@types/node": "^14.0.26",
|
|
34
34
|
"@types/react-slick": "^0.23.7",
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"react": ">=16.8.0",
|
|
49
49
|
"react-dom": ">=16.8.0"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "e282c9cca3a168a822b34a1a5e6de3a6a072c00f"
|
|
52
52
|
}
|