{"version":3,"file":"sortable-header-SoSAq6nH.js","sources":["../../../node_modules/@heroicons/react/16/solid/esm/ChevronDownIcon.js","../../../node_modules/@heroicons/react/16/solid/esm/ChevronUpIcon.js","../../../app/frontend/entrypoints/admin/components/sortable-header.jsx"],"sourcesContent":["import * as React from \"react\";\nfunction ChevronDownIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    d: \"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z\",\n    clipRule: \"evenodd\"\n  }));\n}\nconst ForwardRef = /*#__PURE__*/ React.forwardRef(ChevronDownIcon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction ChevronUpIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 16 16\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    d: \"M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z\",\n    clipRule: \"evenodd\"\n  }));\n}\nconst ForwardRef = /*#__PURE__*/ React.forwardRef(ChevronUpIcon);\nexport default ForwardRef;","import React, {useEffect, useState} from \"react\";\nimport {ChevronDownIcon, ChevronUpIcon } from \"@heroicons/react/16/solid\";\nimport {sort} from \"../../scout_dashboard/pro/datatable/util\";\n\nfunction SortableHeader({ sortDir, activeColumn, value, column, update }) {\n  const [visible, setVisible] = useState(false);\n\n  function handleClick(e) {\n    e.preventDefault();\n    if(activeColumn !== column) {\n      update(column, 'asc');\n    } else if(sortDir === 'asc') {\n      update(column, 'desc')\n    } else if(sortDir === 'desc') {\n      update('id', 'desc')\n    } else if(sortDir === '') {\n      update(column, 'asc')\n    } else {\n      console.error(`Invalid sort dir ${sortDir}`)\n    }\n  }\n\n  function handleMouseEnter(e) {\n    e.preventDefault();\n    setVisible(true);\n  }\n\n  function handleMouseLeave(e) {\n    e.preventDefault();\n    setVisible(false)\n  }\n\n  function renderSortIcon() {\n    if((activeColumn !== column) || sortDir === '') {\n      return (\n        <span className={`ml-2 flex-none rounded bg-gray-100 text-gray-400 ${visible ? '' : 'invisible'}`}>\n          <ChevronUpIcon className=\"h-4 w-4 text-gray-500 hover:text-blue-600\" />\n        </span>\n      )\n    } else if(sortDir === 'asc') {\n      return (\n        <span className=\"ml-2 flex-none rounded bg-gray-200 text-gray-900 group-hover:bg-gray-600\">\n          <ChevronUpIcon className=\"h-4 w-4 text-gray-500 hover:text-blue-600\" />\n        </span>\n      )\n    } else if(sortDir === 'desc') {\n      return (\n        <span className=\"ml-2 flex-none rounded bg-gray-200 text-gray-900 group-hover:bg-gray-600\">\n            <ChevronDownIcon className=\"h-4 w-4 text-gray-500 hover:text-blue-600\" />\n          </span>\n      )\n    }\n  }\n\n  return (\n    <div onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} className='flex items-center cursor-default hover:cursor-pointer' onClick={handleClick}>\n      <span>{ value }</span>\n      { renderSortIcon() }\n    </div>\n  )\n}\n\nexport default  SortableHeader;"],"names":["ChevronDownIcon","title","titleId","props","svgRef","React.createElement","ForwardRef","React.forwardRef","ChevronDownIcon$1","ChevronUpIcon","ChevronUpIcon$1","SortableHeader","sortDir","activeColumn","value","column","update","visible","setVisible","useState","handleClick","e","handleMouseEnter","handleMouseLeave","renderSortIcon","jsx","jsxs"],"mappings":"uIACA,SAASA,EAAgB,CACvB,MAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAGC,EAAQ,CACT,OAAoBC,gBAAoB,MAAO,OAAO,OAAO,CAC3D,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,OACf,YAAa,OACb,IAAKD,EACL,kBAAmBF,CACpB,EAAEC,CAAK,EAAGF,EAAqBI,EAAAA,cAAoB,QAAS,CAC3D,GAAIH,CACL,EAAED,CAAK,EAAI,KAAmBI,EAAAA,cAAoB,OAAQ,CACzD,SAAU,UACV,EAAG,uIACH,SAAU,SACX,CAAA,CAAC,CACJ,CACA,MAAMC,EAA2BC,EAAAA,WAAiBP,CAAe,EACjEQ,EAAeF,ECtBf,SAASG,EAAc,CACrB,MAAAR,EACA,QAAAC,EACA,GAAGC,CACL,EAAGC,EAAQ,CACT,OAAoBC,gBAAoB,MAAO,OAAO,OAAO,CAC3D,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,OACf,YAAa,OACb,IAAKD,EACL,kBAAmBF,CACpB,EAAEC,CAAK,EAAGF,EAAqBI,EAAAA,cAAoB,QAAS,CAC3D,GAAIH,CACL,EAAED,CAAK,EAAI,KAAmBI,EAAAA,cAAoB,OAAQ,CACzD,SAAU,UACV,EAAG,uIACH,SAAU,SACX,CAAA,CAAC,CACJ,CACA,MAAMC,EAA2BC,EAAAA,WAAiBE,CAAa,EAC/DC,EAAeJ,ECnBf,SAASK,EAAe,CAAE,QAAAC,EAAS,aAAAC,EAAc,MAAAC,EAAO,OAAAC,EAAQ,OAAAC,GAAU,CACxE,KAAM,CAACC,EAASC,CAAU,EAAIC,WAAS,EAAK,EAE5C,SAASC,EAAYC,EAAG,CACtBA,EAAE,eAAe,EACdR,IAAiBE,EAClBC,EAAOD,EAAQ,KAAK,EACZH,IAAY,MACpBI,EAAOD,EAAQ,MAAM,EACbH,IAAY,OACpBI,EAAO,KAAM,MAAM,EACXJ,IAAY,GACpBI,EAAOD,EAAQ,KAAK,EAEZ,QAAA,MAAM,oBAAoBH,CAAO,EAAE,CAE/C,CAEA,SAASU,EAAiBD,EAAG,CAC3BA,EAAE,eAAe,EACjBH,EAAW,EAAI,CACjB,CAEA,SAASK,EAAiBF,EAAG,CAC3BA,EAAE,eAAe,EACjBH,EAAW,EAAK,CAClB,CAEA,SAASM,GAAiB,CACpB,GAAAX,IAAiBE,GAAWH,IAAY,GAC1C,OACGa,EAAAA,IAAA,OAAA,CAAK,UAAW,oDAAoDR,EAAU,GAAK,WAAW,GAC7F,SAACQ,EAAAA,IAAAhB,EAAA,CAAc,UAAU,2CAAA,CAA4C,CACvE,CAAA,EAEJ,GAAUG,IAAY,MAElB,OAAAa,EAAA,IAAC,QAAK,UAAU,2EACd,eAAChB,EAAc,CAAA,UAAU,2CAA4C,CAAA,CACvE,CAAA,EAEJ,GAAUG,IAAY,OAElB,OAAAa,EAAA,IAAC,QAAK,UAAU,2EACZ,eAACzB,EAAgB,CAAA,UAAU,2CAA4C,CAAA,CACzE,CAAA,CAGR,CAGE,OAAA0B,OAAC,OAAI,aAAcJ,EAAkB,aAAcC,EAAkB,UAAU,wDAAwD,QAASH,EAC9I,SAAA,CAAAK,EAAAA,IAAC,QAAO,SAAOX,CAAA,CAAA,EACbU,EAAe,CACnB,CAAA,CAAA,CAEJ","x_google_ignoreList":[0,1]}