npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.29 → 0.3.30 - Mend

@ynput/ayon-frontend-shared 0.3.29 → 0.3.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (929) hide show

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelSlideOut.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n projectsInfo: Record<string, ProjectModel>\n scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n const { slideOut, onOpenViewer } = useDetailsPanelContext()\n const { entityType, entityId, projectName } = slideOut \|\| {}\n const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n const projectInfo = projectsInfo[projectName \|\| ''] \|\| {}\n const { tags = [] } = projectInfo\n\n const { closeSlideOut } = useDetailsPanelContext()\n const handleClose = () => closeSlideOut()\n const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n if (!isSlideOutOpen) return null\n return (\n <Styled.SlideOut>\n <DetailsPanel\n isOpen\n entityType={entityType}\n entitySubTypes={[]}\n entities={[{ id: entityId, projectName }]}\n projectsInfo={{ [projectName]: projectInfo }}\n projectNames={[projectName]}\n tagsOptions={tags}\n projectUsers={users}\n activeProjectUsers={users}\n isSlideOut\n scope={scope}\n onClose={handleClose}\n onOpenViewer={handleOpenViewer}\n />\n </Styled.SlideOut>\n )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAWO,MAAMA,KAAuB,CAAC,EAAE,cAAAC,GAAc,OAAAC,QAAuC;AAC1F,QAAM,EAAE,UAAAC,GAAU,cAAAC,EAAA,IAAiBC,EAAA,GAC7B,EAAE,YAAAC,GAAY,UAAAC,GAAU,aAAAC,EAAA,IAAgBL,KAAY,CAAA,GACpDM,IAAiB,CAAC,CAACH,KAAc,CAAC,CAACC,KAAY,CAAC,CAACC,GAEjD,EAAE,MAAME,EAAA,IAAUC,EAAyB,EAAE,aAAAH,EAAA,GAAe,EAAE,MAAM,CAACA,GAAa,GAElFI,IAAcX,EAAaO,KAAe,EAAE,KAAK,CAAA,GACjD,EAAE,MAAAK,IAAO,CAAA,EAAC,IAAMD,GAEhB,EAAE,eAAAE,EAAA,IAAkBT,EAAA,GACpBU,IAAc,MAAMD,EAAA,GACpBE,IAAmB,CAACC,MAAcb,IAAea,CAAI;AAE3D,SAAKR,IAEHS,gBAAAA,MAACC,GAAA,EACC,UAAAD,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,YAAAd;AAAA,MACA,gBAAgB,CAAA;AAAA,MAChB,UAAU,CAAC,EAAE,IAAIC,GAAU,aAAAC,GAAa;AAAA,MACxC,cAAc,EAAE,CAACA,CAAW,GAAGI,EAAA;AAAA,MAC/B,cAAc,CAACJ,CAAW;AAAA,MAC1B,aAAaK;AAAA,MACb,cAAcH;AAAA,MACd,oBAAoBA;AAAA,MACpB,YAAU;AAAA,MACV,OAAAR;AAAA,MACA,SAASa;AAAA,MACT,cAAcC;AAAA,IAAA;AAAA,EAAA,GAElB,IAlB0B;AAoB9B;"}
1	+ {"version":3,"file":"DetailsPanelSlideOut.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n projectsInfo: Record<string, ProjectModel>\n scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n const { slideOut, onOpenViewer } = useDetailsPanelContext()\n const { entityType, entityId, projectName } = slideOut \|\| {}\n const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n const projectInfo = projectsInfo[projectName \|\| ''] \|\| {}\n const { tags = [] } = projectInfo\n\n const { closeSlideOut } = useDetailsPanelContext()\n const handleClose = () => closeSlideOut()\n const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n if (!isSlideOutOpen) return null\n return (\n <Styled.SlideOut>\n <DetailsPanel\n isOpen\n entityType={entityType}\n entitySubTypes={[]}\n entities={[{ id: entityId, projectName }]}\n projectsInfo={{ [projectName]: projectInfo }}\n projectNames={[projectName]}\n tagsOptions={tags}\n projectUsers={users}\n activeProjectUsers={users}\n isSlideOut\n scope={scope}\n onClose={handleClose}\n onOpenViewer={handleOpenViewer}\n />\n </Styled.SlideOut>\n )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,KAAuB,CAAC,EAAE,cAAAC,GAAc,OAAAC,QAAuC;AAC1F,QAAM,EAAE,UAAAC,GAAU,cAAAC,EAAA,IAAiBC,EAAA,GAC7B,EAAE,YAAAC,GAAY,UAAAC,GAAU,aAAAC,EAAA,IAAgBL,KAAY,CAAA,GACpDM,IAAiB,CAAC,CAACH,KAAc,CAAC,CAACC,KAAY,CAAC,CAACC,GAEjD,EAAE,MAAME,EAAA,IAAUC,EAAyB,EAAE,aAAAH,EAAA,GAAe,EAAE,MAAM,CAACA,GAAa,GAElFI,IAAcX,EAAaO,KAAe,EAAE,KAAK,CAAA,GACjD,EAAE,MAAAK,IAAO,CAAA,EAAC,IAAMD,GAEhB,EAAE,eAAAE,EAAA,IAAkBT,EAAA,GACpBU,IAAc,MAAMD,EAAA,GACpBE,IAAmB,CAACC,MAAcb,IAAea,CAAI;AAE3D,SAAKR,IAEHS,gBAAAA,MAACC,GAAA,EACC,UAAAD,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,YAAAd;AAAA,MACA,gBAAgB,CAAA;AAAA,MAChB,UAAU,CAAC,EAAE,IAAIC,GAAU,aAAAC,GAAa;AAAA,MACxC,cAAc,EAAE,CAACA,CAAW,GAAGI,EAAA;AAAA,MAC/B,cAAc,CAACJ,CAAW;AAAA,MAC1B,aAAaK;AAAA,MACb,cAAcH;AAAA,MACd,oBAAoBA;AAAA,MACpB,YAAU;AAAA,MACV,OAAAR;AAAA,MACA,SAASa;AAAA,MACT,cAAcC;AAAA,IAAA;AAAA,EAAA,GAElB,IAlB0B;AAoB9B;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TabHeaderAndFilters.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.tsx"],"sourcesContent":["// Tab-specific header with label and filters\n// Currently only Feed has filters: activity, comments, versions, checklists\n\nimport { Spacer } from '@ynput/ayon-react-components'\nimport * as Styled from './TabHeaderAndFilters.styled'\nimport { QueryFilter, QueryCondition } from '@shared/api'\nimport { AttributeEnumItem } from '../../../../containers/ProjectTreeTable/types'\nimport { EnumWidget } from '../../../../containers/ProjectTreeTable/widgets/EnumWidget'\nimport { useState, useRef, useEffect } from 'react'\nimport clsx from 'clsx'\n\nexport interface FilterItem<T = string> {\n id: T\n tooltip: string\n icon: string\n type?: 'boolean' \| 'enum' \| 'search'\n options?: AttributeEnumItem[]\n placeholder?: string\n operator?: QueryCondition['operator']\n}\n\ninterface TabHeaderAndFiltersProps<T, K = string> {\n label: string\n filters: FilterItem<K>[]\n currentFilter: T\n onFilterChange: (filter: T) => void\n isLoading?: boolean\n}\n\nconst isCondition = (c: QueryCondition \| QueryFilter): c is QueryCondition => {\n return !!c && 'key' in c\n}\n\nconst isSearchItem = (c: QueryCondition \| QueryFilter, filterId: string): boolean => {\n if (isCondition(c)) return c.key === filterId\n return !!c.conditions?.some((sub) => isSearchItem(sub, filterId))\n}\n\nconst stringifySearchFilter = (filter: QueryCondition \| QueryFilter): string => {\n if (isCondition(filter)) return String(filter.value \|\| '')\n\n const joiner = filter.operator === 'or' ? ', ' : '.'\n return filter.conditions?.map((c) => stringifySearchFilter(c)).join(joiner) \|\| ''\n}\n\nconst parseSearchValue = (\n val: string,\n key: string,\n operator: QueryCondition['operator'],\n): QueryCondition \| QueryFilter => {\n // Split by comma first (OR)\n const orTerms = val\n .split(',')\n .map((t) => t.trim())\n .filter(Boolean)\n\n if (orTerms.length > 1) {\n return {\n operator: 'or',\n conditions: orTerms.map((term) => parseSearchValue(term, key, operator)),\n }\n }\n\n const baseValue = orTerms[0] \|\| val.trim()\n if (!baseValue \|\| baseValue === ',' \|\| baseValue === '.') {\n return {\n key,\n operator,\n value: '',\n }\n }\n\n // If no commas, split by period (AND)\n const andTerms = baseValue\n .split('.')\n .map((t) => t.trim())\n .filter(Boolean)\n\n if (andTerms.length > 1) {\n return {\n operator: 'and',\n conditions: andTerms.map((term) => ({\n key,\n operator,\n value: term,\n })),\n }\n }\n\n // Single term\n return {\n key,\n operator,\n value: andTerms[0] \|\| '',\n }\n}\n\nconst TabHeaderAndFilters = <T, K = string>({\n label,\n filters,\n currentFilter,\n onFilterChange,\n isLoading,\n}: TabHeaderAndFiltersProps<T, K>) => {\n const [expandedSearchId, setExpandedSearchId] = useState<string \| null>(null)\n const [searchValue, setSearchValue] = useState<string>('')\n const searchInputRef = useRef<HTMLInputElement>(null)\n\n const isQueryFilter = (f: any): f is QueryFilter => {\n return typeof f === 'object' && f !== null && !Array.isArray(f)\n }\n\n // Focus input when search expands\n useEffect(() => {\n if (expandedSearchId && searchInputRef.current) {\n searchInputRef.current.focus()\n }\n }, [expandedSearchId])\n\n // Sync search value with current filter\n useEffect(() => {\n if (expandedSearchId && isQueryFilter(currentFilter)) {\n if (document.activeElement === searchInputRef.current) return\n const searchItem = currentFilter.conditions?.find((c) => isSearchItem(c, expandedSearchId))\n setSearchValue(searchItem ? stringifySearchFilter(searchItem) : '')\n }\n }, [expandedSearchId, currentFilter])\n\n const handleToggle = (filter: FilterItem<K>, value?: any) => {\n if (!isQueryFilter(currentFilter)) {\n onFilterChange(filter.id as unknown as T)\n return\n }\n\n const conditions = currentFilter.conditions ? [...currentFilter.conditions] : []\n const newFilter: QueryFilter = {\n ...currentFilter,\n conditions,\n operator: currentFilter.operator \|\| 'and',\n }\n\n const filterId = String(filter.id)\n\n const existingIndex = conditions.findIndex((c) => isSearchItem(c, filterId))\n\n const type = filter.type \|\| 'boolean'\n\n if (type === 'boolean') {\n if (existingIndex > -1) {\n conditions.splice(existingIndex, 1)\n } else {\n conditions.push({ key: filterId, operator: filter.operator \|\| 'eq', value: true })\n }\n } else if (type === 'enum') {\n const newValue = Array.isArray(value) ? value : [value]\n if (newValue.length === 0 \|\| (newValue.length === 1 && newValue[0] === undefined)) {\n if (existingIndex > -1) conditions.splice(existingIndex, 1)\n } else {\n const condition: QueryCondition = {\n key: filterId,\n operator: filter.operator \|\| 'in',\n value: newValue,\n }\n if (existingIndex > -1) {\n conditions[existingIndex] = condition\n } else {\n conditions.push(condition)\n }\n }\n } else if (type === 'search') {\n const stringValue = typeof value === 'string' ? value : ''\n if (!stringValue) {\n if (existingIndex > -1) conditions.splice(existingIndex, 1)\n } else {\n const parsedFilter = parseSearchValue(stringValue, filterId, filter.operator \|\| 'like')\n if (existingIndex > -1) {\n conditions[existingIndex] = parsedFilter\n } else {\n conditions.push(parsedFilter)\n }\n }\n }\n\n onFilterChange(newFilter as T)\n }\n\n const handleSearchClick = (filter: FilterItem<K>) => {\n const filterId = String(filter.id)\n if (expandedSearchId === filterId) {\n return // Already expanded\n }\n setExpandedSearchId(filterId)\n // Load existing value if any\n if (isQueryFilter(currentFilter)) {\n const searchItem = currentFilter.conditions?.find((c) => isSearchItem(c, filterId))\n setSearchValue(searchItem ? stringifySearchFilter(searchItem) : '')\n }\n }\n\n const handleSearchChange = (filter: FilterItem<K>, value: string) => {\n setSearchValue(value)\n handleToggle(filter, value)\n }\n\n const handleSearchClear = (filter: FilterItem<K>) => {\n setSearchValue('')\n setExpandedSearchId(null)\n handleToggle(filter, '')\n }\n\n const getIsSelected = (filter: FilterItem<K>) => {\n if (!isQueryFilter(currentFilter)) {\n return (filter.id as unknown as T) === currentFilter\n }\n return currentFilter.conditions?.some((c) => isSearchItem(c, String(filter.id)))\n }\n\n const getEnumValue = (filter: FilterItem<K>) => {\n if (!isQueryFilter(currentFilter)) return []\n const condition = currentFilter.conditions?.find(\n (c) => isCondition(c) && c.key === String(filter.id),\n ) as QueryCondition\n return (condition?.value as string[]) \|\| []\n }\n\n return (\n <Styled.HeaderContainer className={clsx('panel-tabs', { loading: isLoading })}>\n <Styled.HeaderLabel className=\"panel-header-label\">{label}</Styled.HeaderLabel>\n <Spacer />\n <Styled.FiltersContainer className=\"panel-header-filters\">\n {filters.map((filter) => {\n const isSelected = getIsSelected(filter)\n const type = filter.type \|\| 'boolean'\n\n if (type === 'enum') {\n return (\n <Styled.Options\n key={String(filter.id)}\n options={filter.options \|\| []}\n value={getEnumValue(filter)}\n onChange={(val) => handleToggle(filter, val)}\n isEditing\n autoOpen={false}\n align=\"right\"\n type=\"list_of_strings\"\n valueTemplate={() => (\n <Styled.FilterButton\n selected={isSelected}\n icon={filter.icon}\n data-tooltip={filter.tooltip}\n data-tooltip-delay={0}\n />\n )}\n widthExpand\n className=\"panel-filter panel-filter-enum\"\n />\n )\n }\n\n if (type === 'search') {\n const isExpanded = expandedSearchId === String(filter.id)\n return (\n <Styled.SearchFilterContainer\n key={String(filter.id)}\n className={clsx('panel-filter', 'panel-filter-search', { expanded: isExpanded })}\n >\n <Styled.FilterButton\n selected={isSelected \|\| isExpanded}\n onClick={() => handleSearchClick(filter)}\n icon={filter.icon}\n data-tooltip={!isExpanded ? filter.tooltip : undefined}\n data-tooltip-delay={0}\n />\n {isExpanded && (\n <>\n <Styled.SearchInput\n ref={searchInputRef}\n value={searchValue}\n onChange={(e) => handleSearchChange(filter, e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Escape') {\n handleSearchClear(filter)\n }\n }}\n placeholder={filter.placeholder \|\| 'Search...'}\n />\n <Styled.ClearButton\n icon=\"close\"\n onClick={() => handleSearchClear(filter)}\n data-tooltip=\"Clear\"\n data-tooltip-delay={0}\n />\n </>\n )}\n </Styled.SearchFilterContainer>\n )\n }\n\n return (\n <Styled.FilterButton\n key={String(filter.id)}\n selected={isSelected}\n onClick={() => handleToggle(filter)}\n icon={filter.icon}\n data-tooltip={filter.tooltip}\n data-tooltip-delay={0}\n className=\"panel-filter panel-filter-boolean\"\n />\n )\n })}\n </Styled.FiltersContainer>\n </Styled.HeaderContainer>\n )\n}\n\nexport default TabHeaderAndFilters\n"],"names":["isCondition","c","isSearchItem","filterId","sub","stringifySearchFilter","filter","joiner","parseSearchValue","val","key","operator","orTerms","t","term","baseValue","andTerms","TabHeaderAndFilters","label","filters","currentFilter","onFilterChange","isLoading","expandedSearchId","setExpandedSearchId","useState","searchValue","setSearchValue","searchInputRef","useRef","isQueryFilter","f","useEffect","searchItem","handleToggle","value","conditions","newFilter","existingIndex","type","newValue","condition","stringValue","parsedFilter","handleSearchClick","handleSearchChange","handleSearchClear","getIsSelected","getEnumValue","jsxs","Styled.HeaderContainer","clsx","jsx","Styled.HeaderLabel","Spacer","Styled.FiltersContainer","isSelected","Styled.Options","Styled.FilterButton","isExpanded","Styled.SearchFilterContainer","Fragment","Styled.SearchInput","e","Styled.ClearButton"],"mappings":"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"}
1	+ {"version":3,"file":"TabHeaderAndFilters.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.tsx"],"sourcesContent":["// Tab-specific header with label and filters\n// Currently only Feed has filters: activity, comments, versions, checklists\n\nimport { Spacer } from '@ynput/ayon-react-components'\nimport * as Styled from './TabHeaderAndFilters.styled'\nimport { QueryFilter, QueryCondition, EnumItem } from '@shared/api'\nimport { useState, useRef, useEffect } from 'react'\nimport clsx from 'clsx'\n\nexport interface FilterItem<T = string> {\n id: T\n tooltip: string\n icon: string\n type?: 'boolean' \| 'enum' \| 'search'\n options?: EnumItem[]\n placeholder?: string\n operator?: QueryCondition['operator']\n}\n\ninterface TabHeaderAndFiltersProps<T, K = string> {\n label: string\n filters: FilterItem<K>[]\n currentFilter: T\n onFilterChange: (filter: T) => void\n isLoading?: boolean\n}\n\nconst isCondition = (c: QueryCondition \| QueryFilter): c is QueryCondition => {\n return !!c && 'key' in c\n}\n\nconst isSearchItem = (c: QueryCondition \| QueryFilter, filterId: string): boolean => {\n if (isCondition(c)) return c.key === filterId\n return !!c.conditions?.some((sub) => isSearchItem(sub, filterId))\n}\n\nconst stringifySearchFilter = (filter: QueryCondition \| QueryFilter): string => {\n if (isCondition(filter)) return String(filter.value \|\| '')\n\n const joiner = filter.operator === 'or' ? ', ' : '.'\n return filter.conditions?.map((c) => stringifySearchFilter(c)).join(joiner) \|\| ''\n}\n\nconst parseSearchValue = (\n val: string,\n key: string,\n operator: QueryCondition['operator'],\n): QueryCondition \| QueryFilter => {\n // Split by comma first (OR)\n const orTerms = val\n .split(',')\n .map((t) => t.trim())\n .filter(Boolean)\n\n if (orTerms.length > 1) {\n return {\n operator: 'or',\n conditions: orTerms.map((term) => parseSearchValue(term, key, operator)),\n }\n }\n\n const baseValue = orTerms[0] \|\| val.trim()\n if (!baseValue \|\| baseValue === ',' \|\| baseValue === '.') {\n return {\n key,\n operator,\n value: '',\n }\n }\n\n // If no commas, split by period (AND)\n const andTerms = baseValue\n .split('.')\n .map((t) => t.trim())\n .filter(Boolean)\n\n if (andTerms.length > 1) {\n return {\n operator: 'and',\n conditions: andTerms.map((term) => ({\n key,\n operator,\n value: term,\n })),\n }\n }\n\n // Single term\n return {\n key,\n operator,\n value: andTerms[0] \|\| '',\n }\n}\n\nconst TabHeaderAndFilters = <T, K = string>({\n label,\n filters,\n currentFilter,\n onFilterChange,\n isLoading,\n}: TabHeaderAndFiltersProps<T, K>) => {\n const [expandedSearchId, setExpandedSearchId] = useState<string \| null>(null)\n const [searchValue, setSearchValue] = useState<string>('')\n const searchInputRef = useRef<HTMLInputElement>(null)\n\n const isQueryFilter = (f: any): f is QueryFilter => {\n return typeof f === 'object' && f !== null && !Array.isArray(f)\n }\n\n // Focus input when search expands\n useEffect(() => {\n if (expandedSearchId && searchInputRef.current) {\n searchInputRef.current.focus()\n }\n }, [expandedSearchId])\n\n // Sync search value with current filter\n useEffect(() => {\n if (expandedSearchId && isQueryFilter(currentFilter)) {\n if (document.activeElement === searchInputRef.current) return\n const searchItem = currentFilter.conditions?.find((c) => isSearchItem(c, expandedSearchId))\n setSearchValue(searchItem ? stringifySearchFilter(searchItem) : '')\n }\n }, [expandedSearchId, currentFilter])\n\n const handleToggle = (filter: FilterItem<K>, value?: any) => {\n if (!isQueryFilter(currentFilter)) {\n onFilterChange(filter.id as unknown as T)\n return\n }\n\n const conditions = currentFilter.conditions ? [...currentFilter.conditions] : []\n const newFilter: QueryFilter = {\n ...currentFilter,\n conditions,\n operator: currentFilter.operator \|\| 'and',\n }\n\n const filterId = String(filter.id)\n\n const existingIndex = conditions.findIndex((c) => isSearchItem(c, filterId))\n\n const type = filter.type \|\| 'boolean'\n\n if (type === 'boolean') {\n if (existingIndex > -1) {\n conditions.splice(existingIndex, 1)\n } else {\n conditions.push({ key: filterId, operator: filter.operator \|\| 'eq', value: true })\n }\n } else if (type === 'enum') {\n const newValue = Array.isArray(value) ? value : [value]\n if (newValue.length === 0 \|\| (newValue.length === 1 && newValue[0] === undefined)) {\n if (existingIndex > -1) conditions.splice(existingIndex, 1)\n } else {\n const condition: QueryCondition = {\n key: filterId,\n operator: filter.operator \|\| 'in',\n value: newValue,\n }\n if (existingIndex > -1) {\n conditions[existingIndex] = condition\n } else {\n conditions.push(condition)\n }\n }\n } else if (type === 'search') {\n const stringValue = typeof value === 'string' ? value : ''\n if (!stringValue) {\n if (existingIndex > -1) conditions.splice(existingIndex, 1)\n } else {\n const parsedFilter = parseSearchValue(stringValue, filterId, filter.operator \|\| 'like')\n if (existingIndex > -1) {\n conditions[existingIndex] = parsedFilter\n } else {\n conditions.push(parsedFilter)\n }\n }\n }\n\n onFilterChange(newFilter as T)\n }\n\n const handleSearchClick = (filter: FilterItem<K>) => {\n const filterId = String(filter.id)\n if (expandedSearchId === filterId) {\n return // Already expanded\n }\n setExpandedSearchId(filterId)\n // Load existing value if any\n if (isQueryFilter(currentFilter)) {\n const searchItem = currentFilter.conditions?.find((c) => isSearchItem(c, filterId))\n setSearchValue(searchItem ? stringifySearchFilter(searchItem) : '')\n }\n }\n\n const handleSearchChange = (filter: FilterItem<K>, value: string) => {\n setSearchValue(value)\n handleToggle(filter, value)\n }\n\n const handleSearchClear = (filter: FilterItem<K>) => {\n setSearchValue('')\n setExpandedSearchId(null)\n handleToggle(filter, '')\n }\n\n const getIsSelected = (filter: FilterItem<K>) => {\n if (!isQueryFilter(currentFilter)) {\n return (filter.id as unknown as T) === currentFilter\n }\n return currentFilter.conditions?.some((c) => isSearchItem(c, String(filter.id)))\n }\n\n const getEnumValue = (filter: FilterItem<K>) => {\n if (!isQueryFilter(currentFilter)) return []\n const condition = currentFilter.conditions?.find(\n (c) => isCondition(c) && c.key === String(filter.id),\n ) as QueryCondition\n return (condition?.value as string[]) \|\| []\n }\n\n return (\n <Styled.HeaderContainer className={clsx('panel-tabs', { loading: isLoading })}>\n <Styled.HeaderLabel className=\"panel-header-label\">{label}</Styled.HeaderLabel>\n <Spacer />\n <Styled.FiltersContainer className=\"panel-header-filters\">\n {filters.map((filter) => {\n const isSelected = getIsSelected(filter)\n const type = filter.type \|\| 'boolean'\n\n if (type === 'enum') {\n return (\n <Styled.Options\n key={String(filter.id)}\n options={filter.options \|\| []}\n value={getEnumValue(filter)}\n onChange={(val) => handleToggle(filter, val)}\n isEditing\n autoOpen={false}\n align=\"right\"\n type=\"list_of_strings\"\n valueTemplate={() => (\n <Styled.FilterButton\n selected={isSelected}\n icon={filter.icon}\n data-tooltip={filter.tooltip}\n data-tooltip-delay={0}\n />\n )}\n widthExpand\n className=\"panel-filter panel-filter-enum\"\n />\n )\n }\n\n if (type === 'search') {\n const isExpanded = expandedSearchId === String(filter.id)\n return (\n <Styled.SearchFilterContainer\n key={String(filter.id)}\n className={clsx('panel-filter', 'panel-filter-search', { expanded: isExpanded })}\n >\n <Styled.FilterButton\n selected={isSelected \|\| isExpanded}\n onClick={() => handleSearchClick(filter)}\n icon={filter.icon}\n data-tooltip={!isExpanded ? filter.tooltip : undefined}\n data-tooltip-delay={0}\n />\n {isExpanded && (\n <>\n <Styled.SearchInput\n ref={searchInputRef}\n value={searchValue}\n onChange={(e) => handleSearchChange(filter, e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Escape') {\n handleSearchClear(filter)\n }\n }}\n placeholder={filter.placeholder \|\| 'Search...'}\n />\n <Styled.ClearButton\n icon=\"close\"\n onClick={() => handleSearchClear(filter)}\n data-tooltip=\"Clear\"\n data-tooltip-delay={0}\n />\n </>\n )}\n </Styled.SearchFilterContainer>\n )\n }\n\n return (\n <Styled.FilterButton\n key={String(filter.id)}\n selected={isSelected}\n onClick={() => handleToggle(filter)}\n icon={filter.icon}\n data-tooltip={filter.tooltip}\n data-tooltip-delay={0}\n className=\"panel-filter panel-filter-boolean\"\n />\n )\n })}\n </Styled.FiltersContainer>\n </Styled.HeaderContainer>\n )\n}\n\nexport default TabHeaderAndFilters\n"],"names":["isCondition","c","isSearchItem","filterId","sub","stringifySearchFilter","filter","joiner","parseSearchValue","val","key","operator","orTerms","t","term","baseValue","andTerms","TabHeaderAndFilters","label","filters","currentFilter","onFilterChange","isLoading","expandedSearchId","setExpandedSearchId","useState","searchValue","setSearchValue","searchInputRef","useRef","isQueryFilter","f","useEffect","searchItem","handleToggle","value","conditions","newFilter","existingIndex","type","newValue","condition","stringValue","parsedFilter","handleSearchClick","handleSearchChange","handleSearchClear","getIsSelected","getEnumValue","jsxs","Styled.HeaderContainer","clsx","jsx","Styled.HeaderLabel","Spacer","Styled.FiltersContainer","isSelected","Styled.Options","Styled.FilterButton","isExpanded","Styled.SearchFilterContainer","Fragment","Styled.SearchInput","e","Styled.ClearButton"],"mappings":"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"}

