@payloadcms/ui 3.80.0-internal.cdd7ef7 → 3.80.0

package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.js

@@ -1,187 +0,0 @@
-'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useIntersect } from '../../../../../hooks/useIntersect.js';
-import { FolderIcon } from '../../../../../icons/Folder/index.js';
-import { TagIcon } from '../../../../../icons/Tag/index.js';
-import { useConfig } from '../../../../../providers/Config/index.js';
-import { useTranslation } from '../../../../../providers/Translation/index.js';
-import { canUseDOM } from '../../../../../utilities/canUseDOM.js';
-import { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js';
-import { Button } from '../../../../Button/index.js';
-import { useHierarchyDrawer } from '../../../../Hierarchy/Drawer/useHierarchyDrawer.js';
-import { useListRelationships } from '../../../RelationshipProvider/index.js';
-import './index.scss';
-const baseClass = 'hierarchy-cell';
-export const HierarchyCell = ({
-  cellData: cellDataFromProps,
-  collectionSlug,
-  customCellProps,
-  field,
-  rowData
-}) => {
-  const relationTo = 'relationTo' in field ? field.relationTo : undefined;
-  const hasMany = field.hasMany ?? false;
-  const {
-    config,
-    getEntityConfig
-  } = useConfig();
-  const [intersectionRef, entry] = useIntersect();
-  const [values, setValues] = useState([]);
-  const {
-    documents,
-    getRelationships
-  } = useListRelationships();
-  const hasRequestedRef = useRef(false);
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false;
-  // Get the hierarchy collection config
-  const hierarchyCollectionSlug = typeof relationTo === 'string' ? relationTo : undefined;
-  const hierarchyCollectionConfig = hierarchyCollectionSlug ? getEntityConfig({
-    collectionSlug: hierarchyCollectionSlug
-  }) : undefined;
-  // Use pre-rendered icon from server if available, otherwise determine on client
-  const hierarchyConfig = hierarchyCollectionConfig?.hierarchy && typeof hierarchyCollectionConfig.hierarchy === 'object' ? hierarchyCollectionConfig.hierarchy : undefined;
-  // Pre-rendered icon from server (supports custom icons)
-  const preRenderedIcon = customCellProps?.hierarchyIcon;
-  // Fallback icon for client-side rendering
-  const fallbackIcon = useMemo(() => {
-    if (preRenderedIcon) {
-      return null // Don't need fallback if we have pre-rendered icon
-;
-    }
-    // Default based on allowHasMany: false = folder-like, true = tag-like
-    const IconComponent = hierarchyConfig?.allowHasMany === false ? FolderIcon : TagIcon;
-    return /*#__PURE__*/_jsx(IconComponent, {
-      color: "muted"
-    });
-  }, [hierarchyConfig, preRenderedIcon]);
-  // Set up the hierarchy drawer
-  const [HierarchyDrawer,, {
-    openDrawer
-  }] = useHierarchyDrawer({
-    hierarchyCollectionSlug: hierarchyCollectionSlug || ''
-  });
-  // Fetch relationship data when visible
-  useEffect(() => {
-    if ((cellDataFromProps || typeof cellDataFromProps === 'number') && isAboveViewport && !hasRequestedRef.current && typeof relationTo === 'string') {
-      const formattedValues = [];
-      const arrayCellData = Array.isArray(cellDataFromProps) ? cellDataFromProps : [cellDataFromProps];
-      arrayCellData.forEach(cell => {
-        if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {
-          formattedValues.push(cell);
-        }
-        if (typeof cell === 'number' || typeof cell === 'string') {
-          formattedValues.push({
-            relationTo,
-            value: cell
-          });
-        }
-      });
-      getRelationships(formattedValues);
-      hasRequestedRef.current = true;
-      setValues(formattedValues);
-    }
-  }, [cellDataFromProps, relationTo, isAboveViewport, getRelationships]);
-  // Reset when data changes
-  useEffect(() => {
-    hasRequestedRef.current = false;
-  }, [cellDataFromProps]);
-  // Get current selection IDs for the drawer
-  const initialSelections = useMemo(() => {
-    if (!cellDataFromProps) {
-      return [];
-    }
-    const data = Array.isArray(cellDataFromProps) ? cellDataFromProps : [cellDataFromProps];
-    return data.map(item => {
-      if (typeof item === 'object' && 'value' in item) {
-        return item.value;
-      }
-      return item;
-    });
-  }, [cellDataFromProps]);
-  // Handle save from drawer
-  const handleSave = useCallback(async ({
-    closeDrawer,
-    selections
-  }) => {
-    // Get selected IDs
-    const selectedIds = Array.from(selections.keys());
-    const newValue = hasMany ? selectedIds : selectedIds[0] ?? null;
-    // Update the document via API
-    try {
-      const response = await fetch(`${config.serverURL}${config.routes.api}/${collectionSlug}/${rowData.id}`, {
-        body: JSON.stringify({
-          [field.name]: newValue
-        }),
-        credentials: 'include',
-        headers: {
-          'Content-Type': 'application/json'
-        },
-        method: 'PATCH'
-      });
-      if (response.ok && typeof relationTo === 'string') {
-        // Update local state with new selection to avoid page reload
-        const newValues = selectedIds.map(id => ({
-          relationTo,
-          value: id
-        }));
-        setValues(newValues);
-        // Request the new relationship docs to update the display
-        if (newValues.length > 0) {
-          getRelationships(newValues);
-        }
-      }
-    } catch (_error) {
-      // swallow error and close drawer anyway, user can try again
-    }
-    closeDrawer();
-  }, [collectionSlug, config, field.name, hasMany, rowData, relationTo, getRelationships]);
-  // Build display labels
-  const labels = useMemo(() => {
-    return values.map(({
-      relationTo: rel,
-      value
-    }) => {
-      const document = documents[rel]?.[value];
-      const relatedCollection = getEntityConfig({
-        collectionSlug: rel
-      });
-      return formatDocTitle({
-        collectionConfig: relatedCollection,
-        data: document || null,
-        dateFormat: config.admin.dateFormat,
-        fallback: `${t('general:untitled')} - ID: ${value}`,
-        i18n
-      });
-    });
-  }, [values, documents, getEntityConfig, config.admin.dateFormat, t, i18n]);
-  const displayText = labels.length > 0 ? labels.join(', ') : t('general:none');
-  const isLoading = values.length > 0 && values.some(({
-    relationTo: rel_0,
-    value: value_0
-  }) => documents[rel_0]?.[value_0] === null);
-  return /*#__PURE__*/_jsxs("div", {
-    className: baseClass,
-    ref: intersectionRef,
-    children: [/*#__PURE__*/_jsx(Button, {
-      buttonStyle: "subtle",
-      className: `${baseClass}__pill`,
-      icon: preRenderedIcon || fallbackIcon,
-      iconPosition: "left",
-      margin: false,
-      onClick: openDrawer,
-      size: "small",
-      children: isLoading ? `${t('general:loading')}...` : displayText
-    }), hierarchyCollectionSlug && /*#__PURE__*/_jsx(HierarchyDrawer, {
-      hasMany: hasMany,
-      initialSelections: initialSelections,
-      onSave: handleSave
-    })]
-  });
-};
-//# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","useIntersect","FolderIcon","TagIcon","useConfig","useTranslation","canUseDOM","formatDocTitle","Button","useHierarchyDrawer","useListRelationships","baseClass","HierarchyCell","cellData","cellDataFromProps","collectionSlug","customCellProps","field","rowData","relationTo","undefined","hasMany","config","getEntityConfig","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequestedRef","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","hierarchyCollectionSlug","hierarchyCollectionConfig","hierarchyConfig","hierarchy","preRenderedIcon","hierarchyIcon","fallbackIcon","IconComponent","allowHasMany","_jsx","color","HierarchyDrawer","openDrawer","current","formattedValues","arrayCellData","Array","isArray","forEach","cell","push","value","initialSelections","data","map","item","handleSave","closeDrawer","selections","selectedIds","from","keys","newValue","response","fetch","serverURL","routes","api","id","body","JSON","stringify","name","credentials","headers","method","ok","newValues","length","_error","labels","rel","document","relatedCollection","collectionConfig","dateFormat","admin","fallback","displayText","join","isLoading","some","_jsxs","className","ref","buttonStyle","icon","iconPosition","margin","onClick","size","onSave"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Hierarchy/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, RelationshipFieldClient } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { SelectionWithPath } from '../../../../Hierarchy/Drawer/types.js'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { FolderIcon } from '../../../../../icons/Folder/index.js'\nimport { TagIcon } from '../../../../../icons/Tag/index.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js'\nimport { Button } from '../../../../Button/index.js'\nimport { useHierarchyDrawer } from '../../../../Hierarchy/Drawer/useHierarchyDrawer.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'hierarchy-cell'\n\nexport type HierarchyCellProps = DefaultCellComponentProps<RelationshipFieldClient>\n\nexport const HierarchyCell: React.FC<HierarchyCellProps> = ({\n  cellData: cellDataFromProps,\n  collectionSlug,\n  customCellProps,\n  field,\n  rowData,\n}) => {\n  const relationTo = 'relationTo' in field ? field.relationTo : undefined\n  const hasMany = field.hasMany ?? false\n\n  const { config, getEntityConfig } = useConfig()\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const hasRequestedRef = useRef(false)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  // Get the hierarchy collection config\n  const hierarchyCollectionSlug = typeof relationTo === 'string' ? relationTo : undefined\n  const hierarchyCollectionConfig = hierarchyCollectionSlug\n    ? getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n    : undefined\n\n  // Use pre-rendered icon from server if available, otherwise determine on client\n  const hierarchyConfig =\n    hierarchyCollectionConfig?.hierarchy && typeof hierarchyCollectionConfig.hierarchy === 'object'\n      ? hierarchyCollectionConfig.hierarchy\n      : undefined\n\n  // Pre-rendered icon from server (supports custom icons)\n  const preRenderedIcon = customCellProps?.hierarchyIcon as React.ReactNode | undefined\n\n  // Fallback icon for client-side rendering\n  const fallbackIcon = useMemo(() => {\n    if (preRenderedIcon) {\n      return null // Don't need fallback if we have pre-rendered icon\n    }\n    // Default based on allowHasMany: false = folder-like, true = tag-like\n    const IconComponent = hierarchyConfig?.allowHasMany === false ? FolderIcon : TagIcon\n    return <IconComponent color=\"muted\" />\n  }, [hierarchyConfig, preRenderedIcon])\n\n  // Set up the hierarchy drawer\n  const [HierarchyDrawer, , { openDrawer }] = useHierarchyDrawer({\n    hierarchyCollectionSlug: hierarchyCollectionSlug || '',\n  })\n\n  // Fetch relationship data when visible\n  useEffect(() => {\n    if (\n      (cellDataFromProps || typeof cellDataFromProps === 'number') &&\n      isAboveViewport &&\n      !hasRequestedRef.current &&\n      typeof relationTo === 'string'\n    ) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellDataFromProps)\n        ? cellDataFromProps\n        : [cellDataFromProps]\n\n      arrayCellData.forEach((cell) => {\n        if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n          formattedValues.push(cell)\n        }\n        if (typeof cell === 'number' || typeof cell === 'string') {\n          formattedValues.push({\n            relationTo,\n            value: cell,\n          })\n        }\n      })\n\n      getRelationships(formattedValues)\n      hasRequestedRef.current = true\n      setValues(formattedValues)\n    }\n  }, [cellDataFromProps, relationTo, isAboveViewport, getRelationships])\n\n  // Reset when data changes\n  useEffect(() => {\n    hasRequestedRef.current = false\n  }, [cellDataFromProps])\n\n  // Get current selection IDs for the drawer\n  const initialSelections = useMemo(() => {\n    if (!cellDataFromProps) {\n      return []\n    }\n    const data = Array.isArray(cellDataFromProps) ? cellDataFromProps : [cellDataFromProps]\n    return data.map((item) => {\n      if (typeof item === 'object' && 'value' in item) {\n        return item.value\n      }\n      return item\n    }) as (number | string)[]\n  }, [cellDataFromProps])\n\n  // Handle save from drawer\n  const handleSave = useCallback(\n    async ({\n      closeDrawer,\n      selections,\n    }: {\n      closeDrawer: () => void\n      selections: Map<number | string, SelectionWithPath>\n    }) => {\n      // Get selected IDs\n      const selectedIds = Array.from(selections.keys())\n      const newValue = hasMany ? selectedIds : (selectedIds[0] ?? null)\n\n      // Update the document via API\n      try {\n        const response = await fetch(\n          `${config.serverURL}${config.routes.api}/${collectionSlug}/${rowData.id}`,\n          {\n            body: JSON.stringify({\n              [field.name]: newValue,\n            }),\n            credentials: 'include',\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: 'PATCH',\n          },\n        )\n\n        if (response.ok && typeof relationTo === 'string') {\n          // Update local state with new selection to avoid page reload\n          const newValues: Value[] = selectedIds.map((id) => ({\n            relationTo,\n            value: id,\n          }))\n          setValues(newValues)\n\n          // Request the new relationship docs to update the display\n          if (newValues.length > 0) {\n            getRelationships(newValues)\n          }\n        }\n      } catch (_error) {\n        // swallow error and close drawer anyway, user can try again\n      }\n\n      closeDrawer()\n    },\n    [collectionSlug, config, field.name, hasMany, rowData, relationTo, getRelationships],\n  )\n\n  // Build display labels\n  const labels = useMemo(() => {\n    return values.map(({ relationTo: rel, value }) => {\n      const document = documents[rel]?.[value]\n      const relatedCollection = getEntityConfig({ collectionSlug: rel })\n\n      return formatDocTitle({\n        collectionConfig: relatedCollection,\n        data: document || null,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${t('general:untitled')} - ID: ${value}`,\n        i18n,\n      })\n    })\n  }, [values, documents, getEntityConfig, config.admin.dateFormat, t, i18n])\n\n  const displayText = labels.length > 0 ? labels.join(', ') : t('general:none')\n  const isLoading =\n    values.length > 0 &&\n    values.some(({ relationTo: rel, value }) => documents[rel]?.[value] === null)\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      <Button\n        buttonStyle=\"subtle\"\n        className={`${baseClass}__pill`}\n        icon={preRenderedIcon || fallbackIcon}\n        iconPosition=\"left\"\n        margin={false}\n        onClick={openDrawer}\n        size=\"small\"\n      >\n        {isLoading ? `${t('general:loading')}...` : displayText}\n      </Button>\n      {hierarchyCollectionSlug && (\n        <HierarchyDrawer\n          hasMany={hasMany}\n          initialSelections={initialSelections}\n          onSave={handleSave}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.scss

@@ -1,29 +0,0 @@
-.hierarchy-cell {
-  display: flex;
-  align-items: center;
-
-  &__pill {
-    cursor: pointer;
-    display: inline-flex;
-    align-items: center;
-    gap: calc(var(--base) / 3);
-
-    &:hover {
-      opacity: 0.8;
-    }
-  }
-
-  &__icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 16px;
-    height: 16px;
-    flex-shrink: 0;
-
-    svg {
-      width: 100%;
-      height: 100%;
-    }
-  }
-}

