@plasmicpkgs/react-slick 0.0.167 → 0.0.169
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/react-slick.cjs.development.js +14 -1
- package/dist/react-slick.cjs.development.js.map +1 -1
- package/dist/react-slick.cjs.production.min.js +1 -1
- package/dist/react-slick.cjs.production.min.js.map +1 -1
- package/dist/react-slick.esm.js +14 -1
- package/dist/react-slick.esm.js.map +1 -1
- package/package.json +3 -3
|
@@ -105,9 +105,10 @@ function OutlineMessage() {
|
|
|
105
105
|
}
|
|
106
106
|
var sliderMeta = {
|
|
107
107
|
name: "hostless-slider",
|
|
108
|
-
displayName: "Slider",
|
|
108
|
+
displayName: "Slider Carousel",
|
|
109
109
|
importName: "Slider",
|
|
110
110
|
importPath: "react-slick",
|
|
111
|
+
description: "[See tutorial video](https://www.youtube.com/watch?v=GMgXLbNHX8c)",
|
|
111
112
|
actions: [{
|
|
112
113
|
type: "custom-action",
|
|
113
114
|
control: CurrentSlideDropdown
|
|
@@ -240,7 +241,19 @@ var sliderMeta = {
|
|
|
240
241
|
description: "Enables mouse dragging on desktop",
|
|
241
242
|
defaultValueHint: true
|
|
242
243
|
},
|
|
244
|
+
cssEase: {
|
|
245
|
+
advanced: true,
|
|
246
|
+
displayName: "Easing",
|
|
247
|
+
type: "string",
|
|
248
|
+
description: "Easing method for transition",
|
|
249
|
+
defaultValueHint: "linear"
|
|
250
|
+
},
|
|
251
|
+
/** Deprecated, this was apparently never working:
|
|
252
|
+
* https://github.com/akiran/react-slick/issues/363 */
|
|
243
253
|
easing: {
|
|
254
|
+
hidden: function hidden() {
|
|
255
|
+
return true;
|
|
256
|
+
},
|
|
244
257
|
advanced: true,
|
|
245
258
|
displayName: "Easing",
|
|
246
259
|
type: "string",
|
|
@@ -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: [0, 1, 2].map((i) => ({\n type: \"vbox\",\n children: {\n type: \"img\",\n src:\n \"https://static1.plasmic.app/components/react-slick/slide\" +\n (i + 1) +\n \".png\",\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 advanced: true,\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n advanced: true,\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 advanced: true,\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n easing: {\n advanced: true,\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n advanced: true,\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n advanced: true,\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 (first is 0)\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n advanced: true,\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 advanced: true,\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 advanced: true,\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n advanced: true,\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 advanced: true,\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n advanced: true,\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n advanced: true,\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n advanced: true,\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n advanced: true,\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n advanced: true,\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n advanced: true,\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n advanced: true,\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n advanced: true,\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","advanced","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 Carousel\",\n importName: \"Slider\",\n importPath: \"react-slick\",\n description:\n \"[See tutorial video](https://www.youtube.com/watch?v=GMgXLbNHX8c)\",\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: [0, 1, 2].map((i) => ({\n type: \"vbox\",\n children: {\n type: \"img\",\n src:\n \"https://static1.plasmic.app/components/react-slick/slide\" +\n (i + 1) +\n \".png\",\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 advanced: true,\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n advanced: true,\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 advanced: true,\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n cssEase: {\n advanced: true,\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n /** Deprecated, this was apparently never working:\n * https://github.com/akiran/react-slick/issues/363 */\n easing: {\n hidden: () => true,\n advanced: true,\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n advanced: true,\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n advanced: true,\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 (first is 0)\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n advanced: true,\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 advanced: true,\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 advanced: true,\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n advanced: true,\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 advanced: true,\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n advanced: true,\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n advanced: true,\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n advanced: true,\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n advanced: true,\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n advanced: true,\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n advanced: true,\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n advanced: true,\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n advanced: true,\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","description","actions","control","label","appendToSlot","src","styles","maxWidth","contextData","removeFromSlotAt","props","defaultValueHint","editOnly","hidden","accessibility","advanced","adaptiveHeight","arrows","autoplay","autoplaySpeed","centerMode","centerPadding","dots","draggable","cssEase","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,2 +1,2 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@plasmicapp/host/registerComponent")),i=e(require("@seznam/compose-react-refs")),n=require("antd"),a=require("react"),l=e(a),o=e(require("react-slick")),d=["editingSlide","setControlContextData"],s=n.Select.Option,r={name:"hostless-slider",displayName:"Slider",importName:"Slider",importPath:"react-slick",actions:[{type:"custom-action",control:function(e){var t,i,a=e.componentProps,o=e.studioOps,d=null!=(t=a.editingSlide)?t:0,r=null!=(i=a.children.length)?i:"img"===a.children.type?1:0,p=Array.from({length:r},(function(e,t){return t})).map((function(e){return l.createElement(s,{value:e.toString()},"Slide ",e+1)}));return l.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"space-between"}},l.createElement("div",null,"Current slide:"),l.createElement(n.Select,{defaultValue:d.toString(),style:{width:"100%"},onChange:function(e){var t=Number(e);o.updateProps({editingSlide:t%r})},value:d.toString()},p))}},{type:"custom-action",control:function(e){var t,i=e.componentProps,a=e.studioOps,o=i.children.length,d=null!=(t=i.editingSlide)?t:0;return l.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"space-between"}},l.createElement(n.Button,{style:{width:"100%"},onClick:function(){a.updateProps({editingSlide:(d-1+o)%o})}},"Prev slide"),l.createElement(n.Button,{style:{width:"100%"},onClick:function(){a.updateProps({editingSlide:(d+1)%o})}},"Next slide"))}},{type:"button-action",label:"Append new slide",onClick:function(e){var t=e.studioOps,i=e.componentProps.children.length;t.appendToSlot({type:"img",src:"",styles:{maxWidth:"100%"}},"children"),t.updateProps({editingSlide:i})}},{type:"button-action",label:"Delete current slide",onClick:function(e){var t,i=e.componentProps,n=e.studioOps,a=null!=(t=e.contextData.editingSlide)?t:0;n.removeFromSlotAt(a,"children");var l=i.children.length-1;n.updateProps({editingSlide:(a-1+l)%l})}},{type:"custom-action",control:function(){return l.createElement("div",null,"* To re-arrange slides, use the Outline panel")}}],props:{children:{type:"slot",defaultValue:[0,1,2].map((function(e){return{type:"vbox",children:{type:"img",src:"https://static1.plasmic.app/components/react-slick/slide"+(e+1)+".png",styles:{maxWidth:"100%"}}}}))},editingSlide:{displayName:"Currently edited slide",type:"number",description:"Switch to the specified slide (first is 0). Only affects the editor, not the final page.",defaultValueHint:0,editOnly:!0,hidden:function(){return!0}},accessibility:{advanced:!0,displayName:"Accessibility",type:"boolean",description:"Enables tabbing and arrow key navigation",defaultValueHint:!0},adaptiveHeight:{advanced:!0,displayName:"Adaptive Height",type:"boolean",description:"Adjust the slide's height automatically",defaultValueHint:!1},arrows:{displayName:"Arrows",type:"boolean",description:"Show next/prev arrows",defaultValueHint:!0},autoplay:{displayName:"Auto Play",type:"boolean",description:"Automatically start scrolling",defaultValueHint:!1},autoplaySpeed:{displayName:"Auto Play Speed",type:"number",description:"Delay between each auto scroll, in milliseconds",defaultValueHint:3e3,hidden:function(e){return!e.autoplay}},centerMode:{displayName:"Center Mode",type:"boolean",description:"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts",defaultValueHint:!1},centerPadding:{displayName:"Center Padding",type:"string",description:"Side padding when in center mode (px or %)",defaultValueHint:"50px",hidden:function(e){return!e.centerMode}},dots:{displayName:"Dots",type:"boolean",description:"Show dots for each slide",defaultValueHint:!1},draggable:{advanced:!0,displayName:"Draggable",type:"boolean",description:"Enables mouse dragging on desktop",defaultValueHint:!0},easing:{advanced:!0,displayName:"Easing",type:"string",description:"Easing method for transition",defaultValueHint:"linear"},fade:{advanced:!0,displayName:"Fade",type:"boolean",description:"Cross-fade between slides",defaultValueHint:!1},focusOnSelect:{advanced:!0,displayName:"Focus On Select",type:"boolean",description:"Go to slide on click",defaultValueHint:!1},infinite:{displayName:"Infinite",type:"boolean",description:"Infinitely wrap around contents",defaultValueHint:!0},initialSlide:{displayName:"Initial Slide",type:"number",description:"Index of initial slide (first is 0)",defaultValueHint:0},lazyLoad:{advanced:!0,displayName:"Lazy Load",type:"choice",options:["ondemand","progressive"],description:"Load images or render components on demand or progressively"},pauseOnDotsHover:{displayName:"Pause On Dots Hover",type:"boolean",description:"Prevents autoplay while hovering on dots",defaultValueHint:!1},pauseOnFocus:{displayName:"Pause On Focus",type:"boolean",description:"Prevents autoplay while focused on slides",defaultValueHint:!1},pauseOnHover:{displayName:"Pause On Hover",type:"boolean",description:"Prevents autoplay while hovering on track",defaultValueHint:!0},rows:{displayName:"Rows",type:"number",description:"Number of rows per slide (enables grid mode)",defaultValueHint:1},rtl:{advanced:!0,displayName:"Reverse",type:"boolean",description:"Reverses the slide order",defaultValueHint:!1},slidesPerRow:{displayName:"Slides Per Row",type:"number",description:"Number of slides to display in grid mode, this is useful with rows option",defaultValueHint:1},slidesToScroll:{advanced:!0,displayName:"Slides To Scroll",type:"number",description:"Number of slides to scroll at once",defaultValueHint:1},slidesToShow:{advanced:!0,displayName:"Slides To Show",type:"number",description:"Number of slides to show in one frame",defaultValueHint:1},speed:{advanced:!0,displayName:"Speed",type:"number",description:"Transition speed in milliseconds",defaultValueHint:500},swipe:{advanced:!0,displayName:"Swipe",type:"boolean",description:"Enable swiping to change slides",defaultValueHint:!0},swipeToSlide:{advanced:!0,displayName:"Swipe To Slide",type:"boolean",description:"Enable drag/swipe irrespective of 'slidesToScroll'",defaultValueHint:!1},touchMove:{advanced:!0,displayName:"Touch Move",type:"boolean",description:"Enable slide moving on touch",defaultValueHint:!0},touchThreshold:{advanced:!0,displayName:"Touch Threshold",type:"number",description:"Swipe distance threshold in pixels",defaultValueHint:5},useCSS:{advanced:!0,displayName:"Use CSS",type:"boolean",description:"Enable/Disable CSS Transitions",defaultValueHint:!0},useTransform:{advanced:!0,displayName:"Use Transform",type:"boolean",description:"Enable/Disable CSS Transforms",defaultValueHint:!0},variableWidth:{advanced:!0,displayName:"Variable Width",type:"boolean",description:"Variable width slides",defaultValueHint:!1},vertical:{advanced:!0,displayName:"Vertical",type:"boolean",description:"Vertical slide mode",defaultValueHint:!1}},isDefaultExport:!0,defaultStyles:{width:"stretch",maxWidth:"100%",flexDirection:"column"}},p=a.forwardRef((function(e,t){var n=e.editingSlide,s=e.setControlContextData,r=function(e,t){if(null==e)return{};var i,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t.indexOf(i=l[n])>=0||(a[i]=e[i]);return a}(e,d);null==s||s({editingSlide:n});var p=a.useRef(null);return a.useEffect((function(){void 0!==n&&p.current.slickGoTo(n)}),[n]),l.createElement(o,Object.assign({ref:i(p,t)},r))}));exports.SliderWrapper=p,exports.registerSlider=function(e,i){e?e.registerComponent(p,null!=i?i:r):t(p,null!=i?i:r)},exports.sliderMeta=r;
|
|
1
|
+
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@plasmicapp/host/registerComponent")),i=e(require("@seznam/compose-react-refs")),n=require("antd"),a=require("react"),l=e(a),o=e(require("react-slick")),d=["editingSlide","setControlContextData"],s=n.Select.Option,r={name:"hostless-slider",displayName:"Slider Carousel",importName:"Slider",importPath:"react-slick",description:"[See tutorial video](https://www.youtube.com/watch?v=GMgXLbNHX8c)",actions:[{type:"custom-action",control:function(e){var t,i,a=e.componentProps,o=e.studioOps,d=null!=(t=a.editingSlide)?t:0,r=null!=(i=a.children.length)?i:"img"===a.children.type?1:0,p=Array.from({length:r},(function(e,t){return t})).map((function(e){return l.createElement(s,{value:e.toString()},"Slide ",e+1)}));return l.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"space-between"}},l.createElement("div",null,"Current slide:"),l.createElement(n.Select,{defaultValue:d.toString(),style:{width:"100%"},onChange:function(e){var t=Number(e);o.updateProps({editingSlide:t%r})},value:d.toString()},p))}},{type:"custom-action",control:function(e){var t,i=e.componentProps,a=e.studioOps,o=i.children.length,d=null!=(t=i.editingSlide)?t:0;return l.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"space-between"}},l.createElement(n.Button,{style:{width:"100%"},onClick:function(){a.updateProps({editingSlide:(d-1+o)%o})}},"Prev slide"),l.createElement(n.Button,{style:{width:"100%"},onClick:function(){a.updateProps({editingSlide:(d+1)%o})}},"Next slide"))}},{type:"button-action",label:"Append new slide",onClick:function(e){var t=e.studioOps,i=e.componentProps.children.length;t.appendToSlot({type:"img",src:"",styles:{maxWidth:"100%"}},"children"),t.updateProps({editingSlide:i})}},{type:"button-action",label:"Delete current slide",onClick:function(e){var t,i=e.componentProps,n=e.studioOps,a=null!=(t=e.contextData.editingSlide)?t:0;n.removeFromSlotAt(a,"children");var l=i.children.length-1;n.updateProps({editingSlide:(a-1+l)%l})}},{type:"custom-action",control:function(){return l.createElement("div",null,"* To re-arrange slides, use the Outline panel")}}],props:{children:{type:"slot",defaultValue:[0,1,2].map((function(e){return{type:"vbox",children:{type:"img",src:"https://static1.plasmic.app/components/react-slick/slide"+(e+1)+".png",styles:{maxWidth:"100%"}}}}))},editingSlide:{displayName:"Currently edited slide",type:"number",description:"Switch to the specified slide (first is 0). Only affects the editor, not the final page.",defaultValueHint:0,editOnly:!0,hidden:function(){return!0}},accessibility:{advanced:!0,displayName:"Accessibility",type:"boolean",description:"Enables tabbing and arrow key navigation",defaultValueHint:!0},adaptiveHeight:{advanced:!0,displayName:"Adaptive Height",type:"boolean",description:"Adjust the slide's height automatically",defaultValueHint:!1},arrows:{displayName:"Arrows",type:"boolean",description:"Show next/prev arrows",defaultValueHint:!0},autoplay:{displayName:"Auto Play",type:"boolean",description:"Automatically start scrolling",defaultValueHint:!1},autoplaySpeed:{displayName:"Auto Play Speed",type:"number",description:"Delay between each auto scroll, in milliseconds",defaultValueHint:3e3,hidden:function(e){return!e.autoplay}},centerMode:{displayName:"Center Mode",type:"boolean",description:"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts",defaultValueHint:!1},centerPadding:{displayName:"Center Padding",type:"string",description:"Side padding when in center mode (px or %)",defaultValueHint:"50px",hidden:function(e){return!e.centerMode}},dots:{displayName:"Dots",type:"boolean",description:"Show dots for each slide",defaultValueHint:!1},draggable:{advanced:!0,displayName:"Draggable",type:"boolean",description:"Enables mouse dragging on desktop",defaultValueHint:!0},cssEase:{advanced:!0,displayName:"Easing",type:"string",description:"Easing method for transition",defaultValueHint:"linear"},easing:{hidden:function(){return!0},advanced:!0,displayName:"Easing",type:"string",description:"Easing method for transition",defaultValueHint:"linear"},fade:{advanced:!0,displayName:"Fade",type:"boolean",description:"Cross-fade between slides",defaultValueHint:!1},focusOnSelect:{advanced:!0,displayName:"Focus On Select",type:"boolean",description:"Go to slide on click",defaultValueHint:!1},infinite:{displayName:"Infinite",type:"boolean",description:"Infinitely wrap around contents",defaultValueHint:!0},initialSlide:{displayName:"Initial Slide",type:"number",description:"Index of initial slide (first is 0)",defaultValueHint:0},lazyLoad:{advanced:!0,displayName:"Lazy Load",type:"choice",options:["ondemand","progressive"],description:"Load images or render components on demand or progressively"},pauseOnDotsHover:{displayName:"Pause On Dots Hover",type:"boolean",description:"Prevents autoplay while hovering on dots",defaultValueHint:!1},pauseOnFocus:{displayName:"Pause On Focus",type:"boolean",description:"Prevents autoplay while focused on slides",defaultValueHint:!1},pauseOnHover:{displayName:"Pause On Hover",type:"boolean",description:"Prevents autoplay while hovering on track",defaultValueHint:!0},rows:{displayName:"Rows",type:"number",description:"Number of rows per slide (enables grid mode)",defaultValueHint:1},rtl:{advanced:!0,displayName:"Reverse",type:"boolean",description:"Reverses the slide order",defaultValueHint:!1},slidesPerRow:{displayName:"Slides Per Row",type:"number",description:"Number of slides to display in grid mode, this is useful with rows option",defaultValueHint:1},slidesToScroll:{advanced:!0,displayName:"Slides To Scroll",type:"number",description:"Number of slides to scroll at once",defaultValueHint:1},slidesToShow:{advanced:!0,displayName:"Slides To Show",type:"number",description:"Number of slides to show in one frame",defaultValueHint:1},speed:{advanced:!0,displayName:"Speed",type:"number",description:"Transition speed in milliseconds",defaultValueHint:500},swipe:{advanced:!0,displayName:"Swipe",type:"boolean",description:"Enable swiping to change slides",defaultValueHint:!0},swipeToSlide:{advanced:!0,displayName:"Swipe To Slide",type:"boolean",description:"Enable drag/swipe irrespective of 'slidesToScroll'",defaultValueHint:!1},touchMove:{advanced:!0,displayName:"Touch Move",type:"boolean",description:"Enable slide moving on touch",defaultValueHint:!0},touchThreshold:{advanced:!0,displayName:"Touch Threshold",type:"number",description:"Swipe distance threshold in pixels",defaultValueHint:5},useCSS:{advanced:!0,displayName:"Use CSS",type:"boolean",description:"Enable/Disable CSS Transitions",defaultValueHint:!0},useTransform:{advanced:!0,displayName:"Use Transform",type:"boolean",description:"Enable/Disable CSS Transforms",defaultValueHint:!0},variableWidth:{advanced:!0,displayName:"Variable Width",type:"boolean",description:"Variable width slides",defaultValueHint:!1},vertical:{advanced:!0,displayName:"Vertical",type:"boolean",description:"Vertical slide mode",defaultValueHint:!1}},isDefaultExport:!0,defaultStyles:{width:"stretch",maxWidth:"100%",flexDirection:"column"}},p=a.forwardRef((function(e,t){var n=e.editingSlide,s=e.setControlContextData,r=function(e,t){if(null==e)return{};var i,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t.indexOf(i=l[n])>=0||(a[i]=e[i]);return a}(e,d);null==s||s({editingSlide:n});var p=a.useRef(null);return a.useEffect((function(){void 0!==n&&p.current.slickGoTo(n)}),[n]),l.createElement(o,Object.assign({ref:i(p,t)},r))}));exports.SliderWrapper=p,exports.registerSlider=function(e,i){e?e.registerComponent(p,null!=i?i:r):t(p,null!=i?i:r)},exports.sliderMeta=r;
|
|
2
2
|
//# sourceMappingURL=react-slick.cjs.production.min.js.map
|
|
@@ -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: [0, 1, 2].map((i) => ({\n type: \"vbox\",\n children: {\n type: \"img\",\n src:\n \"https://static1.plasmic.app/components/react-slick/slide\" +\n (i + 1) +\n \".png\",\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 advanced: true,\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n advanced: true,\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 advanced: true,\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n easing: {\n advanced: true,\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n advanced: true,\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n advanced: true,\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 (first is 0)\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n advanced: true,\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 advanced: true,\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 advanced: true,\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n advanced: true,\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 advanced: true,\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n advanced: true,\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n advanced: true,\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n advanced: true,\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n advanced: true,\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n advanced: true,\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n advanced: true,\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n advanced: true,\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n advanced: true,\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","advanced","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 Carousel\",\n importName: \"Slider\",\n importPath: \"react-slick\",\n description:\n \"[See tutorial video](https://www.youtube.com/watch?v=GMgXLbNHX8c)\",\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: [0, 1, 2].map((i) => ({\n type: \"vbox\",\n children: {\n type: \"img\",\n src:\n \"https://static1.plasmic.app/components/react-slick/slide\" +\n (i + 1) +\n \".png\",\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 advanced: true,\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n advanced: true,\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 advanced: true,\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n cssEase: {\n advanced: true,\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n /** Deprecated, this was apparently never working:\n * https://github.com/akiran/react-slick/issues/363 */\n easing: {\n hidden: () => true,\n advanced: true,\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n advanced: true,\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n advanced: true,\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 (first is 0)\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n advanced: true,\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 advanced: true,\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 advanced: true,\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n advanced: true,\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 advanced: true,\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n advanced: true,\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n advanced: true,\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n advanced: true,\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n advanced: true,\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n advanced: true,\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n advanced: true,\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n advanced: true,\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n advanced: true,\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","description","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","defaultValueHint","editOnly","hidden","accessibility","advanced","adaptiveHeight","arrows","autoplay","autoplaySpeed","centerMode","centerPadding","dots","draggable","cssEase","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
|
@@ -98,9 +98,10 @@ function OutlineMessage() {
|
|
|
98
98
|
}
|
|
99
99
|
var sliderMeta = {
|
|
100
100
|
name: "hostless-slider",
|
|
101
|
-
displayName: "Slider",
|
|
101
|
+
displayName: "Slider Carousel",
|
|
102
102
|
importName: "Slider",
|
|
103
103
|
importPath: "react-slick",
|
|
104
|
+
description: "[See tutorial video](https://www.youtube.com/watch?v=GMgXLbNHX8c)",
|
|
104
105
|
actions: [{
|
|
105
106
|
type: "custom-action",
|
|
106
107
|
control: CurrentSlideDropdown
|
|
@@ -233,7 +234,19 @@ var sliderMeta = {
|
|
|
233
234
|
description: "Enables mouse dragging on desktop",
|
|
234
235
|
defaultValueHint: true
|
|
235
236
|
},
|
|
237
|
+
cssEase: {
|
|
238
|
+
advanced: true,
|
|
239
|
+
displayName: "Easing",
|
|
240
|
+
type: "string",
|
|
241
|
+
description: "Easing method for transition",
|
|
242
|
+
defaultValueHint: "linear"
|
|
243
|
+
},
|
|
244
|
+
/** Deprecated, this was apparently never working:
|
|
245
|
+
* https://github.com/akiran/react-slick/issues/363 */
|
|
236
246
|
easing: {
|
|
247
|
+
hidden: function hidden() {
|
|
248
|
+
return true;
|
|
249
|
+
},
|
|
237
250
|
advanced: true,
|
|
238
251
|
displayName: "Easing",
|
|
239
252
|
type: "string",
|
|
@@ -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: [0, 1, 2].map((i) => ({\n type: \"vbox\",\n children: {\n type: \"img\",\n src:\n \"https://static1.plasmic.app/components/react-slick/slide\" +\n (i + 1) +\n \".png\",\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 advanced: true,\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n advanced: true,\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 advanced: true,\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n easing: {\n advanced: true,\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n advanced: true,\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n advanced: true,\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 (first is 0)\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n advanced: true,\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 advanced: true,\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 advanced: true,\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n advanced: true,\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 advanced: true,\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n advanced: true,\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n advanced: true,\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n advanced: true,\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n advanced: true,\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n advanced: true,\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n advanced: true,\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n advanced: true,\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n advanced: true,\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","advanced","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 Carousel\",\n importName: \"Slider\",\n importPath: \"react-slick\",\n description:\n \"[See tutorial video](https://www.youtube.com/watch?v=GMgXLbNHX8c)\",\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: [0, 1, 2].map((i) => ({\n type: \"vbox\",\n children: {\n type: \"img\",\n src:\n \"https://static1.plasmic.app/components/react-slick/slide\" +\n (i + 1) +\n \".png\",\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 advanced: true,\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n advanced: true,\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 advanced: true,\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n cssEase: {\n advanced: true,\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n /** Deprecated, this was apparently never working:\n * https://github.com/akiran/react-slick/issues/363 */\n easing: {\n hidden: () => true,\n advanced: true,\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n advanced: true,\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n advanced: true,\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 (first is 0)\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n advanced: true,\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 advanced: true,\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 advanced: true,\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n advanced: true,\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 advanced: true,\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n advanced: true,\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n advanced: true,\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n advanced: true,\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n advanced: true,\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n advanced: true,\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n advanced: true,\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n advanced: true,\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n advanced: true,\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","description","actions","control","label","appendToSlot","src","styles","maxWidth","contextData","removeFromSlotAt","props","defaultValueHint","editOnly","hidden","accessibility","advanced","adaptiveHeight","arrows","autoplay","autoplaySpeed","centerMode","centerPadding","dots","draggable","cssEase","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.169",
|
|
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.162",
|
|
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",
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"react": ">=16.8.0",
|
|
48
48
|
"react-dom": ">=16.8.0"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "bf12f2268d3e2794698bee0996d4e2008b6827c5"
|
|
51
51
|
}
|