@ynput/ayon-frontend-shared 0.4.0 → 0.4.1

package/dist/shared/src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js

@@ -6,5 +6,5 @@
     opacity: 0.5;
     pointer-events: none;
   }
-`,j=({subtasksFilter:c,setSubtasksFilter:b,users:u,isLoading:D,totalCount:d=0,doneCount:F=0,onSearchTextChange:p})=>{const a=s.useMemo(()=>[{id:"isDone",label:"Status",icon:"check_circle",type:"boolean",singleSelect:!0,values:[{id:"false",label:"Not Done",icon:"radio_button_unchecked"},{id:"true",label:"Done",icon:"check_circle"}]},{id:"assignees",label:"Assignees",icon:"person",type:"list_of_strings",operator:"OR",allowHasValue:!0,allowNoValue:!0,values:u.map(e=>({id:e.name,label:e.attrib?.fullName||e.name,img:`/api/users/${e.name}/avatar`}))}],[u]),o=s.useMemo(()=>C.subtasksFilterToClientFilters(c,a),[c,a]),[n,m]=s.useState(o),g=s.useRef(null),t=q.useDateRangeFilter();s.useEffect(()=>{m(o)},[JSON.stringify(o)]);const h=e=>{const i=C.clientFiltersToSubtasksFilter(e);b(i),p?.("")},R=e=>{t.wrapFilterChange(e,n,m)},S=(e,i)=>{i||p?.(e)};let l="";d>0&&(l=`${F}/${d}`);const f=s.useMemo(()=>[{id:"isDone",label:l,tooltip:"Status"}],[l]);return r.jsxRuntimeExports.jsxs(_,{className:D?"loading":void 0,children:[r.jsxRuntimeExports.jsx(k.SearchFilter,{ref:g,compact:!0,options:a,filters:n,onChange:R,onFinish:h,enableGlobalSearch:!0,enableMultipleSameFilters:!1,enableAutosuggestion:!0,onSearchChange:S,quickActions:f,placeholder:"Search and filter subtasks...",pt:{searchBar:{onClickCapture:e=>t.handleSearchBarClickCapture(e,n)},dropdown:{pt:{item:{onClick:e=>t.handleDropdownItemClick(e,n,a)}}}}}),r.jsxRuntimeExports.jsx(y.CustomDateRangeDialog,{isOpen:!!t.customRangeFilterId,header:a.find(e=>e.id===t.customRangeFilterId?.split("__")[0])?.label??"Custom range",startDate:t.customStartDate,endDate:t.customEndDate,onStartDateChange:t.setCustomStartDate,onEndDateChange:t.setCustomEndDate,onApply:()=>t.handleCustomRangeApply(n,a,h,g),onClose:t.handleCustomRangeClose})]})};module.exports=j;
+`,j=({subtasksFilter:c,setSubtasksFilter:b,users:u,isLoading:D,totalCount:d=0,doneCount:F=0,onSearchTextChange:p})=>{const a=s.useMemo(()=>[{id:"isDone",label:"Status",icon:"check_circle",type:"boolean",singleSelect:!0,values:[{id:"false",label:"Not Done",icon:"radio_button_unchecked"},{id:"true",label:"Done",icon:"check_circle"}]},{id:"assignees",label:"Assignees",icon:"person",type:"list_of_strings",operator:"OR",allowHasValue:!0,allowNoValue:!0,values:u.map(e=>({id:e.name,label:e.attrib?.fullName||e.name,img:`/api/users/${e.name}/avatar`}))}],[u]),o=s.useMemo(()=>C.subtasksFilterToClientFilters(c,a),[c,a]),[n,m]=s.useState(o),g=s.useRef(null),t=q.useDateRangeFilter();s.useEffect(()=>{m(o)},[JSON.stringify(o)]);const h=e=>{const i=C.clientFiltersToSubtasksFilter(e);b(i),p?.("")},R=e=>{t.wrapFilterChange(e,n,m)},f=(e,i)=>{i||p?.(e)};let l="";d>0&&(l=`${F}/${d}`);const S=s.useMemo(()=>[{id:"isDone",label:l,tooltip:"Status"}],[l]);return r.jsxRuntimeExports.jsxs(_,{className:D?"loading":void 0,children:[r.jsxRuntimeExports.jsx(k.SearchFilter,{ref:g,compact:!0,options:a,filters:n,onChange:R,onFinish:h,enableGlobalSearch:!0,enableMultipleSameFilters:!1,enableAutosuggestion:!1,onSearchChange:f,quickActions:S,placeholder:"Search and filter subtasks...",pt:{searchBar:{onClickCapture:e=>t.handleSearchBarClickCapture(e,n)},dropdown:{pt:{item:{onClick:e=>t.handleDropdownItemClick(e,n,a)}}}}}),r.jsxRuntimeExports.jsx(y.CustomDateRangeDialog,{isOpen:!!t.customRangeFilterId,header:a.find(e=>e.id===t.customRangeFilterId?.split("__")[0])?.label??"Custom range",startDate:t.customStartDate,endDate:t.customEndDate,onStartDateChange:t.setCustomStartDate,onEndDateChange:t.setCustomEndDate,onApply:()=>t.handleCustomRangeApply(n,a,h,g),onClose:t.handleCustomRangeClose})]})};module.exports=j;
 //# sourceMappingURL=SubtasksSearchFilter.cjs.js.map