package/dist/fields/Null/index.d.ts

@@ -1,11 +0,0 @@
-/**
- * A field component that renders nothing.
- *
- * Use this when you need a field to exist in form state but don't want
- * any DOM element rendered (e.g., when another component handles the field UI).
- *
- * Unlike HiddenField which renders `<input type="hidden">`, NullField
- * produces no DOM output at all.
- */
-export declare const NullField: () => null;
-//# sourceMappingURL=index.d.ts.map

package/dist/fields/Null/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Null/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,QAAO,IAAY,CAAA"}

package/dist/fields/Null/index.js

@@ -1,13 +0,0 @@
-'use client';
-
-/**
- * A field component that renders nothing.
- *
- * Use this when you need a field to exist in form state but don't want
- * any DOM element rendered (e.g., when another component handles the field UI).
- *
- * Unlike HiddenField which renders `<input type="hidden">`, NullField
- * produces no DOM output at all.
- */
-export const NullField = () => null;
-//# sourceMappingURL=index.js.map

package/dist/fields/Null/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["NullField"],"sources":["../../../src/fields/Null/index.tsx"],"sourcesContent":["'use client'\n\n/**\n * A field component that renders nothing.\n *\n * Use this when you need a field to exist in form state but don't want\n * any DOM element rendered (e.g., when another component handles the field UI).\n *\n * Unlike HiddenField which renders `<input type=\"hidden\">`, NullField\n * produces no DOM output at all.\n */\nexport const NullField = (): null => null\n"],"mappings":"AAAA;;AAEA;;;;;;;;;AASA,OAAO,MAAMA,SAAA,GAAYA,CAAA,KAAY","ignoreList":[]}