package/dist/shared/src/containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabHeaderAndFilters.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.tsx"],"sourcesContent":["// Tab-specific header with label and filters\n// Currently only Feed has filters: activity, comments, versions, checklists\n\nimport { Spacer } from '@ynput/ayon-react-components'\nimport * as Styled from './TabHeaderAndFilters.styled'\nimport { QueryFilter, QueryCondition } from '@shared/api'\nimport { AttributeEnumItem } from '../../../../containers/ProjectTreeTable/types'\nimport { EnumWidget } from '../../../../containers/ProjectTreeTable/widgets/EnumWidget'\nimport { useState, useRef, useEffect } from 'react'\nimport clsx from 'clsx'\n\nexport interface FilterItem<T = string> {\n id: T\n tooltip: string\n icon: string\n type?: 'boolean' \| 'enum' \| 'search'\n options?: AttributeEnumItem[]\n placeholder?: string\n operator?: QueryCondition['operator']\n}\n\ninterface TabHeaderAndFiltersProps<T, K = string> {\n label: string\n filters: FilterItem<K>[]\n currentFilter: T\n onFilterChange: (filter: T) => void\n isLoading?: boolean\n}\n\nconst isCondition = (c: QueryCondition \| QueryFilter): c is QueryCondition => {\n return !!c && 'key' in c\n}\n\nconst isSearchItem = (c: QueryCondition \| QueryFilter, filterId: string): boolean => {\n if (isCondition(c)) return c.key === filterId\n return !!c.conditions?.some((sub) => isSearchItem(sub, filterId))\n}\n\nconst stringifySearchFilter = (filter: QueryCondition \| QueryFilter): string => {\n if (isCondition(filter)) return String(filter.value \|\| '')\n\n const joiner = filter.operator === 'or' ? ', ' : '.'\n return filter.conditions?.map((c) => stringifySearchFilter(c)).join(joiner) \|\| ''\n}\n\nconst parseSearchValue = (\n val: string,\n key: string,\n operator: QueryCondition['operator'],\n): QueryCondition \| QueryFilter => {\n // Split by comma first (OR)\n const orTerms = val\n .split(',')\n .map((t) => t.trim())\n .filter(Boolean)\n\n if (orTerms.length > 1) {\n return {\n operator: 'or',\n conditions: orTerms.map((term) => parseSearchValue(term, key, operator)),\n }\n }\n\n const baseValue = orTerms[0] \|\| val.trim()\n if (!baseValue \|\| baseValue === ',' \|\| baseValue === '.') {\n return {\n key,\n operator,\n value: '',\n }\n }\n\n // If no commas, split by period (AND)\n const andTerms = baseValue\n .split('.')\n .map((t) => t.trim())\n .filter(Boolean)\n\n if (andTerms.length > 1) {\n return {\n operator: 'and',\n conditions: andTerms.map((term) => ({\n key,\n operator,\n value: term,\n })),\n }\n }\n\n // Single term\n return {\n key,\n operator,\n value: andTerms[0] \|\| '',\n }\n}\n\nconst TabHeaderAndFilters = <T, K = string>({\n label,\n filters,\n currentFilter,\n onFilterChange,\n isLoading,\n}: TabHeaderAndFiltersProps<T, K>) => {\n const [expandedSearchId, setExpandedSearchId] = useState<string \| null>(null)\n const [searchValue, setSearchValue] = useState<string>('')\n const searchInputRef = useRef<HTMLInputElement>(null)\n\n const isQueryFilter = (f: any): f is QueryFilter => {\n return typeof f === 'object' && f !== null && !Array.isArray(f)\n }\n\n // Focus input when search expands\n useEffect(() => {\n if (expandedSearchId && searchInputRef.current) {\n searchInputRef.current.focus()\n }\n }, [expandedSearchId])\n\n // Sync search value with current filter\n useEffect(() => {\n if (expandedSearchId && isQueryFilter(currentFilter)) {\n if (document.activeElement === searchInputRef.current) return\n const searchItem = currentFilter.conditions?.find((c) => isSearchItem(c, expandedSearchId))\n setSearchValue(searchItem ? stringifySearchFilter(searchItem) : '')\n }\n }, [expandedSearchId, currentFilter])\n\n const handleToggle = (filter: FilterItem<K>, value?: any) => {\n if (!isQueryFilter(currentFilter)) {\n onFilterChange(filter.id as unknown as T)\n return\n }\n\n const conditions = currentFilter.conditions ? [...currentFilter.conditions] : []\n const newFilter: QueryFilter = {\n ...currentFilter,\n conditions,\n operator: currentFilter.operator \|\| 'and',\n }\n\n const filterId = String(filter.id)\n\n const existingIndex = conditions.findIndex((c) => isSearchItem(c, filterId))\n\n const type = filter.type \|\| 'boolean'\n\n if (type === 'boolean') {\n if (existingIndex > -1) {\n conditions.splice(existingIndex, 1)\n } else {\n conditions.push({ key: filterId, operator: filter.operator \|\| 'eq', value: true })\n }\n } else if (type === 'enum') {\n const newValue = Array.isArray(value) ? value : [value]\n if (newValue.length === 0 \|\| (newValue.length === 1 && newValue[0] === undefined)) {\n if (existingIndex > -1) conditions.splice(existingIndex, 1)\n } else {\n const condition: QueryCondition = {\n key: filterId,\n operator: filter.operator \|\| 'in',\n value: newValue,\n }\n if (existingIndex > -1) {\n conditions[existingIndex] = condition\n } else {\n conditions.push(condition)\n }\n }\n } else if (type === 'search') {\n const stringValue = typeof value === 'string' ? value : ''\n if (!stringValue) {\n if (existingIndex > -1) conditions.splice(existingIndex, 1)\n } else {\n const parsedFilter = parseSearchValue(stringValue, filterId, filter.operator \|\| 'like')\n if (existingIndex > -1) {\n conditions[existingIndex] = parsedFilter\n } else {\n conditions.push(parsedFilter)\n }\n }\n }\n\n onFilterChange(newFilter as T)\n }\n\n const handleSearchClick = (filter: FilterItem<K>) => {\n const filterId = String(filter.id)\n if (expandedSearchId === filterId) {\n return // Already expanded\n }\n setExpandedSearchId(filterId)\n // Load existing value if any\n if (isQueryFilter(currentFilter)) {\n const searchItem = currentFilter.conditions?.find((c) => isSearchItem(c, filterId))\n setSearchValue(searchItem ? stringifySearchFilter(searchItem) : '')\n }\n }\n\n const handleSearchChange = (filter: FilterItem<K>, value: string) => {\n setSearchValue(value)\n handleToggle(filter, value)\n }\n\n const handleSearchClear = (filter: FilterItem<K>) => {\n setSearchValue('')\n setExpandedSearchId(null)\n handleToggle(filter, '')\n }\n\n const getIsSelected = (filter: FilterItem<K>) => {\n if (!isQueryFilter(currentFilter)) {\n return (filter.id as unknown as T) === currentFilter\n }\n return currentFilter.conditions?.some((c) => isSearchItem(c, String(filter.id)))\n }\n\n const getEnumValue = (filter: FilterItem<K>) => {\n if (!isQueryFilter(currentFilter)) return []\n const condition = currentFilter.conditions?.find(\n (c) => isCondition(c) && c.key === String(filter.id),\n ) as QueryCondition\n return (condition?.value as string[]) \|\| []\n }\n\n return (\n <Styled.HeaderContainer className={clsx('panel-tabs', { loading: isLoading })}>\n <Styled.HeaderLabel className=\"panel-header-label\">{label}</Styled.HeaderLabel>\n <Spacer />\n <Styled.FiltersContainer className=\"panel-header-filters\">\n {filters.map((filter) => {\n const isSelected = getIsSelected(filter)\n const type = filter.type \|\| 'boolean'\n\n if (type === 'enum') {\n return (\n <Styled.Options\n key={String(filter.id)}\n options={filter.options \|\| []}\n value={getEnumValue(filter)}\n onChange={(val) => handleToggle(filter, val)}\n isEditing\n autoOpen={false}\n align=\"right\"\n type=\"list_of_strings\"\n valueTemplate={() => (\n <Styled.FilterButton\n selected={isSelected}\n icon={filter.icon}\n data-tooltip={filter.tooltip}\n data-tooltip-delay={0}\n />\n )}\n widthExpand\n className=\"panel-filter panel-filter-enum\"\n />\n )\n }\n\n if (type === 'search') {\n const isExpanded = expandedSearchId === String(filter.id)\n return (\n <Styled.SearchFilterContainer\n key={String(filter.id)}\n className={clsx('panel-filter', 'panel-filter-search', { expanded: isExpanded })}\n >\n <Styled.FilterButton\n selected={isSelected \|\| isExpanded}\n onClick={() => handleSearchClick(filter)}\n icon={filter.icon}\n data-tooltip={!isExpanded ? filter.tooltip : undefined}\n data-tooltip-delay={0}\n />\n {isExpanded && (\n <>\n <Styled.SearchInput\n ref={searchInputRef}\n value={searchValue}\n onChange={(e) => handleSearchChange(filter, e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Escape') {\n handleSearchClear(filter)\n }\n }}\n placeholder={filter.placeholder \|\| 'Search...'}\n />\n <Styled.ClearButton\n icon=\"close\"\n onClick={() => handleSearchClear(filter)}\n data-tooltip=\"Clear\"\n data-tooltip-delay={0}\n />\n </>\n )}\n </Styled.SearchFilterContainer>\n )\n }\n\n return (\n <Styled.FilterButton\n key={String(filter.id)}\n selected={isSelected}\n onClick={() => handleToggle(filter)}\n icon={filter.icon}\n data-tooltip={filter.tooltip}\n data-tooltip-delay={0}\n className=\"panel-filter panel-filter-boolean\"\n />\n )\n })}\n </Styled.FiltersContainer>\n </Styled.HeaderContainer>\n )\n}\n\nexport default TabHeaderAndFilters\n"],"names":["isCondition","c","isSearchItem","filterId","sub","stringifySearchFilter","filter","joiner","parseSearchValue","val","key","operator","orTerms","t","term","baseValue","andTerms","TabHeaderAndFilters","label","filters","currentFilter","onFilterChange","isLoading","expandedSearchId","setExpandedSearchId","useState","searchValue","setSearchValue","searchInputRef","useRef","isQueryFilter","f","useEffect","searchItem","handleToggle","value","conditions","newFilter","existingIndex","type","newValue","condition","stringValue","parsedFilter","handleSearchClick","handleSearchChange","handleSearchClear","getIsSelected","getEnumValue","jsxs","Styled.HeaderContainer","clsx","jsx","Styled.HeaderLabel","Spacer","Styled.FiltersContainer","isSelected","Styled.Options","Styled.FilterButton","isExpanded","Styled.SearchFilterContainer","Fragment","Styled.SearchInput","e","Styled.ClearButton"],"mappings":"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"}
1	+ {"version":3,"file":"TabHeaderAndFilters.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.tsx"],"sourcesContent":["// Tab-specific header with label and filters\n// Currently only Feed has filters: activity, comments, versions, checklists\n\nimport { Spacer } from '@ynput/ayon-react-components'\nimport * as Styled from './TabHeaderAndFilters.styled'\nimport { QueryFilter, QueryCondition, EnumItem } from '@shared/api'\nimport { useState, useRef, useEffect } from 'react'\nimport clsx from 'clsx'\n\nexport interface FilterItem<T = string> {\n id: T\n tooltip: string\n icon: string\n type?: 'boolean' \| 'enum' \| 'search'\n options?: EnumItem[]\n placeholder?: string\n operator?: QueryCondition['operator']\n}\n\ninterface TabHeaderAndFiltersProps<T, K = string> {\n label: string\n filters: FilterItem<K>[]\n currentFilter: T\n onFilterChange: (filter: T) => void\n isLoading?: boolean\n}\n\nconst isCondition = (c: QueryCondition \| QueryFilter): c is QueryCondition => {\n return !!c && 'key' in c\n}\n\nconst isSearchItem = (c: QueryCondition \| QueryFilter, filterId: string): boolean => {\n if (isCondition(c)) return c.key === filterId\n return !!c.conditions?.some((sub) => isSearchItem(sub, filterId))\n}\n\nconst stringifySearchFilter = (filter: QueryCondition \| QueryFilter): string => {\n if (isCondition(filter)) return String(filter.value \|\| '')\n\n const joiner = filter.operator === 'or' ? ', ' : '.'\n return filter.conditions?.map((c) => stringifySearchFilter(c)).join(joiner) \|\| ''\n}\n\nconst parseSearchValue = (\n val: string,\n key: string,\n operator: QueryCondition['operator'],\n): QueryCondition \| QueryFilter => {\n // Split by comma first (OR)\n const orTerms = val\n .split(',')\n .map((t) => t.trim())\n .filter(Boolean)\n\n if (orTerms.length > 1) {\n return {\n operator: 'or',\n conditions: orTerms.map((term) => parseSearchValue(term, key, operator)),\n }\n }\n\n const baseValue = orTerms[0] \|\| val.trim()\n if (!baseValue \|\| baseValue === ',' \|\| baseValue === '.') {\n return {\n key,\n operator,\n value: '',\n }\n }\n\n // If no commas, split by period (AND)\n const andTerms = baseValue\n .split('.')\n .map((t) => t.trim())\n .filter(Boolean)\n\n if (andTerms.length > 1) {\n return {\n operator: 'and',\n conditions: andTerms.map((term) => ({\n key,\n operator,\n value: term,\n })),\n }\n }\n\n // Single term\n return {\n key,\n operator,\n value: andTerms[0] \|\| '',\n }\n}\n\nconst TabHeaderAndFilters = <T, K = string>({\n label,\n filters,\n currentFilter,\n onFilterChange,\n isLoading,\n}: TabHeaderAndFiltersProps<T, K>) => {\n const [expandedSearchId, setExpandedSearchId] = useState<string \| null>(null)\n const [searchValue, setSearchValue] = useState<string>('')\n const searchInputRef = useRef<HTMLInputElement>(null)\n\n const isQueryFilter = (f: any): f is QueryFilter => {\n return typeof f === 'object' && f !== null && !Array.isArray(f)\n }\n\n // Focus input when search expands\n useEffect(() => {\n if (expandedSearchId && searchInputRef.current) {\n searchInputRef.current.focus()\n }\n }, [expandedSearchId])\n\n // Sync search value with current filter\n useEffect(() => {\n if (expandedSearchId && isQueryFilter(currentFilter)) {\n if (document.activeElement === searchInputRef.current) return\n const searchItem = currentFilter.conditions?.find((c) => isSearchItem(c, expandedSearchId))\n setSearchValue(searchItem ? stringifySearchFilter(searchItem) : '')\n }\n }, [expandedSearchId, currentFilter])\n\n const handleToggle = (filter: FilterItem<K>, value?: any) => {\n if (!isQueryFilter(currentFilter)) {\n onFilterChange(filter.id as unknown as T)\n return\n }\n\n const conditions = currentFilter.conditions ? [...currentFilter.conditions] : []\n const newFilter: QueryFilter = {\n ...currentFilter,\n conditions,\n operator: currentFilter.operator \|\| 'and',\n }\n\n const filterId = String(filter.id)\n\n const existingIndex = conditions.findIndex((c) => isSearchItem(c, filterId))\n\n const type = filter.type \|\| 'boolean'\n\n if (type === 'boolean') {\n if (existingIndex > -1) {\n conditions.splice(existingIndex, 1)\n } else {\n conditions.push({ key: filterId, operator: filter.operator \|\| 'eq', value: true })\n }\n } else if (type === 'enum') {\n const newValue = Array.isArray(value) ? value : [value]\n if (newValue.length === 0 \|\| (newValue.length === 1 && newValue[0] === undefined)) {\n if (existingIndex > -1) conditions.splice(existingIndex, 1)\n } else {\n const condition: QueryCondition = {\n key: filterId,\n operator: filter.operator \|\| 'in',\n value: newValue,\n }\n if (existingIndex > -1) {\n conditions[existingIndex] = condition\n } else {\n conditions.push(condition)\n }\n }\n } else if (type === 'search') {\n const stringValue = typeof value === 'string' ? value : ''\n if (!stringValue) {\n if (existingIndex > -1) conditions.splice(existingIndex, 1)\n } else {\n const parsedFilter = parseSearchValue(stringValue, filterId, filter.operator \|\| 'like')\n if (existingIndex > -1) {\n conditions[existingIndex] = parsedFilter\n } else {\n conditions.push(parsedFilter)\n }\n }\n }\n\n onFilterChange(newFilter as T)\n }\n\n const handleSearchClick = (filter: FilterItem<K>) => {\n const filterId = String(filter.id)\n if (expandedSearchId === filterId) {\n return // Already expanded\n }\n setExpandedSearchId(filterId)\n // Load existing value if any\n if (isQueryFilter(currentFilter)) {\n const searchItem = currentFilter.conditions?.find((c) => isSearchItem(c, filterId))\n setSearchValue(searchItem ? stringifySearchFilter(searchItem) : '')\n }\n }\n\n const handleSearchChange = (filter: FilterItem<K>, value: string) => {\n setSearchValue(value)\n handleToggle(filter, value)\n }\n\n const handleSearchClear = (filter: FilterItem<K>) => {\n setSearchValue('')\n setExpandedSearchId(null)\n handleToggle(filter, '')\n }\n\n const getIsSelected = (filter: FilterItem<K>) => {\n if (!isQueryFilter(currentFilter)) {\n return (filter.id as unknown as T) === currentFilter\n }\n return currentFilter.conditions?.some((c) => isSearchItem(c, String(filter.id)))\n }\n\n const getEnumValue = (filter: FilterItem<K>) => {\n if (!isQueryFilter(currentFilter)) return []\n const condition = currentFilter.conditions?.find(\n (c) => isCondition(c) && c.key === String(filter.id),\n ) as QueryCondition\n return (condition?.value as string[]) \|\| []\n }\n\n return (\n <Styled.HeaderContainer className={clsx('panel-tabs', { loading: isLoading })}>\n <Styled.HeaderLabel className=\"panel-header-label\">{label}</Styled.HeaderLabel>\n <Spacer />\n <Styled.FiltersContainer className=\"panel-header-filters\">\n {filters.map((filter) => {\n const isSelected = getIsSelected(filter)\n const type = filter.type \|\| 'boolean'\n\n if (type === 'enum') {\n return (\n <Styled.Options\n key={String(filter.id)}\n options={filter.options \|\| []}\n value={getEnumValue(filter)}\n onChange={(val) => handleToggle(filter, val)}\n isEditing\n autoOpen={false}\n align=\"right\"\n type=\"list_of_strings\"\n valueTemplate={() => (\n <Styled.FilterButton\n selected={isSelected}\n icon={filter.icon}\n data-tooltip={filter.tooltip}\n data-tooltip-delay={0}\n />\n )}\n widthExpand\n className=\"panel-filter panel-filter-enum\"\n />\n )\n }\n\n if (type === 'search') {\n const isExpanded = expandedSearchId === String(filter.id)\n return (\n <Styled.SearchFilterContainer\n key={String(filter.id)}\n className={clsx('panel-filter', 'panel-filter-search', { expanded: isExpanded })}\n >\n <Styled.FilterButton\n selected={isSelected \|\| isExpanded}\n onClick={() => handleSearchClick(filter)}\n icon={filter.icon}\n data-tooltip={!isExpanded ? filter.tooltip : undefined}\n data-tooltip-delay={0}\n />\n {isExpanded && (\n <>\n <Styled.SearchInput\n ref={searchInputRef}\n value={searchValue}\n onChange={(e) => handleSearchChange(filter, e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Escape') {\n handleSearchClear(filter)\n }\n }}\n placeholder={filter.placeholder \|\| 'Search...'}\n />\n <Styled.ClearButton\n icon=\"close\"\n onClick={() => handleSearchClear(filter)}\n data-tooltip=\"Clear\"\n data-tooltip-delay={0}\n />\n </>\n )}\n </Styled.SearchFilterContainer>\n )\n }\n\n return (\n <Styled.FilterButton\n key={String(filter.id)}\n selected={isSelected}\n onClick={() => handleToggle(filter)}\n icon={filter.icon}\n data-tooltip={filter.tooltip}\n data-tooltip-delay={0}\n className=\"panel-filter panel-filter-boolean\"\n />\n )\n })}\n </Styled.FiltersContainer>\n </Styled.HeaderContainer>\n )\n}\n\nexport default TabHeaderAndFilters\n"],"names":["isCondition","c","isSearchItem","filterId","sub","stringifySearchFilter","filter","joiner","parseSearchValue","val","key","operator","orTerms","t","term","baseValue","andTerms","TabHeaderAndFilters","label","filters","currentFilter","onFilterChange","isLoading","expandedSearchId","setExpandedSearchId","useState","searchValue","setSearchValue","searchInputRef","useRef","isQueryFilter","f","useEffect","searchItem","handleToggle","value","conditions","newFilter","existingIndex","type","newValue","condition","stringValue","parsedFilter","handleSearchClick","handleSearchChange","handleSearchClear","getIsSelected","getEnumValue","jsxs","Styled.HeaderContainer","clsx","jsx","Styled.HeaderLabel","Spacer","Styled.FiltersContainer","isSelected","Styled.Options","Styled.FilterButton","isExpanded","Styled.SearchFilterContainer","Fragment","Styled.SearchInput","e","Styled.ClearButton"],"mappings":"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"}

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

