{"version":3,"file":"js/chunk.9909.e2f69b66.js","mappings":"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","sources":["webpack://@affine/web/../core/src/pages/workspace/collection/collection.css.ts","webpack://@affine/web/../core/src/pages/workspace/collection/header.tsx","webpack://@affine/web/../core/src/pages/workspace/collection/index.tsx"],"sourcesContent":["import \"../core/src/pages/workspace/collection/collection.css.ts.vanilla.css!=!../../../../../../../node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\\\"fileName\\\":\\\"../core/src/pages/workspace/collection/collection.css.ts.vanilla.css\\\",\\\"source\\\":\\\"LnhweHNpZjAgewogIHBhZGRpbmc6IDhweCAxOHB4OwogIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWFmZmluZS1ib3JkZXItY29sb3IpOwogIGJvcmRlci1yYWRpdXM6IDhweDsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA0cHg7CiAgZm9udC13ZWlnaHQ6IDYwMDsKICBjdXJzb3I6IHBvaW50ZXI7CiAgZm9udC1zaXplOiAxNXB4OwogIGxpbmUtaGVpZ2h0OiAyNHB4Owp9Ci54cHhzaWYwOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1hZmZpbmUtaG92ZXItY29sb3IpOwp9Ci54cHhzaWYxIHsKICB1c2VyLXNlbGVjdDogbm9uZTsKICBib3JkZXItcmFkaXVzOiA0cHg7CiAgY3Vyc29yOiBwb2ludGVyOwp9Ci54cHhzaWYxOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1hZmZpbmUtaG92ZXItY29sb3IpOwp9Ci54cHhzaWYyIHsKICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMXMgZWFzZS1pbi1vdXQ7Cn0KLnhweHNpZjMgewogIHdpZHRoOiAzMHB4OwogIGhlaWdodDogMzBweDsKICBib3JkZXItcmFkaXVzOiA4cHg7Cn0KLnhweHNpZjQgewogIG9wYWNpdHk6IDA7CiAgcG9pbnRlci1ldmVudHM6IG5vbmU7Cn0=\\\"}!../../../../../../../node_modules/@vanilla-extract/webpack-plugin/extracted.js\"\nexport var button = 'xpxsif1';\nexport var headerCreateNewButton = 'xpxsif2';\nexport var headerCreateNewButtonHidden = 'xpxsif4';\nexport var headerCreateNewCollectionIconButton = 'xpxsif3';\nexport var placeholderButton = 'xpxsif0';","import { IconButton } from '@affine/component';\nimport { PageDisplayMenu } from '@affine/core/components/page-list';\nimport { Header } from '@affine/core/components/pure/header';\nimport { WorkspaceModeFilterTab } from '@affine/core/components/pure/workspace-mode-filter-tab';\nimport { PlusIcon } from '@blocksuite/icons/rc';\nimport clsx from 'clsx';\n\nimport * as styles from './collection.css';\n\nexport const CollectionDetailHeader = ({\n  showCreateNew,\n  onCreate,\n}: {\n  showCreateNew: boolean;\n  onCreate: () => void;\n}) => {\n  return (\n    <Header\n      right={\n        <>\n          <IconButton\n            size=\"16\"\n            icon={<PlusIcon />}\n            onClick={onCreate}\n            className={clsx(\n              styles.headerCreateNewButton,\n              styles.headerCreateNewCollectionIconButton,\n              !showCreateNew && styles.headerCreateNewButtonHidden\n            )}\n          />\n          <PageDisplayMenu />\n        </>\n      }\n      center={<WorkspaceModeFilterTab activeFilter={'collections'} />}\n    />\n  );\n};\n","import { notify } from '@affine/component';\nimport {\n  AffineShapeIcon,\n  useEditCollection,\n  VirtualizedPageList,\n} from '@affine/core/components/page-list';\nimport { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';\nimport { CollectionService } from '@affine/core/modules/collection';\nimport type { Collection } from '@affine/env/filter';\nimport { Trans, useI18n } from '@affine/i18n';\nimport {\n  CloseIcon,\n  FilterIcon,\n  PageIcon,\n  ViewLayersIcon,\n} from '@blocksuite/icons/rc';\nimport {\n  GlobalContextService,\n  useLiveData,\n  useService,\n  useServices,\n  WorkspaceService,\n} from '@toeverything/infra';\nimport { useCallback, useEffect, useState } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport { useNavigateHelper } from '../../../hooks/use-navigate-helper';\nimport {\n  useIsActiveView,\n  ViewBody,\n  ViewHeader,\n  ViewIcon,\n  ViewTitle,\n} from '../../../modules/workbench';\nimport { WorkspaceSubPath } from '../../../shared';\nimport * as styles from './collection.css';\nimport { CollectionDetailHeader } from './header';\n\nexport const CollectionDetail = ({\n  collection,\n}: {\n  collection: Collection;\n}) => {\n  const { node, open } = useEditCollection();\n  const collectionService = useService(CollectionService);\n  const [hideHeaderCreateNew, setHideHeaderCreateNew] = useState(true);\n\n  const handleEditCollection = useAsyncCallback(async () => {\n    const ret = await open({ ...collection }, 'page');\n    collectionService.updateCollection(ret.id, () => ret);\n  }, [collection, collectionService, open]);\n\n  return (\n    <>\n      <ViewHeader>\n        <CollectionDetailHeader\n          showCreateNew={!hideHeaderCreateNew}\n          onCreate={handleEditCollection}\n        />\n      </ViewHeader>\n      <ViewBody>\n        <VirtualizedPageList\n          collection={collection}\n          setHideHeaderCreateNewPage={setHideHeaderCreateNew}\n        />\n      </ViewBody>\n      {node}\n    </>\n  );\n};\n\nexport const Component = function CollectionPage() {\n  const { collectionService, globalContextService } = useServices({\n    CollectionService,\n    GlobalContextService,\n  });\n  const globalContext = globalContextService.globalContext;\n\n  const collections = useLiveData(collectionService.collections$);\n  const navigate = useNavigateHelper();\n  const params = useParams();\n  const workspace = useService(WorkspaceService).workspace;\n  const collection = collections.find(v => v.id === params.collectionId);\n  const isActiveView = useIsActiveView();\n\n  const notifyCollectionDeleted = useCallback(() => {\n    navigate.jumpToSubPath(workspace.id, WorkspaceSubPath.ALL);\n    const collection = collectionService.collectionsTrash$.value.find(\n      v => v.collection.id === params.collectionId\n    );\n    let text = 'Collection does not exist';\n    if (collection) {\n      if (collection.userId) {\n        text = `${collection.collection.name} has been deleted by ${collection.userName}`;\n      } else {\n        text = `${collection.collection.name} has been deleted`;\n      }\n    }\n    return notify.error({ title: text });\n  }, [collectionService, navigate, params.collectionId, workspace.id]);\n\n  useEffect(() => {\n    if (isActiveView && collection) {\n      globalContext.collectionId.set(collection.id);\n      globalContext.isCollection.set(true);\n\n      return () => {\n        globalContext.collectionId.set(null);\n        globalContext.isCollection.set(false);\n      };\n    }\n    return;\n  }, [collection, globalContext, isActiveView]);\n\n  useEffect(() => {\n    if (!collection) {\n      notifyCollectionDeleted();\n    }\n  }, [collection, notifyCollectionDeleted]);\n\n  if (!collection) {\n    return null;\n  }\n  const inner = isEmpty(collection) ? (\n    <Placeholder collection={collection} />\n  ) : (\n    <CollectionDetail collection={collection} />\n  );\n\n  return (\n    <>\n      <ViewIcon icon=\"collection\" />\n      <ViewTitle title={collection.name} />\n      {inner}\n    </>\n  );\n};\n\nconst Placeholder = ({ collection }: { collection: Collection }) => {\n  const workspace = useService(WorkspaceService).workspace;\n  const collectionService = useService(CollectionService);\n  const { node, open } = useEditCollection();\n  const { jumpToCollections } = useNavigateHelper();\n  const openPageEdit = useAsyncCallback(async () => {\n    const ret = await open({ ...collection }, 'page');\n    collectionService.updateCollection(ret.id, () => ret);\n  }, [open, collection, collectionService]);\n  const openRuleEdit = useAsyncCallback(async () => {\n    const ret = await open({ ...collection }, 'rule');\n    collectionService.updateCollection(ret.id, () => ret);\n  }, [collection, open, collectionService]);\n  const [showTips, setShowTips] = useState(false);\n  useEffect(() => {\n    setShowTips(!localStorage.getItem('hide-empty-collection-help-info'));\n  }, []);\n  const hideTips = useCallback(() => {\n    setShowTips(false);\n    localStorage.setItem('hide-empty-collection-help-info', 'true');\n  }, []);\n  const t = useI18n();\n\n  const handleJumpToCollections = useCallback(() => {\n    jumpToCollections(workspace.id);\n  }, [jumpToCollections, workspace]);\n\n  return (\n    <>\n      <ViewHeader>\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 8,\n            fontSize: 'var(--affine-font-xs)',\n          }}\n        >\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 4,\n              cursor: 'pointer',\n              color: 'var(--affine-text-secondary-color)',\n              ['WebkitAppRegion' as string]: 'no-drag',\n            }}\n            onClick={handleJumpToCollections}\n          >\n            <ViewLayersIcon\n              style={{ color: 'var(--affine-icon-color)' }}\n              fontSize={14}\n            />\n            {t['com.arms.collection.allCollections']()}\n            <div>/</div>\n          </div>\n          <div\n            data-testid=\"collection-name\"\n            style={{\n              fontWeight: 600,\n              color: 'var(--affine-text-primary-color)',\n              ['WebkitAppRegion' as string]: 'no-drag',\n            }}\n          >\n            {collection.name}\n          </div>\n          <div style={{ flex: 1 }} />\n        </div>\n      </ViewHeader>\n      <ViewBody>\n        <div\n          style={{\n            display: 'flex',\n            flex: 1,\n            flexDirection: 'column',\n            alignItems: 'center',\n            gap: 64,\n          }}\n        >\n          <div\n            style={{\n              maxWidth: 432,\n              marginTop: 118,\n              display: 'flex',\n              flexDirection: 'column',\n              alignItems: 'center',\n              gap: 18,\n              margin: '118px 12px 0',\n            }}\n          >\n            <AffineShapeIcon />\n            <div\n              style={{\n                fontSize: 20,\n                lineHeight: '28px',\n                fontWeight: 600,\n                color: 'var(--affine-text-primary-color)',\n              }}\n            >\n              {t['com.arms.collection.emptyCollection']()}\n            </div>\n            <div\n              style={{\n                fontSize: 12,\n                lineHeight: '20px',\n                color: 'var(--affine-text-secondary-color)',\n                textAlign: 'center',\n              }}\n            >\n              {t['com.arms.collection.emptyCollectionDescription']()}\n            </div>\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '12px 32px',\n                flexWrap: 'wrap',\n                justifyContent: 'center',\n              }}\n            >\n              <div onClick={openPageEdit} className={styles.placeholderButton}>\n                <PageIcon\n                  style={{\n                    width: 20,\n                    height: 20,\n                    color: 'var(--affine-icon-color)',\n                  }}\n                />\n                <span style={{ padding: '0 4px' }}>\n                  {t['com.arms.collection.addPages']()}\n                </span>\n              </div>\n              <div onClick={openRuleEdit} className={styles.placeholderButton}>\n                <FilterIcon\n                  style={{\n                    width: 20,\n                    height: 20,\n                    color: 'var(--affine-icon-color)',\n                  }}\n                />\n                <span style={{ padding: '0 4px' }}>\n                  {t['com.arms.collection.addRules']()}\n                </span>\n              </div>\n            </div>\n          </div>\n          {showTips ? (\n            <div\n              style={{\n                maxWidth: 452,\n                borderRadius: 8,\n                display: 'flex',\n                flexDirection: 'column',\n                backgroundColor: 'var(--affine-background-overlay-panel-color)',\n                padding: 10,\n                gap: 14,\n                margin: '0 12px',\n              }}\n            >\n              <div\n                style={{\n                  fontWeight: 600,\n                  fontSize: 12,\n                  lineHeight: '20px',\n                  color: 'var(--affine-text-secondary-color)',\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'space-between',\n                }}\n              >\n                <div>{t['com.arms.collection.helpInfo']()}</div>\n                <CloseIcon\n                  className={styles.button}\n                  style={{ width: 16, height: 16 }}\n                  onClick={hideTips}\n                />\n              </div>\n              <div\n                style={{\n                  display: 'flex',\n                  flexDirection: 'column',\n                  gap: 10,\n                  fontSize: 12,\n                  lineHeight: '20px',\n                }}\n              >\n                <div>\n                  <Trans i18nKey=\"com.arms.collection.addPages.tips\">\n                    <span style={{ fontWeight: 600 }}>Add pages:</span> You can\n                    freely select pages and add them to the collection.\n                  </Trans>\n                </div>\n                <div>\n                  <Trans i18nKey=\"com.arms.collection.addRules.tips\">\n                    <span style={{ fontWeight: 600 }}>Add rules:</span> Rules\n                    are based on filtering. After adding rules, pages that meet\n                    the requirements will be automatically added to the current\n                    collection.\n                  </Trans>\n                </div>\n              </div>\n            </div>\n          ) : null}\n        </div>\n      </ViewBody>\n      {node}\n    </>\n  );\n};\n\nconst isEmpty = (collection: Collection) => {\n  return (\n    collection.allowList.length === 0 && collection.filterList.length === 0\n  );\n};\n"],"names":["placeholderButton","CollectionDetailHeader","showCreateNew","onCreate","Header","right","IconButton","size","icon","PlusIcon","onClick","className","clsx","PageDisplayMenu","center","WorkspaceModeFilterTab","activeFilter","CollectionDetail","collection","node","open","useEditCollection","collectionService","useService","CollectionService","hideHeaderCreateNew","setHideHeaderCreateNew","useState","handleEditCollection","useAsyncCallback","ret","updateCollection","id","ViewHeader","ViewBody","VirtualizedPageList","setHideHeaderCreateNewPage","Component","globalContextService","useServices","GlobalContextService","globalContext","collections","useLiveData","collections$","navigate","useNavigateHelper","params","useParams","workspace","WorkspaceService","find","v","collectionId","isActiveView","useIsActiveView","notifyCollectionDeleted","useCallback","jumpToSubPath","WorkspaceSubPath","ALL","collectionsTrash$","value","text","userId","name","userName","notify","error","title","useEffect","set","isCollection","inner","isEmpty","Placeholder","ViewIcon","ViewTitle","jumpToCollections","openPageEdit","openRuleEdit","showTips","setShowTips","localStorage","getItem","hideTips","setItem","t","useI18n","handleJumpToCollections","div","style","display","alignItems","gap","fontSize","cursor","color","ViewLayersIcon","data-testid","fontWeight","flex","flexDirection","maxWidth","marginTop","margin","AffineShapeIcon","lineHeight","textAlign","flexWrap","justifyContent","styles","PageIcon","width","height","span","padding","FilterIcon","borderRadius","backgroundColor","CloseIcon","Trans","i18nKey","allowList","length","filterList"],"sourceRoot":""}