package/dist/icons/Filter/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.scss';
-export declare const FilterIcon: React.FC;
-//# sourceMappingURL=index.d.ts.map

package/dist/icons/Filter/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Filter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAS9B,CAAA"}

package/dist/icons/Filter/index.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import './index.scss';
-export const FilterIcon = () => /*#__PURE__*/_jsx("svg", {
-  className: "icon icon--filter",
-  fill: "none",
-  viewBox: "0 0 20 20",
-  xmlns: "http://www.w3.org/2000/svg",
-  children: /*#__PURE__*/_jsx("path", {
-    className: "stroke",
-    d: "M3 5H17M6 10H14M9 15H11",
-    strokeLinecap: "square"
-  })
-});
-//# sourceMappingURL=index.js.map

package/dist/icons/Filter/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","FilterIcon","_jsx","className","fill","viewBox","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Filter/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const FilterIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--filter\"\n    fill=\"none\"\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M3 5H17M6 10H14M9 15H11\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,UAAA,GAAuBA,CAAA,kBAClCC,IAAA,CAAC;EACCC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,OAAA,EAAQ;EACRC,KAAA,EAAM;YAEN,aAAAJ,IAAA,CAAC;IAAKC,SAAA,EAAU;IAASI,CAAA,EAAE;IAA0BC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Filter/index.scss