@@ -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/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("../../../../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("lodash");require("../../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.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("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/updateActivities.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/cloud/cloud.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/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/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/links/getEntityLinks.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/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("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.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("../../../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("../../../../context/RemoteModulesContext.cjs.js");require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/SubtasksModulesContext.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/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.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("../../../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/ActivityCategorySelect/CategoryTag.cjs.js");require("rehype-raw");require("../../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.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/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Slicer/context/SlicerContext.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../../DetailsPanel.styled.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.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/context/ViewsContext.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.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/FeedbackContext.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/PricingLink.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/filterDates.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/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/VersionUploadContext.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("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContext.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/HeaderActionButton.cjs.js");require("../../../ProjectTreeTable/components/ColumnHeaderMenu.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/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("../../../../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("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/updateActivities.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/cloud/cloud.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/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/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/links/getEntityLinks.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/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/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("react-redux");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/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.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/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.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/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Slicer/context/SlicerContext.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../DetailsPanel.styled.cjs.js");require("../DetailsPanelTabs/DetailsPanelTabs.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("../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("../../../../components/SearchFilter/filterDates.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/ProjectTableContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../ListTable/ListTableRow.cjs.js");require("../../../ListTable/ListTable.styled.cjs.js");require("../../../ProjectTreeTable/components/HeaderActionButton.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/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/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/VersionUploadContext.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");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 CHANGED Viewed

	@@ -1 +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":"~~m9gBAIaA~~,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"}
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":"yniBAIaA,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"}