@wix/auto-patterns 1.7.0 → 1.9.0

package/dist/cjs/hooks/useColumns.js

@@ -1,19 +1,105 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.useColumns = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _providers = require("../providers");
 var _lodash = require("lodash");
+var _designSystem = require("@wix/design-system");
+var _getImageUrl = require("../utils/media/getImageUrl");
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/hooks/useColumns.tsx";
 const useColumns = columns => {
   const {
-    schema: {
-      fields
-    }
-  } = (0, _providers.useCollectionData)();
+    fields
+  } = (0, _providers.useSchema)();
+  const {
+    getSchema
+  } = (0, _providers.useSchemaRegistry)();
   const overrides = (0, _providers.usePatternsWizardOverridesContext)();
   const existingColumns = columns.filter(column => {
     return !!fields[column.id];
   });
+  const createRenderer = (fieldDefinition, itemValue) => {
+    if (itemValue == null) {
+      return '';
+    }
+    switch (fieldDefinition.type) {
+      case 'BOOLEAN':
+        return itemValue ? '✔' : '✖';
+      case 'DATE':
+        if (itemValue instanceof Date) {
+          return itemValue.toLocaleDateString();
+        }
+        if (typeof itemValue === 'string') {
+          const date = new Date(itemValue);
+          return date.toLocaleDateString();
+        }
+        return itemValue;
+      case 'DATETIME':
+        if (itemValue instanceof Date) {
+          return itemValue.toLocaleString();
+        }
+        if (typeof itemValue === 'string') {
+          const date = new Date(itemValue);
+          return date.toLocaleString();
+        }
+        return itemValue;
+      case 'ARRAY':
+        // We assume that the array contains strings
+        // If the array contains objects, we need to handle it differently
+        return itemValue.join(', ');
+      case 'REFERENCE':
+        if (fieldDefinition.referenceMetadata && getSchema) {
+          const {
+            referencedCollectionId
+          } = fieldDefinition.referenceMetadata;
+          const refSchema = getSchema(referencedCollectionId);
+          if (refSchema) {
+            let nameValue;
+            let imageValue;
+            const displayField = refSchema.displayField;
+            if (typeof itemValue === 'object' && itemValue !== null) {
+              nameValue = itemValue[displayField] || '';
+              imageValue = refSchema.imageField && itemValue[refSchema.imageField];
+            }
+            const imageUrl = imageValue && (0, _getImageUrl.getImageUrl)(imageValue);
+            return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+              gap: "SP2",
+              verticalAlign: "middle",
+              __self: void 0,
+              __source: {
+                fileName: _jsxFileName,
+                lineNumber: 69,
+                columnNumber: 15
+              }
+            }, imageUrl && /*#__PURE__*/_react.default.createElement(_designSystem.Avatar, {
+              size: "size24",
+              name: nameValue,
+              imgProps: {
+                src: imageUrl
+              },
+              __self: void 0,
+              __source: {
+                fileName: _jsxFileName,
+                lineNumber: 71,
+                columnNumber: 19
+              }
+            }), /*#__PURE__*/_react.default.createElement("div", {
+              __self: void 0,
+              __source: {
+                fileName: _jsxFileName,
+                lineNumber: 77,
+                columnNumber: 17
+              }
+            }, nameValue));
+          }
+        }
+        return itemValue;
+      default:
+        return itemValue;
+    }
+  };
   return existingColumns.map(column => {
     var _fieldDefinition$capa;
     const fieldDefinition = fields[column.id];
@@ -41,39 +127,6 @@ const useColumns = columns => {
   }).filter(Boolean);
 };
 exports.useColumns = useColumns;