@@ -1,13 +0,0 @@
-@import '../../scss/styles';
-
-@layer payload-default {
-  .icon--filter {
-    height: $baseline;
-    width: $baseline;
-
-    .stroke {
-      stroke: currentColor;
-      stroke-width: 2px;
-    }
-  }
-}

package/dist/icons/TableView/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const TableViewIcon: () => React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/icons/TableView/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/TableView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,aAAa,yBAazB,CAAA"}

package/dist/icons/TableView/index.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-export const TableViewIcon = () => {
-  return /*#__PURE__*/_jsx("svg", {
-    className: "icon icon--table-view",
-    fill: "currentColor",
-    height: "20",
-    viewBox: "0 0 16 16",
-    width: "20",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/_jsx("path", {
-      d: "M2 10.4078H5.27273V13H2.90874C2.30955 12.9998 2 12.6052 2 12.3207V10.4078ZM5.27273 9.29666H2V6.70334H5.27273V9.29666ZM14 9.29666H6.36364V6.70334H14V9.29666ZM14 12.3207C14 12.6052 13.6905 12.9998 13.0913 13H6.36364V10.4078H14V12.3207ZM2 3.67925C2 3.39484 2.30955 3.00016 2.90874 3H5.27273V5.59223H2V3.67925ZM14 5.59223H6.36364V3H13.0913C13.6905 3.00016 14 3.39484 14 3.67925V5.59223Z"
-    })
-  });
-};
-//# sourceMappingURL=index.js.map