package/dist/shared/src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubtasksSearchFilter.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  SearchFilter,\n  Filter,\n  Option,\n  SearchFilterQuickAction,\n  SearchFilterRef,\n} from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { type QueryFilter, UserModel } from '@shared/api'\nimport {\n  subtasksFilterToClientFilters,\n  clientFiltersToSubtasksFilter,\n} from '../../helpers/subtasksFilterAdapter'\nimport { generateDateOptions } from '@shared/components/SearchFilter/filterDates'\nimport { useDateRangeFilter } from '@shared/components/SearchFilter/useDateRangeFilter'\nimport { CustomDateRangeDialog } from '@shared/components/SearchFilter/CustomDateRangeDialog'\n\nconst Wrapper = styled.div`\n  padding: 4px 8px;\n  padding-bottom: 0;\n\n  &.loading {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n`\n\ninterface SubtasksSearchFilterProps {\n  subtasksFilter: QueryFilter\n  setSubtasksFilter: (filter: QueryFilter) => void\n  users: UserModel[]\n  isLoading?: boolean\n  totalCount?: number\n  doneCount?: number\n  onSearchTextChange?: (text: string) => void\n}\n\nconst SubtasksSearchFilter: FC<SubtasksSearchFilterProps> = ({\n  subtasksFilter,\n  setSubtasksFilter,\n  users,\n  isLoading,\n  totalCount = 0,\n  doneCount = 0,\n  onSearchTextChange,\n}) => {\n  const options: Option[] = useMemo(\n    () => [\n      {\n        id: 'isDone',\n        label: 'Status',\n        icon: 'check_circle',\n        type: 'boolean',\n        singleSelect: true,\n        values: [\n          { id: 'false', label: 'Not Done', icon: 'radio_button_unchecked' },\n          { id: 'true', label: 'Done', icon: 'check_circle' },\n        ],\n      },\n      {\n        id: 'assignees',\n        label: 'Assignees',\n        icon: 'person',\n        type: 'list_of_strings' as const,\n        operator: 'OR' as const,\n        allowHasValue: true,\n        allowNoValue: true,\n        values: users.map((u) => ({\n          id: u.name,\n          label: u.attrib?.fullName || u.name,\n          img: `/api/users/${u.name}/avatar`,\n        })),\n      },\n      //   dates disabled until planner update with support is released\n      //   {\n      //     id: 'startDate',\n      //     label: 'Start Date',\n      //     icon: 'calendar_today',\n      //     type: 'datetime',\n      //     values: generateDateOptions(),\n      //   },\n      //   {\n      //     id: 'endDate',\n      //     label: 'End Date',\n      //     icon: 'event',\n      //     type: 'datetime',\n      //     values: generateDateOptions(),\n      //   },\n    ],\n    [users],\n  )\n\n  const filters = useMemo(() => {\n    return subtasksFilterToClientFilters(subtasksFilter, options)\n  }, [subtasksFilter, options])\n\n  const [localFilters, setLocalFilters] = useState<Filter[]>(filters)\n  const searchFilterRef = useRef<SearchFilterRef>(null)\n\n  const dateRange = useDateRangeFilter()\n\n  useEffect(() => {\n    setLocalFilters(filters)\n  }, [JSON.stringify(filters)])\n\n  const handleFinish = (newFilters: Filter[]) => {\n    const queryFilter = clientFiltersToSubtasksFilter(newFilters)\n\n    setSubtasksFilter(queryFilter)\n    onSearchTextChange?.('')\n  }\n\n  const handleFilterChange = (newFilters: Filter[]) => {\n    dateRange.wrapFilterChange(newFilters, localFilters, setLocalFilters)\n  }\n\n  const handleLiveSearch = (value: string, filter: string | null) => {\n    // only for root level searching\n    if (!!filter) return\n    onSearchTextChange?.(value)\n  }\n\n  let statusLabel: string = ''\n  if (totalCount > 0) {\n    statusLabel = `${doneCount}/${totalCount}`\n  }\n\n  const quickActions: SearchFilterQuickAction[] = useMemo(\n    () => [{ id: 'isDone', label: statusLabel, tooltip: 'Status' }],\n    [statusLabel],\n  )\n\n  return (\n    <Wrapper className={isLoading ? 'loading' : undefined}>\n      <SearchFilter\n        ref={searchFilterRef}\n        compact\n        options={options}\n        filters={localFilters}\n        onChange={handleFilterChange}\n        onFinish={handleFinish}\n        enableGlobalSearch\n        enableMultipleSameFilters={false}\n        enableAutosuggestion={true}\n        onSearchChange={handleLiveSearch}\n        quickActions={quickActions}\n        placeholder=\"Search and filter subtasks...\"\n        pt={{\n          searchBar: {\n            onClickCapture: (e) => dateRange.handleSearchBarClickCapture(e, localFilters),\n          },\n          dropdown: {\n            pt: {\n              item: {\n                onClick: (e) => dateRange.handleDropdownItemClick(e, localFilters, options),\n              },\n            },\n          },\n        }}\n      />\n      <CustomDateRangeDialog\n        isOpen={!!dateRange.customRangeFilterId}\n        header={\n          options.find((o) => o.id === dateRange.customRangeFilterId?.split('__')[0])?.label ??\n          'Custom range'\n        }\n        startDate={dateRange.customStartDate}\n        endDate={dateRange.customEndDate}\n        onStartDateChange={dateRange.setCustomStartDate}\n        onEndDateChange={dateRange.setCustomEndDate}\n        onApply={() =>\n          dateRange.handleCustomRangeApply(localFilters, options, handleFinish, searchFilterRef)\n        }\n        onClose={dateRange.handleCustomRangeClose}\n      />\n    </Wrapper>\n  )\n}\n\nexport default SubtasksSearchFilter\n"],"names":["Wrapper","styled","SubtasksSearchFilter","subtasksFilter","setSubtasksFilter","users","isLoading","totalCount","doneCount","onSearchTextChange","options","useMemo","u","filters","subtasksFilterToClientFilters","localFilters","setLocalFilters","useState","searchFilterRef","useRef","dateRange","useDateRangeFilter","useEffect","handleFinish","newFilters","queryFilter","clientFiltersToSubtasksFilter","handleFilterChange","handleLiveSearch","value","filter","statusLabel","quickActions","jsxs","jsx","SearchFilter","CustomDateRangeDialog","o"],"mappings":"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"}
+{"version":3,"file":"SubtasksSearchFilter.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  SearchFilter,\n  Filter,\n  Option,\n  SearchFilterQuickAction,\n  SearchFilterRef,\n} from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { type QueryFilter, UserModel } from '@shared/api'\nimport {\n  subtasksFilterToClientFilters,\n  clientFiltersToSubtasksFilter,\n} from '../../helpers/subtasksFilterAdapter'\nimport { generateDateOptions } from '@shared/components/SearchFilter/filterDates'\nimport { useDateRangeFilter } from '@shared/components/SearchFilter/useDateRangeFilter'\nimport { CustomDateRangeDialog } from '@shared/components/SearchFilter/CustomDateRangeDialog'\n\nconst Wrapper = styled.div`\n  padding: 4px 8px;\n  padding-bottom: 0;\n\n  &.loading {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n`\n\ninterface SubtasksSearchFilterProps {\n  subtasksFilter: QueryFilter\n  setSubtasksFilter: (filter: QueryFilter) => void\n  users: UserModel[]\n  isLoading?: boolean\n  totalCount?: number\n  doneCount?: number\n  onSearchTextChange?: (text: string) => void\n}\n\nconst SubtasksSearchFilter: FC<SubtasksSearchFilterProps> = ({\n  subtasksFilter,\n  setSubtasksFilter,\n  users,\n  isLoading,\n  totalCount = 0,\n  doneCount = 0,\n  onSearchTextChange,\n}) => {\n  const options: Option[] = useMemo(\n    () => [\n      {\n        id: 'isDone',\n        label: 'Status',\n        icon: 'check_circle',\n        type: 'boolean',\n        singleSelect: true,\n        values: [\n          { id: 'false', label: 'Not Done', icon: 'radio_button_unchecked' },\n          { id: 'true', label: 'Done', icon: 'check_circle' },\n        ],\n      },\n      {\n        id: 'assignees',\n        label: 'Assignees',\n        icon: 'person',\n        type: 'list_of_strings' as const,\n        operator: 'OR' as const,\n        allowHasValue: true,\n        allowNoValue: true,\n        values: users.map((u) => ({\n          id: u.name,\n          label: u.attrib?.fullName || u.name,\n          img: `/api/users/${u.name}/avatar`,\n        })),\n      },\n      //   dates disabled until planner update with support is released\n      //   {\n      //     id: 'startDate',\n      //     label: 'Start Date',\n      //     icon: 'calendar_today',\n      //     type: 'datetime',\n      //     values: generateDateOptions(),\n      //   },\n      //   {\n      //     id: 'endDate',\n      //     label: 'End Date',\n      //     icon: 'event',\n      //     type: 'datetime',\n      //     values: generateDateOptions(),\n      //   },\n    ],\n    [users],\n  )\n\n  const filters = useMemo(() => {\n    return subtasksFilterToClientFilters(subtasksFilter, options)\n  }, [subtasksFilter, options])\n\n  const [localFilters, setLocalFilters] = useState<Filter[]>(filters)\n  const searchFilterRef = useRef<SearchFilterRef>(null)\n\n  const dateRange = useDateRangeFilter()\n\n  useEffect(() => {\n    setLocalFilters(filters)\n  }, [JSON.stringify(filters)])\n\n  const handleFinish = (newFilters: Filter[]) => {\n    const queryFilter = clientFiltersToSubtasksFilter(newFilters)\n\n    setSubtasksFilter(queryFilter)\n    onSearchTextChange?.('')\n  }\n\n  const handleFilterChange = (newFilters: Filter[]) => {\n    dateRange.wrapFilterChange(newFilters, localFilters, setLocalFilters)\n  }\n\n  const handleLiveSearch = (value: string, filter: string | null) => {\n    // only for root level searching\n    if (!!filter) return\n    onSearchTextChange?.(value)\n  }\n\n  let statusLabel: string = ''\n  if (totalCount > 0) {\n    statusLabel = `${doneCount}/${totalCount}`\n  }\n\n  const quickActions: SearchFilterQuickAction[] = useMemo(\n    () => [{ id: 'isDone', label: statusLabel, tooltip: 'Status' }],\n    [statusLabel],\n  )\n\n  return (\n    <Wrapper className={isLoading ? 'loading' : undefined}>\n      <SearchFilter\n        ref={searchFilterRef}\n        compact\n        options={options}\n        filters={localFilters}\n        onChange={handleFilterChange}\n        onFinish={handleFinish}\n        enableGlobalSearch\n        enableMultipleSameFilters={false}\n        enableAutosuggestion={false}\n        onSearchChange={handleLiveSearch}\n        quickActions={quickActions}\n        placeholder=\"Search and filter subtasks...\"\n        pt={{\n          searchBar: {\n            onClickCapture: (e) => dateRange.handleSearchBarClickCapture(e, localFilters),\n          },\n          dropdown: {\n            pt: {\n              item: {\n                onClick: (e) => dateRange.handleDropdownItemClick(e, localFilters, options),\n              },\n            },\n          },\n        }}\n      />\n      <CustomDateRangeDialog\n        isOpen={!!dateRange.customRangeFilterId}\n        header={\n          options.find((o) => o.id === dateRange.customRangeFilterId?.split('__')[0])?.label ??\n          'Custom range'\n        }\n        startDate={dateRange.customStartDate}\n        endDate={dateRange.customEndDate}\n        onStartDateChange={dateRange.setCustomStartDate}\n        onEndDateChange={dateRange.setCustomEndDate}\n        onApply={() =>\n          dateRange.handleCustomRangeApply(localFilters, options, handleFinish, searchFilterRef)\n        }\n        onClose={dateRange.handleCustomRangeClose}\n      />\n    </Wrapper>\n  )\n}\n\nexport default SubtasksSearchFilter\n"],"names":["Wrapper","styled","SubtasksSearchFilter","subtasksFilter","setSubtasksFilter","users","isLoading","totalCount","doneCount","onSearchTextChange","options","useMemo","u","filters","subtasksFilterToClientFilters","localFilters","setLocalFilters","useState","searchFilterRef","useRef","dateRange","useDateRangeFilter","useEffect","handleFinish","newFilters","queryFilter","clientFiltersToSubtasksFilter","handleFilterChange","handleLiveSearch","value","filter","statusLabel","quickActions","jsxs","jsx","SearchFilter","CustomDateRangeDialog","o"],"mappings":"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"}

package/dist/shared/src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js

@@ -66,23 +66,23 @@ const E = v.div`
       //   },
     ],
     [u]
-  ), n = r(() => x(c, a), [c, a]), [o, m] = k(n), h = R(null), t = w();
+  ), s = r(() => x(c, a), [c, a]), [o, m] = k(s), h = R(null), t = w();
   y(() => {
-    m(n);
-  }, [JSON.stringify(n)]);
+    m(s);
+  }, [JSON.stringify(s)]);
   const g = (e) => {
-    const l = j(e);
-    f(l), p?.("");
+    const n = j(e);
+    f(n), p?.("");
   }, F = (e) => {
     t.wrapFilterChange(e, o, m);
-  }, S = (e, l) => {
-    l || p?.(e);
+  }, S = (e, n) => {
+    n || p?.(e);
   };
-  let s = "";
-  d > 0 && (s = `${C}/${d}`);
+  let l = "";
+  d > 0 && (l = `${C}/${d}`);
   const D = r(
-    () => [{ id: "isDone", label: s, tooltip: "Status" }],
-    [s]
+    () => [{ id: "isDone", label: l, tooltip: "Status" }],
+    [l]
   );
   return /* @__PURE__ */ i.jsxs(E, { className: b ? "loading" : void 0, children: [
     /* @__PURE__ */ i.jsx(
@@ -96,7 +96,7 @@ const E = v.div`
         onFinish: g,
         enableGlobalSearch: !0,
         enableMultipleSameFilters: !1,
-        enableAutosuggestion: !0,
+        enableAutosuggestion: !1,
         onSearchChange: S,
         quickActions: D,
         placeholder: "Search and filter subtasks...",

package/dist/shared/src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubtasksSearchFilter.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  SearchFilter,\n  Filter,\n  Option,\n  SearchFilterQuickAction,\n  SearchFilterRef,\n} from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { type QueryFilter, UserModel } from '@shared/api'\nimport {\n  subtasksFilterToClientFilters,\n  clientFiltersToSubtasksFilter,\n} from '../../helpers/subtasksFilterAdapter'\nimport { generateDateOptions } from '@shared/components/SearchFilter/filterDates'\nimport { useDateRangeFilter } from '@shared/components/SearchFilter/useDateRangeFilter'\nimport { CustomDateRangeDialog } from '@shared/components/SearchFilter/CustomDateRangeDialog'\n\nconst Wrapper = styled.div`\n  padding: 4px 8px;\n  padding-bottom: 0;\n\n  &.loading {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n`\n\ninterface SubtasksSearchFilterProps {\n  subtasksFilter: QueryFilter\n  setSubtasksFilter: (filter: QueryFilter) => void\n  users: UserModel[]\n  isLoading?: boolean\n  totalCount?: number\n  doneCount?: number\n  onSearchTextChange?: (text: string) => void\n}\n\nconst SubtasksSearchFilter: FC<SubtasksSearchFilterProps> = ({\n  subtasksFilter,\n  setSubtasksFilter,\n  users,\n  isLoading,\n  totalCount = 0,\n  doneCount = 0,\n  onSearchTextChange,\n}) => {\n  const options: Option[] = useMemo(\n    () => [\n      {\n        id: 'isDone',\n        label: 'Status',\n        icon: 'check_circle',\n        type: 'boolean',\n        singleSelect: true,\n        values: [\n          { id: 'false', label: 'Not Done', icon: 'radio_button_unchecked' },\n          { id: 'true', label: 'Done', icon: 'check_circle' },\n        ],\n      },\n      {\n        id: 'assignees',\n        label: 'Assignees',\n        icon: 'person',\n        type: 'list_of_strings' as const,\n        operator: 'OR' as const,\n        allowHasValue: true,\n        allowNoValue: true,\n        values: users.map((u) => ({\n          id: u.name,\n          label: u.attrib?.fullName || u.name,\n          img: `/api/users/${u.name}/avatar`,\n        })),\n      },\n      //   dates disabled until planner update with support is released\n      //   {\n      //     id: 'startDate',\n      //     label: 'Start Date',\n      //     icon: 'calendar_today',\n      //     type: 'datetime',\n      //     values: generateDateOptions(),\n      //   },\n      //   {\n      //     id: 'endDate',\n      //     label: 'End Date',\n      //     icon: 'event',\n      //     type: 'datetime',\n      //     values: generateDateOptions(),\n      //   },\n    ],\n    [users],\n  )\n\n  const filters = useMemo(() => {\n    return subtasksFilterToClientFilters(subtasksFilter, options)\n  }, [subtasksFilter, options])\n\n  const [localFilters, setLocalFilters] = useState<Filter[]>(filters)\n  const searchFilterRef = useRef<SearchFilterRef>(null)\n\n  const dateRange = useDateRangeFilter()\n\n  useEffect(() => {\n    setLocalFilters(filters)\n  }, [JSON.stringify(filters)])\n\n  const handleFinish = (newFilters: Filter[]) => {\n    const queryFilter = clientFiltersToSubtasksFilter(newFilters)\n\n    setSubtasksFilter(queryFilter)\n    onSearchTextChange?.('')\n  }\n\n  const handleFilterChange = (newFilters: Filter[]) => {\n    dateRange.wrapFilterChange(newFilters, localFilters, setLocalFilters)\n  }\n\n  const handleLiveSearch = (value: string, filter: string | null) => {\n    // only for root level searching\n    if (!!filter) return\n    onSearchTextChange?.(value)\n  }\n\n  let statusLabel: string = ''\n  if (totalCount > 0) {\n    statusLabel = `${doneCount}/${totalCount}`\n  }\n\n  const quickActions: SearchFilterQuickAction[] = useMemo(\n    () => [{ id: 'isDone', label: statusLabel, tooltip: 'Status' }],\n    [statusLabel],\n  )\n\n  return (\n    <Wrapper className={isLoading ? 'loading' : undefined}>\n      <SearchFilter\n        ref={searchFilterRef}\n        compact\n        options={options}\n        filters={localFilters}\n        onChange={handleFilterChange}\n        onFinish={handleFinish}\n        enableGlobalSearch\n        enableMultipleSameFilters={false}\n        enableAutosuggestion={true}\n        onSearchChange={handleLiveSearch}\n        quickActions={quickActions}\n        placeholder=\"Search and filter subtasks...\"\n        pt={{\n          searchBar: {\n            onClickCapture: (e) => dateRange.handleSearchBarClickCapture(e, localFilters),\n          },\n          dropdown: {\n            pt: {\n              item: {\n                onClick: (e) => dateRange.handleDropdownItemClick(e, localFilters, options),\n              },\n            },\n          },\n        }}\n      />\n      <CustomDateRangeDialog\n        isOpen={!!dateRange.customRangeFilterId}\n        header={\n          options.find((o) => o.id === dateRange.customRangeFilterId?.split('__')[0])?.label ??\n          'Custom range'\n        }\n        startDate={dateRange.customStartDate}\n        endDate={dateRange.customEndDate}\n        onStartDateChange={dateRange.setCustomStartDate}\n        onEndDateChange={dateRange.setCustomEndDate}\n        onApply={() =>\n          dateRange.handleCustomRangeApply(localFilters, options, handleFinish, searchFilterRef)\n        }\n        onClose={dateRange.handleCustomRangeClose}\n      />\n    </Wrapper>\n  )\n}\n\nexport default SubtasksSearchFilter\n"],"names":["Wrapper","styled","SubtasksSearchFilter","subtasksFilter","setSubtasksFilter","users","isLoading","totalCount","doneCount","onSearchTextChange","options","useMemo","u","filters","subtasksFilterToClientFilters","localFilters","setLocalFilters","useState","searchFilterRef","useRef","dateRange","useDateRangeFilter","useEffect","handleFinish","newFilters","queryFilter","clientFiltersToSubtasksFilter","handleFilterChange","handleLiveSearch","value","filter","statusLabel","quickActions","jsxs","jsx","SearchFilter","CustomDateRangeDialog","o"],"mappings":"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"}
+{"version":3,"file":"SubtasksSearchFilter.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  SearchFilter,\n  Filter,\n  Option,\n  SearchFilterQuickAction,\n  SearchFilterRef,\n} from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { type QueryFilter, UserModel } from '@shared/api'\nimport {\n  subtasksFilterToClientFilters,\n  clientFiltersToSubtasksFilter,\n} from '../../helpers/subtasksFilterAdapter'\nimport { generateDateOptions } from '@shared/components/SearchFilter/filterDates'\nimport { useDateRangeFilter } from '@shared/components/SearchFilter/useDateRangeFilter'\nimport { CustomDateRangeDialog } from '@shared/components/SearchFilter/CustomDateRangeDialog'\n\nconst Wrapper = styled.div`\n  padding: 4px 8px;\n  padding-bottom: 0;\n\n  &.loading {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n`\n\ninterface SubtasksSearchFilterProps {\n  subtasksFilter: QueryFilter\n  setSubtasksFilter: (filter: QueryFilter) => void\n  users: UserModel[]\n  isLoading?: boolean\n  totalCount?: number\n  doneCount?: number\n  onSearchTextChange?: (text: string) => void\n}\n\nconst SubtasksSearchFilter: FC<SubtasksSearchFilterProps> = ({\n  subtasksFilter,\n  setSubtasksFilter,\n  users,\n  isLoading,\n  totalCount = 0,\n  doneCount = 0,\n  onSearchTextChange,\n}) => {\n  const options: Option[] = useMemo(\n    () => [\n      {\n        id: 'isDone',\n        label: 'Status',\n        icon: 'check_circle',\n        type: 'boolean',\n        singleSelect: true,\n        values: [\n          { id: 'false', label: 'Not Done', icon: 'radio_button_unchecked' },\n          { id: 'true', label: 'Done', icon: 'check_circle' },\n        ],\n      },\n      {\n        id: 'assignees',\n        label: 'Assignees',\n        icon: 'person',\n        type: 'list_of_strings' as const,\n        operator: 'OR' as const,\n        allowHasValue: true,\n        allowNoValue: true,\n        values: users.map((u) => ({\n          id: u.name,\n          label: u.attrib?.fullName || u.name,\n          img: `/api/users/${u.name}/avatar`,\n        })),\n      },\n      //   dates disabled until planner update with support is released\n      //   {\n      //     id: 'startDate',\n      //     label: 'Start Date',\n      //     icon: 'calendar_today',\n      //     type: 'datetime',\n      //     values: generateDateOptions(),\n      //   },\n      //   {\n      //     id: 'endDate',\n      //     label: 'End Date',\n      //     icon: 'event',\n      //     type: 'datetime',\n      //     values: generateDateOptions(),\n      //   },\n    ],\n    [users],\n  )\n\n  const filters = useMemo(() => {\n    return subtasksFilterToClientFilters(subtasksFilter, options)\n  }, [subtasksFilter, options])\n\n  const [localFilters, setLocalFilters] = useState<Filter[]>(filters)\n  const searchFilterRef = useRef<SearchFilterRef>(null)\n\n  const dateRange = useDateRangeFilter()\n\n  useEffect(() => {\n    setLocalFilters(filters)\n  }, [JSON.stringify(filters)])\n\n  const handleFinish = (newFilters: Filter[]) => {\n    const queryFilter = clientFiltersToSubtasksFilter(newFilters)\n\n    setSubtasksFilter(queryFilter)\n    onSearchTextChange?.('')\n  }\n\n  const handleFilterChange = (newFilters: Filter[]) => {\n    dateRange.wrapFilterChange(newFilters, localFilters, setLocalFilters)\n  }\n\n  const handleLiveSearch = (value: string, filter: string | null) => {\n    // only for root level searching\n    if (!!filter) return\n    onSearchTextChange?.(value)\n  }\n\n  let statusLabel: string = ''\n  if (totalCount > 0) {\n    statusLabel = `${doneCount}/${totalCount}`\n  }\n\n  const quickActions: SearchFilterQuickAction[] = useMemo(\n    () => [{ id: 'isDone', label: statusLabel, tooltip: 'Status' }],\n    [statusLabel],\n  )\n\n  return (\n    <Wrapper className={isLoading ? 'loading' : undefined}>\n      <SearchFilter\n        ref={searchFilterRef}\n        compact\n        options={options}\n        filters={localFilters}\n        onChange={handleFilterChange}\n        onFinish={handleFinish}\n        enableGlobalSearch\n        enableMultipleSameFilters={false}\n        enableAutosuggestion={false}\n        onSearchChange={handleLiveSearch}\n        quickActions={quickActions}\n        placeholder=\"Search and filter subtasks...\"\n        pt={{\n          searchBar: {\n            onClickCapture: (e) => dateRange.handleSearchBarClickCapture(e, localFilters),\n          },\n          dropdown: {\n            pt: {\n              item: {\n                onClick: (e) => dateRange.handleDropdownItemClick(e, localFilters, options),\n              },\n            },\n          },\n        }}\n      />\n      <CustomDateRangeDialog\n        isOpen={!!dateRange.customRangeFilterId}\n        header={\n          options.find((o) => o.id === dateRange.customRangeFilterId?.split('__')[0])?.label ??\n          'Custom range'\n        }\n        startDate={dateRange.customStartDate}\n        endDate={dateRange.customEndDate}\n        onStartDateChange={dateRange.setCustomStartDate}\n        onEndDateChange={dateRange.setCustomEndDate}\n        onApply={() =>\n          dateRange.handleCustomRangeApply(localFilters, options, handleFinish, searchFilterRef)\n        }\n        onClose={dateRange.handleCustomRangeClose}\n      />\n    </Wrapper>\n  )\n}\n\nexport default SubtasksSearchFilter\n"],"names":["Wrapper","styled","SubtasksSearchFilter","subtasksFilter","setSubtasksFilter","users","isLoading","totalCount","doneCount","onSearchTextChange","options","useMemo","u","filters","subtasksFilterToClientFilters","localFilters","setLocalFilters","useState","searchFilterRef","useRef","dateRange","useDateRangeFilter","useEffect","handleFinish","newFilters","queryFilter","clientFiltersToSubtasksFilter","handleFilterChange","handleLiveSearch","value","filter","statusLabel","quickActions","jsxs","jsx","SearchFilter","CustomDateRangeDialog","o"],"mappings":"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"}

package/dist/shared/src/containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../../../_virtual/jsx-runtime.cjs.js");require("react");require("@tanstack/react-virtual");require("@tanstack/react-table");require("clsx");require("../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../ProjectTreeTable/widgets/DateWidget.cjs.js");const i=require("../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");const r=require("@ynput/ayon-react-components");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js");require("react-toastify");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");require("../../../../../../_virtual/index.cjs.js");require("../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                      */require("lodash");require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../../Feed/components/CommentInput/modules/index.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");require("../../../../context/PowerpackContextInstance.cjs.js");require("../../../../context/UriContext.cjs.js");require("../../../../context/DetailsPanelContextInstance.cjs.js");require("../../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../../context/EntityUpdatesContextInstance.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("../../../Feed/context/FeedContext.cjs.js");require("../../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../Feed/components/ActivityDate.cjs.js");require("../../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../../Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../Feed/Feed.styled.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../Feed/components/FeedSearchFilter.cjs.js");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Slicer/context/SlicerContextInstance.cjs.js");require("../../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../../NewEntity/components/NewEntity.cjs.js");require("../../../NewEntity/context/NewEntityContextInstance.cjs.js");require("../../../NewEntity/components/NewEntityForm.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../../DetailsPanel.styled.cjs.js");require("../DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../../../components/SearchFilter/filterDates.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../Actions/Actions.styled.cjs.js");require("../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../Actions/ActionIcon.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../Views/context/ViewsContextInstance.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("short-uuid");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../ListTable/ListTableRow.cjs.js");require("../../../ListTable/ListTable.styled.cjs.js");require("../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../../context/DeleteEntitiesContext.cjs.js");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/InfoMessage/InfoMessage.cjs.js");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/SyncButton/SyncButton.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../../components/Watchers/Watchers.cjs.js");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../../components/ColumnHeaderMenuUI.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../ProjectTreeTable/components/TableFooterRow.cjs.js");const e=require("styled-components"),u=e.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../../../_virtual/jsx-runtime.cjs.js");require("react");require("@tanstack/react-virtual");require("@tanstack/react-table");require("clsx");require("../../../ProjectTreeTable/buildTreeTableColumns.cjs.js");require("../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");const r=require("@ynput/ayon-react-components");require("../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../context/PowerpackContextInstance.cjs.js");require("../../../../context/UriContext.cjs.js");require("../../../../context/DetailsPanelContextInstance.cjs.js");require("../../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../../context/EntityUpdatesContextInstance.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("../../../Feed/context/FeedContext.cjs.js");require("../../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js");require("../../../../../../_virtual/index.cjs.js");require("../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                      */require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../../Feed/components/CommentInput/modules/index.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../../components/InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../components/ProjectTableSettings/ColumnsSettings.cjs.js");require("../../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Slicer/context/SlicerContextInstance.cjs.js");require("../../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../../NewEntity/components/NewEntity.cjs.js");require("../../../NewEntity/context/NewEntityContextInstance.cjs.js");require("../../../NewEntity/components/NewEntityForm.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../components/SearchFilter/filterDates.cjs.js");require("../../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/SyncButton/SyncButton.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../../components/Watchers/Watchers.cjs.js");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../../components/ColumnHeaderMenuUI.cjs.js");require("../../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../Feed/components/ActivityDate.cjs.js");require("../../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../../Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../Feed/Feed.styled.cjs.js");require("../../../Feed/components/FeedSearchFilter.cjs.js");require("../../DetailsPanel.styled.cjs.js");require("../DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../Actions/Actions.styled.cjs.js");require("../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../Actions/ActionIcon.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../Views/context/ViewsContextInstance.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("short-uuid");require("../../../ProjectTreeTable/utils/columnIds.cjs.js");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../../ListTable/ListTableRow.cjs.js");require("../../../ListTable/ListTable.styled.cjs.js");require("../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../ProjectTreeTable/widgets/DateWidget.cjs.js");const i=require("../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../../context/DeleteEntitiesContext.cjs.js");require("../../../ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityWidget.cjs.js");require("../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");const e=require("styled-components"),u=e.div`
   display: flex;
   align-items: center;
   padding: 4px 8px;

