@formkit/pro 0.120.0 → 0.121.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formkit/pro",
-  "version": "0.120.0",
+  "version": "0.121.0",
   "description": "FormKit Pro — Form inputs and tools for high quality forms.",
   "main": "index.cjs",
   "module": "index.mjs",
@@ -44,9 +44,9 @@
     "vue"
   ],
   "dependencies": {
-    "@formkit/core": "^1.5.2",
-    "@formkit/drag-and-drop": "0.0.7",
-    "@formkit/inputs": "^1.5.2"
+    "@formkit/core": "^1.5.3",
+    "@formkit/inputs": "^1.5.3",
+    "@formkit/drag-and-drop": "0.0.11"
   },
   "type": "module"
 }

package/repeater/index.mjs

@@ -1 +1 @@
-import{createSectionFactory as e,createBaseSections as t}from"../index.mjs";const n=e("rp"),{outer:o,inner:l,prefix:i,suffix:r,help:$,messages:d,message:s,icon:a}=t(n),u=n("empty",(()=>({$el:"div"}))),m=n("insertControl",(()=>({$el:"button",attrs:{disabled:"$value.length >= $max",onClick:"$fns.createInsert($index)",type:"button"}}))),f=n("addButton",(()=>({$formkit:"button",bind:"$addAttrs",if:"$addButton",disabled:"$value.length >= $max",onClick:"$fns.createAppend()",type:"button"}))),p=n("removeControl",(()=>({$el:"button",attrs:{disabled:"$value.length <= $min",onClick:"$fns.createRemover($index)",type:"button"}}))),b=n("items",(()=>({$el:"ul",meta:{autoAnimate:!0},attrs:{role:"list"}}))),C=n("item",(()=>({$el:"li",for:["item","index","$items"],attrs:{role:"listitem",key:"$item","data-index":"$index"}}))),c=n("downControl",(()=>({$el:"button",attrs:{disabled:"$index >= $value.length - 1",onClick:"$fns.createShift($index, 1)",type:"button"}}))),x=n("upControl",(()=>({$el:"button",attrs:{disabled:"$index <= 0",onClick:"$fns.createShift($index, -1)",type:"button"}}))),v=n("content","div"),g=n("fieldset",(()=>({$el:"fieldset",attrs:{id:"$id"}}))),k=n("legend",(()=>({$el:"legend",if:"$label"}))),h=n("group",(()=>({$formkit:"group",index:"$index"}))),y=n("controls",(()=>({$el:"ul",if:"$removeControl || $insertControl || $upControl || $downControl"}))),w=n("remove",(()=>({$el:"li",if:"$removeControl"}))),A=n("insert",(()=>({$el:"li",if:"$insertControl"}))),B=n("up",(()=>({$el:"li",if:"$upControl"}))),S=n("down",(()=>({$el:"li",if:"$downControl"}))),I=n("controlLabel","span");export{f as addButton,v as content,I as controlLabel,y as controls,n as createSection,S as down,c as downControl,u as empty,g as fieldset,h as group,$ as help,a as icon,l as inner,A as insert,m as insertControl,C as item,b as items,k as legend,s as message,d as messages,o as outer,i as prefix,w as remove,p as removeControl,r as suffix,B as up,x as upControl};
+import{createSectionFactory as e,createBaseSections as t}from"../index.mjs";const n=e("rp"),{outer:o,inner:l,prefix:i,suffix:r,help:$,messages:d,message:a,icon:s}=t(n),u=n("empty",(()=>({$el:"div"}))),m=n("insertControl",(()=>({$el:"button",attrs:{disabled:"$value.length >= $max",onClick:"$fns.createInsert($index)",type:"button"}}))),f=n("addButton",(()=>({$formkit:"button",bind:"$addAttrs",if:"$addButton",disabled:"$value.length >= $max",onClick:"$fns.createAppend()",type:"button"}))),p=n("removeControl",(()=>({$el:"button",attrs:{disabled:"$value.length <= $min",onClick:"$fns.createRemover($index)",type:"button"}}))),b=n("items",(()=>({$el:"ul",meta:{autoAnimate:!0},attrs:{role:"list",id:'$id + "_items"'}}))),C=n("item",(()=>({$el:"li",for:["item","index","$items"],attrs:{role:"listitem",key:"$item","data-index":"$index"}}))),c=n("downControl",(()=>({$el:"button",attrs:{disabled:"$index >= $value.length - 1",onClick:"$fns.createShift($index, 1)",type:"button"}}))),x=n("upControl",(()=>({$el:"button",attrs:{disabled:"$index <= 0",onClick:"$fns.createShift($index, -1)",type:"button"}}))),g=n("content","div"),v=n("fieldset",(()=>({$el:"fieldset",attrs:{id:"$id"}}))),k=n("legend",(()=>({$el:"legend",if:"$label"}))),h=n("group",(()=>({$formkit:"group",index:"$index"}))),y=n("controls",(()=>({$el:"ul",if:"$removeControl || $insertControl || $upControl || $downControl"}))),w=n("remove",(()=>({$el:"li",if:"$removeControl"}))),A=n("insert",(()=>({$el:"li",if:"$insertControl"}))),B=n("up",(()=>({$el:"li",if:"$upControl"}))),H=n("down",(()=>({$el:"li",if:"$downControl"}))),S=n("controlLabel","span"),I=n("dragHandleWrapper",(()=>({if:"$draggable",$el:"div"}))),L=n("dragHandle",(()=>({$el:"div"})));export{f as addButton,g as content,S as controlLabel,y as controls,n as createSection,H as down,c as downControl,L as dragHandle,I as dragHandleWrapper,u as empty,v as fieldset,h as group,$ as help,s as icon,l as inner,A as insert,m as insertControl,C as item,b as items,k as legend,a as message,d as messages,o as outer,i as prefix,w as remove,p as removeControl,r as suffix,B as up,x as upControl};

package/repeater/repeater.ts

@@ -26,6 +26,8 @@ import {
   messages,
   message,
   controlLabel,
+  dragHandleWrapper,
+  dragHandle,
 } from '../sections/repeaterSections'
 import repeats from '../features/repeats'
 import { localize, defaultIcon } from '@formkit/inputs'
@@ -54,6 +56,7 @@ export const repeater: FormKitProInput = {
             '$slots.default',
             items(
               item(
+                dragHandleWrapper(dragHandle(icon('dragHandle'))),
                 content(group('$slots.default')),
                 controls(
                   up(
@@ -103,6 +106,7 @@ export const repeater: FormKitProInput = {
     'addLabel',
     'addButton',
     'addAttrs',
+    'draggable',
   ],
   /**
    * Additional features that make this input work.
@@ -114,6 +118,7 @@ export const repeater: FormKitProInput = {
     localize('add'),
     localize('moveUp'),
     localize('moveDown'),
+    defaultIcon('dragHandle', 'dragHandle'),
     defaultIcon('remove', 'trash'),
     defaultIcon('add', 'add'),
     defaultIcon('moveUp', 'arrowUp'),