package/dist/icons/TableView/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","TableViewIcon","_jsx","className","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/TableView/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const TableViewIcon = () => {\n  return (\n    <svg\n      className=\"icon icon--table-view\"\n      fill=\"currentColor\"\n      height=\"20\"\n      viewBox=\"0 0 16 16\"\n      width=\"20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M2 10.4078H5.27273V13H2.90874C2.30955 12.9998 2 12.6052 2 12.3207V10.4078ZM5.27273 9.29666H2V6.70334H5.27273V9.29666ZM14 9.29666H6.36364V6.70334H14V9.29666ZM14 12.3207C14 12.6052 13.6905 12.9998 13.0913 13H6.36364V10.4078H14V12.3207ZM2 3.67925C2 3.39484 2.30955 3.00016 2.90874 3H5.27273V5.59223H2V3.67925ZM14 5.59223H6.36364V3H13.0913C13.6905 3.00016 14 3.39484 14 3.67925V5.59223Z\" />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,aAAA,GAAgBA,CAAA;EAC3B,oBACEC,IAAA,CAAC;IACCC,SAAA,EAAU;IACVC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;cAEN,aAAAN,IAAA,CAAC;MAAKO,CAAA,EAAE;;;AAGd","ignoreList":[]}

package/dist/icons/Tag/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import './index.scss';
-export type TagIconProps = {
-    className?: string;
-    color?: 'dark' | 'default' | 'muted';
-};
-export declare function TagIcon({ className, color }: TagIconProps): React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/icons/Tag/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;CACrC,CAAA;AAED,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,YAAY,qBAkBzD"}

package/dist/icons/Tag/index.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import './index.scss';
-export function TagIcon({
-  className,
-  color
-}) {
-  const colorClass = color ? `icon--tag--${color}` : '';
-  return /*#__PURE__*/_jsx("svg", {
-    className: [className, 'icon icon--tag', colorClass].filter(Boolean).join(' '),
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/_jsx("path", {
-      d: "M8.39065 1.72401C8.14066 1.47394 7.80157 1.33342 7.44798 1.33334H2.66665C2.31302 1.33334 1.97389 1.47382 1.72384 1.72387C1.47379 1.97392 1.33331 2.31305 1.33331 2.66668V7.44801C1.33339 7.8016 1.47391 8.14069 1.72398 8.39068L7.52665 14.1933C7.82966 14.4944 8.23948 14.6634 8.66665 14.6634C9.09382 14.6634 9.50364 14.4944 9.80665 14.1933L14.1933 9.80668C14.4944 9.50367 14.6634 9.09385 14.6634 8.66668C14.6634 8.23951 14.4944 7.82969 14.1933 7.52668L8.39065 1.72401ZM4.99998 5.66668C4.63179 5.66668 4.33331 5.3682 4.33331 5.00001C4.33331 4.63182 4.63179 4.33334 4.99998 4.33334C5.36817 4.33334 5.66665 4.63182 5.66665 5.00001C5.66665 5.3682 5.36817 5.66668 4.99998 5.66668Z",
-      fill: "currentColor"
-    })
-  });
-}
-//# sourceMappingURL=index.js.map

package/dist/icons/Tag/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","TagIcon","className","color","colorClass","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/Tag/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport type TagIconProps = {\n  className?: string\n  color?: 'dark' | 'default' | 'muted'\n}\n\nexport function TagIcon({ className, color }: TagIconProps) {\n  const colorClass = color ? `icon--tag--${color}` : ''\n\n  return (\n    <svg\n      className={[className, 'icon icon--tag', colorClass].filter(Boolean).join(' ')}\n      fill=\"none\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M8.39065 1.72401C8.14066 1.47394 7.80157 1.33342 7.44798 1.33334H2.66665C2.31302 1.33334 1.97389 1.47382 1.72384 1.72387C1.47379 1.97392 1.33331 2.31305 1.33331 2.66668V7.44801C1.33339 7.8016 1.47391 8.14069 1.72398 8.39068L7.52665 14.1933C7.82966 14.4944 8.23948 14.6634 8.66665 14.6634C9.09382 14.6634 9.50364 14.4944 9.80665 14.1933L14.1933 9.80668C14.4944 9.50367 14.6634 9.09385 14.6634 8.66668C14.6634 8.23951 14.4944 7.82969 14.1933 7.52668L8.39065 1.72401ZM4.99998 5.66668C4.63179 5.66668 4.33331 5.3682 4.33331 5.00001C4.33331 4.63182 4.63179 4.33334 4.99998 4.33334C5.36817 4.33334 5.66665 4.63182 5.66665 5.00001C5.66665 5.3682 5.36817 5.66668 4.99998 5.66668Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAOP,OAAO,SAASC,QAAQ;EAAEC,SAAS;EAAEC;AAAK,CAAgB;EACxD,MAAMC,UAAA,GAAaD,KAAA,GAAQ,cAAcA,KAAA,EAAO,GAAG;EAEnD,oBACEE,IAAA,CAAC;IACCH,SAAA,EAAW,CAACA,SAAA,EAAW,kBAAkBE,UAAA,CAAW,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IAC1EC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MACCS,CAAA,EAAE;MACFL,IAAA,EAAK;;;AAIb","ignoreList":[]}

package/dist/icons/Tag/index.scss

@@ -1,14 +0,0 @@
-@layer payload-default {
-  .icon--tag {
-    height: var(--base);
-    width: var(--base);
-
-    &--muted {
-      color: var(--theme-elevation-300);
-    }
-
-    &--dark {
-      color: var(--theme-elevation-800);
-    }
-  }
-}

package/dist/providers/DocumentSelection/index.d.ts

@@ -1,8 +0,0 @@
-import type React from 'react';
-import type { CollectionData, CollectionSelectionState, DocumentSelectionContextValue, DocumentSelectionProviderProps, SelectableDocument, SelectionMetadata, SelectionState } from './types.js';
-import { SelectAllStatus } from '../Selection/index.js';
-export { SelectAllStatus };
-export type { CollectionData, CollectionSelectionState, DocumentSelectionContextValue, DocumentSelectionProviderProps, SelectableDocument, SelectionMetadata, SelectionState, };
-export declare const DocumentSelectionProvider: React.FC<DocumentSelectionProviderProps>;
-export declare const useDocumentSelection: () => DocumentSelectionContextValue;
-//# sourceMappingURL=index.d.ts.map

package/dist/providers/DocumentSelection/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/DocumentSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EACV,cAAc,EACd,wBAAwB,EACxB,6BAA6B,EAC7B,8BAA8B,EAC9B,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACf,MAAM,YAAY,CAAA;AAEnB,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAE,eAAe,EAAE,CAAA;AAC1B,YAAY,EACV,cAAc,EACd,wBAAwB,EACxB,6BAA6B,EAC7B,8BAA8B,EAC9B,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,GACf,CAAA;AAkCD,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA6Q9E,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,6BAQvC,CAAA"}