-const createRenderer = (fieldDefinition, itemValue) => {
-  if (itemValue == null) {
-    return '';
-  }
-  switch (fieldDefinition.type) {
-    case 'BOOLEAN':
-      return itemValue ? '✔' : '✖';
-    case 'DATE':
-      if (itemValue instanceof Date) {
-        return itemValue.toLocaleDateString();
-      }
-      if (typeof itemValue === 'string') {
-        const date = new Date(itemValue);
-        return date.toLocaleDateString();
-      }
-      return itemValue;
-    case 'DATETIME':
-      if (itemValue instanceof Date) {
-        return itemValue.toLocaleString();
-      }
-      if (typeof itemValue === 'string') {
-        const date = new Date(itemValue);
-        return date.toLocaleString();
-      }
-      return itemValue;
-    case 'ARRAY':
-      // We assume that the array contains strings
-      // If the array contains objects, we need to handle it differently
-      return itemValue.join(', ');
-    default:
-      return itemValue;
-  }
-};
 const createSortConfiguration = (column, sortable) => {
   if (!sortable) {
     return {};

package/dist/cjs/hooks/useColumns.js.map

@@ -1 +1 @@
-{"version":3,"names":["_providers","require","_lodash","useColumns","columns","schema","fields","useCollectionData","overrides","usePatternsWizardOverridesContext","existingColumns","filter","column","id","map","_fieldDefinition$capa","fieldDefinition","sortable","capabilities","baseColumnConfig","title","name","displayName","width","createSortConfiguration","createCustomColumnConfiguration","render","item","_overrides$columns","_overrides$columns$ca","itemValue","get","camelCase","call","value","createRenderer","Boolean","exports","type","Date","toLocaleDateString","date","toLocaleString","join","sortableColumnConfig","defaultSortOrder","sortMode","undefined","reorderDisabled","hiddenFromCustomColumnsSelection","hideable","defaultHidden"],"sources":["../../../src/hooks/useColumns.ts"],"sourcesContent":["import { TableColumn } from '@wix/patterns';\nimport {\n  useCollectionData,\n  usePatternsWizardOverridesContext,\n} from '../providers';\nimport { Column, Field } from '../types';\nimport { camelCase, get } from 'lodash';\n\nexport const useColumns = (columns: Column[]) => {\n  const {\n    schema: { fields },\n  } = useCollectionData();\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  const existingColumns = columns.filter((column) => {\n    return !!fields[column.id];\n  });\n\n  return existingColumns\n    .map((column) => {\n      const fieldDefinition = fields[column.id];\n      if (!fieldDefinition) {\n        return null;\n      }\n      const sortable =\n        column.sortable && fieldDefinition?.capabilities?.sortable;\n\n      const baseColumnConfig = {\n        id: column.id,\n        title: column.name || fieldDefinition.displayName,\n        ...(column.width ? { width: column.width } : {}),\n        ...createSortConfiguration(column, sortable),\n        ...createCustomColumnConfiguration(column),\n        render: (item: any) => {\n          const itemValue = get(item, column.id);\n          return (\n            overrides?.columns?.[camelCase(column.id)]?.({\n              value: itemValue,\n            }) ?? createRenderer(fieldDefinition, itemValue)\n          );\n        },\n      };\n\n      return baseColumnConfig;\n    })\n    .filter(Boolean) as TableColumn<any>[];\n};\n\nconst createRenderer = (fieldDefinition: Field, itemValue: any): string => {\n  if (itemValue == null) {\n    return '';\n  }\n\n  switch (fieldDefinition.type) {\n    case 'BOOLEAN':\n      return itemValue ? '✔' : '✖';\n    case 'DATE':\n      if (itemValue instanceof Date) {\n        return itemValue.toLocaleDateString();\n      }\n      if (typeof itemValue === 'string') {\n        const date = new Date(itemValue);\n        return date.toLocaleDateString();\n      }\n      return itemValue;\n    case 'DATETIME':\n      if (itemValue instanceof Date) {\n        return itemValue.toLocaleString();\n      }\n      if (typeof itemValue === 'string') {\n        const date = new Date(itemValue);\n        return date.toLocaleString();\n      }\n      return itemValue;\n    case 'ARRAY':\n      // We assume that the array contains strings\n      // If the array contains objects, we need to handle it differently\n      return itemValue.join(', ');\n    default:\n      return itemValue;\n  }\n};\n\nconst createSortConfiguration = (\n  column: Column,\n  sortable?: boolean,\n): Partial<TableColumn<any>> => {\n  if (!sortable) {\n    return {};\n  }\n  const sortableColumnConfig = {\n    sortable,\n    defaultSortOrder: column.defaultSortOrder,\n  };\n\n  // default sort mode is ['asc', 'desc', undefined]\n  // so if sort mode is 'desc' -> we want to override the default\n  // and set it to ['desc', 'asc', undefined]\n  if (column.sortMode && column.sortMode === 'desc') {\n    return {\n      ...sortableColumnConfig,\n      sortMode: ['desc', 'asc', undefined],\n    };\n  }\n  return {\n    ...sortableColumnConfig,\n  };\n};\n\nconst createCustomColumnConfiguration = (\n  column: Column,\n): Partial<TableColumn<any>> => {\n  const reorderDisabled = !!column.reorderDisabled;\n\n  if (column.hiddenFromCustomColumnsSelection) {\n    return { hiddenFromCustomColumnsSelection: true };\n  }\n  if (column.hideable === false) {\n    return {\n      hideable: false,\n      reorderDisabled,\n    };\n  }\n  return {\n    defaultHidden: !!column.defaultHidden,\n    reorderDisabled,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_lodash","_designSystem","_getImageUrl","_jsxFileName","useColumns","columns","fields","useSchema","getSchema","useSchemaRegistry","overrides","usePatternsWizardOverridesContext","existingColumns","filter","column","id","createRenderer","fieldDefinition","itemValue","type","Date","toLocaleDateString","date","toLocaleString","join","referenceMetadata","referencedCollectionId","refSchema","nameValue","imageValue","displayField","imageField","imageUrl","getImageUrl","default","createElement","Box","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Avatar","size","name","imgProps","src","map","_fieldDefinition$capa","sortable","capabilities","baseColumnConfig","title","displayName","width","createSortConfiguration","createCustomColumnConfiguration","render","item","_overrides$columns","_overrides$columns$ca","get","camelCase","call","value","Boolean","exports","sortableColumnConfig","defaultSortOrder","sortMode","undefined","reorderDisabled","hiddenFromCustomColumnsSelection","hideable","defaultHidden"],"sources":["../../../src/hooks/useColumns.tsx"],"sourcesContent":["import React from 'react';\nimport { TableColumn } from '@wix/patterns';\nimport {\n  usePatternsWizardOverridesContext,\n  useSchema,\n  useSchemaRegistry,\n} from '../providers';\nimport { Column, Field } from '../types';\nimport { camelCase, get } from 'lodash';\nimport { Avatar, Box } from '@wix/design-system';\nimport { getImageUrl } from '../utils/media/getImageUrl';\n\nexport const useColumns = (columns: Column[]) => {\n  const { fields } = useSchema();\n  const { getSchema } = useSchemaRegistry();\n  const overrides = usePatternsWizardOverridesContext();\n\n  const existingColumns = columns.filter((column) => {\n    return !!fields[column.id];\n  });\n\n  const createRenderer = (fieldDefinition: Field, itemValue: any) => {\n    if (itemValue == null) {\n      return '';\n    }\n\n    switch (fieldDefinition.type) {\n      case 'BOOLEAN':\n        return itemValue ? '✔' : '✖';\n      case 'DATE':\n        if (itemValue instanceof Date) {\n          return itemValue.toLocaleDateString();\n        }\n        if (typeof itemValue === 'string') {\n          const date = new Date(itemValue);\n          return date.toLocaleDateString();\n        }\n        return itemValue;\n      case 'DATETIME':\n        if (itemValue instanceof Date) {\n          return itemValue.toLocaleString();\n        }\n        if (typeof itemValue === 'string') {\n          const date = new Date(itemValue);\n          return date.toLocaleString();\n        }\n        return itemValue;\n      case 'ARRAY':\n        // We assume that the array contains strings\n        // If the array contains objects, we need to handle it differently\n        return itemValue.join(', ');\n      case 'REFERENCE':\n        if (fieldDefinition.referenceMetadata && getSchema) {\n          const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n          const refSchema = getSchema(referencedCollectionId);\n\n          if (refSchema) {\n            let nameValue: string | undefined;\n            let imageValue: string | undefined;\n            const displayField = refSchema.displayField;\n            if (typeof itemValue === 'object' && itemValue !== null) {\n              nameValue = itemValue[displayField] || '';\n              imageValue =\n                refSchema.imageField && itemValue[refSchema.imageField];\n            }\n\n            const imageUrl = imageValue && getImageUrl(imageValue);\n            return (\n              <Box gap=\"SP2\" verticalAlign=\"middle\">\n                {imageUrl && (\n                  <Avatar\n                    size=\"size24\"\n                    name={nameValue}\n                    imgProps={{ src: imageUrl }}\n                  />\n                )}\n                <div>{nameValue}</div>\n              </Box>\n            );\n          }\n        }\n\n        return itemValue;\n      default:\n        return itemValue;\n    }\n  };\n\n  return existingColumns\n    .map((column) => {\n      const fieldDefinition = fields[column.id];\n      if (!fieldDefinition) {\n        return null;\n      }\n      const sortable =\n        column.sortable && fieldDefinition?.capabilities?.sortable;\n\n      const baseColumnConfig = {\n        id: column.id,\n        title: column.name || fieldDefinition.displayName,\n        ...(column.width ? { width: column.width } : {}),\n        ...createSortConfiguration(column, sortable),\n        ...createCustomColumnConfiguration(column),\n        render: (item: any) => {\n          const itemValue = get(item, column.id);\n          return (\n            overrides?.columns?.[camelCase(column.id)]?.({\n              value: itemValue,\n            }) ?? createRenderer(fieldDefinition, itemValue)\n          );\n        },\n      };\n\n      return baseColumnConfig;\n    })\n    .filter(Boolean) as TableColumn<any>[];\n};\n\nconst createSortConfiguration = (\n  column: Column,\n  sortable?: boolean,\n): Partial<TableColumn<any>> => {\n  if (!sortable) {\n    return {};\n  }\n  const sortableColumnConfig = {\n    sortable,\n    defaultSortOrder: column.defaultSortOrder,\n  };\n\n  // default sort mode is ['asc', 'desc', undefined]\n  // so if sort mode is 'desc' -> we want to override the default\n  // and set it to ['desc', 'asc', undefined]\n  if (column.sortMode && column.sortMode === 'desc') {\n    return {\n      ...sortableColumnConfig,\n      sortMode: ['desc', 'asc', undefined],\n    };\n  }\n  return {\n    ...sortableColumnConfig,\n  };\n};\n\nconst createCustomColumnConfiguration = (\n  column: Column,\n): Partial<TableColumn<any>> => {\n  const reorderDisabled = !!column.reorderDisabled;\n\n  if (column.hiddenFromCustomColumnsSelection) {\n    return { hiddenFromCustomColumnsSelection: true };\n  }\n  if (column.hideable === false) {\n    return {\n      hideable: false,\n      reorderDisabled,\n    };\n  }\n  return {\n    defaultHidden: !!column.defaultHidden,\n    reorderDisabled,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useCommonCollectionFeatures.js

@@ -5,22 +5,35 @@ exports.__esModule = true;
 exports.useCommonCollectionFeatures = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _useEmptyStates = require("./useEmptyStates");
-var _providers = require("../providers");
 var _patterns = require("@wix/patterns");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _designSystem = require("@wix/design-system");
+var _useActionCell = require("./useActionCell");
+var _useBulkActionToolbar = require("./useBulkActionToolbar");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/hooks/useCommonCollectionFeatures.tsx";
 const useCommonCollectionFeatures = ({
-  actions,
+  actionCell: actionCellConfig,
+  bulkActionToolbar: bulkActionToolbarConfig,
   toolbarTitle,
   search,
-  emptyState: emptyStateConfig
+  emptyState: emptyStateConfig,
+  collection,
+  collectionType,
+  entityPageId
 }) => {
   var _toolbarTitle$subtitl, _toolbarTitle$subtitl2, _toolbarTitle$subtitl3, _toolbarTitle$subtitl4, _toolbarTitle$subtitl5, _toolbarTitle$subtitl6, _toolbarTitle$subtitl7;
-  const context = (0, _providers.usePatternsWizardOverridesContext)();
   const {
     emptyState
   } = (0, _useEmptyStates.useEmptyStates)(emptyStateConfig);
+  const actionCell = (0, _useActionCell.useActionCell)({
+    config: actionCellConfig,
+    collectionId: collection.collectionId,
+    collectionType,
+    entityPageId
+  });
+  const bulkActionToolbar = (0, _useBulkActionToolbar.useBulkActionToolbar)({
+    config: bulkActionToolbarConfig,
+    collectionId: collection.collectionId
+  });
   const title = toolbarTitle && /*#__PURE__*/_react.default.createElement(_patterns.ToolbarTitle, {
     title: toolbarTitle.title,
     subtitle: {
@@ -33,7 +46,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 27,
+            lineNumber: 56,
             columnNumber: 13
           }
         }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -43,7 +56,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 28,
+            lineNumber: 57,
             columnNumber: 15
           }
         }, (_toolbarTitle$subtitl4 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl4 = _toolbarTitle$subtitl4.info) == null ? void 0 : _toolbarTitle$subtitl4.content.text), ((_toolbarTitle$subtitl5 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl5 = _toolbarTitle$subtitl5.info) == null ? void 0 : _toolbarTitle$subtitl5.content.link) && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -58,7 +71,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 36,
+            lineNumber: 65,
             columnNumber: 17
           }
         }, (_toolbarTitle$subtitl7 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl7 = _toolbarTitle$subtitl7.info) == null ? void 0 : _toolbarTitle$subtitl7.content.link.label))
