npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.19 → 0.3.21 - Mend

@ynput/ayon-frontend-shared 0.3.19 → 0.3.21

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 (845) hide show

package/dist/shared/src/components/ReviewablesSelector/ReviewablesSelector.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReviewablesSelector.cjs.js","sources":["../../../../../src/components/ReviewablesSelector/ReviewablesSelector.tsx"],"sourcesContent":["import { FC, useEffect, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport clsx from 'clsx'\nimport { FileThumbnail } from '@shared/components'\nimport { ReviewableModel } from '@shared/api'\nimport { isHTMLElement } from '@shared/util'\nimport ScrollBar from 'react-perfect-scrollbar'\n\ntype ReviewableCard = Pick<ReviewableModel, 'fileId' \| 'label' \| 'fileId'>\n\ninterface ReviewablesSelectorProps {\n reviewables: ReviewableCard[]\n selected: string[]\n projectName: string \| null\n onChange?: (fileId: string) => void\n onUpload?: () => void\n}\n\nconst ReviewablesSelector: FC<ReviewablesSelectorProps> = ({\n reviewables = [],\n selected = [],\n projectName,\n onChange,\n onUpload,\n}) => {\n const scrollRef = useRef<ScrollBar>(null)\n const scrollContainerRef = useRef<HTMLElement \| null>(null)\n const [labelTooltip, setLabelTooltip] = useState<null \| string>(null)\n const [labelTooltipYPos, setLabelTooltipYPos] = useState<null \| number>(null)\n\n const getScrollTop = (): number => {\n return scrollContainerRef.current?.scrollTop \|\| 0\n }\n\n const scrollReviewableIntoView = (fileId: string) => {\n const container = scrollContainerRef.current\n const el = document.getElementById('preview-' + fileId)\n if (!container \|\| !el) return\n\n const containerRect = container.getBoundingClientRect()\n const itemRect = el.getBoundingClientRect()\n\n if (itemRect.top < containerRect.top) {\n container.scrollTop -= containerRect.top - itemRect.top\n } else if (itemRect.bottom > containerRect.bottom) {\n container.scrollTop += itemRect.bottom - containerRect.bottom\n }\n\n // keep the custom scrollbar thumb in sync with manual scrollTop updates\n // @ts-ignore\n scrollRef.current?.updateScroll?.()\n }\n\n // add keyboard support\n // use up and down arrow keys to navigate through the reviewables\n // if at top and press up, go to bottom, if at bottom and press down, go to top\n useEffect(() => {\n if (reviewables.length === 1) return\n\n const handleKeyDown = (e: KeyboardEvent) => {\n if (['w', 's', 'ArrowUp', 'ArrowDown'].includes(e.key)) {\n // Check if e.target is an HTMLElement before accessing tagName or isContentEditable\n if (isHTMLElement(e.target)) {\n if (e.target.tagName === 'INPUT' \|\| e.target.tagName === 'TEXTAREA') return\n if (e.target.isContentEditable) return\n }\n\n const currentIndex = reviewables.findIndex(({ fileId }) => selected.includes(fileId))\n const nextIndex = e.key === 'w' \|\| e.key === 'ArrowUp' ? currentIndex - 1 : currentIndex + 1\n const nextReviewable =\n reviewables[nextIndex < 0 ? reviewables.length - 1 : nextIndex % reviewables.length]\n const nextFileId = nextReviewable.fileId\n\n onChange && onChange(nextFileId)\n requestAnimationFrame(() => scrollReviewableIntoView(nextFileId))\n // also set new label for the tooltip\n setLabelTooltip(nextReviewable.label ?? null)\n // set label tooltip position\n const el = document.getElementById('preview-' + nextFileId)\n\n if (el) {\n const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n setLabelTooltipYPos(top)\n }\n }\n }\n\n window.addEventListener('keydown', handleKeyDown)\n\n return () => {\n window.removeEventListener('keydown', handleKeyDown)\n }\n }, [selected, reviewables, onChange])\n\n // keep track of when NOT hovering over the reviewable cards\n useEffect(() => {\n const handleMouseMove = (event: MouseEvent) => {\n // check if the mouse is over a reviewable card\n const closest = (event.target as HTMLElement).closest('.reviewables')\n if (!closest) {\n setLabelTooltip(null)\n }\n }\n\n window.addEventListener('mousemove', handleMouseMove)\n\n return () => {\n window.removeEventListener('mousemove', handleMouseMove)\n }\n }, [])\n\n const handleMouseOver = (\n event: React.MouseEvent<HTMLDivElement>,\n { label }: Pick<ReviewableCard, 'label'>,\n ) => {\n // check event is coming from a reviewable card\n const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n if (!closest) return\n setLabelTooltip(label ?? null)\n // set label tooltip position\n const top = closest.offsetTop + closest.offsetHeight / 2 - getScrollTop()\n setLabelTooltipYPos(top)\n }\n\n // select with enter or space key when focused on a reviewable card\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n if (!closest) return\n const fileId = closest.id.replace('preview-', '')\n onChange && onChange(fileId)\n }\n }\n\n // if no reviewables, return null\n if (!reviewables.length) return <div />\n\n return (\n <Styled.ReviewablesSelector>\n <Styled.Scrollable\n className=\"reviewables\"\n ref={scrollRef}\n containerRef={(ref) => {\n scrollContainerRef.current = ref\n }}\n >\n {reviewables.map(({ fileId, label }) => (\n <Styled.ReviewableCard\n key={fileId}\n id={'preview-' + fileId}\n onClick={() => onChange && onChange(fileId)}\n className={clsx('reviewable-card', { selected: selected.includes(fileId) })}\n onMouseOver={(e) => handleMouseOver(e, { label })}\n onKeyDown={handleKeyDown}\n tabIndex={0}\n >\n <FileThumbnail src={`/api/projects/${projectName}/files/${fileId}/thumbnail`} />\n </Styled.ReviewableCard>\n ))}\n {!!onUpload && (\n <Styled.AddButton\n icon=\"add\"\n onClick={onUpload}\n onMouseEnter={() => setLabelTooltip(null)}\n />\n )}\n </Styled.Scrollable>\n {labelTooltip && labelTooltipYPos && (\n <Styled.Label style={{ top: labelTooltipYPos }}>{labelTooltip}</Styled.Label>\n )}\n </Styled.ReviewablesSelector>\n )\n}\n\nexport default ReviewablesSelector\n"],"names":["ReviewablesSelector","reviewables","selected","projectName","onChange","onUpload","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useEffect","handleKeyDown","e","isHTMLElement","currentIndex","nextIndex","nextReviewable","nextFileId","top","handleMouseMove","event","handleMouseOver","label","closest","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","ref","jsx","Styled.ReviewableCard","clsx","FileThumbnail","Styled.AddButton","Styled.Label"],"mappings":"~~q+dAkBA~~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"}
1	+ {"version":3,"file":"ReviewablesSelector.cjs.js","sources":["../../../../../src/components/ReviewablesSelector/ReviewablesSelector.tsx"],"sourcesContent":["import { FC, useEffect, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport clsx from 'clsx'\nimport { FileThumbnail } from '@shared/components'\nimport { ReviewableModel } from '@shared/api'\nimport { isHTMLElement } from '@shared/util'\nimport ScrollBar from 'react-perfect-scrollbar'\n\ntype ReviewableCard = Pick<ReviewableModel, 'fileId' \| 'label' \| 'fileId'>\n\ninterface ReviewablesSelectorProps {\n reviewables: ReviewableCard[]\n selected: string[]\n projectName: string \| null\n onChange?: (fileId: string) => void\n onUpload?: () => void\n}\n\nconst ReviewablesSelector: FC<ReviewablesSelectorProps> = ({\n reviewables = [],\n selected = [],\n projectName,\n onChange,\n onUpload,\n}) => {\n const scrollRef = useRef<ScrollBar>(null)\n const scrollContainerRef = useRef<HTMLElement \| null>(null)\n const [labelTooltip, setLabelTooltip] = useState<null \| string>(null)\n const [labelTooltipYPos, setLabelTooltipYPos] = useState<null \| number>(null)\n\n const getScrollTop = (): number => {\n return scrollContainerRef.current?.scrollTop \|\| 0\n }\n\n const scrollReviewableIntoView = (fileId: string) => {\n const container = scrollContainerRef.current\n const el = document.getElementById('preview-' + fileId)\n if (!container \|\| !el) return\n\n const containerRect = container.getBoundingClientRect()\n const itemRect = el.getBoundingClientRect()\n\n if (itemRect.top < containerRect.top) {\n container.scrollTop -= containerRect.top - itemRect.top\n } else if (itemRect.bottom > containerRect.bottom) {\n container.scrollTop += itemRect.bottom - containerRect.bottom\n }\n\n // keep the custom scrollbar thumb in sync with manual scrollTop updates\n // @ts-ignore\n scrollRef.current?.updateScroll?.()\n }\n\n // add keyboard support\n // use up and down arrow keys to navigate through the reviewables\n // if at top and press up, go to bottom, if at bottom and press down, go to top\n useEffect(() => {\n if (reviewables.length === 1) return\n\n const handleKeyDown = (e: KeyboardEvent) => {\n if (['w', 's', 'ArrowUp', 'ArrowDown'].includes(e.key)) {\n // Check if e.target is an HTMLElement before accessing tagName or isContentEditable\n if (isHTMLElement(e.target)) {\n if (e.target.tagName === 'INPUT' \|\| e.target.tagName === 'TEXTAREA') return\n if (e.target.isContentEditable) return\n }\n\n const currentIndex = reviewables.findIndex(({ fileId }) => selected.includes(fileId))\n const nextIndex = e.key === 'w' \|\| e.key === 'ArrowUp' ? currentIndex - 1 : currentIndex + 1\n const nextReviewable =\n reviewables[nextIndex < 0 ? reviewables.length - 1 : nextIndex % reviewables.length]\n const nextFileId = nextReviewable.fileId\n\n onChange && onChange(nextFileId)\n requestAnimationFrame(() => scrollReviewableIntoView(nextFileId))\n // also set new label for the tooltip\n setLabelTooltip(nextReviewable.label ?? null)\n // set label tooltip position\n const el = document.getElementById('preview-' + nextFileId)\n\n if (el) {\n const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n setLabelTooltipYPos(top)\n }\n }\n }\n\n window.addEventListener('keydown', handleKeyDown)\n\n return () => {\n window.removeEventListener('keydown', handleKeyDown)\n }\n }, [selected, reviewables, onChange])\n\n // keep track of when NOT hovering over the reviewable cards\n useEffect(() => {\n const handleMouseMove = (event: MouseEvent) => {\n // check if the mouse is over a reviewable card\n const closest = (event.target as HTMLElement).closest('.reviewables')\n if (!closest) {\n setLabelTooltip(null)\n }\n }\n\n window.addEventListener('mousemove', handleMouseMove)\n\n return () => {\n window.removeEventListener('mousemove', handleMouseMove)\n }\n }, [])\n\n const handleMouseOver = (\n event: React.MouseEvent<HTMLDivElement>,\n { label }: Pick<ReviewableCard, 'label'>,\n ) => {\n // check event is coming from a reviewable card\n const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n if (!closest) return\n setLabelTooltip(label ?? null)\n // set label tooltip position\n const top = closest.offsetTop + closest.offsetHeight / 2 - getScrollTop()\n setLabelTooltipYPos(top)\n }\n\n // select with enter or space key when focused on a reviewable card\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n if (!closest) return\n const fileId = closest.id.replace('preview-', '')\n onChange && onChange(fileId)\n }\n }\n\n // if no reviewables, return null\n if (!reviewables.length) return <div />\n\n return (\n <Styled.ReviewablesSelector>\n <Styled.Scrollable\n className=\"reviewables\"\n ref={scrollRef}\n containerRef={(ref) => {\n scrollContainerRef.current = ref\n }}\n >\n {reviewables.map(({ fileId, label }) => (\n <Styled.ReviewableCard\n key={fileId}\n id={'preview-' + fileId}\n onClick={() => onChange && onChange(fileId)}\n className={clsx('reviewable-card', { selected: selected.includes(fileId) })}\n onMouseOver={(e) => handleMouseOver(e, { label })}\n onKeyDown={handleKeyDown}\n tabIndex={0}\n >\n <FileThumbnail src={`/api/projects/${projectName}/files/${fileId}/thumbnail`} />\n </Styled.ReviewableCard>\n ))}\n {!!onUpload && (\n <Styled.AddButton\n icon=\"add\"\n onClick={onUpload}\n onMouseEnter={() => setLabelTooltip(null)}\n />\n )}\n </Styled.Scrollable>\n {labelTooltip && labelTooltipYPos && (\n <Styled.Label style={{ top: labelTooltipYPos }}>{labelTooltip}</Styled.Label>\n )}\n </Styled.ReviewablesSelector>\n )\n}\n\nexport default ReviewablesSelector\n"],"names":["ReviewablesSelector","reviewables","selected","projectName","onChange","onUpload","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useEffect","handleKeyDown","e","isHTMLElement","currentIndex","nextIndex","nextReviewable","nextFileId","top","handleMouseMove","event","handleMouseOver","label","closest","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","ref","jsx","Styled.ReviewableCard","clsx","FileThumbnail","Styled.AddButton","Styled.Label"],"mappings":"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"}

package/dist/shared/src/components/ReviewablesSelector/ReviewablesSelector.es.js CHANGED Viewed

@@ -100,6 +100,7 @@ import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
 import "../../api/queries/tasks/getTasks.es.js";
 import "../../api/queries/tasks/updateTasks.es.js";
+import "../../api/queries/teams/getTeams.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
@@ -127,7 +128,9 @@ import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../../containers/ContextMenu/ContextMenuContext.es.js";
 /* empty css                                               */
 import "../../containers/Feed/context/FeedContext.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
 import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
 import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../context/DetailsPanelContext.es.js";
@@ -166,6 +169,7 @@ import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../containers/Feed/components/ActivityDate.es.js";
 import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
+import "rehype-raw";
 import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
@@ -179,6 +183,7 @@ import "@tanstack/react-table";
 import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
 import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
@@ -192,6 +197,7 @@ import "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
 import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "../SearchFilter/filterDates.es.js";
 import "short-uuid";
 import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
 import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
@@ -247,12 +253,10 @@ import "../ProjectTableSettings/ProjectTableSettings.es.js";
 import "../SizeSlider/SizeSlider.es.js";
 import "../ReviewableCard/ReviewableCard.es.js";
 import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../SearchFilter/filterDates.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../ShareOptionIcon/ShareOptionIcon.es.js";
 import "../SimpleFormDialog/SimpleFormDialog.es.js";
-import "../SortingSetting/SortingSetting.styled.es.js";
 import "../StyledLink/StyledLink.es.js";
 import "../TableGridSwitch/TableGridSwitch.es.js";
 import "../Thumbnail/Thumbnail.styled.es.js";
@@ -263,7 +267,7 @@ import "../VersionUploader/context/VersionUploadContext.es.js";
 import "../Watchers/Watchers.es.js";
 import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
-const Mm = ({
+const Fm = ({
   reviewables: m = [],
   selected: s = [],
   projectName: y,
@@ -354,6 +358,6 @@ const Mm = ({
   ] }) : /* @__PURE__ */ n.jsx("div", {});
 };
 export {
-  Mm as default
+  Fm as default
 };
 //# sourceMappingURL=ReviewablesSelector.es.js.map

package/dist/shared/src/components/ReviewablesSelector/ReviewablesSelector.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReviewablesSelector.es.js","sources":["../../../../../src/components/ReviewablesSelector/ReviewablesSelector.tsx"],"sourcesContent":["import { FC, useEffect, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport clsx from 'clsx'\nimport { FileThumbnail } from '@shared/components'\nimport { ReviewableModel } from '@shared/api'\nimport { isHTMLElement } from '@shared/util'\nimport ScrollBar from 'react-perfect-scrollbar'\n\ntype ReviewableCard = Pick<ReviewableModel, 'fileId' \| 'label' \| 'fileId'>\n\ninterface ReviewablesSelectorProps {\n reviewables: ReviewableCard[]\n selected: string[]\n projectName: string \| null\n onChange?: (fileId: string) => void\n onUpload?: () => void\n}\n\nconst ReviewablesSelector: FC<ReviewablesSelectorProps> = ({\n reviewables = [],\n selected = [],\n projectName,\n onChange,\n onUpload,\n}) => {\n const scrollRef = useRef<ScrollBar>(null)\n const scrollContainerRef = useRef<HTMLElement \| null>(null)\n const [labelTooltip, setLabelTooltip] = useState<null \| string>(null)\n const [labelTooltipYPos, setLabelTooltipYPos] = useState<null \| number>(null)\n\n const getScrollTop = (): number => {\n return scrollContainerRef.current?.scrollTop \|\| 0\n }\n\n const scrollReviewableIntoView = (fileId: string) => {\n const container = scrollContainerRef.current\n const el = document.getElementById('preview-' + fileId)\n if (!container \|\| !el) return\n\n const containerRect = container.getBoundingClientRect()\n const itemRect = el.getBoundingClientRect()\n\n if (itemRect.top < containerRect.top) {\n container.scrollTop -= containerRect.top - itemRect.top\n } else if (itemRect.bottom > containerRect.bottom) {\n container.scrollTop += itemRect.bottom - containerRect.bottom\n }\n\n // keep the custom scrollbar thumb in sync with manual scrollTop updates\n // @ts-ignore\n scrollRef.current?.updateScroll?.()\n }\n\n // add keyboard support\n // use up and down arrow keys to navigate through the reviewables\n // if at top and press up, go to bottom, if at bottom and press down, go to top\n useEffect(() => {\n if (reviewables.length === 1) return\n\n const handleKeyDown = (e: KeyboardEvent) => {\n if (['w', 's', 'ArrowUp', 'ArrowDown'].includes(e.key)) {\n // Check if e.target is an HTMLElement before accessing tagName or isContentEditable\n if (isHTMLElement(e.target)) {\n if (e.target.tagName === 'INPUT' \|\| e.target.tagName === 'TEXTAREA') return\n if (e.target.isContentEditable) return\n }\n\n const currentIndex = reviewables.findIndex(({ fileId }) => selected.includes(fileId))\n const nextIndex = e.key === 'w' \|\| e.key === 'ArrowUp' ? currentIndex - 1 : currentIndex + 1\n const nextReviewable =\n reviewables[nextIndex < 0 ? reviewables.length - 1 : nextIndex % reviewables.length]\n const nextFileId = nextReviewable.fileId\n\n onChange && onChange(nextFileId)\n requestAnimationFrame(() => scrollReviewableIntoView(nextFileId))\n // also set new label for the tooltip\n setLabelTooltip(nextReviewable.label ?? null)\n // set label tooltip position\n const el = document.getElementById('preview-' + nextFileId)\n\n if (el) {\n const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n setLabelTooltipYPos(top)\n }\n }\n }\n\n window.addEventListener('keydown', handleKeyDown)\n\n return () => {\n window.removeEventListener('keydown', handleKeyDown)\n }\n }, [selected, reviewables, onChange])\n\n // keep track of when NOT hovering over the reviewable cards\n useEffect(() => {\n const handleMouseMove = (event: MouseEvent) => {\n // check if the mouse is over a reviewable card\n const closest = (event.target as HTMLElement).closest('.reviewables')\n if (!closest) {\n setLabelTooltip(null)\n }\n }\n\n window.addEventListener('mousemove', handleMouseMove)\n\n return () => {\n window.removeEventListener('mousemove', handleMouseMove)\n }\n }, [])\n\n const handleMouseOver = (\n event: React.MouseEvent<HTMLDivElement>,\n { label }: Pick<ReviewableCard, 'label'>,\n ) => {\n // check event is coming from a reviewable card\n const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n if (!closest) return\n setLabelTooltip(label ?? null)\n // set label tooltip position\n const top = closest.offsetTop + closest.offsetHeight / 2 - getScrollTop()\n setLabelTooltipYPos(top)\n }\n\n // select with enter or space key when focused on a reviewable card\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n if (!closest) return\n const fileId = closest.id.replace('preview-', '')\n onChange && onChange(fileId)\n }\n }\n\n // if no reviewables, return null\n if (!reviewables.length) return <div />\n\n return (\n <Styled.ReviewablesSelector>\n <Styled.Scrollable\n className=\"reviewables\"\n ref={scrollRef}\n containerRef={(ref) => {\n scrollContainerRef.current = ref\n }}\n >\n {reviewables.map(({ fileId, label }) => (\n <Styled.ReviewableCard\n key={fileId}\n id={'preview-' + fileId}\n onClick={() => onChange && onChange(fileId)}\n className={clsx('reviewable-card', { selected: selected.includes(fileId) })}\n onMouseOver={(e) => handleMouseOver(e, { label })}\n onKeyDown={handleKeyDown}\n tabIndex={0}\n >\n <FileThumbnail src={`/api/projects/${projectName}/files/${fileId}/thumbnail`} />\n </Styled.ReviewableCard>\n ))}\n {!!onUpload && (\n <Styled.AddButton\n icon=\"add\"\n onClick={onUpload}\n onMouseEnter={() => setLabelTooltip(null)}\n />\n )}\n </Styled.Scrollable>\n {labelTooltip && labelTooltipYPos && (\n <Styled.Label style={{ top: labelTooltipYPos }}>{labelTooltip}</Styled.Label>\n )}\n </Styled.ReviewablesSelector>\n )\n}\n\nexport default ReviewablesSelector\n"],"names":["ReviewablesSelector","reviewables","selected","projectName","onChange","onUpload","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useEffect","handleKeyDown","e","isHTMLElement","currentIndex","nextIndex","nextReviewable","nextFileId","top","handleMouseMove","event","handleMouseOver","label","closest","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","ref","jsx","Styled.ReviewableCard","clsx","FileThumbnail","Styled.AddButton","Styled.Label"],"mappings":"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"}
1	+ {"version":3,"file":"ReviewablesSelector.es.js","sources":["../../../../../src/components/ReviewablesSelector/ReviewablesSelector.tsx"],"sourcesContent":["import { FC, useEffect, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport clsx from 'clsx'\nimport { FileThumbnail } from '@shared/components'\nimport { ReviewableModel } from '@shared/api'\nimport { isHTMLElement } from '@shared/util'\nimport ScrollBar from 'react-perfect-scrollbar'\n\ntype ReviewableCard = Pick<ReviewableModel, 'fileId' \| 'label' \| 'fileId'>\n\ninterface ReviewablesSelectorProps {\n reviewables: ReviewableCard[]\n selected: string[]\n projectName: string \| null\n onChange?: (fileId: string) => void\n onUpload?: () => void\n}\n\nconst ReviewablesSelector: FC<ReviewablesSelectorProps> = ({\n reviewables = [],\n selected = [],\n projectName,\n onChange,\n onUpload,\n}) => {\n const scrollRef = useRef<ScrollBar>(null)\n const scrollContainerRef = useRef<HTMLElement \| null>(null)\n const [labelTooltip, setLabelTooltip] = useState<null \| string>(null)\n const [labelTooltipYPos, setLabelTooltipYPos] = useState<null \| number>(null)\n\n const getScrollTop = (): number => {\n return scrollContainerRef.current?.scrollTop \|\| 0\n }\n\n const scrollReviewableIntoView = (fileId: string) => {\n const container = scrollContainerRef.current\n const el = document.getElementById('preview-' + fileId)\n if (!container \|\| !el) return\n\n const containerRect = container.getBoundingClientRect()\n const itemRect = el.getBoundingClientRect()\n\n if (itemRect.top < containerRect.top) {\n container.scrollTop -= containerRect.top - itemRect.top\n } else if (itemRect.bottom > containerRect.bottom) {\n container.scrollTop += itemRect.bottom - containerRect.bottom\n }\n\n // keep the custom scrollbar thumb in sync with manual scrollTop updates\n // @ts-ignore\n scrollRef.current?.updateScroll?.()\n }\n\n // add keyboard support\n // use up and down arrow keys to navigate through the reviewables\n // if at top and press up, go to bottom, if at bottom and press down, go to top\n useEffect(() => {\n if (reviewables.length === 1) return\n\n const handleKeyDown = (e: KeyboardEvent) => {\n if (['w', 's', 'ArrowUp', 'ArrowDown'].includes(e.key)) {\n // Check if e.target is an HTMLElement before accessing tagName or isContentEditable\n if (isHTMLElement(e.target)) {\n if (e.target.tagName === 'INPUT' \|\| e.target.tagName === 'TEXTAREA') return\n if (e.target.isContentEditable) return\n }\n\n const currentIndex = reviewables.findIndex(({ fileId }) => selected.includes(fileId))\n const nextIndex = e.key === 'w' \|\| e.key === 'ArrowUp' ? currentIndex - 1 : currentIndex + 1\n const nextReviewable =\n reviewables[nextIndex < 0 ? reviewables.length - 1 : nextIndex % reviewables.length]\n const nextFileId = nextReviewable.fileId\n\n onChange && onChange(nextFileId)\n requestAnimationFrame(() => scrollReviewableIntoView(nextFileId))\n // also set new label for the tooltip\n setLabelTooltip(nextReviewable.label ?? null)\n // set label tooltip position\n const el = document.getElementById('preview-' + nextFileId)\n\n if (el) {\n const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n setLabelTooltipYPos(top)\n }\n }\n }\n\n window.addEventListener('keydown', handleKeyDown)\n\n return () => {\n window.removeEventListener('keydown', handleKeyDown)\n }\n }, [selected, reviewables, onChange])\n\n // keep track of when NOT hovering over the reviewable cards\n useEffect(() => {\n const handleMouseMove = (event: MouseEvent) => {\n // check if the mouse is over a reviewable card\n const closest = (event.target as HTMLElement).closest('.reviewables')\n if (!closest) {\n setLabelTooltip(null)\n }\n }\n\n window.addEventListener('mousemove', handleMouseMove)\n\n return () => {\n window.removeEventListener('mousemove', handleMouseMove)\n }\n }, [])\n\n const handleMouseOver = (\n event: React.MouseEvent<HTMLDivElement>,\n { label }: Pick<ReviewableCard, 'label'>,\n ) => {\n // check event is coming from a reviewable card\n const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n if (!closest) return\n setLabelTooltip(label ?? null)\n // set label tooltip position\n const top = closest.offsetTop + closest.offsetHeight / 2 - getScrollTop()\n setLabelTooltipYPos(top)\n }\n\n // select with enter or space key when focused on a reviewable card\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n if (!closest) return\n const fileId = closest.id.replace('preview-', '')\n onChange && onChange(fileId)\n }\n }\n\n // if no reviewables, return null\n if (!reviewables.length) return <div />\n\n return (\n <Styled.ReviewablesSelector>\n <Styled.Scrollable\n className=\"reviewables\"\n ref={scrollRef}\n containerRef={(ref) => {\n scrollContainerRef.current = ref\n }}\n >\n {reviewables.map(({ fileId, label }) => (\n <Styled.ReviewableCard\n key={fileId}\n id={'preview-' + fileId}\n onClick={() => onChange && onChange(fileId)}\n className={clsx('reviewable-card', { selected: selected.includes(fileId) })}\n onMouseOver={(e) => handleMouseOver(e, { label })}\n onKeyDown={handleKeyDown}\n tabIndex={0}\n >\n <FileThumbnail src={`/api/projects/${projectName}/files/${fileId}/thumbnail`} />\n </Styled.ReviewableCard>\n ))}\n {!!onUpload && (\n <Styled.AddButton\n icon=\"add\"\n onClick={onUpload}\n onMouseEnter={() => setLabelTooltip(null)}\n />\n )}\n </Styled.Scrollable>\n {labelTooltip && labelTooltipYPos && (\n <Styled.Label style={{ top: labelTooltipYPos }}>{labelTooltip}</Styled.Label>\n )}\n </Styled.ReviewablesSelector>\n )\n}\n\nexport default ReviewablesSelector\n"],"names":["ReviewablesSelector","reviewables","selected","projectName","onChange","onUpload","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useEffect","handleKeyDown","e","isHTMLElement","currentIndex","nextIndex","nextReviewable","nextFileId","top","handleMouseMove","event","handleMouseOver","label","closest","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","ref","jsx","Styled.ReviewableCard","clsx","FileThumbnail","Styled.AddButton","Styled.Label"],"mappings":"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"}

package/dist/shared/src/components/SearchFilter/filterDates.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("date-fns"),o="no-date",n=(e,r,s,d)=>[{label:s,id:e.toISOString()},{label:d,id:r.toISOString()}],a={today:()=>{const e=new Date;return n(t.startOfDay(e),t.endOfDay(e),"Start of day","End of day")},yesterday:()=>{const e=t.subDays(new Date,1);return n(t.startOfDay(e),t.endOfDay(e),"Start of yesterday","End of yesterday")},"after-now":()=>{const e=new Date;return[{label:"After today",id:t.setHours(e,24).toISOString()},{id:o,label:o}]},"before-now":()=>{const e=new Date;return[{id:o,label:o},{label:"Before today",id:t.setHours(e,0).toISOString()}]},"this-week":()=>{const e=new Date;return n(t.startOfWeek(e,{weekStartsOn:0}),t.endOfWeek(e,{weekStartsOn:0}),"Start of week","End of week")},"next-week":()=>{const e=t.addWeeks(new Date,1);return n(t.startOfWeek(e,{weekStartsOn:0}),t.endOfWeek(e,{weekStartsOn:0}),"Start of next week","End of next week")},"last-week":()=>{const e=t.subWeeks(new Date,1);return n(t.startOfWeek(e,{weekStartsOn:0}),t.endOfWeek(e,{weekStartsOn:0}),"Start of last week","End of last week")},"this-month":()=>{const e=new Date;return n(t.startOfMonth(e),t.endOfMonth(e),"Start of month","End of month")},"next-month":()=>{const e=t.addMonths(new Date,1);return n(t.startOfMonth(e),t.endOfMonth(e),"Start of next month","End of next month")},"last-month":()=>{const e=t.subMonths(new Date,1);return n(t.startOfMonth(e),t.endOfMonth(e),"Start of last month","End of last month")},"this-year":()=>{const e=new Date;return n(t.startOfYear(e),t.endOfYear(e),"Start of year","End of year")},"last-year":()=>{const e=t.subYears(new Date,1);return n(t.startOfYear(e),t.endOfYear(e),"Start of last year","End of last year")}},l=[{id:"today",label:"Today",values:a.today(),icon:"today"},{id:"yesterday",label:"Yesterday",values:a.yesterday(),icon:"date_range"},{id:"after-now",label:"After today",values:a["after-now"](),icon:"event_upcoming"},{id:"before-now",label:"Before today",values:a["before-now"](),icon:"event_busy"},{id:"this-week",label:"This week",values:a["this-week"](),icon:"date_range"},{id:"last-week",label:"Last week",values:a["last-week"](),icon:"date_range"},{id:"this-month",label:"This month",values:a["this-month"](),icon:"calendar_month"},{id:"last-month",label:"Last month",values:a["last-month"](),icon:"calendar_month"},{id:"this-year",label:"This year",values:a["this-year"](),icon:"calendar_month"},{id:"last-year",label:"Last year",values:a["last-year"](),icon:"calendar_month"}];exports.NO_DATE=o;exports.dateOptions=l;exports.filterDateFunctions=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("date-fns"),i="no-date",o=(t,l,s,r)=>[{label:s,id:t.toISOString()},{label:r,id:l.toISOString()}],n={today:()=>{const t=new Date;return o(e.startOfDay(t),e.endOfDay(t),"Start of day","End of day")},yesterday:()=>{const t=e.subDays(new Date,1);return o(e.startOfDay(t),e.endOfDay(t),"Start of yesterday","End of yesterday")},"after-now":()=>{const t=new Date;return[{label:"After today",id:e.setHours(t,24).toISOString()},{id:i,label:i}]},"before-now":()=>{const t=new Date;return[{id:i,label:i},{label:"Before today",id:e.setHours(t,0).toISOString()}]},"this-week":()=>{const t=new Date;return o(e.startOfWeek(t,{weekStartsOn:0}),e.endOfWeek(t,{weekStartsOn:0}),"Start of week","End of week")},"next-week":()=>{const t=e.addWeeks(new Date,1);return o(e.startOfWeek(t,{weekStartsOn:0}),e.endOfWeek(t,{weekStartsOn:0}),"Start of next week","End of next week")},"last-week":()=>{const t=e.subWeeks(new Date,1);return o(e.startOfWeek(t,{weekStartsOn:0}),e.endOfWeek(t,{weekStartsOn:0}),"Start of last week","End of last week")},"this-month":()=>{const t=new Date;return o(e.startOfMonth(t),e.endOfMonth(t),"Start of month","End of month")},"next-month":()=>{const t=e.addMonths(new Date,1);return o(e.startOfMonth(t),e.endOfMonth(t),"Start of next month","End of next month")},"last-month":()=>{const t=e.subMonths(new Date,1);return o(e.startOfMonth(t),e.endOfMonth(t),"Start of last month","End of last month")},"this-year":()=>{const t=new Date;return o(e.startOfYear(t),e.endOfYear(t),"Start of year","End of year")},"last-year":()=>{const t=e.subYears(new Date,1);return o(e.startOfYear(t),e.endOfYear(t),"Start of last year","End of last year")}},c="custom-range",y="tune",h={id:c,label:"Custom range...",values:[],icon:y},d=()=>[{id:"today",label:"Today",values:n.today(),icon:"today"},{id:"yesterday",label:"Yesterday",values:n.yesterday(),icon:"date_range"},{id:"after-now",label:"After today",values:n["after-now"](),icon:"event_upcoming"},{id:"before-now",label:"Before today",values:n["before-now"](),icon:"event_busy"},{id:"this-week",label:"This week",values:n["this-week"](),icon:"date_range"},{id:"last-week",label:"Last week",values:n["last-week"](),icon:"date_range"},{id:"this-month",label:"This month",values:n["this-month"](),icon:"calendar_month"},{id:"last-month",label:"Last month",values:n["last-month"](),icon:"calendar_month"},{id:"this-year",label:"This year",values:n["this-year"](),icon:"calendar_month"},{id:"last-year",label:"Last year",values:n["last-year"](),icon:"calendar_month"}],u=d(),O=()=>[h,...d()],f=O(),w=(t,l)=>{if(!t||!l)return null;try{const s=e.parseISO(t),r=e.parseISO(l);if(!e.isValid(s)||!e.isValid(r))return null;const S=[{id:"today",label:"Today",check:()=>{const a=n.today();return e.isSameDay(s,e.parseISO(a[0].id))&&e.isSameDay(r,e.parseISO(a[1].id))}},{id:"yesterday",label:"Yesterday",check:()=>{const a=n.yesterday();return e.isSameDay(s,e.parseISO(a[0].id))&&e.isSameDay(r,e.parseISO(a[1].id))}},{id:"this-week",label:"This week",check:()=>{const a=n["this-week"]();return e.isSameDay(s,e.parseISO(a[0].id))&&e.isSameDay(r,e.parseISO(a[1].id))}},{id:"last-week",label:"Last week",check:()=>{const a=n["last-week"]();return e.isSameDay(s,e.parseISO(a[0].id))&&e.isSameDay(r,e.parseISO(a[1].id))}},{id:"this-month",label:"This month",check:()=>{const a=n["this-month"]();return e.isSameDay(s,e.parseISO(a[0].id))&&e.isSameDay(r,e.parseISO(a[1].id))}},{id:"last-month",label:"Last month",check:()=>{const a=n["last-month"]();return e.isSameDay(s,e.parseISO(a[0].id))&&e.isSameDay(r,e.parseISO(a[1].id))}},{id:"this-year",label:"This year",check:()=>{const a=n["this-year"]();return e.isSameDay(s,e.parseISO(a[0].id))&&e.isSameDay(r,e.parseISO(a[1].id))}},{id:"last-year",label:"Last year",check:()=>{const a=n["last-year"]();return e.isSameDay(s,e.parseISO(a[0].id))&&e.isSameDay(r,e.parseISO(a[1].id))}}];for(const a of S)if(a.check())return{label:a.label,id:a.id};return null}catch{return null}};exports.CUSTOM_RANGE_ICON=y;exports.CUSTOM_RANGE_ID=c;exports.NO_DATE=i;exports.customRangeOption=h;exports.dateOptions=f;exports.datePresetOptions=u;exports.detectRelativeDatePattern=w;exports.filterDateFunctions=n;exports.generateDateOptions=O;exports.generateDatePresetOptions=d;
 //# sourceMappingURL=filterDates.cjs.js.map

package/dist/shared/src/components/SearchFilter/filterDates.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"filterDates.cjs.js","sources":["../../../../../src/components/SearchFilter/filterDates.ts"],"sourcesContent":["import { Option } from '@ynput/ayon-react-components'\nimport {\n startOfDay,\n endOfDay,\n subDays,\n startOfWeek,\n endOfWeek,\n addWeeks,\n subWeeks,\n startOfMonth,\n endOfMonth,\n addMonths,\n subMonths,\n startOfYear,\n endOfYear,\n subYears,\n setHours,\n} from 'date-fns'\n\nexport const NO_DATE = 'no-date'\n\n// Helper function to create date range arrays\nconst createDateRange = (startDate: Date, endDate: Date, startLabel: string, endLabel: string) => {\n return [\n { label: startLabel, id: startDate.toISOString() },\n { label: endLabel, id: endDate.toISOString() },\n ]\n}\n\n// first value is gte and second is lte\nexport const filterDateFunctions = {\n today: () => {\n const now = new Date()\n return createDateRange(startOfDay(now), endOfDay(now), 'Start of day', 'End of day')\n },\n yesterday: () => {\n const yesterday = subDays(new Date(), 1)\n return createDateRange(\n startOfDay(yesterday),\n endOfDay(yesterday),\n 'Start of yesterday',\n 'End of yesterday',\n )\n },\n ['after-now']: () => {\n const now = new Date()\n return [\n { label: 'After today', id: setHours(now, 24).toISOString() },\n { id: NO_DATE, label: NO_DATE },\n ]\n },\n ['before-now']: () => {\n const now = new Date()\n return [\n { id: NO_DATE, label: NO_DATE },\n { label: 'Before today', id: setHours(now, 0).toISOString() },\n ]\n },\n ['this-week']: () => {\n const now = new Date()\n return createDateRange(\n startOfWeek(now, { weekStartsOn: 0 }),\n endOfWeek(now, { weekStartsOn: 0 }),\n 'Start of week',\n 'End of week',\n )\n },\n ['next-week']: () => {\n const nextWeek = addWeeks(new Date(), 1)\n return createDateRange(\n startOfWeek(nextWeek, { weekStartsOn: 0 }),\n endOfWeek(nextWeek, { weekStartsOn: 0 }),\n 'Start of next week',\n 'End of next week',\n )\n },\n ['last-week']: () => {\n const lastWeek = subWeeks(new Date(), 1)\n return createDateRange(\n startOfWeek(lastWeek, { weekStartsOn: 0 }),\n endOfWeek(lastWeek, { weekStartsOn: 0 }),\n 'Start of last week',\n 'End of last week',\n )\n },\n ['this-month']: () => {\n const now = new Date()\n return createDateRange(startOfMonth(now), endOfMonth(now), 'Start of month', 'End of month')\n },\n ['next-month']: () => {\n const nextMonth = addMonths(new Date(), 1)\n return createDateRange(\n startOfMonth(nextMonth),\n endOfMonth(nextMonth),\n 'Start of next month',\n 'End of next month',\n )\n },\n ['last-month']: () => {\n const lastMonth = subMonths(new Date(), 1)\n return createDateRange(\n startOfMonth(lastMonth),\n endOfMonth(lastMonth),\n 'Start of last month',\n 'End of last month',\n )\n },\n ['this-year']: () => {\n const now = new Date()\n return createDateRange(startOfYear(now), endOfYear(now), 'Start of year', 'End of year')\n },\n ['last-year']: () => {\n const lastYear = subYears(new Date(), 1)\n return createDateRange(\n startOfYear(lastYear),\n endOfYear(lastYear),\n 'Start of last year',\n 'End of last year',\n )\n },\n}\n\nexport type DateOptionType = keyof typeof filterDateFunctions\n\nexport const dateOptions: (Option & { id: DateOptionType })[] = [\n {\n id: 'today',\n label: 'Today',\n values: filterDateFunctions.today(),\n icon: 'today',\n },\n {\n id: 'yesterday',\n label: 'Yesterday',\n values: filterDateFunctions.yesterday(),\n icon: 'date_range',\n },\n {\n id: 'after-now',\n label: 'After today',\n values: filterDateFunctions['after-now'](),\n icon: 'event_upcoming',\n },\n {\n id: 'before-now',\n label: 'Before today',\n values: filterDateFunctions['before-now'](),\n icon: 'event_busy',\n },\n {\n id: 'this-week',\n label: 'This week',\n values: filterDateFunctions['this-week'](),\n icon: 'date_range',\n },\n {\n id: 'last-week',\n label: 'Last week',\n values: filterDateFunctions['last-week'](),\n icon: 'date_range',\n },\n {\n id: 'this-month',\n label: 'This month',\n values: filterDateFunctions['this-month'](),\n icon: 'calendar_month',\n },\n {\n id: 'last-month',\n label: 'Last month',\n values: filterDateFunctions['last-month'](),\n icon: 'calendar_month',\n },\n {\n id: 'this-year',\n label: 'This year',\n values: filterDateFunctions['this-year'](),\n icon: 'calendar_month',\n },\n {\n id: 'last-year',\n label: 'Last year',\n values: filterDateFunctions['last-year'](),\n icon: 'calendar_month',\n },\n]\n"],"names":["NO_DATE","createDateRange","startDate","endDate","startLabel","endLabel","filterDateFunctions","now","startOfDay","endOfDay","yesterday","subDays","setHours","startOfWeek","endOfWeek","nextWeek","addWeeks","lastWeek","subWeeks","startOfMonth","endOfMonth","nextMonth","addMonths","lastMonth","subMonths","startOfYear","endOfYear","lastYear","subYears","dateOptions"],"mappings":"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"}
1	+ {"version":3,"file":"filterDates.cjs.js","sources":["../../../../../src/components/SearchFilter/filterDates.ts"],"sourcesContent":["import { Option } from '@ynput/ayon-react-components'\nimport {\n startOfDay,\n endOfDay,\n subDays,\n startOfWeek,\n endOfWeek,\n addWeeks,\n subWeeks,\n startOfMonth,\n endOfMonth,\n addMonths,\n subMonths,\n startOfYear,\n endOfYear,\n subYears,\n setHours,\n isSameDay,\n parseISO,\n isValid,\n} from 'date-fns'\n\nexport const NO_DATE = 'no-date'\n\n// Helper function to create date range arrays\nconst createDateRange = (startDate: Date, endDate: Date, startLabel: string, endLabel: string) => {\n return [\n { label: startLabel, id: startDate.toISOString() },\n { label: endLabel, id: endDate.toISOString() },\n ]\n}\n\n// first value is gte and second is lte\nexport const filterDateFunctions = {\n today: () => {\n const now = new Date()\n return createDateRange(startOfDay(now), endOfDay(now), 'Start of day', 'End of day')\n },\n yesterday: () => {\n const yesterday = subDays(new Date(), 1)\n return createDateRange(\n startOfDay(yesterday),\n endOfDay(yesterday),\n 'Start of yesterday',\n 'End of yesterday',\n )\n },\n ['after-now']: () => {\n const now = new Date()\n return [\n { label: 'After today', id: setHours(now, 24).toISOString() },\n { id: NO_DATE, label: NO_DATE },\n ]\n },\n ['before-now']: () => {\n const now = new Date()\n return [\n { id: NO_DATE, label: NO_DATE },\n { label: 'Before today', id: setHours(now, 0).toISOString() },\n ]\n },\n ['this-week']: () => {\n const now = new Date()\n return createDateRange(\n startOfWeek(now, { weekStartsOn: 0 }),\n endOfWeek(now, { weekStartsOn: 0 }),\n 'Start of week',\n 'End of week',\n )\n },\n ['next-week']: () => {\n const nextWeek = addWeeks(new Date(), 1)\n return createDateRange(\n startOfWeek(nextWeek, { weekStartsOn: 0 }),\n endOfWeek(nextWeek, { weekStartsOn: 0 }),\n 'Start of next week',\n 'End of next week',\n )\n },\n ['last-week']: () => {\n const lastWeek = subWeeks(new Date(), 1)\n return createDateRange(\n startOfWeek(lastWeek, { weekStartsOn: 0 }),\n endOfWeek(lastWeek, { weekStartsOn: 0 }),\n 'Start of last week',\n 'End of last week',\n )\n },\n ['this-month']: () => {\n const now = new Date()\n return createDateRange(startOfMonth(now), endOfMonth(now), 'Start of month', 'End of month')\n },\n ['next-month']: () => {\n const nextMonth = addMonths(new Date(), 1)\n return createDateRange(\n startOfMonth(nextMonth),\n endOfMonth(nextMonth),\n 'Start of next month',\n 'End of next month',\n )\n },\n ['last-month']: () => {\n const lastMonth = subMonths(new Date(), 1)\n return createDateRange(\n startOfMonth(lastMonth),\n endOfMonth(lastMonth),\n 'Start of last month',\n 'End of last month',\n )\n },\n ['this-year']: () => {\n const now = new Date()\n return createDateRange(startOfYear(now), endOfYear(now), 'Start of year', 'End of year')\n },\n ['last-year']: () => {\n const lastYear = subYears(new Date(), 1)\n return createDateRange(\n startOfYear(lastYear),\n endOfYear(lastYear),\n 'Start of last year',\n 'End of last year',\n )\n },\n}\n\nexport type DateOptionType = keyof typeof filterDateFunctions\n\nexport const CUSTOM_RANGE_ID = 'custom-range'\nexport const CUSTOM_RANGE_ICON = 'tune'\n\n// Custom range is free (no PowerPack needed), listed first\nexport const customRangeOption: Option & { id: typeof CUSTOM_RANGE_ID } = {\n id: CUSTOM_RANGE_ID,\n label: 'Custom range...',\n values: [],\n icon: CUSTOM_RANGE_ICON,\n}\n\n// Function to generate date preset options dynamically (recalculates on each call)\n// This ensures relative dates like \"Today\" always reflect the current date\nexport const generateDatePresetOptions = (): (Option & { id: DateOptionType })[] => [\n {\n id: 'today',\n label: 'Today',\n values: filterDateFunctions.today(),\n icon: 'today',\n },\n {\n id: 'yesterday',\n label: 'Yesterday',\n values: filterDateFunctions.yesterday(),\n icon: 'date_range',\n },\n {\n id: 'after-now',\n label: 'After today',\n values: filterDateFunctions['after-now'](),\n icon: 'event_upcoming',\n },\n {\n id: 'before-now',\n label: 'Before today',\n values: filterDateFunctions['before-now'](),\n icon: 'event_busy',\n },\n {\n id: 'this-week',\n label: 'This week',\n values: filterDateFunctions['this-week'](),\n icon: 'date_range',\n },\n {\n id: 'last-week',\n label: 'Last week',\n values: filterDateFunctions['last-week'](),\n icon: 'date_range',\n },\n {\n id: 'this-month',\n label: 'This month',\n values: filterDateFunctions['this-month'](),\n icon: 'calendar_month',\n },\n {\n id: 'last-month',\n label: 'Last month',\n values: filterDateFunctions['last-month'](),\n icon: 'calendar_month',\n },\n {\n id: 'this-year',\n label: 'This year',\n values: filterDateFunctions['this-year'](),\n icon: 'calendar_month',\n },\n {\n id: 'last-year',\n label: 'Last year',\n values: filterDateFunctions['last-year'](),\n icon: 'calendar_month',\n },\n]\n\n// Deprecated: kept for backwards compatibility only\n// Use generateDatePresetOptions() instead to get fresh presets on each render\nexport const datePresetOptions: (Option & { id: DateOptionType })[] = generateDatePresetOptions()\n\n// Function to generate combined list dynamically\nexport const generateDateOptions = (): (Option & { id: DateOptionType \| typeof CUSTOM_RANGE_ID })[] => [\n customRangeOption,\n ...generateDatePresetOptions(),\n]\n\n// Deprecated: kept for backwards compatibility only\n// Use generateDateOptions() instead\nexport const dateOptions: (Option & { id: DateOptionType \| typeof CUSTOM_RANGE_ID })[] = generateDateOptions()\n\n/*\n Detects if a date range matches a known relative pattern (Today, This week, etc.)\n * Returns the pattern info if matched, null otherwise\n */\nexport const detectRelativeDatePattern = (\n startISO: string \| undefined,\n endISO: string \| undefined,\n): { label: string; id: DateOptionType } \| null => {\n if (!startISO \|\| !endISO) return null\n\n try {\n const startDate = parseISO(startISO)\n const endDate = parseISO(endISO)\n\n if (!isValid(startDate) \|\| !isValid(endDate)) return null\n\n // Check against each relative pattern\n const patterns: Array<{ id: DateOptionType; label: string; check: () => boolean }> = [\n {\n id: 'today',\n label: 'Today',\n check: () => {\n const today = filterDateFunctions.today()\n return (\n isSameDay(startDate, parseISO(today[0].id)) && isSameDay(endDate, parseISO(today[1].id))\n )\n },\n },\n {\n id: 'yesterday',\n label: 'Yesterday',\n check: () => {\n const yesterday = filterDateFunctions.yesterday()\n return (\n isSameDay(startDate, parseISO(yesterday[0].id)) &&\n isSameDay(endDate, parseISO(yesterday[1].id))\n )\n },\n },\n {\n id: 'this-week',\n label: 'This week',\n check: () => {\n const thisWeek = filterDateFunctions['this-week']()\n return (\n isSameDay(startDate, parseISO(thisWeek[0].id)) &&\n isSameDay(endDate, parseISO(thisWeek[1].id))\n )\n },\n },\n {\n id: 'last-week',\n label: 'Last week',\n check: () => {\n const lastWeek = filterDateFunctions['last-week']()\n return (\n isSameDay(startDate, parseISO(lastWeek[0].id)) &&\n isSameDay(endDate, parseISO(lastWeek[1].id))\n )\n },\n },\n {\n id: 'this-month',\n label: 'This month',\n check: () => {\n const thisMonth = filterDateFunctions['this-month']()\n return (\n isSameDay(startDate, parseISO(thisMonth[0].id)) &&\n isSameDay(endDate, parseISO(thisMonth[1].id))\n )\n },\n },\n {\n id: 'last-month',\n label: 'Last month',\n check: () => {\n const lastMonth = filterDateFunctions['last-month']()\n return (\n isSameDay(startDate, parseISO(lastMonth[0].id)) &&\n isSameDay(endDate, parseISO(lastMonth[1].id))\n )\n },\n },\n {\n id: 'this-year',\n label: 'This year',\n check: () => {\n const thisYear = filterDateFunctions['this-year']()\n return (\n isSameDay(startDate, parseISO(thisYear[0].id)) &&\n isSameDay(endDate, parseISO(thisYear[1].id))\n )\n },\n },\n {\n id: 'last-year',\n label: 'Last year',\n check: () => {\n const lastYear = filterDateFunctions['last-year']()\n return (\n isSameDay(startDate, parseISO(lastYear[0].id)) &&\n isSameDay(endDate, parseISO(lastYear[1].id))\n )\n },\n },\n ]\n\n for (const pattern of patterns) {\n if (pattern.check()) {\n return { label: pattern.label, id: pattern.id }\n }\n }\n\n return null\n } catch {\n return null\n }\n}\n"],"names":["NO_DATE","createDateRange","startDate","endDate","startLabel","endLabel","filterDateFunctions","now","startOfDay","endOfDay","yesterday","subDays","setHours","startOfWeek","endOfWeek","nextWeek","addWeeks","lastWeek","subWeeks","startOfMonth","endOfMonth","nextMonth","addMonths","lastMonth","subMonths","startOfYear","endOfYear","lastYear","subYears","CUSTOM_RANGE_ID","CUSTOM_RANGE_ICON","customRangeOption","generateDatePresetOptions","datePresetOptions","generateDateOptions","dateOptions","detectRelativeDatePattern","startISO","endISO","parseISO","isValid","patterns","today","isSameDay","thisWeek","thisMonth","thisYear","pattern"],"mappings":"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"}

package/dist/shared/src/components/SearchFilter/filterDates.es.js CHANGED Viewed

@@ -1,156 +1,249 @@
-import { subYears as k, endOfYear as d, startOfYear as i, subMonths as b, endOfMonth as o, startOfMonth as r, addMonths as S, subWeeks as m, endOfWeek as s, startOfWeek as l, addWeeks as O, setHours as w, subDays as D, endOfDay as f, startOfDay as y } from "date-fns";
-const n = "no-date", t = (e, h, c, u) => [
-  { label: c, id: e.toISOString() },
-  { label: u, id: h.toISOString() }
-], a = {
+import { subYears as g, endOfYear as w, startOfYear as f, subMonths as v, endOfMonth as c, startOfMonth as h, addMonths as _, subWeeks as E, endOfWeek as y, startOfWeek as u, addWeeks as p, setHours as k, subDays as T, endOfDay as b, startOfDay as m, parseISO as a, isValid as O, isSameDay as o } from "date-fns";
+const i = "no-date", l = (e, d, s, r) => [
+  { label: s, id: e.toISOString() },
+  { label: r, id: d.toISOString() }
+], n = {
   today: () => {
     const e = /* @__PURE__ */ new Date();
-    return t(y(e), f(e), "Start of day", "End of day");
+    return l(m(e), b(e), "Start of day", "End of day");
   },
   yesterday: () => {
-    const e = D(/* @__PURE__ */ new Date(), 1);
-    return t(
-      y(e),
-      f(e),
+    const e = T(/* @__PURE__ */ new Date(), 1);
+    return l(
+      m(e),
+      b(e),
       "Start of yesterday",
       "End of yesterday"
     );
   },
   "after-now": () => [
-    { label: "After today", id: w(/* @__PURE__ */ new Date(), 24).toISOString() },
-    { id: n, label: n }
+    { label: "After today", id: k(/* @__PURE__ */ new Date(), 24).toISOString() },
+    { id: i, label: i }
   ],
   "before-now": () => [
-    { id: n, label: n },
-    { label: "Before today", id: w(/* @__PURE__ */ new Date(), 0).toISOString() }
+    { id: i, label: i },
+    { label: "Before today", id: k(/* @__PURE__ */ new Date(), 0).toISOString() }
   ],
   "this-week": () => {
     const e = /* @__PURE__ */ new Date();
-    return t(
-      l(e, { weekStartsOn: 0 }),
-      s(e, { weekStartsOn: 0 }),
+    return l(
+      u(e, { weekStartsOn: 0 }),
+      y(e, { weekStartsOn: 0 }),
       "Start of week",
       "End of week"
     );
   },
   "next-week": () => {
-    const e = O(/* @__PURE__ */ new Date(), 1);
-    return t(
-      l(e, { weekStartsOn: 0 }),
-      s(e, { weekStartsOn: 0 }),
+    const e = p(/* @__PURE__ */ new Date(), 1);
+    return l(
+      u(e, { weekStartsOn: 0 }),
+      y(e, { weekStartsOn: 0 }),
       "Start of next week",
       "End of next week"
     );
   },
   "last-week": () => {
-    const e = m(/* @__PURE__ */ new Date(), 1);
-    return t(
-      l(e, { weekStartsOn: 0 }),
-      s(e, { weekStartsOn: 0 }),
+    const e = E(/* @__PURE__ */ new Date(), 1);
+    return l(
+      u(e, { weekStartsOn: 0 }),
+      y(e, { weekStartsOn: 0 }),
       "Start of last week",
       "End of last week"
     );
   },
   "this-month": () => {
     const e = /* @__PURE__ */ new Date();
-    return t(r(e), o(e), "Start of month", "End of month");
+    return l(h(e), c(e), "Start of month", "End of month");
   },
   "next-month": () => {
-    const e = S(/* @__PURE__ */ new Date(), 1);
-    return t(
-      r(e),
-      o(e),
+    const e = _(/* @__PURE__ */ new Date(), 1);
+    return l(
+      h(e),
+      c(e),
       "Start of next month",
       "End of next month"
     );
   },
   "last-month": () => {
-    const e = b(/* @__PURE__ */ new Date(), 1);
-    return t(
-      r(e),
-      o(e),
+    const e = v(/* @__PURE__ */ new Date(), 1);
+    return l(
+      h(e),
+      c(e),
       "Start of last month",
       "End of last month"
     );
   },
   "this-year": () => {
     const e = /* @__PURE__ */ new Date();
-    return t(i(e), d(e), "Start of year", "End of year");
+    return l(f(e), w(e), "Start of year", "End of year");
   },
   "last-year": () => {
-    const e = k(/* @__PURE__ */ new Date(), 1);
-    return t(
-      i(e),
-      d(e),
+    const e = g(/* @__PURE__ */ new Date(), 1);
+    return l(
+      f(e),
+      w(e),
       "Start of last year",
       "End of last year"
     );
   }
-}, E = [
+}, M = "custom-range", x = "tune", W = {
+  id: M,
+  label: "Custom range...",
+  values: [],
+  icon: x
+}, S = () => [
   {
     id: "today",
     label: "Today",
-    values: a.today(),
+    values: n.today(),
     icon: "today"
   },
   {
     id: "yesterday",
     label: "Yesterday",
-    values: a.yesterday(),
+    values: n.yesterday(),
     icon: "date_range"
   },
   {
     id: "after-now",
     label: "After today",
-    values: a["after-now"](),
+    values: n["after-now"](),
     icon: "event_upcoming"
   },
   {
     id: "before-now",
     label: "Before today",
-    values: a["before-now"](),
+    values: n["before-now"](),
     icon: "event_busy"
   },
   {
     id: "this-week",
     label: "This week",
-    values: a["this-week"](),
+    values: n["this-week"](),
     icon: "date_range"
   },
   {
     id: "last-week",
     label: "Last week",
-    values: a["last-week"](),
+    values: n["last-week"](),
     icon: "date_range"
   },
   {
     id: "this-month",
     label: "This month",
-    values: a["this-month"](),
+    values: n["this-month"](),
     icon: "calendar_month"
   },
   {
     id: "last-month",
     label: "Last month",
-    values: a["last-month"](),
+    values: n["last-month"](),
     icon: "calendar_month"
   },
   {
     id: "this-year",
     label: "This year",
-    values: a["this-year"](),
+    values: n["this-year"](),
     icon: "calendar_month"
   },
   {
     id: "last-year",
     label: "Last year",
-    values: a["last-year"](),
+    values: n["last-year"](),
     icon: "calendar_month"
   }
-];
+], A = S(), Y = () => [
+  W,
+  ...S()
+], I = Y(), R = (e, d) => {
+  if (!e || !d) return null;
+  try {
+    const s = a(e), r = a(d);
+    if (!O(s) || !O(r)) return null;
+    const D = [
+      {
+        id: "today",
+        label: "Today",
+        check: () => {
+          const t = n.today();
+          return o(s, a(t[0].id)) && o(r, a(t[1].id));
+        }
+      },
+      {
+        id: "yesterday",
+        label: "Yesterday",
+        check: () => {
+          const t = n.yesterday();
+          return o(s, a(t[0].id)) && o(r, a(t[1].id));
+        }
+      },
+      {
+        id: "this-week",
+        label: "This week",
+        check: () => {
+          const t = n["this-week"]();
+          return o(s, a(t[0].id)) && o(r, a(t[1].id));
+        }
+      },
+      {
+        id: "last-week",
+        label: "Last week",
+        check: () => {
+          const t = n["last-week"]();
+          return o(s, a(t[0].id)) && o(r, a(t[1].id));
+        }
+      },
+      {
+        id: "this-month",
+        label: "This month",
+        check: () => {
+          const t = n["this-month"]();
+          return o(s, a(t[0].id)) && o(r, a(t[1].id));
+        }
+      },
+      {
+        id: "last-month",
+        label: "Last month",
+        check: () => {
+          const t = n["last-month"]();
+          return o(s, a(t[0].id)) && o(r, a(t[1].id));
+        }
+      },
+      {
+        id: "this-year",
+        label: "This year",
+        check: () => {
+          const t = n["this-year"]();
+          return o(s, a(t[0].id)) && o(r, a(t[1].id));
+        }
+      },
+      {
+        id: "last-year",
+        label: "Last year",
+        check: () => {
+          const t = n["last-year"]();
+          return o(s, a(t[0].id)) && o(r, a(t[1].id));
+        }
+      }
+    ];
+    for (const t of D)
+      if (t.check())
+        return { label: t.label, id: t.id };
+    return null;
+  } catch {
+    return null;
+  }
+};
 export {
-  n as NO_DATE,
-  E as dateOptions,
-  a as filterDateFunctions
+  x as CUSTOM_RANGE_ICON,
+  M as CUSTOM_RANGE_ID,
+  i as NO_DATE,
+  W as customRangeOption,
+  I as dateOptions,
+  A as datePresetOptions,
+  R as detectRelativeDatePattern,
+  n as filterDateFunctions,
+  Y as generateDateOptions,
+  S as generateDatePresetOptions
 };
 //# sourceMappingURL=filterDates.es.js.map