woocommerce/list-item-stories-list-item-story.22a16d9e.iframe.bundle.js

/*! For license information please see list-item-stories-list-item-story.22a16d9e.iframe.bundle.js.LICENSE.txt */
(self.webpackChunk_woocommerce_storybook=self.webpackChunk_woocommerce_storybook||[]).push([[8010],{"../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/defineProperty.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>_defineProperty});var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js");function _defineProperty(obj,key,value){return(key=(0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__.A)(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}},"../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}__webpack_require__.d(__webpack_exports__,{A:()=>_extends})},"../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>_toPropertyKey});var esm_typeof=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/typeof.js");function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==(0,esm_typeof.A)(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==(0,esm_typeof.A)(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===(0,esm_typeof.A)(key)?key:String(key)}},"../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/typeof.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}__webpack_require__.d(__webpack_exports__,{A:()=>_typeof})},"../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/draggable/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Draggable});var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),lodash__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js");const dragImageClass="components-draggable__invisible-drag-image",cloneWrapperClass="components-draggable__clone",clonePadding=0,bodyClass="is-dragging-components-draggable";function Draggable(_ref){let{children,onDragStart,onDragOver,onDragEnd,cloneClassname,elementId,transferData,__experimentalTransferDataType:transferDataType="text",__experimentalDragComponent:dragComponent}=_ref;const dragComponentRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useRef)(null),cleanup=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useRef)((()=>{}));return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useEffect)((()=>()=>{cleanup.current()}),[]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Fragment,null,children({onDraggableStart:function start(event){const{ownerDocument}=event.target;event.dataTransfer.setData(transferDataType,JSON.stringify(transferData));const cloneWrapper=ownerDocument.createElement("div");cloneWrapper.style.top=0,cloneWrapper.style.left=0;const dragImage=ownerDocument.createElement("div");"function"==typeof event.dataTransfer.setDragImage&&(dragImage.classList.add(dragImageClass),ownerDocument.body.appendChild(dragImage),event.dataTransfer.setDragImage(dragImage,0,0)),cloneWrapper.classList.add(cloneWrapperClass),cloneClassname&&cloneWrapper.classList.add(cloneClassname);let x=0,y=0;if(dragComponentRef.current){x=event.clientX,y=event.clientY,cloneWrapper.style.transform=`translate( ${x}px, ${y}px )`;const clonedDragComponent=ownerDocument.createElement("div");clonedDragComponent.innerHTML=dragComponentRef.current.innerHTML,cloneWrapper.appendChild(clonedDragComponent),ownerDocument.body.appendChild(cloneWrapper)}else{const element=ownerDocument.getElementById(elementId),elementRect=element.getBoundingClientRect(),elementWrapper=element.parentNode,elementTopOffset=parseInt(elementRect.top,10),elementLeftOffset=parseInt(elementRect.left,10);cloneWrapper.style.width=`${elementRect.width+2*clonePadding}px`;const clone=element.cloneNode(!0);clone.id=`clone-${elementId}`,x=elementLeftOffset-clonePadding,y=elementTopOffset-clonePadding,cloneWrapper.style.transform=`translate( ${x}px, ${y}px )`,Array.from(clone.querySelectorAll("iframe")).forEach((child=>child.parentNode.removeChild(child))),cloneWrapper.appendChild(clone),elementWrapper.appendChild(cloneWrapper)}let cursorLeft=event.clientX,cursorTop=event.clientY;const throttledDragOver=(0,lodash__WEBPACK_IMPORTED_MODULE_0__.throttle)((function over(e){if(cursorLeft===e.clientX&&cursorTop===e.clientY)return;const nextX=x+e.clientX-cursorLeft,nextY=y+e.clientY-cursorTop;cloneWrapper.style.transform=`translate( ${nextX}px, ${nextY}px )`,cursorLeft=e.clientX,cursorTop=e.clientY,x=nextX,y=nextY,onDragOver&&onDragOver(e)}),16);let timerId;ownerDocument.addEventListener("dragover",throttledDragOver),ownerDocument.body.classList.add(bodyClass),event.persist(),onDragStart&&(timerId=setTimeout((()=>onDragStart(event)))),cleanup.current=()=>{cloneWrapper&&cloneWrapper.parentNode&&cloneWrapper.parentNode.removeChild(cloneWrapper),dragImage&&dragImage.parentNode&&dragImage.parentNode.removeChild(dragImage),ownerDocument.body.classList.remove(bodyClass),ownerDocument.removeEventListener("dragover",throttledDragOver),clearTimeout(timerId)}},onDraggableEnd:function end(event){event.preventDefault(),cleanup.current(),onDragEnd&&onDragEnd(event)}}),dragComponent&&(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div",{className:"components-draggable-drag-component-root",style:{display:"none"},ref:dragComponentRef},dragComponent))}},"../../packages/js/components/src/list-item/list-item.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>ListItem});var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js"),objectWithoutProperties=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),classnames=__webpack_require__("../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),sortable_handle=__webpack_require__("../../packages/js/components/src/sortable/sortable-handle.tsx"),defineProperty=(__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/defineProperty.js")),build_module=__webpack_require__("../../node_modules/.pnpm/@wordpress+i18n@4.6.1/node_modules/@wordpress/i18n/build-module/index.js"),draggable=__webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/draggable/index.js"),sortable=__webpack_require__("../../packages/js/components/src/sortable/sortable.tsx"),_excluded=["id","children","className","isDragging","isSelected","onDragStart","onDragEnd","role"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,defineProperty.A)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var SortableItem=function SortableItem(_ref){var id=_ref.id,children=_ref.children,className=_ref.className,_ref$isDragging=_ref.isDragging,isDragging=void 0!==_ref$isDragging&&_ref$isDragging,_ref$isSelected=_ref.isSelected,isSelected=void 0!==_ref$isSelected&&_ref$isSelected,_ref$onDragStart=_ref.onDragStart,onDragStart=void 0===_ref$onDragStart?function(){return null}:_ref$onDragStart,_ref$onDragEnd=_ref.onDragEnd,onDragEnd=void 0===_ref$onDragEnd?function(){return null}:_ref$onDragEnd,_ref$role=_ref.role,role=void 0===_ref$role?"listitem":_ref$role,props=(0,objectWithoutProperties.A)(_ref,_excluded),ref=(0,react.useRef)(null),sortableContext=(0,react.useContext)(sortable.g);return(0,react.useEffect)((function(){isSelected&&ref.current&&ref.current.focus()}),[isSelected]),(0,react.createElement)("div",(0,esm_extends.A)({},props,{"aria-selected":isSelected,className:classnames_default()("woocommerce-sortable__item",className,{"is-dragging":isDragging,"is-selected":isSelected}),id:"woocommerce-sortable__item-".concat(id),role,onDrop:function onDrop(event){return event.preventDefault()},ref,tabIndex:isSelected?0:-1,"aria-description":(0,build_module.__)("Press spacebar to reorder","woocommerce")}),(0,react.createElement)(draggable.A,{elementId:"woocommerce-sortable__item-".concat(id),transferData:{},onDragStart:function handleDragStart(event){onDragStart(event)},onDragEnd:function handleDragEnd(event){event.preventDefault(),onDragEnd(event)}},(function(_ref2){var onDraggableStart=_ref2.onDraggableStart,onDraggableEnd=_ref2.onDraggableEnd;return(0,react.createElement)(sortable.g.Provider,{value:_objectSpread(_objectSpread({},sortableContext),{},{onDragStart:onDraggableStart,onDragEnd:onDraggableEnd})},children)})))};try{SortableItem.displayName="SortableItem",SortableItem.__docgenInfo={description:"",displayName:"SortableItem",props:{index:{defaultValue:null,description:"",name:"index",required:!0,type:{name:"number"}},isDragging:{defaultValue:{value:"false"},description:"",name:"isDragging",required:!1,type:{name:"boolean"}},isSelected:{defaultValue:{value:"false"},description:"",name:"isSelected",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/sortable/sortable-item.tsx#SortableItem"]={docgenInfo:SortableItem.__docgenInfo,name:"SortableItem",path:"../../packages/js/components/src/sortable/sortable-item.tsx#SortableItem"})}catch(__react_docgen_typescript_loader_error){}var list_item_excluded=["children","className","index","onDragStart","onDragEnd"],ListItem=function ListItem(_ref){var children=_ref.children,className=_ref.className,_ref$index=_ref.index,index=void 0===_ref$index?0:_ref$index,onDragStart=_ref.onDragStart,onDragEnd=_ref.onDragEnd,props=(0,objectWithoutProperties.A)(_ref,list_item_excluded),isDraggable=onDragEnd&&onDragStart;return(0,react.createElement)(SortableItem,(0,esm_extends.A)({},props,{index,className:classnames_default()("woocommerce-list-item",className)}),isDraggable&&(0,react.createElement)(sortable_handle.D,null),children)};try{ListItem.displayName="ListItem",ListItem.__docgenInfo={description:"",displayName:"ListItem",props:{isDragging:{defaultValue:null,description:"",name:"isDragging",required:!1,type:{name:"boolean"}},isSelected:{defaultValue:null,description:"",name:"isSelected",required:!1,type:{name:"boolean"}},index:{defaultValue:{value:"0"},description:"",name:"index",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/list-item/list-item.tsx#ListItem"]={docgenInfo:ListItem.__docgenInfo,name:"ListItem",path:"../../packages/js/components/src/list-item/list-item.tsx#ListItem"})}catch(__react_docgen_typescript_loader_error){}},"../../packages/js/components/src/sortable/sortable-handle.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>SortableHandle});var react=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),DraggableIcon=function DraggableIcon(){return(0,react.createElement)("svg",{width:"8",height:"14",viewBox:"0 0 8 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,react.createElement)("rect",{width:"2",height:"2",fill:"#757575"}),(0,react.createElement)("rect",{y:"6",width:"2",height:"2",fill:"#757575"}),(0,react.createElement)("rect",{y:"12",width:"2",height:"2",fill:"#757575"}),(0,react.createElement)("rect",{x:"6",width:"2",height:"2",fill:"#757575"}),(0,react.createElement)("rect",{x:"6",y:"6",width:"2",height:"2",fill:"#757575"}),(0,react.createElement)("rect",{x:"6",y:"12",width:"2",height:"2",fill:"#757575"}))},sortable=__webpack_require__("../../packages/js/components/src/sortable/sortable.tsx"),SortableHandle=function SortableHandle(_ref){var children=_ref.children,itemIndex=_ref.itemIndex,_useContext=(0,react.useContext)(sortable.g),onDragStart=_useContext.onDragStart,onDragEnd=_useContext.onDragEnd;return(0,react.createElement)("div",{className:"woocommerce-sortable__handle",draggable:!0,onDragStart,onDragEnd,"data-index":itemIndex},children||(0,react.createElement)(DraggableIcon,null))};try{SortableHandle.displayName="SortableHandle",SortableHandle.__docgenInfo={description:"",displayName:"SortableHandle",props:{itemIndex:{defaultValue:null,description:"",name:"itemIndex",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/sortable/sortable-handle.tsx#SortableHandle"]={docgenInfo:SortableHandle.__docgenInfo,name:"SortableHandle",path:"../../packages/js/components/src/sortable/sortable-handle.tsx#SortableHandle"})}catch(__react_docgen_typescript_loader_error){}},"../../packages/js/components/src/sortable/sortable.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{L:()=>Sortable,g:()=>SortableContext});var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/web.timers.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/.pnpm/@wordpress+i18n@4.6.1/node_modules/@wordpress/i18n/build-module/index.js")),classnames__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__),_wordpress_a11y__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/.pnpm/@wordpress+a11y@3.6.1/node_modules/@wordpress/a11y/build-module/index.js"),lodash__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js"),uuid__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("../../node_modules/.pnpm/uuid@9.0.1/node_modules/uuid/dist/esm-browser/v4.js"),_utils__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("../../packages/js/components/src/sortable/utils.ts"),_excluded=["children","isHorizontal","onDragEnd","onDragOver","onDragStart","onOrderChange","className","role"],SortableContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.createContext)({}),Sortable=function Sortable(_ref){var children=_ref.children,_ref$isHorizontal=_ref.isHorizontal,isHorizontal=void 0!==_ref$isHorizontal&&_ref$isHorizontal,_ref$onDragEnd=_ref.onDragEnd,onDragEnd=void 0===_ref$onDragEnd?function(){return null}:_ref$onDragEnd,_ref$onDragOver=_ref.onDragOver,onDragOver=void 0===_ref$onDragOver?function(){return null}:_ref$onDragOver,_ref$onDragStart=_ref.onDragStart,onDragStart=void 0===_ref$onDragStart?function(){return null}:_ref$onDragStart,_ref$onOrderChange=_ref.onOrderChange,onOrderChange=void 0===_ref$onOrderChange?function(){return null}:_ref$onOrderChange,className=_ref.className,_ref$role=_ref.role,role=void 0===_ref$role?"listbox":_ref$role,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.A)(_ref,_excluded),ref=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.useRef)(null),_useState=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.useState)([]),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__.A)(_useState,2),items=_useState2[0],setItems=_useState2[1],_useState3=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.useState)(-1),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__.A)(_useState3,2),selectedIndex=_useState4[0],setSelectedIndex=_useState4[1],_useState5=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.useState)(null),_useState6=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__.A)(_useState5,2),dragIndex=_useState6[0],setDragIndex=_useState6[1],_useState7=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.useState)(null),_useState8=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__.A)(_useState7,2),dropIndex=_useState8[0],setDropIndex=_useState8[1];(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.useEffect)((function(){children&&setItems(Array.isArray(children)?children:[children])}),[children]);var resetIndexes=function resetIndexes(){setTimeout((function(){setDragIndex(null),setDropIndex(null)}),16)},persistItemOrder=function persistItemOrder(){if(null!==dropIndex&&null!==dragIndex&&dropIndex!==dragIndex){var nextItems=(0,_utils__WEBPACK_IMPORTED_MODULE_12__.e6)(dragIndex,dropIndex,items);setItems(nextItems),onOrderChange(nextItems)}resetIndexes()},handleDragStart=function handleDragStart(event,index){setDropIndex(index),setDragIndex(index),onDragStart(event)},handleDragEnd=function handleDragEnd(event){persistItemOrder(),onDragEnd(event)},throttledHandleDragOver=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.useCallback)((0,lodash__WEBPACK_IMPORTED_MODULE_8__.throttle)((function handleDragOver(event,index){if(null!==dragIndex){var targetIndex=dragIndex<index?index:index+1;(0,_utils__WEBPACK_IMPORTED_MODULE_12__.Y8)(event,isHorizontal)&&targetIndex--,setDropIndex(targetIndex),onDragOver(event)}}),16),[dragIndex]);return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.createElement)(SortableContext.Provider,{value:{}},(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.createElement)("div",(0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_13__.A)({},props,{className:classnames__WEBPACK_IMPORTED_MODULE_6___default()("woocommerce-sortable",className,{"is-dragging":null!==dragIndex,"is-horizontal":isHorizontal}),ref,role}),items.map((function(child,index){var isDragging=index===dragIndex;if(child.props.className&&-1!==child.props.className.indexOf("non-sortable-item"))return child;var itemClasses=classnames__WEBPACK_IMPORTED_MODULE_6___default()(child.props.className,{"is-dragging-over-after":(0,_utils__WEBPACK_IMPORTED_MODULE_12__.Km)(index,dragIndex,dropIndex),"is-dragging-over-before":(0,_utils__WEBPACK_IMPORTED_MODULE_12__.PZ)(index,dragIndex,dropIndex),"is-last-droppable":(0,_utils__WEBPACK_IMPORTED_MODULE_12__.Ib)(index,dragIndex,items.length)});return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.cloneElement)(child,{key:child.key||index,className:itemClasses,id:"".concat(index,"-").concat((0,uuid__WEBPACK_IMPORTED_MODULE_14__.A)()),index,isDragging,isSelected:selectedIndex===index,onDragEnd:handleDragEnd,onDragStart:function onDragStart(event){return handleDragStart(event,index)},onDragOver:function onDragOver(event){event.preventDefault(),throttledHandleDragOver(event,index)},onKeyDown:function onKeyDown(event){return function handleKeyDown(event){var key=event.key,isSelecting=null===dragIndex||null===dropIndex,selectedLabel=(0,_utils__WEBPACK_IMPORTED_MODULE_12__.H0)(ref.current,selectedIndex);if(" "===key)return isSelecting?((0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_7__.L)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.nv)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("%s selected, use up and down arrow keys to reorder","woocommerce"),selectedLabel),"assertive"),setDragIndex(selectedIndex),void setDropIndex(selectedIndex)):(setSelectedIndex(dropIndex),(0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_7__.L)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.nv)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("%1$s dropped, position in list: %2$d of %3$d","woocommerce"),selectedLabel,dropIndex+1,items.length),"assertive"),void persistItemOrder());if("ArrowUp"===key){if(isSelecting)return void setSelectedIndex((0,_utils__WEBPACK_IMPORTED_MODULE_12__.S1)(selectedIndex,items.length));var previousDropIndex=(0,_utils__WEBPACK_IMPORTED_MODULE_12__.S1)(dropIndex,items.length);return setDropIndex(previousDropIndex),void(0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_7__.L)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.nv)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("%1$s, position in list: %2$d of %3$d","woocommerce"),selectedLabel,previousDropIndex+1,items.length),"assertive")}if("ArrowDown"===key){if(isSelecting)return void setSelectedIndex((0,_utils__WEBPACK_IMPORTED_MODULE_12__.g0)(selectedIndex,items.length));var nextDropIndex=(0,_utils__WEBPACK_IMPORTED_MODULE_12__.g0)(dropIndex,items.length);return setDropIndex(nextDropIndex),void(0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_7__.L)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.nv)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("%1$s, position in list: %2$d of %3$d","woocommerce"),selectedLabel,nextDropIndex+1,items.length),"assertive")}"Escape"===key&&(resetIndexes(),(0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_7__.L)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Reordering cancelled. Restoring the original list order","woocommerce"),"assertive"))}(event)}})}))))};try{Sortable.displayName="Sortable",Sortable.__docgenInfo={description:"",displayName:"Sortable",props:{isHorizontal:{defaultValue:{value:"false"},description:"",name:"isHorizontal",required:!1,type:{name:"boolean"}},onOrderChange:{defaultValue:{value:"() => null"},description:"",name:"onOrderChange",required:!1,type:{name:"((items: Element[]) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/sortable/sortable.tsx#Sortable"]={docgenInfo:Sortable.__docgenInfo,name:"Sortable",path:"../../packages/js/components/src/sortable/sortable.tsx#Sortable"})}catch(__react_docgen_typescript_loader_error){}},"../../packages/js/components/src/sortable/utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{H0:()=>getItemName,Ib:()=>isLastDroppable,Km:()=>isDraggingOverAfter,PZ:()=>isDraggingOverBefore,S1:()=>getPreviousIndex,Y8:()=>isBefore,e6:()=>moveIndex,g0:()=>getNextIndex});var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("../../node_modules/.pnpm/@wordpress+i18n@4.6.1/node_modules/@wordpress/i18n/build-module/index.js")),moveIndex=function moveIndex(fromIndex,toIndex,arr){var newArr=(0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__.A)(arr),item=arr[fromIndex];return newArr.splice(fromIndex,1),newArr.splice(toIndex,0,item),newArr},isBefore=function isBefore(event){var isHorizontal=arguments.length>1&&void 0!==arguments[1]&&arguments[1],target=event.target;if(isHorizontal){var _middle=target.offsetWidth/2,_rect=target.getBoundingClientRect();return event.clientX-_rect.left<_middle}var middle=target.offsetHeight/2,rect=target.getBoundingClientRect();return event.clientY-rect.top<middle},isDraggingOverAfter=function isDraggingOverAfter(index,dragIndex,dropIndex){return null!==dragIndex&&(dragIndex<index?dropIndex===index:dropIndex===index+1)},isDraggingOverBefore=function isDraggingOverBefore(index,dragIndex,dropIndex){return null!==dragIndex&&(dragIndex<index?dropIndex===index-1:dropIndex===index)},isLastDroppable=function isLastDroppable(index,dragIndex,itemCount){return dragIndex!==index&&(index===itemCount-1||dragIndex===itemCount-1&&index===itemCount-2)},getNextIndex=function getNextIndex(currentIndex,itemCount){var index=currentIndex+1;return index>itemCount-1&&(index=0),index},getPreviousIndex=function getPreviousIndex(currentIndex,itemCount){var index=currentIndex-1;return index<0&&(index=itemCount-1),index},getItemName=function getItemName(parentNode,index){var _listItemNode$querySe,listItemNode=null==parentNode?void 0:parentNode.childNodes[index];return null!==index&&listItemNode?listItemNode.querySelector("[aria-label]")?null===(_listItemNode$querySe=listItemNode.querySelector("[aria-label]"))||void 0===_listItemNode$querySe?void 0:_listItemNode$querySe.ariaLabel:listItemNode.textContent?listItemNode.textContent:listItemNode.querySelector("[alt]")?listItemNode.querySelector("[alt]").alt:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Item","woocommerce"):null}},"../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(arg){var argType=typeof arg;if("string"===argType||"number"===argType)classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if("object"===argType){if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]")){classes.push(arg.toString());continue}for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key)}}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/array-for-each.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $forEach=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/array-iteration.js").forEach,STRICT_METHOD=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/array-method-is-strict.js")("forEach");module.exports=STRICT_METHOD?[].forEach:function forEach(callbackfn){return $forEach(this,callbackfn,arguments.length>1?arguments[1]:void 0)}},"../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.filter.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/export.js"),$filter=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/array-iteration.js").filter;$({target:"Array",proto:!0,forced:!__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/array-method-has-species-support.js")("filter")},{filter:function filter(callbackfn){return $filter(this,callbackfn,arguments.length>1?arguments[1]:void 0)}})},"../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.for-each.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/export.js"),forEach=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/array-for-each.js");$({target:"Array",proto:!0,forced:[].forEach!==forEach},{forEach})},"../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.define-properties.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/export.js"),DESCRIPTORS=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/descriptors.js"),defineProperties=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/object-define-properties.js").f;$({target:"Object",stat:!0,forced:Object.defineProperties!==defineProperties,sham:!DESCRIPTORS},{defineProperties})},"../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.define-property.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/export.js"),DESCRIPTORS=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/descriptors.js"),defineProperty=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/object-define-property.js").f;$({target:"Object",stat:!0,forced:Object.defineProperty!==defineProperty,sham:!DESCRIPTORS},{defineProperty})},"../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.get-own-property-descriptor.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/export.js"),fails=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/fails.js"),toIndexedObject=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/to-indexed-object.js"),nativeGetOwnPropertyDescriptor=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/object-get-own-property-descriptor.js").f,DESCRIPTORS=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/descriptors.js");$({target:"Object",stat:!0,forced:!DESCRIPTORS||fails((function(){nativeGetOwnPropertyDescriptor(1)})),sham:!DESCRIPTORS},{getOwnPropertyDescriptor:function getOwnPropertyDescriptor(it,key){return nativeGetOwnPropertyDescriptor(toIndexedObject(it),key)}})},"../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.get-own-property-descriptors.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/export.js"),DESCRIPTORS=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/descriptors.js"),ownKeys=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/own-keys.js"),toIndexedObject=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/to-indexed-object.js"),getOwnPropertyDescriptorModule=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/object-get-own-property-descriptor.js"),createProperty=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/create-property.js");$({target:"Object",stat:!0,sham:!DESCRIPTORS},{getOwnPropertyDescriptors:function getOwnPropertyDescriptors(object){for(var key,descriptor,O=toIndexedObject(object),getOwnPropertyDescriptor=getOwnPropertyDescriptorModule.f,keys=ownKeys(O),result={},index=0;keys.length>index;)void 0!==(descriptor=getOwnPropertyDescriptor(O,key=keys[index++]))&&createProperty(result,key,descriptor);return result}})},"../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.keys.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var $=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/export.js"),toObject=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/to-object.js"),nativeKeys=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/object-keys.js");$({target:"Object",stat:!0,forced:__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/fails.js")((function(){nativeKeys(1)}))},{keys:function keys(it){return nativeKeys(toObject(it))}})},"../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/web.dom-collections.for-each.js":(__unused_webpack_module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var global=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/global.js"),DOMIterables=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/dom-iterables.js"),DOMTokenListPrototype=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/dom-token-list-prototype.js"),forEach=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/array-for-each.js"),createNonEnumerableProperty=__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/create-non-enumerable-property.js"),handlePrototype=function(CollectionPrototype){if(CollectionPrototype&&CollectionPrototype.forEach!==forEach)try{createNonEnumerableProperty(CollectionPrototype,"forEach",forEach)}catch(error){CollectionPrototype.forEach=forEach}};for(var COLLECTION_NAME in DOMIterables)DOMIterables[COLLECTION_NAME]&&handlePrototype(global[COLLECTION_NAME]&&global[COLLECTION_NAME].prototype);handlePrototype(DOMTokenListPrototype)},"../../packages/js/components/src/list-item/stories/list-item.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Draggable:()=>Draggable,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../packages/js/components/src/list-item/list-item.tsx"),_sortable__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../packages/js/components/src/sortable/sortable.tsx"),Basic=function Basic(){return(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(___WEBPACK_IMPORTED_MODULE_1__.c,null,"Item 1"),(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(___WEBPACK_IMPORTED_MODULE_1__.c,null,"Item 2"),(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(___WEBPACK_IMPORTED_MODULE_1__.c,null,"Item 3"),(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(___WEBPACK_IMPORTED_MODULE_1__.c,null,"Item 4"),(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(___WEBPACK_IMPORTED_MODULE_1__.c,null,"Item 5"))},Draggable=function Draggable(){return(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_sortable__WEBPACK_IMPORTED_MODULE_2__.L,null,(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(___WEBPACK_IMPORTED_MODULE_1__.c,null,"Item 1"),(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(___WEBPACK_IMPORTED_MODULE_1__.c,null,"Item 2"),(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(___WEBPACK_IMPORTED_MODULE_1__.c,null,"Item 3"))};const __WEBPACK_DEFAULT_EXPORT__={title:"WooCommerce Admin/components/ListItem",component:___WEBPACK_IMPORTED_MODULE_1__.c};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"() => {\n  return <>\n            <ListItem>Item 1</ListItem>\n            <ListItem>Item 2</ListItem>\n            <ListItem>Item 3</ListItem>\n            <ListItem>Item 4</ListItem>\n            <ListItem>Item 5</ListItem>\n        </>;\n}",...Basic.parameters?.docs?.source}}},Draggable.parameters={...Draggable.parameters,docs:{...Draggable.parameters?.docs,source:{originalSource:"() => {\n  return <Sortable>\n            <ListItem>Item 1</ListItem>\n            <ListItem>Item 2</ListItem>\n            <ListItem>Item 3</ListItem>\n        </Sortable>;\n}",...Draggable.parameters?.docs?.source}}}}}]);