@@ -69,40 +82,16 @@ const useCommonCollectionFeatures = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 20,
+      lineNumber: 49,
       columnNumber: 5
     }
   });
-  const secondaryActionComponents = _react.default.useMemo(() => {
-    const secondaryActions = actions || [];
-    if (secondaryActions.length === 0) {
-      return undefined;
-    }
-    return secondaryActions.map(action => item => ({
-      icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Edit, {
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 65,
-          columnNumber: 13
-        }
-      }),
-      text: action.text,
-      onClick: () => {
-        var _context$actions, _context$actions$acti;
-        context == null || (_context$actions = context.actions) == null || (_context$actions$acti = _context$actions[action.id]) == null || _context$actions$acti.call(_context$actions, {
-          item
-        });
-      }
-    }));
-  }, [actions, context == null ? void 0 : context.actions]);
   return {
     search: (search == null ? void 0 : search.shown) !== false,
     title,
     emptyState,
-    actionCell: item => ({
-      secondaryActions: secondaryActionComponents == null ? void 0 : secondaryActionComponents.map(action => action(item))
-    })
+    actionCell,
+    bulkActionToolbar
   };
 };
 exports.useCommonCollectionFeatures = useCommonCollectionFeatures;

package/dist/cjs/hooks/useCommonCollectionFeatures.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_useEmptyStates","_providers","_patterns","_wixUiIconsCommon","_designSystem","_jsxFileName","useCommonCollectionFeatures","actions","toolbarTitle","search","emptyState","emptyStateConfig","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","context","usePatternsWizardOverridesContext","useEmptyStates","title","default","createElement","ToolbarTitle","subtitle","text","learnMore","info","content","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","dataHook","light","size","link","TextButton","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","secondaryActionComponents","React","useMemo","secondaryActions","length","undefined","map","action","item","icon","Edit","onClick","_context$actions","_context$actions$acti","id","call","shown","actionCell","exports"],"sources":["../../../src/hooks/useCommonCollectionFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmptyStates } from './useEmptyStates';\nimport { usePatternsWizardOverridesContext } from '../providers';\nimport { ToolbarTitle } from '@wix/patterns';\nimport { Edit } from '@wix/wix-ui-icons-common';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { BaseCollectionComponentConfig } from '../types';\n\nexport const useCommonCollectionFeatures = ({\n  actions,\n  toolbarTitle,\n  search,\n  emptyState: emptyStateConfig,\n}: BaseCollectionComponentConfig) => {\n  const context = usePatternsWizardOverridesContext();\n\n  const { emptyState } = useEmptyStates(emptyStateConfig);\n\n  const title = toolbarTitle && (\n    <ToolbarTitle\n      title={toolbarTitle.title}\n      subtitle={{\n        text: toolbarTitle.subtitle?.text ?? '',\n        learnMore: toolbarTitle.subtitle?.learnMore,\n        info: toolbarTitle.subtitle?.info && {\n          content: (\n            <Box direction=\"vertical\" gap=\"6px\">\n              <Text\n                dataHook=\"toolbar-title-subtitle-info-content\"\n                light\n                size=\"small\"\n              >\n                {toolbarTitle.subtitle?.info?.content.text}\n              </Text>\n              {toolbarTitle.subtitle?.info?.content.link && (\n                <TextButton\n                  dataHook=\"toolbar-title-subtitle-info-link\"\n                  size=\"small\"\n                  underline=\"always\"\n                  skin=\"light\"\n                  as=\"a\"\n                  rel=\"noopener\"\n                  target=\"_blank\"\n                  href={toolbarTitle.subtitle?.info?.content.link.url}\n                >\n                  {toolbarTitle.subtitle?.info?.content.link.label}\n                </TextButton>\n              )}\n            </Box>\n          ),\n        },\n      }}\n      itemsLimit={toolbarTitle.itemsLimit}\n      showTotal={toolbarTitle.showTotal}\n    />\n  );\n\n  const secondaryActionComponents = React.useMemo(() => {\n    const secondaryActions = actions || [];\n    if (secondaryActions.length === 0) {\n      return undefined;\n    }\n\n    return secondaryActions.map((action) => (item: any) => ({\n      icon: <Edit />,\n      text: action.text,\n      onClick: () => {\n        context?.actions?.[action.id]?.({ item });\n      },\n    }));\n  }, [actions, context?.actions]);\n\n  return {\n    search: search?.shown !== false,\n    title,\n    emptyState,\n    actionCell: (item: any) => ({\n      secondaryActions: secondaryActionComponents?.map((action) =>\n        action(item),\n      ),\n    }),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_useEmptyStates","_patterns","_designSystem","_useActionCell","_useBulkActionToolbar","_jsxFileName","useCommonCollectionFeatures","actionCell","actionCellConfig","bulkActionToolbar","bulkActionToolbarConfig","toolbarTitle","search","emptyState","emptyStateConfig","collection","collectionType","entityPageId","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","useEmptyStates","useActionCell","config","collectionId","useBulkActionToolbar","title","default","createElement","ToolbarTitle","subtitle","text","learnMore","info","content","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","dataHook","light","size","link","TextButton","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","shown","exports"],"sources":["../../../src/hooks/useCommonCollectionFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmptyStates } from './useEmptyStates';\n\nimport { CollectionOptimisticActions, ToolbarTitle } from '@wix/patterns';\n\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { BaseCollectionComponentConfig, ComponentConfig } from '../types';\nimport { useActionCell } from './useActionCell';\nimport { useBulkActionToolbar } from './useBulkActionToolbar';\n\nexport type UseCommonCollectionFeaturesParams = Pick<\n  BaseCollectionComponentConfig,\n  | 'actionCell'\n  | 'toolbarTitle'\n  | 'search'\n  | 'emptyState'\n  | 'collection'\n  | 'bulkActionToolbar'\n  | 'entityPageId'\n> & {\n  optimisticActions: CollectionOptimisticActions<any, any>;\n  collectionType?: ComponentConfig['type'];\n};\n\nexport const useCommonCollectionFeatures = ({\n  actionCell: actionCellConfig,\n  bulkActionToolbar: bulkActionToolbarConfig,\n  toolbarTitle,\n  search,\n  emptyState: emptyStateConfig,\n  collection,\n  collectionType,\n  entityPageId,\n}: UseCommonCollectionFeaturesParams) => {\n  const { emptyState } = useEmptyStates(emptyStateConfig);\n  const actionCell = useActionCell({\n    config: actionCellConfig,\n    collectionId: collection.collectionId,\n    collectionType,\n    entityPageId,\n  });\n\n  const bulkActionToolbar = useBulkActionToolbar({\n    config: bulkActionToolbarConfig,\n    collectionId: collection.collectionId,\n  });\n\n  const title = toolbarTitle && (\n    <ToolbarTitle\n      title={toolbarTitle.title}\n      subtitle={{\n        text: toolbarTitle.subtitle?.text ?? '',\n        learnMore: toolbarTitle.subtitle?.learnMore,\n        info: toolbarTitle.subtitle?.info && {\n          content: (\n            <Box direction=\"vertical\" gap=\"6px\">\n              <Text\n                dataHook=\"toolbar-title-subtitle-info-content\"\n                light\n                size=\"small\"\n              >\n                {toolbarTitle.subtitle?.info?.content.text}\n              </Text>\n              {toolbarTitle.subtitle?.info?.content.link && (\n                <TextButton\n                  dataHook=\"toolbar-title-subtitle-info-link\"\n                  size=\"small\"\n                  underline=\"always\"\n                  skin=\"light\"\n                  as=\"a\"\n                  rel=\"noopener\"\n                  target=\"_blank\"\n                  href={toolbarTitle.subtitle?.info?.content.link.url}\n                >\n                  {toolbarTitle.subtitle?.info?.content.link.label}\n                </TextButton>\n              )}\n            </Box>\n          ),\n        },\n      }}\n      itemsLimit={toolbarTitle.itemsLimit}\n      showTotal={toolbarTitle.showTotal}\n    />\n  );\n\n  return {\n    search: search?.shown !== false,\n    title,\n    emptyState,\n    actionCell,\n    bulkActionToolbar,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useEntityPageHeaderTexts.js

@@ -0,0 +1,27 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useEntityPageHeaderTexts = void 0;
+var _react = require("react");
+const useEntityPageHeaderTexts = ({
+  config,
+  isCreateMode,
+  entityDisplayName
+}) => {
+  const title = (0, _react.useMemo)(() => {
+    if (config.title) {
+      return config.title;
+    } else {
+      return {
+        text: isCreateMode ? 'Create New Item' : entityDisplayName ?? 'Edit Item'
+      };
+    }
+  }, [config.title, entityDisplayName, isCreateMode]);
+  const subtitle = (0, _react.useMemo)(() => config.subtitle, [config.subtitle]);
+  return {
+    title,
+    subtitle
+  };
+};
+exports.useEntityPageHeaderTexts = useEntityPageHeaderTexts;
+//# sourceMappingURL=useEntityPageHeaderTexts.js.map

package/dist/cjs/hooks/useEntityPageHeaderTexts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useEntityPageHeaderTexts","config","isCreateMode","entityDisplayName","title","useMemo","text","subtitle","exports"],"sources":["../../../src/hooks/useEntityPageHeaderTexts.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { EntityPageConfig } from '../types';\n\nexport const useEntityPageHeaderTexts = ({\n  config,\n  isCreateMode,\n  entityDisplayName,\n}: {\n  config: EntityPageConfig;\n  isCreateMode: boolean;\n  entityDisplayName?: string;\n}) => {\n  const title = useMemo(() => {\n    if (config.title) {\n      return config.title;\n    } else {\n      return {\n        text: isCreateMode\n          ? 'Create New Item'\n          : entityDisplayName ?? 'Edit Item',\n      };\n    }\n  }, [config.title, entityDisplayName, isCreateMode]);\n\n  const subtitle = useMemo(() => config.subtitle, [config.subtitle]);\n\n  return { title, subtitle };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAMC,wBAAwB,GAAGA,CAAC;EACvCC,MAAM;EACNC,YAAY;EACZC;AAKF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC1B,IAAIJ,MAAM,CAACG,KAAK,EAAE;MAChB,OAAOH,MAAM,CAACG,KAAK;IACrB,CAAC,MAAM;MACL,OAAO;QACLE,IAAI,EAAEJ,YAAY,GACd,iBAAiB,GACjBC,iBAAiB,IAAI;MAC3B,CAAC;IACH;EACF,CAAC,EAAE,CAACF,MAAM,CAACG,KAAK,EAAED,iBAAiB,EAAED,YAAY,CAAC,CAAC;EAEnD,MAAMK,QAAQ,GAAG,IAAAF,cAAO,EAAC,MAAMJ,MAAM,CAACM,QAAQ,EAAE,CAACN,MAAM,CAACM,QAAQ,CAAC,CAAC;EAElE,OAAO;IAAEH,KAAK;IAAEG;EAAS,CAAC;AAC5B,CAAC;AAACC,OAAA,CAAAR,wBAAA,GAAAA,wBAAA","ignoreList":[]}

package/dist/cjs/hooks/useFetchData.js

@@ -1,19 +1,43 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.useFetchData = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _providers = require("../providers");
-const useFetchData = config => {
-  var _overrides$fetchData;
-  const {
-    fetchData: fetchDataOverride
-  } = config;
+var _SchemaContext = require("../providers/SchemaContext");
+var _factory = require("../dataSourceAdapters/factory");
+const useFetchData = ({
+  collectionConfig,
+  visibleFieldIds,
+  filtersMapping
+}) => {
+  const schema = (0, _SchemaContext.useSchema)();
   const overrides = (0, _providers.usePatternsWizardOverridesContext)();
   const {
-    collection
-  } = (0, _providers.useCollectionData)();
-  const defaultFetchData = collection.fetchData;
-  const fetchData = fetchDataOverride != null && fetchDataOverride.id ? (overrides == null || (_overrides$fetchData = overrides.fetchData) == null ? void 0 : _overrides$fetchData[fetchDataOverride.id]) ?? defaultFetchData : defaultFetchData;
+    fetchData: fetchDataOverride
+  } = collectionConfig;
+  const defaultDataProvider = _react.default.useMemo(() => {
+    if (!schema) {
+      throw new Error('useFetchData: schema is not available');
+    }
+    return (0, _factory.createDataProvider)({
+      collectionId: collectionConfig.collectionId,
+      entityTypeSource: collectionConfig.entityTypeSource,
+      schema,
+      visibleFieldIds,
+      filtersMapping
+    });
+  }, [schema, collectionConfig.collectionId, collectionConfig.entityTypeSource, visibleFieldIds, filtersMapping]);
+  const fetchData = _react.default.useMemo(() => {
+    const defaultFetch = defaultDataProvider == null ? void 0 : defaultDataProvider.fetchData;
+    if (fetchDataOverride != null && fetchDataOverride.id) {
+      var _overrides$fetchData;
+      const overrideFetch = overrides == null || (_overrides$fetchData = overrides.fetchData) == null ? void 0 : _overrides$fetchData[fetchDataOverride.id];
+      return overrideFetch ?? defaultFetch;
+    }
+    return defaultFetch;
+  }, [defaultDataProvider, fetchDataOverride == null ? void 0 : fetchDataOverride.id, overrides == null ? void 0 : overrides.fetchData]);
   return {
     fetchData
   };

package/dist/cjs/hooks/useFetchData.js.map

@@ -1 +1 @@
-{"version":3,"names":["_providers","require","useFetchData","config","_overrides$fetchData","fetchData","fetchDataOverride","overrides","usePatternsWizardOverridesContext","collection","useCollectionData","defaultFetchData","id","exports"],"sources":["../../../src/hooks/useFetchData.tsx"],"sourcesContent":["import {\n  useCollectionData,\n  usePatternsWizardOverridesContext,\n} from '../providers';\nimport { CollectionConfig } from '../types';\n\nexport const useFetchData = (config: CollectionConfig) => {\n  const { fetchData: fetchDataOverride } = config;\n  const overrides = usePatternsWizardOverridesContext();\n  const { collection } = useCollectionData();\n  const defaultFetchData = collection.fetchData;\n\n  const fetchData = fetchDataOverride?.id\n    ? overrides?.fetchData?.[fetchDataOverride.id] ?? defaultFetchData\n    : defaultFetchData;\n\n  return {\n    fetchData,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAMO,MAAMC,YAAY,GAAIC,MAAwB,IAAK;EAAA,IAAAC,oBAAA;EACxD,MAAM;IAAEC,SAAS,EAAEC;EAAkB,CAAC,GAAGH,MAAM;EAC/C,MAAMI,SAAS,GAAG,IAAAC,4CAAiC,EAAC,CAAC;EACrD,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EAC1C,MAAMC,gBAAgB,GAAGF,UAAU,CAACJ,SAAS;EAE7C,MAAMA,SAAS,GAAGC,iBAAiB,YAAjBA,iBAAiB,CAAEM,EAAE,GACnC,CAAAL,SAAS,aAAAH,oBAAA,GAATG,SAAS,CAAEF,SAAS,qBAApBD,oBAAA,CAAuBE,iBAAiB,CAACM,EAAE,CAAC,KAAID,gBAAgB,GAChEA,gBAAgB;EAEpB,OAAO;IACLN;EACF,CAAC;AACH,CAAC;AAACQ,OAAA,CAAAX,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_SchemaContext","_factory","useFetchData","collectionConfig","visibleFieldIds","filtersMapping","schema","useSchema","overrides","usePatternsWizardOverridesContext","fetchData","fetchDataOverride","defaultDataProvider","React","useMemo","Error","createDataProvider","collectionId","entityTypeSource","defaultFetch","id","_overrides$fetchData","overrideFetch","exports"],"sources":["../../../src/hooks/useFetchData.tsx"],"sourcesContent":["import React from 'react';\nimport { usePatternsWizardOverridesContext } from '../providers';\nimport { CollectionConfig, Filter } from '../types';\nimport { useSchema } from '../providers/SchemaContext';\nimport { createDataProvider } from '../dataSourceAdapters/factory';\n\nexport const useFetchData = ({\n  collectionConfig,\n  visibleFieldIds,\n  filtersMapping,\n}: {\n  collectionConfig: CollectionConfig;\n  visibleFieldIds: string[];\n  filtersMapping?: Record<string, Filter>;\n}) => {\n  const schema = useSchema();\n  const overrides = usePatternsWizardOverridesContext();\n  const { fetchData: fetchDataOverride } = collectionConfig;\n\n  const defaultDataProvider = React.useMemo(() => {\n    if (!schema) {\n      throw new Error('useFetchData: schema is not available');\n    }\n    return createDataProvider({\n      collectionId: collectionConfig.collectionId,\n      entityTypeSource: collectionConfig.entityTypeSource,\n      schema,\n      visibleFieldIds,\n      filtersMapping,\n    });\n  }, [\n    schema,\n    collectionConfig.collectionId,\n    collectionConfig.entityTypeSource,\n    visibleFieldIds,\n    filtersMapping,\n  ]);\n\n  const fetchData = React.useMemo(() => {\n    const defaultFetch = defaultDataProvider?.fetchData;\n\n    if (fetchDataOverride?.id) {\n      const overrideFetch = overrides?.fetchData?.[fetchDataOverride.id];\n      return overrideFetch ?? defaultFetch;\n    }\n    return defaultFetch;\n  }, [defaultDataProvider, fetchDataOverride?.id, overrides?.fetchData]);\n\n  return {\n    fetchData,\n  };\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEO,MAAMI,YAAY,GAAGA,CAAC;EAC3BC,gBAAgB;EAChBC,eAAe;EACfC;AAKF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC1B,MAAMC,SAAS,GAAG,IAAAC,4CAAiC,EAAC,CAAC;EACrD,MAAM;IAAEC,SAAS,EAAEC;EAAkB,CAAC,GAAGR,gBAAgB;EAEzD,MAAMS,mBAAmB,GAAGC,cAAK,CAACC,OAAO,CAAC,MAAM;IAC9C,IAAI,CAACR,MAAM,EAAE;MACX,MAAM,IAAIS,KAAK,CAAC,uCAAuC,CAAC;IAC1D;IACA,OAAO,IAAAC,2BAAkB,EAAC;MACxBC,YAAY,EAAEd,gBAAgB,CAACc,YAAY;MAC3CC,gBAAgB,EAAEf,gBAAgB,CAACe,gBAAgB;MACnDZ,MAAM;MACNF,eAAe;MACfC;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CACDC,MAAM,EACNH,gBAAgB,CAACc,YAAY,EAC7Bd,gBAAgB,CAACe,gBAAgB,EACjCd,eAAe,EACfC,cAAc,CACf,CAAC;EAEF,MAAMK,SAAS,GAAGG,cAAK,CAACC,OAAO,CAAC,MAAM;IACpC,MAAMK,YAAY,GAAGP,mBAAmB,oBAAnBA,mBAAmB,CAAEF,SAAS;IAEnD,IAAIC,iBAAiB,YAAjBA,iBAAiB,CAAES,EAAE,EAAE;MAAA,IAAAC,oBAAA;MACzB,MAAMC,aAAa,GAAGd,SAAS,aAAAa,oBAAA,GAATb,SAAS,CAAEE,SAAS,qBAApBW,oBAAA,CAAuBV,iBAAiB,CAACS,EAAE,CAAC;MAClE,OAAOE,aAAa,IAAIH,YAAY;IACtC;IACA,OAAOA,YAAY;EACrB,CAAC,EAAE,CAACP,mBAAmB,EAAED,iBAAiB,oBAAjBA,iBAAiB,CAAES,EAAE,EAAEZ,SAAS,oBAATA,SAAS,CAAEE,SAAS,CAAC,CAAC;EAEtE,OAAO;IACLA;EACF,CAAC;AACH,CAAC;AAACa,OAAA,CAAArB,YAAA,GAAAA,YAAA","ignoreList":[]}