package/dist/shared/src/containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabHeaderAndFilters.styled.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.ts"],"sourcesContent":["import { EnumWidget } from '@shared/containers/ProjectTreeTable'\nimport { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const HeaderContainer = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  gap: var(--base-gap-small);\n`\n\nexport const HeaderLabel = styled.span`\n  font-weight: 600;\n  user-select: none;\n`\n\nexport const FiltersContainer = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n`\n\nexport const FilterButton = styled(Button)`\n  background-color: unset;\n  &.hasIcon {\n    padding: 4px;\n  }\n`\n\nexport const SearchFilterContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  overflow: hidden;\n  transition: width 0.2s ease;\n  width: 28px;\n  height: 28px;\n  box-shadow: none;\n  padding-right: 4px;\n\n  &.expanded {\n    width: 200px;\n    box-shadow: 0 0 0 1px var(--md-sys-color-primary-container);\n    background-color: var(--md-sys-color-surface-container-lowest);\n  }\n`\n\nexport const Options = styled(EnumWidget)`\n  width: 28px;\n  height: 28px;\n`\n\nexport const SearchInput = styled.input`\n  flex: 1;\n  min-width: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  color: var(--md-sys-color-on-surface);\n  font-size: var(--md-sys-typescale-body-medium-size);\n  padding: 4px 0;\n\n  &::placeholder {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport const ClearButton = styled(Button)`\n  background-color: unset;\n  min-width: unset;\n  &.hasIcon {\n    padding: 2px;\n  }\n`\n"],"names":["HeaderContainer","styled","HeaderLabel","FiltersContainer","FilterButton","Button","SearchFilterContainer","Options","EnumWidget","SearchInput","ClearButton"],"mappings":"4glBAIaA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOzBC,EAAcD,EAAO;AAAA;AAAA;AAAA,EAKrBE,EAAmBF,EAAO;AAAA;AAAA;AAAA,EAK1BG,EAAeH,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5BC,EAAwBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmB/BM,EAAUN,EAAOO,YAAU;AAAA;AAAA;AAAA,EAK3BC,EAAcR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAerBS,EAAcT,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"TabHeaderAndFilters.styled.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.ts"],"sourcesContent":["import { EnumWidget } from '@shared/containers/ProjectTreeTable'\nimport { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const HeaderContainer = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  gap: var(--base-gap-small);\n`\n\nexport const HeaderLabel = styled.span`\n  font-weight: 600;\n  user-select: none;\n`\n\nexport const FiltersContainer = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n`\n\nexport const FilterButton = styled(Button)`\n  background-color: unset;\n  &.hasIcon {\n    padding: 4px;\n  }\n`\n\nexport const SearchFilterContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  overflow: hidden;\n  transition: width 0.2s ease;\n  width: 28px;\n  height: 28px;\n  box-shadow: none;\n  padding-right: 4px;\n\n  &.expanded {\n    width: 200px;\n    box-shadow: 0 0 0 1px var(--md-sys-color-primary-container);\n    background-color: var(--md-sys-color-surface-container-lowest);\n  }\n`\n\nexport const Options = styled(EnumWidget)`\n  width: 28px;\n  height: 28px;\n`\n\nexport const SearchInput = styled.input`\n  flex: 1;\n  min-width: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  color: var(--md-sys-color-on-surface);\n  font-size: var(--md-sys-typescale-body-medium-size);\n  padding: 4px 0;\n\n  &::placeholder {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport const ClearButton = styled(Button)`\n  background-color: unset;\n  min-width: unset;\n  &.hasIcon {\n    padding: 2px;\n  }\n`\n"],"names":["HeaderContainer","styled","HeaderLabel","FiltersContainer","FilterButton","Button","SearchFilterContainer","Options","EnumWidget","SearchInput","ClearButton"],"mappings":"stlBAIaA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOzBC,EAAcD,EAAO;AAAA;AAAA;AAAA,EAKrBE,EAAmBF,EAAO;AAAA;AAAA;AAAA,EAK1BG,EAAeH,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5BC,EAAwBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmB/BM,EAAUN,EAAOO,YAAU;AAAA;AAAA;AAAA,EAK3BC,EAAcR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAerBS,EAAcT,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}