{"version":3,"file":"webpack-chunks/chunk.scripts_components_react_ResourceLibrary_MiniResourceLibrary_jsx.0481c7ec72eae3a13cc7.js","mappings":"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","sources":["webpack://detroit/./scripts/components/react/ResourceLibrary/Listbox.jsx","webpack://detroit/./scripts/components/react/ResourceLibrary/MiniResourceLibrary.jsx"],"sourcesContent":["import React from \"react\";\r\nimport { Fragment } from \"react\";\r\nimport { Listbox, Transition } from \"@headlessui/react\";\r\n// @ts-ignore\r\nimport ChevronDown from \"!jsx!./assets/chevron-down.svg\";\r\n\r\nexport default function ListboxComponent({\r\n\tselectList = [],\r\n\tselected = {\r\n\t\tvalue: \"FileDate\",\r\n\t\tdescription: \"Sort By\",\r\n\t},\r\n\tsetSelected = ({}) => {},\r\n}) {\r\n\treturn (\r\n\t\t<Listbox value={selected} onChange={setSelected}>\r\n\t\t\t<div className=\"tw-relative tw-mt-1\">\r\n\t\t\t\t{/* need to render as div due to the very aggressive styling used on this site... */}\r\n\t\t\t\t<Listbox.Button\r\n\t\t\t\t\tas=\"div\"\r\n\t\t\t\t\tclassName=\"\r\n\t\t\t\t\t\tfocus:tw-outline-none tw-min-w-[150px]\r\n\t\t\t\t\t\ttw-relative tw-w-full tw-cursor-default tw-rounded-lg tw-bg-white\r\n\t\t\t\t\t\ttw-py-2 tw-pl-3 tw-pr-10 tw-text-left tw-border tw-border-solid tw-border-gray-300\r\n\t\t\t\t\t\tfocus-visible:tw-border-indigo-500 focus-visible:tw-ring-2 focus-visible:tw-ring-white focus-visible:tw-ring-opacity-75 focus-visible:tw-ring-offset-2 focus-visible:tw-ring-offset-secondary\r\n\t\t\t\t\t\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span className=\"tw-block tw-truncate tw-font-heading\">\r\n\t\t\t\t\t\t{selected.description}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span className=\"tw-pointer-events-none tw-absolute tw-inset-y-0 tw-right-0 tw-flex tw-items-center tw-pr-2\">\r\n\t\t\t\t\t\t<ChevronDown className=\"tw-text-secondary tw-w-[10px] tw-h-[10px]\" />\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</Listbox.Button>\r\n\t\t\t\t<Transition\r\n\t\t\t\t\tas={Fragment}\r\n\t\t\t\t\tleave=\"transition ease-in duration-100\"\r\n\t\t\t\t\tleaveFrom=\"opacity-100\"\r\n\t\t\t\t\tleaveTo=\"opacity-0\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<Listbox.Options\r\n\t\t\t\t\t\tclassName=\"\r\n\t\t\t\t\t\t\tfocus:tw-outline-none\r\n\t\t\t\t\t\t\ttw-absolute tw-z-10 tw-mt-1 tw-max-h-60 tw-w-full tw-overflow-auto\r\n\t\t\t\t\t\t\ttw-rounded-md tw-bg-white tw-py-1 tw-shadow-lg\r\n\t\t\t\t\t\t\ttw-ring-1 tw-ring-black tw-ring-opacity-5\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{selectList.map((list) => (\r\n\t\t\t\t\t\t\t<Listbox.Option\r\n\t\t\t\t\t\t\t\tkey={list.value}\r\n\t\t\t\t\t\t\t\tclassName={({ active }) =>\r\n\t\t\t\t\t\t\t\t\t`tw-relative tw-cursor-default tw-select-none tw-py-2 tw-pl-10 tw-pr-4 ${\r\n\t\t\t\t\t\t\t\t\t\tactive ? \"tw-bg-secondary/20\" : \"tw-text-gray-900\"\r\n\t\t\t\t\t\t\t\t\t}`\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tvalue={list}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{({ selected }) => (\r\n\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={`tw-block tw-truncate ${\r\n\t\t\t\t\t\t\t\t\t\t\t\tselected ? \"tw-font-medium\" : \"tw-font-normal\"\r\n\t\t\t\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{list.description}\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t{selected ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"tw-absolute tw-inset-y-0 tw-left-0 tw-flex tw-items-center tw-pl-3 tw-text-secondary\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t•\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</Listbox.Option>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</Listbox.Options>\r\n\t\t\t\t</Transition>\r\n\t\t\t</div>\r\n\t\t</Listbox>\r\n\t);\r\n}\r\n","import AssetItems from \"./AssetItems.jsx\";\r\nimport Filter from \"./Filter.jsx\";\r\nimport Listbox from \"./Listbox.jsx\";\r\nimport React, { useState, useEffect } from \"react\";\r\n\r\nimport { getAssetTypes, getAssets, getOrderByTypes } from \"./api.js\";\r\n\r\nexport default (props) => {\r\n\r\n    const [ddFilters, setDDFilters] = useState([]);\r\n    const defaultFilter = { description: 'Content Type', value: '', Display: 'Content Type', Value: '' };\r\n    const defaultOrderBy = { description: 'File Date', value: 'FileDate' };\r\n    const [activeDDFilter, setActiveDDFilter] = useState(defaultFilter);\r\n    const [activeFilters, setActiveFilters] = useState([]);\r\n    const [filters, setFilters] = useState([]);\r\n    const [orderBy, setOrderBy] = useState(defaultOrderBy);\r\n    const [orderByTypes, setOrderByTypes] = useState([]);\r\n\r\n    function setDDLActiveFilter(x) {\r\n\r\n        setActiveFilters([x.value]);\r\n\r\n        setActiveDDFilter(x);\r\n    }\r\n\r\n    class Behavior {\r\n\r\n        constructor(label, orderBy, orderByTypes, fnSetOrderBy, fnSetOrderByTypes) {\r\n\r\n            this.FnSetOrderBy = fnSetOrderBy;\r\n            this.FnSetOrderByTypes = fnSetOrderByTypes;\r\n            this.Label = label;\r\n            this.OrderBy = orderBy;\r\n            this.OrderByTypes = orderByTypes;\r\n        }\r\n\r\n        SetOrderBy = (x) => {\r\n            this.FnSetOrderBy(x);\r\n        }\r\n\r\n        SetOrderByTypes = (x) => {\r\n            this.FnSetOrderByTypes(x);\r\n        }\r\n    }\r\n\r\n    const behavior = new Behavior('Order By', orderBy, orderByTypes, setOrderBy, setOrderByTypes);\r\n\r\n    useEffect(() => {\r\n        getAssetTypes().then((d) => {\r\n\r\n            const ddList = d.map(x => Object.assign(x, { value: x.value, description: x.display }));\r\n            ddList.unshift(defaultFilter);\r\n            setDDFilters(ddList);\r\n            setFilters(d);\r\n        });\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        getOrderByTypes().then((d) => {\r\n            behavior.SetOrderByTypes([...d]);\r\n            if (d.length > 0)\r\n                behavior.SetOrderBy(d[0]);\r\n        });\r\n    }, []);\r\n\r\n    return (\r\n        <div className=\"tw-grid lg:tw-grid-cols-5 tw-gap-4 tw-font-sans\">\r\n            <div className=\"tw-hidden lg:tw-block tw-overflow-x-hidden tw-pb-[60px]\">\r\n                <Filter {...{ activeFilters, setActiveFilters, filters }} />\r\n            </div>\r\n            <div className=\"tw-block lg:tw-hidden tw-col-span-4 tw-mb-4\">\r\n                <Listbox\r\n                    selectList={ddFilters}\r\n                    selected={activeDDFilter}\r\n                    setSelected={setDDLActiveFilter}\r\n                />\r\n            </div>\r\n            <div className=\"tw-bg-white tw-col-span-4\">\r\n                <div className=\"tw-max-w-[905px] tw-mx-auto\">\r\n                    <section>\r\n                        <AssetItems\r\n                            itemLookup={props?.adsId}\r\n                            itemLookupFn={getAssets}\r\n                            activeFilters={activeFilters}\r\n                            orderBy={orderBy?.value || \"\"}\r\n                            resultsBehavior={behavior}\r\n                        />\r\n                    </section>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}"],"names":["React","Fragment","Listbox","Transition","ChevronDown","ListboxComponent","selectList","selected","value","description","setSelected","map","list","active","AssetItems","Filter","useState","useEffect","getAssetTypes","getAssets","getOrderByTypes","props","ddFilters","setDDFilters","defaultFilter","Display","Value","defaultOrderBy","activeDDFilter","setActiveDDFilter","activeFilters","setActiveFilters","filters","setFilters","orderBy","setOrderBy","orderByTypes","setOrderByTypes","setDDLActiveFilter","x","Behavior","constructor","label","fnSetOrderBy","fnSetOrderByTypes","FnSetOrderBy","FnSetOrderByTypes","Label","OrderBy","OrderByTypes","behavior","then","d","ddList","Object","assign","display","unshift","SetOrderByTypes","length","SetOrderBy","adsId"],"sourceRoot":""}