@plasmicpkgs/react-slick 0.0.152 → 0.0.154

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.
@@ -185,12 +185,14 @@ var sliderMeta = {
185
185
  }
186
186
  },
187
187
  accessibility: {
188
+ advanced: true,
188
189
  displayName: "Accessibility",
189
190
  type: "boolean",
190
191
  description: "Enables tabbing and arrow key navigation",
191
192
  defaultValueHint: true
192
193
  },
193
194
  adaptiveHeight: {
195
+ advanced: true,
194
196
  displayName: "Adaptive Height",
195
197
  type: "boolean",
196
198
  description: "Adjust the slide's height automatically",
@@ -239,24 +241,28 @@ var sliderMeta = {
239
241
  defaultValueHint: false
240
242
  },
241
243
  draggable: {
244
+ advanced: true,
242
245
  displayName: "Draggable",
243
246
  type: "boolean",
244
247
  description: "Enables mouse dragging on desktop",
245
248
  defaultValueHint: true
246
249
  },
247
250
  easing: {
251
+ advanced: true,
248
252
  displayName: "Easing",
249
253
  type: "string",
250
254
  description: "Easing method for transition",
251
255
  defaultValueHint: "linear"
252
256
  },
253
257
  fade: {
258
+ advanced: true,
254
259
  displayName: "Fade",
255
260
  type: "boolean",
256
261
  description: "Cross-fade between slides",
257
262
  defaultValueHint: false
258
263
  },
259
264
  focusOnSelect: {
265
+ advanced: true,
260
266
  displayName: "Focus On Select",
261
267
  type: "boolean",
262
268
  description: "Go to slide on click",
@@ -271,10 +277,11 @@ var sliderMeta = {
271
277
  initialSlide: {
272
278
  displayName: "Initial Slide",
273
279
  type: "number",
274
- description: "Index of initial slide",
280
+ description: "Index of initial slide (first is 0)",
275
281
  defaultValueHint: 0
276
282
  },
277
283
  lazyLoad: {
284
+ advanced: true,
278
285
  displayName: "Lazy Load",
279
286
  type: "choice",
280
287
  options: ["ondemand", "progressive"],
@@ -305,6 +312,7 @@ var sliderMeta = {
305
312
  defaultValueHint: 1
306
313
  },
307
314
  rtl: {
315
+ advanced: true,
308
316
  displayName: "Reverse",
309
317
  type: "boolean",
310
318
  description: "Reverses the slide order",
@@ -328,66 +336,77 @@ var sliderMeta = {
328
336
  defaultValueHint: 1
329
337
  },
330
338
  slidesToScroll: {
339
+ advanced: true,
331
340
  displayName: "Slides To Scroll",
332
341
  type: "number",
333
342
  description: "Number of slides to scroll at once",
334
343
  defaultValueHint: 1
335
344
  },
336
345
  slidesToShow: {
346
+ advanced: true,
337
347
  displayName: "Slides To Show",
338
348
  type: "number",
339
349
  description: "Number of slides to show in one frame",
340
350
  defaultValueHint: 1
341
351
  },
342
352
  speed: {
353
+ advanced: true,
343
354
  displayName: "Speed",
344
355
  type: "number",
345
356
  description: "Transition speed in milliseconds",
346
357
  defaultValueHint: 500
347
358
  },
348
359
  swipe: {
360
+ advanced: true,
349
361
  displayName: "Swipe",
350
362
  type: "boolean",
351
363
  description: "Enable swiping to change slides",
352
364
  defaultValueHint: true
353
365
  },
354
366
  swipeToSlide: {
367
+ advanced: true,
355
368
  displayName: "Swipe To Slide",
356
369
  type: "boolean",
357
370
  description: "Enable drag/swipe irrespective of 'slidesToScroll'",
358
371
  defaultValueHint: false
359
372
  },
360
373
  touchMove: {
374
+ advanced: true,
361
375
  displayName: "Touch Move",
362
376
  type: "boolean",
363
377
  description: "Enable slide moving on touch",
364
378
  defaultValueHint: true
365
379
  },
366
380
  touchThreshold: {
381
+ advanced: true,
367
382
  displayName: "Touch Threshold",
368
383
  type: "number",
369
384
  description: "Swipe distance threshold in pixels",
370
385
  defaultValueHint: 5
371
386
  },
372
387
  useCSS: {
388
+ advanced: true,
373
389
  displayName: "Use CSS",
374
390
  type: "boolean",
375
391
  description: "Enable/Disable CSS Transitions",
376
392
  defaultValueHint: true
377
393
  },
378
394
  useTransform: {
395
+ advanced: true,
379
396
  displayName: "Use Transform",
380
397
  type: "boolean",
381
398
  description: "Enable/Disable CSS Transforms",
382
399
  defaultValueHint: true
383
400
  },
384
401
  variableWidth: {
402
+ advanced: true,
385
403
  displayName: "Variable Width",
386
404
  type: "boolean",
387
405
  description: "Variable width slides",
388
406
  defaultValueHint: false
389
407
  },
390
408
  vertical: {
409
+ advanced: true,
391
410
  displayName: "Vertical",
392
411
  type: "boolean",
393
412
  description: "Vertical slide mode",
@@ -1 +1 @@
1
- {"version":3,"file":"react-slick.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ActionProps,\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport composeRefs from \"@seznam/compose-react-refs\";\nimport { Button, Select } from \"antd\";\nimport React, { forwardRef, Ref, useEffect, useRef } from \"react\";\nimport Slider, { Settings } from \"react-slick\";\n\nconst { Option } = Select;\n\nfunction CurrentSlideDropdown({ componentProps, studioOps }: ActionProps<any>) {\n const editingSlide = componentProps.editingSlide ?? 0;\n const slidesCnt =\n componentProps.children.length ??\n (componentProps.children.type === \"img\" ? 1 : 0);\n\n const options = Array.from({ length: slidesCnt }, (_, i) => i).map((i) => {\n return <Option value={i.toString()}>Slide {i + 1}</Option>;\n });\n\n const handleChange = (value: string) => {\n const slideIdx = Number(value);\n studioOps.updateProps({ editingSlide: slideIdx % slidesCnt });\n };\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <div>Current slide:</div>\n <Select\n defaultValue={editingSlide.toString()}\n style={{ width: \"100%\" }}\n onChange={handleChange}\n value={editingSlide.toString()}\n >\n {options}\n </Select>\n </div>\n );\n}\n\nfunction NavigateSlides({ componentProps, studioOps }: ActionProps<any>) {\n const slidesCnt = componentProps.children.length;\n const editingSlide = componentProps.editingSlide ?? 0;\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const prevSlide = (editingSlide - 1 + slidesCnt) % slidesCnt;\n studioOps.updateProps({ editingSlide: prevSlide });\n }}\n >\n Prev slide\n </Button>\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const nextSlide = (editingSlide + 1) % slidesCnt;\n studioOps.updateProps({ editingSlide: nextSlide });\n }}\n >\n Next slide\n </Button>\n </div>\n );\n}\n\nfunction OutlineMessage() {\n return <div>* To re-arrange slides, use the Outline panel</div>;\n}\n\nexport const sliderMeta: ComponentMeta<Settings> = {\n name: \"hostless-slider\",\n displayName: \"Slider\",\n importName: \"Slider\",\n importPath: \"react-slick\",\n actions: [\n {\n type: \"custom-action\",\n control: CurrentSlideDropdown,\n },\n {\n type: \"custom-action\",\n control: NavigateSlides,\n },\n {\n type: \"button-action\",\n label: \"Append new slide\",\n onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n const slidesCnt = componentProps.children.length;\n studioOps.appendToSlot(\n {\n type: \"img\",\n src: \"\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n \"children\"\n );\n studioOps.updateProps({ editingSlide: slidesCnt });\n },\n },\n {\n type: \"button-action\",\n label: \"Delete current slide\",\n onClick: ({\n componentProps,\n contextData,\n studioOps,\n }: ActionProps<any>) => {\n const editingSlide = contextData.editingSlide ?? 0;\n studioOps.removeFromSlotAt(editingSlide, \"children\");\n const slidesCnt = componentProps.children.length - 1;\n studioOps.updateProps({\n editingSlide: (editingSlide - 1 + slidesCnt) % slidesCnt,\n });\n },\n },\n {\n type: \"custom-action\",\n control: OutlineMessage,\n },\n ],\n props: {\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/FF0000/FFFFFF/?text=Slide_1\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/00FF00/FFFFFF/?text=Slide_2\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/0000FF/FFFFFF/?text=Slide_3\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n ],\n },\n editingSlide: {\n displayName: \"Currently edited slide\",\n type: \"number\",\n description:\n \"Switch to the specified slide (first is 0). Only affects the editor, not the final page.\",\n defaultValueHint: 0,\n editOnly: true,\n hidden: () => true,\n },\n accessibility: {\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n displayName: \"Adaptive Height\",\n type: \"boolean\",\n description: \"Adjust the slide's height automatically\",\n defaultValueHint: false,\n },\n arrows: {\n displayName: \"Arrows\",\n type: \"boolean\",\n description: \"Show next/prev arrows\",\n defaultValueHint: true,\n },\n autoplay: {\n displayName: \"Auto Play\",\n type: \"boolean\",\n description: \"Automatically start scrolling\",\n defaultValueHint: false,\n },\n autoplaySpeed: {\n displayName: \"Auto Play Speed\",\n type: \"number\",\n description: \"Delay between each auto scroll, in milliseconds\",\n defaultValueHint: 3000,\n hidden: (props) => !props.autoplay,\n },\n centerMode: {\n displayName: \"Center Mode\",\n type: \"boolean\",\n description:\n \"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts\",\n defaultValueHint: false,\n },\n centerPadding: {\n displayName: \"Center Padding\",\n type: \"string\",\n description: \"Side padding when in center mode (px or %)\",\n defaultValueHint: \"50px\",\n hidden: (props) => !props.centerMode,\n },\n dots: {\n displayName: \"Dots\",\n type: \"boolean\",\n description: \"Show dots for each slide\",\n defaultValueHint: false,\n },\n draggable: {\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n easing: {\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n displayName: \"Focus On Select\",\n type: \"boolean\",\n description: \"Go to slide on click\",\n defaultValueHint: false,\n },\n infinite: {\n displayName: \"Infinite\",\n type: \"boolean\",\n description: \"Infinitely wrap around contents\",\n defaultValueHint: true,\n },\n initialSlide: {\n displayName: \"Initial Slide\",\n type: \"number\",\n description: \"Index of initial slide\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n displayName: \"Lazy Load\",\n type: \"choice\",\n options: [\"ondemand\", \"progressive\"],\n description:\n \"Load images or render components on demand or progressively\",\n },\n pauseOnDotsHover: {\n displayName: \"Pause On Dots Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on dots\",\n defaultValueHint: false,\n },\n pauseOnFocus: {\n displayName: \"Pause On Focus\",\n type: \"boolean\",\n description: \"Prevents autoplay while focused on slides\",\n defaultValueHint: false,\n },\n pauseOnHover: {\n displayName: \"Pause On Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on track\",\n defaultValueHint: true,\n },\n rows: {\n displayName: \"Rows\",\n type: \"number\",\n description: \"Number of rows per slide (enables grid mode)\",\n defaultValueHint: 1,\n },\n rtl: {\n displayName: \"Reverse\",\n type: \"boolean\",\n description: \"Reverses the slide order\",\n defaultValueHint: false,\n },\n // Looks like the `slide` prop is not being used to set the container tag:\n // https://github.com/akiran/react-slick/issues/1318\n // https://github.com/akiran/react-slick/pull/1885\n // https://stackoverflow.com/questions/51492535/wrap-react-slick-li-slides-inside-ul\n //\n // slide: {\n // displayName: \"Slide Tag\",\n // type: \"string\",\n // description: 'Slide container element type',\n // defaultValueHint: \"div\",\n // },\n slidesPerRow: {\n displayName: \"Slides Per Row\",\n type: \"number\",\n description:\n \"Number of slides to display in grid mode, this is useful with rows option\",\n defaultValueHint: 1,\n },\n slidesToScroll: {\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n displayName: \"Slides To Show\",\n type: \"number\",\n description: \"Number of slides to show in one frame\",\n defaultValueHint: 1,\n },\n speed: {\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n displayName: \"Vertical\",\n type: \"boolean\",\n description: \"Vertical slide mode\",\n defaultValueHint: false,\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n width: \"stretch\",\n maxWidth: \"100%\",\n flexDirection: \"column\",\n },\n};\n\nexport const SliderWrapper = forwardRef(function SliderWrapper_(\n {\n editingSlide,\n setControlContextData,\n ...props\n }: Settings & {\n editingSlide?: number;\n setControlContextData?: (data: {\n editingSlide: number | undefined;\n }) => void;\n },\n userRef?: Ref<Slider>\n) {\n setControlContextData?.({ editingSlide: editingSlide });\n const slider = useRef<Slider>(null);\n useEffect(() => {\n if (editingSlide !== undefined) {\n slider.current!.slickGoTo(editingSlide);\n }\n }, [editingSlide]);\n return <Slider ref={composeRefs(slider, userRef)} {...props} />;\n});\n\nexport function registerSlider(\n loader?: { registerComponent: typeof registerComponent },\n customSliderMeta?: ComponentMeta<Settings>\n) {\n if (loader) {\n loader.registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n } else {\n registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n }\n}\n"],"names":["Option","Select","CurrentSlideDropdown","componentProps","studioOps","editingSlide","slidesCnt","children","length","type","options","Array","from","_","i","map","React","value","toString","handleChange","slideIdx","Number","updateProps","style","width","display","flexDirection","gap","justifyContent","defaultValue","onChange","NavigateSlides","Button","onClick","prevSlide","nextSlide","OutlineMessage","sliderMeta","name","displayName","importName","importPath","actions","control","label","appendToSlot","src","styles","maxWidth","contextData","removeFromSlotAt","props","description","defaultValueHint","editOnly","hidden","accessibility","adaptiveHeight","arrows","autoplay","autoplaySpeed","centerMode","centerPadding","dots","draggable","easing","fade","focusOnSelect","infinite","initialSlide","lazyLoad","pauseOnDotsHover","pauseOnFocus","pauseOnHover","rows","rtl","slidesPerRow","slidesToScroll","slidesToShow","speed","swipe","swipeToSlide","touchMove","touchThreshold","useCSS","useTransform","variableWidth","vertical","isDefaultExport","defaultStyles","SliderWrapper","forwardRef","SliderWrapper_","userRef","setControlContextData","slider","useRef","useEffect","undefined","current","slickGoTo","Slider","ref","composeRefs","registerSlider","loader","customSliderMeta","registerComponent"],"mappings":"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"}
1
+ {"version":3,"file":"react-slick.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ActionProps,\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport composeRefs from \"@seznam/compose-react-refs\";\nimport { Button, Select } from \"antd\";\nimport React, { forwardRef, Ref, useEffect, useRef } from \"react\";\nimport Slider, { Settings } from \"react-slick\";\n\nconst { Option } = Select;\n\nfunction CurrentSlideDropdown({ componentProps, studioOps }: ActionProps<any>) {\n const editingSlide = componentProps.editingSlide ?? 0;\n const slidesCnt =\n componentProps.children.length ??\n (componentProps.children.type === \"img\" ? 1 : 0);\n\n const options = Array.from({ length: slidesCnt }, (_, i) => i).map((i) => {\n return <Option value={i.toString()}>Slide {i + 1}</Option>;\n });\n\n const handleChange = (value: string) => {\n const slideIdx = Number(value);\n studioOps.updateProps({ editingSlide: slideIdx % slidesCnt });\n };\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <div>Current slide:</div>\n <Select\n defaultValue={editingSlide.toString()}\n style={{ width: \"100%\" }}\n onChange={handleChange}\n value={editingSlide.toString()}\n >\n {options}\n </Select>\n </div>\n );\n}\n\nfunction NavigateSlides({ componentProps, studioOps }: ActionProps<any>) {\n const slidesCnt = componentProps.children.length;\n const editingSlide = componentProps.editingSlide ?? 0;\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const prevSlide = (editingSlide - 1 + slidesCnt) % slidesCnt;\n studioOps.updateProps({ editingSlide: prevSlide });\n }}\n >\n Prev slide\n </Button>\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const nextSlide = (editingSlide + 1) % slidesCnt;\n studioOps.updateProps({ editingSlide: nextSlide });\n }}\n >\n Next slide\n </Button>\n </div>\n );\n}\n\nfunction OutlineMessage() {\n return <div>* To re-arrange slides, use the Outline panel</div>;\n}\n\nexport const sliderMeta: ComponentMeta<Settings> = {\n name: \"hostless-slider\",\n displayName: \"Slider\",\n importName: \"Slider\",\n importPath: \"react-slick\",\n actions: [\n {\n type: \"custom-action\",\n control: CurrentSlideDropdown,\n },\n {\n type: \"custom-action\",\n control: NavigateSlides,\n },\n {\n type: \"button-action\",\n label: \"Append new slide\",\n onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n const slidesCnt = componentProps.children.length;\n studioOps.appendToSlot(\n {\n type: \"img\",\n src: \"\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n \"children\"\n );\n studioOps.updateProps({ editingSlide: slidesCnt });\n },\n },\n {\n type: \"button-action\",\n label: \"Delete current slide\",\n onClick: ({\n componentProps,\n contextData,\n studioOps,\n }: ActionProps<any>) => {\n const editingSlide = contextData.editingSlide ?? 0;\n studioOps.removeFromSlotAt(editingSlide, \"children\");\n const slidesCnt = componentProps.children.length - 1;\n studioOps.updateProps({\n editingSlide: (editingSlide - 1 + slidesCnt) % slidesCnt,\n });\n },\n },\n {\n type: \"custom-action\",\n control: OutlineMessage,\n },\n ],\n props: {\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/FF0000/FFFFFF/?text=Slide_1\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/00FF00/FFFFFF/?text=Slide_2\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/0000FF/FFFFFF/?text=Slide_3\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n ],\n },\n editingSlide: {\n displayName: \"Currently edited slide\",\n type: \"number\",\n description:\n \"Switch to the specified slide (first is 0). Only affects the editor, not the final page.\",\n defaultValueHint: 0,\n editOnly: true,\n hidden: () => true,\n },\n accessibility: {\n 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,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"),l=require("react"),a=e(l),o=e(require("react-slick")),s=["editingSlide","setControlContextData"],d=n.Select.Option,r={name:"hostless-slider",displayName:"Slider",importName:"Slider",importPath:"react-slick",actions:[{type:"custom-action",control:function(e){var t,i,l=e.componentProps,o=e.studioOps,s=null!=(t=l.editingSlide)?t:0,r=null!=(i=l.children.length)?i:"img"===l.children.type?1:0,p=Array.from({length:r},(function(e,t){return t})).map((function(e){return a.createElement(d,{value:e.toString()},"Slide ",e+1)}));return a.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"space-between"}},a.createElement("div",null,"Current slide:"),a.createElement(n.Select,{defaultValue:s.toString(),style:{width:"100%"},onChange:function(e){var t=Number(e);o.updateProps({editingSlide:t%r})},value:s.toString()},p))}},{type:"custom-action",control:function(e){var t,i=e.componentProps,l=e.studioOps,o=i.children.length,s=null!=(t=i.editingSlide)?t:0;return a.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"space-between"}},a.createElement(n.Button,{style:{width:"100%"},onClick:function(){l.updateProps({editingSlide:(s-1+o)%o})}},"Prev slide"),a.createElement(n.Button,{style:{width:"100%"},onClick:function(){l.updateProps({editingSlide:(s+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,l=null!=(t=e.contextData.editingSlide)?t:0;n.removeFromSlotAt(l,"children");var a=i.children.length-1;n.updateProps({editingSlide:(l-1+a)%a})}},{type:"custom-action",control:function(){return a.createElement("div",null,"* To re-arrange slides, use the Outline panel")}}],props:{children:{type:"slot",defaultValue:[{type:"img",src:"https://via.placeholder.com/150x90/FF0000/FFFFFF/?text=Slide_1",styles:{maxWidth:"100%"}},{type:"img",src:"https://via.placeholder.com/150x90/00FF00/FFFFFF/?text=Slide_2",styles:{maxWidth:"100%"}},{type:"img",src:"https://via.placeholder.com/150x90/0000FF/FFFFFF/?text=Slide_3",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:{displayName:"Accessibility",type:"boolean",description:"Enables tabbing and arrow key navigation",defaultValueHint:!0},adaptiveHeight:{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:{displayName:"Draggable",type:"boolean",description:"Enables mouse dragging on desktop",defaultValueHint:!0},easing:{displayName:"Easing",type:"string",description:"Easing method for transition",defaultValueHint:"linear"},fade:{displayName:"Fade",type:"boolean",description:"Cross-fade between slides",defaultValueHint:!1},focusOnSelect:{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",defaultValueHint:0},lazyLoad:{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:{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:{displayName:"Slides To Scroll",type:"number",description:"Number of slides to scroll at once",defaultValueHint:1},slidesToShow:{displayName:"Slides To Show",type:"number",description:"Number of slides to show in one frame",defaultValueHint:1},speed:{displayName:"Speed",type:"number",description:"Transition speed in milliseconds",defaultValueHint:500},swipe:{displayName:"Swipe",type:"boolean",description:"Enable swiping to change slides",defaultValueHint:!0},swipeToSlide:{displayName:"Swipe To Slide",type:"boolean",description:"Enable drag/swipe irrespective of 'slidesToScroll'",defaultValueHint:!1},touchMove:{displayName:"Touch Move",type:"boolean",description:"Enable slide moving on touch",defaultValueHint:!0},touchThreshold:{displayName:"Touch Threshold",type:"number",description:"Swipe distance threshold in pixels",defaultValueHint:5},useCSS:{displayName:"Use CSS",type:"boolean",description:"Enable/Disable CSS Transitions",defaultValueHint:!0},useTransform:{displayName:"Use Transform",type:"boolean",description:"Enable/Disable CSS Transforms",defaultValueHint:!0},variableWidth:{displayName:"Variable Width",type:"boolean",description:"Variable width slides",defaultValueHint:!1},vertical:{displayName:"Vertical",type:"boolean",description:"Vertical slide mode",defaultValueHint:!1}},isDefaultExport:!0,defaultStyles:{width:"stretch",maxWidth:"100%",flexDirection:"column"}},p=l.forwardRef((function(e,t){var n=e.editingSlide,d=e.setControlContextData,r=function(e,t){if(null==e)return{};var i,n,l={},a=Object.keys(e);for(n=0;n<a.length;n++)t.indexOf(i=a[n])>=0||(l[i]=e[i]);return l}(e,s);null==d||d({editingSlide:n});var p=l.useRef(null);return l.useEffect((function(){void 0!==n&&p.current.slickGoTo(n)}),[n]),a.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")),a=require("antd"),n=require("react"),l=e(n),o=e(require("react-slick")),d=["editingSlide","setControlContextData"],s=a.Select.Option,r={name:"hostless-slider",displayName:"Slider",importName:"Slider",importPath:"react-slick",actions:[{type:"custom-action",control:function(e){var t,i,n=e.componentProps,o=e.studioOps,d=null!=(t=n.editingSlide)?t:0,r=null!=(i=n.children.length)?i:"img"===n.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(a.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,n=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(a.Button,{style:{width:"100%"},onClick:function(){n.updateProps({editingSlide:(d-1+o)%o})}},"Prev slide"),l.createElement(a.Button,{style:{width:"100%"},onClick:function(){n.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,a=e.studioOps,n=null!=(t=e.contextData.editingSlide)?t:0;a.removeFromSlotAt(n,"children");var l=i.children.length-1;a.updateProps({editingSlide:(n-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:[{type:"img",src:"https://via.placeholder.com/150x90/FF0000/FFFFFF/?text=Slide_1",styles:{maxWidth:"100%"}},{type:"img",src:"https://via.placeholder.com/150x90/00FF00/FFFFFF/?text=Slide_2",styles:{maxWidth:"100%"}},{type:"img",src:"https://via.placeholder.com/150x90/0000FF/FFFFFF/?text=Slide_3",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=n.forwardRef((function(e,t){var a=e.editingSlide,s=e.setControlContextData,r=function(e,t){if(null==e)return{};var i,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)t.indexOf(i=l[a])>=0||(n[i]=e[i]);return n}(e,d);null==s||s({editingSlide:a});var p=n.useRef(null);return n.useEffect((function(){void 0!==a&&p.current.slickGoTo(a)}),[a]),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: [\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/FF0000/FFFFFF/?text=Slide_1\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/00FF00/FFFFFF/?text=Slide_2\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/0000FF/FFFFFF/?text=Slide_3\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n ],\n },\n editingSlide: {\n displayName: \"Currently edited slide\",\n type: \"number\",\n description:\n \"Switch to the specified slide (first is 0). Only affects the editor, not the final page.\",\n defaultValueHint: 0,\n editOnly: true,\n hidden: () => true,\n },\n accessibility: {\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n displayName: \"Adaptive Height\",\n type: \"boolean\",\n description: \"Adjust the slide's height automatically\",\n defaultValueHint: false,\n },\n arrows: {\n displayName: \"Arrows\",\n type: \"boolean\",\n description: \"Show next/prev arrows\",\n defaultValueHint: true,\n },\n autoplay: {\n displayName: \"Auto Play\",\n type: \"boolean\",\n description: \"Automatically start scrolling\",\n defaultValueHint: false,\n },\n autoplaySpeed: {\n displayName: \"Auto Play Speed\",\n type: \"number\",\n description: \"Delay between each auto scroll, in milliseconds\",\n defaultValueHint: 3000,\n hidden: (props) => !props.autoplay,\n },\n centerMode: {\n displayName: \"Center Mode\",\n type: \"boolean\",\n description:\n \"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts\",\n defaultValueHint: false,\n },\n centerPadding: {\n displayName: \"Center Padding\",\n type: \"string\",\n description: \"Side padding when in center mode (px or %)\",\n defaultValueHint: \"50px\",\n hidden: (props) => !props.centerMode,\n },\n dots: {\n displayName: \"Dots\",\n type: \"boolean\",\n description: \"Show dots for each slide\",\n defaultValueHint: false,\n },\n draggable: {\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n easing: {\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n displayName: \"Focus On Select\",\n type: \"boolean\",\n description: \"Go to slide on click\",\n defaultValueHint: false,\n },\n infinite: {\n displayName: \"Infinite\",\n type: \"boolean\",\n description: \"Infinitely wrap around contents\",\n defaultValueHint: true,\n },\n initialSlide: {\n displayName: \"Initial Slide\",\n type: \"number\",\n description: \"Index of initial slide\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n displayName: \"Lazy Load\",\n type: \"choice\",\n options: [\"ondemand\", \"progressive\"],\n description:\n \"Load images or render components on demand or progressively\",\n },\n pauseOnDotsHover: {\n displayName: \"Pause On Dots Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on dots\",\n defaultValueHint: false,\n },\n pauseOnFocus: {\n displayName: \"Pause On Focus\",\n type: \"boolean\",\n description: \"Prevents autoplay while focused on slides\",\n defaultValueHint: false,\n },\n pauseOnHover: {\n displayName: \"Pause On Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on track\",\n defaultValueHint: true,\n },\n rows: {\n displayName: \"Rows\",\n type: \"number\",\n description: \"Number of rows per slide (enables grid mode)\",\n defaultValueHint: 1,\n },\n rtl: {\n displayName: \"Reverse\",\n type: \"boolean\",\n description: \"Reverses the slide order\",\n defaultValueHint: false,\n },\n // Looks like the `slide` prop is not being used to set the container tag:\n // https://github.com/akiran/react-slick/issues/1318\n // https://github.com/akiran/react-slick/pull/1885\n // https://stackoverflow.com/questions/51492535/wrap-react-slick-li-slides-inside-ul\n //\n // slide: {\n // displayName: \"Slide Tag\",\n // type: \"string\",\n // description: 'Slide container element type',\n // defaultValueHint: \"div\",\n // },\n slidesPerRow: {\n displayName: \"Slides Per Row\",\n type: \"number\",\n description:\n \"Number of slides to display in grid mode, this is useful with rows option\",\n defaultValueHint: 1,\n },\n slidesToScroll: {\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n displayName: \"Slides To Show\",\n type: \"number\",\n description: \"Number of slides to show in one frame\",\n defaultValueHint: 1,\n },\n speed: {\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n displayName: \"Vertical\",\n type: \"boolean\",\n description: \"Vertical slide mode\",\n defaultValueHint: false,\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n width: \"stretch\",\n maxWidth: \"100%\",\n flexDirection: \"column\",\n },\n};\n\nexport const SliderWrapper = forwardRef(function SliderWrapper_(\n {\n editingSlide,\n setControlContextData,\n ...props\n }: Settings & {\n editingSlide?: number;\n setControlContextData?: (data: {\n editingSlide: number | undefined;\n }) => void;\n },\n userRef?: Ref<Slider>\n) {\n setControlContextData?.({ editingSlide: editingSlide });\n const slider = useRef<Slider>(null);\n useEffect(() => {\n if (editingSlide !== undefined) {\n slider.current!.slickGoTo(editingSlide);\n }\n }, [editingSlide]);\n return <Slider ref={composeRefs(slider, userRef)} {...props} />;\n});\n\nexport function registerSlider(\n loader?: { registerComponent: typeof registerComponent },\n customSliderMeta?: ComponentMeta<Settings>\n) {\n if (loader) {\n loader.registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n } else {\n registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n }\n}\n"],"names":["Option","Select","sliderMeta","name","displayName","importName","importPath","actions","type","control","componentProps","studioOps","editingSlide","slidesCnt","children","length","options","Array","from","_","i","map","React","value","toString","style","width","display","flexDirection","gap","justifyContent","defaultValue","onChange","slideIdx","Number","updateProps","Button","onClick","label","appendToSlot","src","styles","maxWidth","contextData","removeFromSlotAt","props","description","defaultValueHint","editOnly","hidden","accessibility","adaptiveHeight","arrows","autoplay","autoplaySpeed","centerMode","centerPadding","dots","draggable","easing","fade","focusOnSelect","infinite","initialSlide","lazyLoad","pauseOnDotsHover","pauseOnFocus","pauseOnHover","rows","rtl","slidesPerRow","slidesToScroll","slidesToShow","speed","swipe","swipeToSlide","touchMove","touchThreshold","useCSS","useTransform","variableWidth","vertical","isDefaultExport","defaultStyles","SliderWrapper","forwardRef","userRef","setControlContextData","slider","useRef","useEffect","undefined","current","slickGoTo","Slider","ref","composeRefs","loader","customSliderMeta","registerComponent"],"mappings":"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"}
1
+ {"version":3,"file":"react-slick.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ActionProps,\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport composeRefs from \"@seznam/compose-react-refs\";\nimport { Button, Select } from \"antd\";\nimport React, { forwardRef, Ref, useEffect, useRef } from \"react\";\nimport Slider, { Settings } from \"react-slick\";\n\nconst { Option } = Select;\n\nfunction CurrentSlideDropdown({ componentProps, studioOps }: ActionProps<any>) {\n const editingSlide = componentProps.editingSlide ?? 0;\n const slidesCnt =\n componentProps.children.length ??\n (componentProps.children.type === \"img\" ? 1 : 0);\n\n const options = Array.from({ length: slidesCnt }, (_, i) => i).map((i) => {\n return <Option value={i.toString()}>Slide {i + 1}</Option>;\n });\n\n const handleChange = (value: string) => {\n const slideIdx = Number(value);\n studioOps.updateProps({ editingSlide: slideIdx % slidesCnt });\n };\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <div>Current slide:</div>\n <Select\n defaultValue={editingSlide.toString()}\n style={{ width: \"100%\" }}\n onChange={handleChange}\n value={editingSlide.toString()}\n >\n {options}\n </Select>\n </div>\n );\n}\n\nfunction NavigateSlides({ componentProps, studioOps }: ActionProps<any>) {\n const slidesCnt = componentProps.children.length;\n const editingSlide = componentProps.editingSlide ?? 0;\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const prevSlide = (editingSlide - 1 + slidesCnt) % slidesCnt;\n studioOps.updateProps({ editingSlide: prevSlide });\n }}\n >\n Prev slide\n </Button>\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const nextSlide = (editingSlide + 1) % slidesCnt;\n studioOps.updateProps({ editingSlide: nextSlide });\n }}\n >\n Next slide\n </Button>\n </div>\n );\n}\n\nfunction OutlineMessage() {\n return <div>* To re-arrange slides, use the Outline panel</div>;\n}\n\nexport const sliderMeta: ComponentMeta<Settings> = {\n name: \"hostless-slider\",\n displayName: \"Slider\",\n importName: \"Slider\",\n importPath: \"react-slick\",\n actions: [\n {\n type: \"custom-action\",\n control: CurrentSlideDropdown,\n },\n {\n type: \"custom-action\",\n control: NavigateSlides,\n },\n {\n type: \"button-action\",\n label: \"Append new slide\",\n onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n const slidesCnt = componentProps.children.length;\n studioOps.appendToSlot(\n {\n type: \"img\",\n src: \"\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n \"children\"\n );\n studioOps.updateProps({ editingSlide: slidesCnt });\n },\n },\n {\n type: \"button-action\",\n label: \"Delete current slide\",\n onClick: ({\n componentProps,\n contextData,\n studioOps,\n }: ActionProps<any>) => {\n const editingSlide = contextData.editingSlide ?? 0;\n studioOps.removeFromSlotAt(editingSlide, \"children\");\n const slidesCnt = componentProps.children.length - 1;\n studioOps.updateProps({\n editingSlide: (editingSlide - 1 + slidesCnt) % slidesCnt,\n });\n },\n },\n {\n type: \"custom-action\",\n control: OutlineMessage,\n },\n ],\n props: {\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/FF0000/FFFFFF/?text=Slide_1\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/00FF00/FFFFFF/?text=Slide_2\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/0000FF/FFFFFF/?text=Slide_3\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n ],\n },\n editingSlide: {\n displayName: \"Currently edited slide\",\n type: \"number\",\n description:\n \"Switch to the specified slide (first is 0). Only affects the editor, not the final page.\",\n defaultValueHint: 0,\n editOnly: true,\n hidden: () => true,\n },\n accessibility: {\n 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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"}
@@ -178,12 +178,14 @@ var sliderMeta = {
178
178
  }
179
179
  },
180
180
  accessibility: {
181
+ advanced: true,
181
182
  displayName: "Accessibility",
182
183
  type: "boolean",
183
184
  description: "Enables tabbing and arrow key navigation",
184
185
  defaultValueHint: true
185
186
  },
186
187
  adaptiveHeight: {
188
+ advanced: true,
187
189
  displayName: "Adaptive Height",
188
190
  type: "boolean",
189
191
  description: "Adjust the slide's height automatically",
@@ -232,24 +234,28 @@ var sliderMeta = {
232
234
  defaultValueHint: false
233
235
  },
234
236
  draggable: {
237
+ advanced: true,
235
238
  displayName: "Draggable",
236
239
  type: "boolean",
237
240
  description: "Enables mouse dragging on desktop",
238
241
  defaultValueHint: true
239
242
  },
240
243
  easing: {
244
+ advanced: true,
241
245
  displayName: "Easing",
242
246
  type: "string",
243
247
  description: "Easing method for transition",
244
248
  defaultValueHint: "linear"
245
249
  },
246
250
  fade: {
251
+ advanced: true,
247
252
  displayName: "Fade",
248
253
  type: "boolean",
249
254
  description: "Cross-fade between slides",
250
255
  defaultValueHint: false
251
256
  },
252
257
  focusOnSelect: {
258
+ advanced: true,
253
259
  displayName: "Focus On Select",
254
260
  type: "boolean",
255
261
  description: "Go to slide on click",
@@ -264,10 +270,11 @@ var sliderMeta = {
264
270
  initialSlide: {
265
271
  displayName: "Initial Slide",
266
272
  type: "number",
267
- description: "Index of initial slide",
273
+ description: "Index of initial slide (first is 0)",
268
274
  defaultValueHint: 0
269
275
  },
270
276
  lazyLoad: {
277
+ advanced: true,
271
278
  displayName: "Lazy Load",
272
279
  type: "choice",
273
280
  options: ["ondemand", "progressive"],
@@ -298,6 +305,7 @@ var sliderMeta = {
298
305
  defaultValueHint: 1
299
306
  },
300
307
  rtl: {
308
+ advanced: true,
301
309
  displayName: "Reverse",
302
310
  type: "boolean",
303
311
  description: "Reverses the slide order",
@@ -321,66 +329,77 @@ var sliderMeta = {
321
329
  defaultValueHint: 1
322
330
  },
323
331
  slidesToScroll: {
332
+ advanced: true,
324
333
  displayName: "Slides To Scroll",
325
334
  type: "number",
326
335
  description: "Number of slides to scroll at once",
327
336
  defaultValueHint: 1
328
337
  },
329
338
  slidesToShow: {
339
+ advanced: true,
330
340
  displayName: "Slides To Show",
331
341
  type: "number",
332
342
  description: "Number of slides to show in one frame",
333
343
  defaultValueHint: 1
334
344
  },
335
345
  speed: {
346
+ advanced: true,
336
347
  displayName: "Speed",
337
348
  type: "number",
338
349
  description: "Transition speed in milliseconds",
339
350
  defaultValueHint: 500
340
351
  },
341
352
  swipe: {
353
+ advanced: true,
342
354
  displayName: "Swipe",
343
355
  type: "boolean",
344
356
  description: "Enable swiping to change slides",
345
357
  defaultValueHint: true
346
358
  },
347
359
  swipeToSlide: {
360
+ advanced: true,
348
361
  displayName: "Swipe To Slide",
349
362
  type: "boolean",
350
363
  description: "Enable drag/swipe irrespective of 'slidesToScroll'",
351
364
  defaultValueHint: false
352
365
  },
353
366
  touchMove: {
367
+ advanced: true,
354
368
  displayName: "Touch Move",
355
369
  type: "boolean",
356
370
  description: "Enable slide moving on touch",
357
371
  defaultValueHint: true
358
372
  },
359
373
  touchThreshold: {
374
+ advanced: true,
360
375
  displayName: "Touch Threshold",
361
376
  type: "number",
362
377
  description: "Swipe distance threshold in pixels",
363
378
  defaultValueHint: 5
364
379
  },
365
380
  useCSS: {
381
+ advanced: true,
366
382
  displayName: "Use CSS",
367
383
  type: "boolean",
368
384
  description: "Enable/Disable CSS Transitions",
369
385
  defaultValueHint: true
370
386
  },
371
387
  useTransform: {
388
+ advanced: true,
372
389
  displayName: "Use Transform",
373
390
  type: "boolean",
374
391
  description: "Enable/Disable CSS Transforms",
375
392
  defaultValueHint: true
376
393
  },
377
394
  variableWidth: {
395
+ advanced: true,
378
396
  displayName: "Variable Width",
379
397
  type: "boolean",
380
398
  description: "Variable width slides",
381
399
  defaultValueHint: false
382
400
  },
383
401
  vertical: {
402
+ advanced: true,
384
403
  displayName: "Vertical",
385
404
  type: "boolean",
386
405
  description: "Vertical slide mode",
@@ -1 +1 @@
1
- {"version":3,"file":"react-slick.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ActionProps,\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport composeRefs from \"@seznam/compose-react-refs\";\nimport { Button, Select } from \"antd\";\nimport React, { forwardRef, Ref, useEffect, useRef } from \"react\";\nimport Slider, { Settings } from \"react-slick\";\n\nconst { Option } = Select;\n\nfunction CurrentSlideDropdown({ componentProps, studioOps }: ActionProps<any>) {\n const editingSlide = componentProps.editingSlide ?? 0;\n const slidesCnt =\n componentProps.children.length ??\n (componentProps.children.type === \"img\" ? 1 : 0);\n\n const options = Array.from({ length: slidesCnt }, (_, i) => i).map((i) => {\n return <Option value={i.toString()}>Slide {i + 1}</Option>;\n });\n\n const handleChange = (value: string) => {\n const slideIdx = Number(value);\n studioOps.updateProps({ editingSlide: slideIdx % slidesCnt });\n };\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <div>Current slide:</div>\n <Select\n defaultValue={editingSlide.toString()}\n style={{ width: \"100%\" }}\n onChange={handleChange}\n value={editingSlide.toString()}\n >\n {options}\n </Select>\n </div>\n );\n}\n\nfunction NavigateSlides({ componentProps, studioOps }: ActionProps<any>) {\n const slidesCnt = componentProps.children.length;\n const editingSlide = componentProps.editingSlide ?? 0;\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const prevSlide = (editingSlide - 1 + slidesCnt) % slidesCnt;\n studioOps.updateProps({ editingSlide: prevSlide });\n }}\n >\n Prev slide\n </Button>\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const nextSlide = (editingSlide + 1) % slidesCnt;\n studioOps.updateProps({ editingSlide: nextSlide });\n }}\n >\n Next slide\n </Button>\n </div>\n );\n}\n\nfunction OutlineMessage() {\n return <div>* To re-arrange slides, use the Outline panel</div>;\n}\n\nexport const sliderMeta: ComponentMeta<Settings> = {\n name: \"hostless-slider\",\n displayName: \"Slider\",\n importName: \"Slider\",\n importPath: \"react-slick\",\n actions: [\n {\n type: \"custom-action\",\n control: CurrentSlideDropdown,\n },\n {\n type: \"custom-action\",\n control: NavigateSlides,\n },\n {\n type: \"button-action\",\n label: \"Append new slide\",\n onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n const slidesCnt = componentProps.children.length;\n studioOps.appendToSlot(\n {\n type: \"img\",\n src: \"\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n \"children\"\n );\n studioOps.updateProps({ editingSlide: slidesCnt });\n },\n },\n {\n type: \"button-action\",\n label: \"Delete current slide\",\n onClick: ({\n componentProps,\n contextData,\n studioOps,\n }: ActionProps<any>) => {\n const editingSlide = contextData.editingSlide ?? 0;\n studioOps.removeFromSlotAt(editingSlide, \"children\");\n const slidesCnt = componentProps.children.length - 1;\n studioOps.updateProps({\n editingSlide: (editingSlide - 1 + slidesCnt) % slidesCnt,\n });\n },\n },\n {\n type: \"custom-action\",\n control: OutlineMessage,\n },\n ],\n props: {\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/FF0000/FFFFFF/?text=Slide_1\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/00FF00/FFFFFF/?text=Slide_2\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/0000FF/FFFFFF/?text=Slide_3\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n ],\n },\n editingSlide: {\n displayName: \"Currently edited slide\",\n type: \"number\",\n description:\n \"Switch to the specified slide (first is 0). Only affects the editor, not the final page.\",\n defaultValueHint: 0,\n editOnly: true,\n hidden: () => true,\n },\n accessibility: {\n displayName: \"Accessibility\",\n type: \"boolean\",\n description: \"Enables tabbing and arrow key navigation\",\n defaultValueHint: true,\n },\n adaptiveHeight: {\n displayName: \"Adaptive Height\",\n type: \"boolean\",\n description: \"Adjust the slide's height automatically\",\n defaultValueHint: false,\n },\n arrows: {\n displayName: \"Arrows\",\n type: \"boolean\",\n description: \"Show next/prev arrows\",\n defaultValueHint: true,\n },\n autoplay: {\n displayName: \"Auto Play\",\n type: \"boolean\",\n description: \"Automatically start scrolling\",\n defaultValueHint: false,\n },\n autoplaySpeed: {\n displayName: \"Auto Play Speed\",\n type: \"number\",\n description: \"Delay between each auto scroll, in milliseconds\",\n defaultValueHint: 3000,\n hidden: (props) => !props.autoplay,\n },\n centerMode: {\n displayName: \"Center Mode\",\n type: \"boolean\",\n description:\n \"Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts\",\n defaultValueHint: false,\n },\n centerPadding: {\n displayName: \"Center Padding\",\n type: \"string\",\n description: \"Side padding when in center mode (px or %)\",\n defaultValueHint: \"50px\",\n hidden: (props) => !props.centerMode,\n },\n dots: {\n displayName: \"Dots\",\n type: \"boolean\",\n description: \"Show dots for each slide\",\n defaultValueHint: false,\n },\n draggable: {\n displayName: \"Draggable\",\n type: \"boolean\",\n description: \"Enables mouse dragging on desktop\",\n defaultValueHint: true,\n },\n easing: {\n displayName: \"Easing\",\n type: \"string\",\n description: \"Easing method for transition\",\n defaultValueHint: \"linear\",\n },\n fade: {\n displayName: \"Fade\",\n type: \"boolean\",\n description: \"Cross-fade between slides\",\n defaultValueHint: false,\n },\n focusOnSelect: {\n displayName: \"Focus On Select\",\n type: \"boolean\",\n description: \"Go to slide on click\",\n defaultValueHint: false,\n },\n infinite: {\n displayName: \"Infinite\",\n type: \"boolean\",\n description: \"Infinitely wrap around contents\",\n defaultValueHint: true,\n },\n initialSlide: {\n displayName: \"Initial Slide\",\n type: \"number\",\n description: \"Index of initial slide\",\n defaultValueHint: 0,\n },\n lazyLoad: {\n displayName: \"Lazy Load\",\n type: \"choice\",\n options: [\"ondemand\", \"progressive\"],\n description:\n \"Load images or render components on demand or progressively\",\n },\n pauseOnDotsHover: {\n displayName: \"Pause On Dots Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on dots\",\n defaultValueHint: false,\n },\n pauseOnFocus: {\n displayName: \"Pause On Focus\",\n type: \"boolean\",\n description: \"Prevents autoplay while focused on slides\",\n defaultValueHint: false,\n },\n pauseOnHover: {\n displayName: \"Pause On Hover\",\n type: \"boolean\",\n description: \"Prevents autoplay while hovering on track\",\n defaultValueHint: true,\n },\n rows: {\n displayName: \"Rows\",\n type: \"number\",\n description: \"Number of rows per slide (enables grid mode)\",\n defaultValueHint: 1,\n },\n rtl: {\n displayName: \"Reverse\",\n type: \"boolean\",\n description: \"Reverses the slide order\",\n defaultValueHint: false,\n },\n // Looks like the `slide` prop is not being used to set the container tag:\n // https://github.com/akiran/react-slick/issues/1318\n // https://github.com/akiran/react-slick/pull/1885\n // https://stackoverflow.com/questions/51492535/wrap-react-slick-li-slides-inside-ul\n //\n // slide: {\n // displayName: \"Slide Tag\",\n // type: \"string\",\n // description: 'Slide container element type',\n // defaultValueHint: \"div\",\n // },\n slidesPerRow: {\n displayName: \"Slides Per Row\",\n type: \"number\",\n description:\n \"Number of slides to display in grid mode, this is useful with rows option\",\n defaultValueHint: 1,\n },\n slidesToScroll: {\n displayName: \"Slides To Scroll\",\n type: \"number\",\n description: \"Number of slides to scroll at once\",\n defaultValueHint: 1,\n },\n slidesToShow: {\n displayName: \"Slides To Show\",\n type: \"number\",\n description: \"Number of slides to show in one frame\",\n defaultValueHint: 1,\n },\n speed: {\n displayName: \"Speed\",\n type: \"number\",\n description: \"Transition speed in milliseconds\",\n defaultValueHint: 500,\n },\n swipe: {\n displayName: \"Swipe\",\n type: \"boolean\",\n description: \"Enable swiping to change slides\",\n defaultValueHint: true,\n },\n swipeToSlide: {\n displayName: \"Swipe To Slide\",\n type: \"boolean\",\n description: \"Enable drag/swipe irrespective of 'slidesToScroll'\",\n defaultValueHint: false,\n },\n touchMove: {\n displayName: \"Touch Move\",\n type: \"boolean\",\n description: \"Enable slide moving on touch\",\n defaultValueHint: true,\n },\n touchThreshold: {\n displayName: \"Touch Threshold\",\n type: \"number\",\n description: \"Swipe distance threshold in pixels\",\n defaultValueHint: 5,\n },\n useCSS: {\n displayName: \"Use CSS\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transitions\",\n defaultValueHint: true,\n },\n useTransform: {\n displayName: \"Use Transform\",\n type: \"boolean\",\n description: \"Enable/Disable CSS Transforms\",\n defaultValueHint: true,\n },\n variableWidth: {\n displayName: \"Variable Width\",\n type: \"boolean\",\n description: \"Variable width slides\",\n defaultValueHint: false,\n },\n vertical: {\n displayName: \"Vertical\",\n type: \"boolean\",\n description: \"Vertical slide mode\",\n defaultValueHint: false,\n },\n },\n isDefaultExport: true,\n defaultStyles: {\n width: \"stretch\",\n maxWidth: \"100%\",\n flexDirection: \"column\",\n },\n};\n\nexport const SliderWrapper = forwardRef(function SliderWrapper_(\n {\n editingSlide,\n setControlContextData,\n ...props\n }: Settings & {\n editingSlide?: number;\n setControlContextData?: (data: {\n editingSlide: number | undefined;\n }) => void;\n },\n userRef?: Ref<Slider>\n) {\n setControlContextData?.({ editingSlide: editingSlide });\n const slider = useRef<Slider>(null);\n useEffect(() => {\n if (editingSlide !== undefined) {\n slider.current!.slickGoTo(editingSlide);\n }\n }, [editingSlide]);\n return <Slider ref={composeRefs(slider, userRef)} {...props} />;\n});\n\nexport function registerSlider(\n loader?: { registerComponent: typeof registerComponent },\n customSliderMeta?: ComponentMeta<Settings>\n) {\n if (loader) {\n loader.registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n } else {\n registerComponent(SliderWrapper, customSliderMeta ?? sliderMeta);\n }\n}\n"],"names":["Option","Select","CurrentSlideDropdown","componentProps","studioOps","editingSlide","slidesCnt","children","length","type","options","Array","from","_","i","map","React","value","toString","handleChange","slideIdx","Number","updateProps","style","width","display","flexDirection","gap","justifyContent","defaultValue","onChange","NavigateSlides","Button","onClick","prevSlide","nextSlide","OutlineMessage","sliderMeta","name","displayName","importName","importPath","actions","control","label","appendToSlot","src","styles","maxWidth","contextData","removeFromSlotAt","props","description","defaultValueHint","editOnly","hidden","accessibility","adaptiveHeight","arrows","autoplay","autoplaySpeed","centerMode","centerPadding","dots","draggable","easing","fade","focusOnSelect","infinite","initialSlide","lazyLoad","pauseOnDotsHover","pauseOnFocus","pauseOnHover","rows","rtl","slidesPerRow","slidesToScroll","slidesToShow","speed","swipe","swipeToSlide","touchMove","touchThreshold","useCSS","useTransform","variableWidth","vertical","isDefaultExport","defaultStyles","SliderWrapper","forwardRef","SliderWrapper_","userRef","setControlContextData","slider","useRef","useEffect","undefined","current","slickGoTo","Slider","ref","composeRefs","registerSlider","loader","customSliderMeta","registerComponent"],"mappings":"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"}
1
+ {"version":3,"file":"react-slick.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n ActionProps,\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport composeRefs from \"@seznam/compose-react-refs\";\nimport { Button, Select } from \"antd\";\nimport React, { forwardRef, Ref, useEffect, useRef } from \"react\";\nimport Slider, { Settings } from \"react-slick\";\n\nconst { Option } = Select;\n\nfunction CurrentSlideDropdown({ componentProps, studioOps }: ActionProps<any>) {\n const editingSlide = componentProps.editingSlide ?? 0;\n const slidesCnt =\n componentProps.children.length ??\n (componentProps.children.type === \"img\" ? 1 : 0);\n\n const options = Array.from({ length: slidesCnt }, (_, i) => i).map((i) => {\n return <Option value={i.toString()}>Slide {i + 1}</Option>;\n });\n\n const handleChange = (value: string) => {\n const slideIdx = Number(value);\n studioOps.updateProps({ editingSlide: slideIdx % slidesCnt });\n };\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <div>Current slide:</div>\n <Select\n defaultValue={editingSlide.toString()}\n style={{ width: \"100%\" }}\n onChange={handleChange}\n value={editingSlide.toString()}\n >\n {options}\n </Select>\n </div>\n );\n}\n\nfunction NavigateSlides({ componentProps, studioOps }: ActionProps<any>) {\n const slidesCnt = componentProps.children.length;\n const editingSlide = componentProps.editingSlide ?? 0;\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const prevSlide = (editingSlide - 1 + slidesCnt) % slidesCnt;\n studioOps.updateProps({ editingSlide: prevSlide });\n }}\n >\n Prev slide\n </Button>\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n const nextSlide = (editingSlide + 1) % slidesCnt;\n studioOps.updateProps({ editingSlide: nextSlide });\n }}\n >\n Next slide\n </Button>\n </div>\n );\n}\n\nfunction OutlineMessage() {\n return <div>* To re-arrange slides, use the Outline panel</div>;\n}\n\nexport const sliderMeta: ComponentMeta<Settings> = {\n name: \"hostless-slider\",\n displayName: \"Slider\",\n importName: \"Slider\",\n importPath: \"react-slick\",\n actions: [\n {\n type: \"custom-action\",\n control: CurrentSlideDropdown,\n },\n {\n type: \"custom-action\",\n control: NavigateSlides,\n },\n {\n type: \"button-action\",\n label: \"Append new slide\",\n onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n const slidesCnt = componentProps.children.length;\n studioOps.appendToSlot(\n {\n type: \"img\",\n src: \"\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n \"children\"\n );\n studioOps.updateProps({ editingSlide: slidesCnt });\n },\n },\n {\n type: \"button-action\",\n label: \"Delete current slide\",\n onClick: ({\n componentProps,\n contextData,\n studioOps,\n }: ActionProps<any>) => {\n const editingSlide = contextData.editingSlide ?? 0;\n studioOps.removeFromSlotAt(editingSlide, \"children\");\n const slidesCnt = componentProps.children.length - 1;\n studioOps.updateProps({\n editingSlide: (editingSlide - 1 + slidesCnt) % slidesCnt,\n });\n },\n },\n {\n type: \"custom-action\",\n control: OutlineMessage,\n },\n ],\n props: {\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/FF0000/FFFFFF/?text=Slide_1\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/00FF00/FFFFFF/?text=Slide_2\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n {\n type: \"img\",\n src: \"https://via.placeholder.com/150x90/0000FF/FFFFFF/?text=Slide_3\",\n styles: {\n maxWidth: \"100%\",\n },\n },\n ],\n },\n editingSlide: {\n displayName: \"Currently edited slide\",\n type: \"number\",\n description:\n \"Switch to the specified slide (first is 0). Only affects the editor, not the final page.\",\n defaultValueHint: 0,\n editOnly: true,\n hidden: () => true,\n },\n accessibility: {\n 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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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plasmicpkgs/react-slick",
3
- "version": "0.0.152",
3
+ "version": "0.0.154",
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.147",
31
+ "@plasmicapp/host": "1.0.148",
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": "596857aecc29c48046f82c0de3e913063322e8ec"
50
+ "gitHead": "e1ac02c80fb803a000eceb41621f2bccdbe14035"
51
51
  }