@wix/auto-patterns 1.8.0 → 1.10.0

package/dist/cjs/hooks/useCollectionPageActions.js

@@ -0,0 +1,126 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useCollectionPageActions = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _useActionsSDK = require("./useActionsSDK");
+var _actions = require("../utils/actions");
+var _patterns = require("@wix/patterns");
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/hooks/useCollectionPageActions.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const useCollectionPageActions = ({
+  collectionPageActions
+}) => {
+  const sdk = (0, _useActionsSDK.useActionsSDK)({
+    collectionId: ''
+  });
+  const buildCollectionPageActions = (0, _react.useCallback)(() => {
+    if (!collectionPageActions) {
+      return;
+    }
+    const buildAction = actionConfig => {
+      let actionToResolve = null;
+      const baseParams = {
+        actionParams: {
+          collectionId: actionConfig.collection.collectionId
+        },
+        sdk
+      };
+      switch (actionConfig.type) {
+        case 'create':
+          actionToResolve = (0, _actions.createAction)({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        case 'customModal':
+          actionToResolve = (0, _actions.customModalAction)({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        case 'custom':
+          actionToResolve = (0, _actions.customAction)({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        default:
+          return null;
+      }
+      if (!actionToResolve) {
+        return null;
+      }
+      const resolvedAction = (0, _actions.resolveAction)(actionConfig, actionToResolve);
+      const {
+        tooltip,
+        icon,
+        ...resolvedActionProps
+      } = resolvedAction;
+      return {
+        ...resolvedActionProps,
+        prefixIcon: icon,
+        disabledDescription: resolvedAction.tooltip
+      };
+    };
+    const handleActionsType = actions => {
+      if (actions.type === 'single') {
+        return buildAction(actions.single.item);
+      }
+      if (actions.type === 'multi') {
+        const subItems = actions.multi.items.map(buildAction).filter(action => action !== null);
+        if (!subItems.length) {
+          return null;
+        }
+        return {
+          label: actions.multi.label,
+          prefixIcon: (0, _actions.resolveIcon)(actions.multi.icon),
+          subItems
+        };
+      }
+      return null;
+    };
+    const primaryActions = (collectionPageActions == null ? void 0 : collectionPageActions.primaryActions) && handleActionsType(collectionPageActions.primaryActions);
+    const secondaryActions = (collectionPageActions == null ? void 0 : collectionPageActions.secondaryActions) && handleActionsType(collectionPageActions.secondaryActions);
+    if (!primaryActions && !secondaryActions) {
+      return;
+    }
+    return {
+      primaryActions: primaryActions ? /*#__PURE__*/_react.default.createElement(_patterns.PrimaryActions, (0, _extends2.default)({}, primaryActions, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 125,
+          columnNumber: 9
+        }
+      })) : undefined,
+      secondaryActions: secondaryActions ? /*#__PURE__*/_react.default.createElement(_patterns.SecondaryActions, (0, _extends2.default)({}, secondaryActions, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 128,
+          columnNumber: 9
+        }
+      })) : undefined
+    };
+  }, [collectionPageActions, sdk]);
+  const actions = (0, _react.useMemo)(() => {
+    return {
+      primaryActions: undefined,
+      secondaryActions: undefined
+    };
+  }, []);
+  if (!(collectionPageActions != null && collectionPageActions.primaryActions) && !(collectionPageActions != null && collectionPageActions.secondaryActions)) {
+    return {
+      ...actions
+    };
+  }
+  return buildCollectionPageActions() ?? {
+    ...actions
+  };
+};
+exports.useCollectionPageActions = useCollectionPageActions;
+//# sourceMappingURL=useCollectionPageActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useActionsSDK","_actions","_patterns","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useCollectionPageActions","collectionPageActions","sdk","useActionsSDK","collectionId","buildCollectionPageActions","useCallback","buildAction","actionConfig","actionToResolve","baseParams","actionParams","collection","type","createAction","action","customModalAction","customAction","resolvedAction","resolveAction","tooltip","icon","resolvedActionProps","prefixIcon","disabledDescription","handleActionsType","actions","single","item","subItems","multi","items","map","filter","length","label","resolveIcon","primaryActions","secondaryActions","createElement","PrimaryActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","undefined","SecondaryActions","useMemo","exports"],"sources":["../../../src/hooks/useCollectionPageActions.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport {\n  CollectionPageActionConfig,\n  CollectionPageConfig,\n  CollectionPagePrimaryActions,\n  CollectionPageSecondaryActions,\n  ResolvedAction,\n} from '../types';\nimport { useActionsSDK } from './useActionsSDK';\nimport {\n  createAction,\n  customAction,\n  customModalAction,\n  resolveAction,\n  resolveIcon,\n} from '../utils/actions';\nimport { IconElement } from '@wix/design-system';\nimport { PrimaryActions, SecondaryActions } from '@wix/patterns';\n\nexport interface UseCollectionPageActionsParams {\n  collectionPageActions: CollectionPageConfig['actions'];\n}\n\nexport const useCollectionPageActions = ({\n  collectionPageActions,\n}: UseCollectionPageActionsParams) => {\n  const sdk = useActionsSDK({\n    collectionId: '',\n  });\n\n  const buildCollectionPageActions = useCallback(() => {\n    if (!collectionPageActions) {\n      return;\n    }\n\n    const buildAction = (actionConfig: CollectionPageActionConfig) => {\n      let actionToResolve: Partial<ResolvedAction> | null = null;\n\n      const baseParams = {\n        actionParams: {\n          collectionId: actionConfig.collection.collectionId,\n        },\n        sdk,\n      };\n\n      switch (actionConfig.type) {\n        case 'create':\n          actionToResolve = createAction({\n            action: actionConfig,\n            ...baseParams,\n          });\n          break;\n\n        case 'customModal':\n          actionToResolve = customModalAction({\n            action: actionConfig,\n            ...baseParams,\n          });\n          break;\n\n        case 'custom':\n          actionToResolve = customAction({\n            action: actionConfig,\n            ...baseParams,\n          });\n          break;\n\n        default:\n          return null;\n      }\n\n      if (!actionToResolve) {\n        return null;\n      }\n\n      const resolvedAction = resolveAction(actionConfig, actionToResolve);\n      const { tooltip, icon, ...resolvedActionProps } = resolvedAction;\n\n      return {\n        ...resolvedActionProps,\n        prefixIcon: icon as IconElement,\n        disabledDescription: resolvedAction.tooltip,\n      };\n    };\n\n    const handleActionsType = (\n      actions: CollectionPagePrimaryActions | CollectionPageSecondaryActions,\n    ) => {\n      if (actions.type === 'single') {\n        return buildAction(actions.single.item);\n      }\n\n      if (actions.type === 'multi') {\n        const subItems = actions.multi.items\n          .map(buildAction)\n          .filter((action) => action !== null);\n        if (!subItems.length) {\n          return null;\n        }\n\n        return {\n          label: actions.multi.label,\n          prefixIcon: resolveIcon(actions.multi.icon) as IconElement,\n          subItems,\n        };\n      }\n\n      return null;\n    };\n\n    const primaryActions =\n      collectionPageActions?.primaryActions &&\n      handleActionsType(collectionPageActions.primaryActions);\n\n    const secondaryActions =\n      collectionPageActions?.secondaryActions &&\n      handleActionsType(collectionPageActions.secondaryActions);\n\n    if (!primaryActions && !secondaryActions) {\n      return;\n    }\n\n    return {\n      primaryActions: primaryActions ? (\n        <PrimaryActions {...primaryActions} />\n      ) : undefined,\n      secondaryActions: secondaryActions ? (\n        <SecondaryActions {...secondaryActions} />\n      ) : undefined,\n    };\n  }, [collectionPageActions, sdk]);\n\n  const actions = useMemo(() => {\n    return {\n      primaryActions: undefined,\n      secondaryActions: undefined,\n    };\n  }, []);\n\n  if (\n    !collectionPageActions?.primaryActions &&\n    !collectionPageActions?.secondaryActions\n  ) {\n    return { ...actions };\n  }\n\n  return buildCollectionPageActions() ?? { ...actions };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useColumns.js

@@ -96,6 +96,19 @@ const useColumns = columns => {
           }
         }
         return itemValue;
+      case 'IMAGE':
+        const imageUrl = (0, _getImageUrl.getImageUrl)(itemValue);
+        return /*#__PURE__*/_react.default.createElement(_designSystem.Image, {
+          src: imageUrl,
+          width: "48px",
+          dataHook: "auto-patterns-image",
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 88,
+            columnNumber: 11
+          }
+        });
       default:
         return itemValue;
     }
@@ -110,9 +123,7 @@ const useColumns = columns => {
     const baseColumnConfig = {
       id: column.id,
       title: column.name || fieldDefinition.displayName,
-      ...(column.width ? {
-        width: column.width
-      } : {}),
+      width: column.width,
       ...createSortConfiguration(column, sortable),
       ...createCustomColumnConfiguration(column),
       render: item => {

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

@@ -1 +1 @@
-{"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":[]}
+{"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","Image","width","dataHook","map","_fieldDefinition$capa","sortable","capabilities","baseColumnConfig","title","displayName","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, Image } 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      case 'IMAGE':\n        const imageUrl = getImageUrl(itemValue);\n\n        return (\n          <Image src={imageUrl} width=\"48px\" dataHook=\"auto-patterns-image\" />\n        );\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        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":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAAyD,IAAAK,YAAA;AAElD,MAAMC,UAAU,GAAIC,OAAiB,IAAK;EAC/C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,oBAAS,EAAC,CAAC;EAC9B,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EACzC,MAAMC,SAAS,GAAG,IAAAC,4CAAiC,EAAC,CAAC;EAErD,MAAMC,eAAe,GAAGP,OAAO,CAACQ,MAAM,CAAEC,MAAM,IAAK;IACjD,OAAO,CAAC,CAACR,MAAM,CAACQ,MAAM,CAACC,EAAE,CAAC;EAC5B,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAGA,CAACC,eAAsB,EAAEC,SAAc,KAAK;IACjE,IAAIA,SAAS,IAAI,IAAI,EAAE;MACrB,OAAO,EAAE;IACX;IAEA,QAAQD,eAAe,CAACE,IAAI;MAC1B,KAAK,SAAS;QACZ,OAAOD,SAAS,GAAG,GAAG,GAAG,GAAG;MAC9B,KAAK,MAAM;QACT,IAAIA,SAAS,YAAYE,IAAI,EAAE;UAC7B,OAAOF,SAAS,CAACG,kBAAkB,CAAC,CAAC;QACvC;QACA,IAAI,OAAOH,SAAS,KAAK,QAAQ,EAAE;UACjC,MAAMI,IAAI,GAAG,IAAIF,IAAI,CAACF,SAAS,CAAC;UAChC,OAAOI,IAAI,CAACD,kBAAkB,CAAC,CAAC;QAClC;QACA,OAAOH,SAAS;MAClB,KAAK,UAAU;QACb,IAAIA,SAAS,YAAYE,IAAI,EAAE;UAC7B,OAAOF,SAAS,CAACK,cAAc,CAAC,CAAC;QACnC;QACA,IAAI,OAAOL,SAAS,KAAK,QAAQ,EAAE;UACjC,MAAMI,IAAI,GAAG,IAAIF,IAAI,CAACF,SAAS,CAAC;UAChC,OAAOI,IAAI,CAACC,cAAc,CAAC,CAAC;QAC9B;QACA,OAAOL,SAAS;MAClB,KAAK,OAAO;QACV;QACA;QACA,OAAOA,SAAS,CAACM,IAAI,CAAC,IAAI,CAAC;MAC7B,KAAK,WAAW;QACd,IAAIP,eAAe,CAACQ,iBAAiB,IAAIjB,SAAS,EAAE;UAClD,MAAM;YAAEkB;UAAuB,CAAC,GAAGT,eAAe,CAACQ,iBAAiB;UACpE,MAAME,SAAS,GAAGnB,SAAS,CAACkB,sBAAsB,CAAC;UAEnD,IAAIC,SAAS,EAAE;YACb,IAAIC,SAA6B;YACjC,IAAIC,UAA8B;YAClC,MAAMC,YAAY,GAAGH,SAAS,CAACG,YAAY;YAC3C,IAAI,OAAOZ,SAAS,KAAK,QAAQ,IAAIA,SAAS,KAAK,IAAI,EAAE;cACvDU,SAAS,GAAGV,SAAS,CAACY,YAAY,CAAC,IAAI,EAAE;cACzCD,UAAU,GACRF,SAAS,CAACI,UAAU,IAAIb,SAAS,CAACS,SAAS,CAACI,UAAU,CAAC;YAC3D;YAEA,MAAMC,QAAQ,GAAGH,UAAU,IAAI,IAAAI,wBAAW,EAACJ,UAAU,CAAC;YACtD,oBACEjC,MAAA,CAAAsC,OAAA,CAAAC,aAAA,CAAClC,aAAA,CAAAmC,GAAG;cAACC,GAAG,EAAC,KAAK;cAACC,aAAa,EAAC,QAAQ;cAAAC,MAAA;cAAAC,QAAA;gBAAAC,QAAA,EAAAtC,YAAA;gBAAAuC,UAAA;gBAAAC,YAAA;cAAA;YAAA,GAClCX,QAAQ,iBACPpC,MAAA,CAAAsC,OAAA,CAAAC,aAAA,CAAClC,aAAA,CAAA2C,MAAM;cACLC,IAAI,EAAC,QAAQ;cACbC,IAAI,EAAElB,SAAU;cAChBmB,QAAQ,EAAE;gBAAEC,GAAG,EAAEhB;cAAS,CAAE;cAAAO,MAAA;cAAAC,QAAA;gBAAAC,QAAA,EAAAtC,YAAA;gBAAAuC,UAAA;gBAAAC,YAAA;cAAA;YAAA,CAC7B,CACF,eACD/C,MAAA,CAAAsC,OAAA,CAAAC,aAAA;cAAAI,MAAA;cAAAC,QAAA;gBAAAC,QAAA,EAAAtC,YAAA;gBAAAuC,UAAA;gBAAAC,YAAA;cAAA;YAAA,GAAMf,SAAe,CAClB,CAAC;UAEV;QACF;QAEA,OAAOV,SAAS;MAClB,KAAK,OAAO;QACV,MAAMc,QAAQ,GAAG,IAAAC,wBAAW,EAACf,SAAS,CAAC;QAEvC,oBACEtB,MAAA,CAAAsC,OAAA,CAAAC,aAAA,CAAClC,aAAA,CAAAgD,KAAK;UAACD,GAAG,EAAEhB,QAAS;UAACkB,KAAK,EAAC,MAAM;UAACC,QAAQ,EAAC,qBAAqB;UAAAZ,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAtC,YAAA;YAAAuC,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC;MAExE;QACE,OAAOzB,SAAS;IACpB;EACF,CAAC;EAED,OAAON,eAAe,CACnBwC,GAAG,CAAEtC,MAAM,IAAK;IAAA,IAAAuC,qBAAA;IACf,MAAMpC,eAAe,GAAGX,MAAM,CAACQ,MAAM,CAACC,EAAE,CAAC;IACzC,IAAI,CAACE,eAAe,EAAE;MACpB,OAAO,IAAI;IACb;IACA,MAAMqC,QAAQ,GACZxC,MAAM,CAACwC,QAAQ,KAAIrC,eAAe,aAAAoC,qBAAA,GAAfpC,eAAe,CAAEsC,YAAY,qBAA7BF,qBAAA,CAA+BC,QAAQ;IAE5D,MAAME,gBAAgB,GAAG;MACvBzC,EAAE,EAAED,MAAM,CAACC,EAAE;MACb0C,KAAK,EAAE3C,MAAM,CAACgC,IAAI,IAAI7B,eAAe,CAACyC,WAAW;MACjDR,KAAK,EAAEpC,MAAM,CAACoC,KAAK;MACnB,GAAGS,uBAAuB,CAAC7C,MAAM,EAAEwC,QAAQ,CAAC;MAC5C,GAAGM,+BAA+B,CAAC9C,MAAM,CAAC;MAC1C+C,MAAM,EAAGC,IAAS,IAAK;QAAA,IAAAC,kBAAA,EAAAC,qBAAA;QACrB,MAAM9C,SAAS,GAAG,IAAA+C,WAAG,EAACH,IAAI,EAAEhD,MAAM,CAACC,EAAE,CAAC;QACtC,OACE,CAAAL,SAAS,aAAAqD,kBAAA,GAATrD,SAAS,CAAEL,OAAO,cAAA2D,qBAAA,GAAlBD,kBAAA,CAAqB,IAAAG,iBAAS,EAACpD,MAAM,CAACC,EAAE,CAAC,CAAC,qBAA1CiD,qBAAA,CAAAG,IAAA,CAAAJ,kBAAA,EAA6C;UAC3CK,KAAK,EAAElD;QACT,CAAC,CAAC,KAAIF,cAAc,CAACC,eAAe,EAAEC,SAAS,CAAC;MAEpD;IACF,CAAC;IAED,OAAOsC,gBAAgB;EACzB,CAAC,CAAC,CACD3C,MAAM,CAACwD,OAAO,CAAC;AACpB,CAAC;AAACC,OAAA,CAAAlE,UAAA,GAAAA,UAAA;AAEF,MAAMuD,uBAAuB,GAAGA,CAC9B7C,MAAc,EACdwC,QAAkB,KACY;EAC9B,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,CAAC,CAAC;EACX;EACA,MAAMiB,oBAAoB,GAAG;IAC3BjB,QAAQ;IACRkB,gBAAgB,EAAE1D,MAAM,CAAC0D;EAC3B,CAAC;;EAED;EACA;EACA;EACA,IAAI1D,MAAM,CAAC2D,QAAQ,IAAI3D,MAAM,CAAC2D,QAAQ,KAAK,MAAM,EAAE;IACjD,OAAO;MACL,GAAGF,oBAAoB;MACvBE,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,EAAEC,SAAS;IACrC,CAAC;EACH;EACA,OAAO;IACL,GAAGH;EACL,CAAC;AACH,CAAC;AAED,MAAMX,+BAA+B,GACnC9C,MAAc,IACgB;EAC9B,MAAM6D,eAAe,GAAG,CAAC,CAAC7D,MAAM,CAAC6D,eAAe;EAEhD,IAAI7D,MAAM,CAAC8D,gCAAgC,EAAE;IAC3C,OAAO;MAAEA,gCAAgC,EAAE;IAAK,CAAC;EACnD;EACA,IAAI9D,MAAM,CAAC+D,QAAQ,KAAK,KAAK,EAAE;IAC7B,OAAO;MACLA,QAAQ,EAAE,KAAK;MACfF;IACF,CAAC;EACH;EACA,OAAO;IACLG,aAAa,EAAE,CAAC,CAAChE,MAAM,CAACgE,aAAa;IACrCH;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/cjs/hooks/useCommonCollectionFeatures.js

@@ -17,7 +17,6 @@ const useCommonCollectionFeatures = ({
   search,
   emptyState: emptyStateConfig,
   collection,
-  optimisticActions,
   collectionType,
   entityPageId
 }) => {
@@ -28,14 +27,12 @@ const useCommonCollectionFeatures = ({
   const actionCell = (0, _useActionCell.useActionCell)({
     config: actionCellConfig,
     collectionId: collection.collectionId,
-    optimisticActions,
     collectionType,
     entityPageId
   });
   const bulkActionToolbar = (0, _useBulkActionToolbar.useBulkActionToolbar)({
     config: bulkActionToolbarConfig,
-    collectionId: collection.collectionId,
-    optimisticActions
+    collectionId: collection.collectionId
   });
   const title = toolbarTitle && /*#__PURE__*/_react.default.createElement(_patterns.ToolbarTitle, {
     title: toolbarTitle.title,
@@ -49,7 +46,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 59,
+            lineNumber: 56,
             columnNumber: 13
           }
         }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -59,7 +56,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 60,
+            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, {
@@ -74,7 +71,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 68,
+            lineNumber: 65,
             columnNumber: 17
           }
         }, (_toolbarTitle$subtitl7 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl7 = _toolbarTitle$subtitl7.info) == null ? void 0 : _toolbarTitle$subtitl7.content.link.label))
@@ -85,7 +82,7 @@ const useCommonCollectionFeatures = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 49,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_useEmptyStates","_patterns","_designSystem","_useActionCell","_useBulkActionToolbar","_jsxFileName","useCommonCollectionFeatures","actionCell","actionCellConfig","bulkActionToolbar","bulkActionToolbarConfig","toolbarTitle","search","emptyState","emptyStateConfig","collection","optimisticActions","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  optimisticActions,\n  collectionType,\n  entityPageId,\n}: UseCommonCollectionFeaturesParams) => {\n  const { emptyState } = useEmptyStates(emptyStateConfig);\n  const actionCell = useActionCell({\n    config: actionCellConfig,\n    collectionId: collection.collectionId,\n    optimisticActions,\n    collectionType,\n    entityPageId,\n  });\n\n  const bulkActionToolbar = useBulkActionToolbar({\n    config: bulkActionToolbarConfig,\n    collectionId: collection.collectionId,\n    optimisticActions,\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":[]}
+{"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/useGridFeatures.js

@@ -6,13 +6,11 @@ var _useFetchData = require("./useFetchData");
 var _patterns = require("@wix/patterns");
 var _useCommonCollectionFeatures = require("./useCommonCollectionFeatures");
 var _useFilters = require("./useFilters");
-var _react = require("react");
 var _SchemaContext = require("../providers/SchemaContext");
 var _useAutoPatternsOptimisticActions = require("./useAutoPatternsOptimisticActions");
-var _getImageUrl = require("../utils/media/getImageUrl");
+var _useBaseGridFeatures = require("./useBaseGridFeatures");
 const useGridFeatures = configuration => {
   const {
-    item,
     collection
   } = configuration;
   const {
@@ -23,18 +21,16 @@ const useGridFeatures = configuration => {
     selectionConsistencyMode
   } = collection;
   const {
-    titleFieldId,
-    subtitleFieldId,
-    imageFieldId,
+    renderItem,
     imagePlacement,
-    cardContentMode: preset
-  } = item;
+    preset,
+    visibleFieldIds
+  } = (0, _useBaseGridFeatures.useBaseGridFeatures)(configuration);
   const {
     filterComponent,
     filtersObject,
     filtersMapping
   } = (0, _useFilters.useFilters)(configuration.filters);
-  const visibleFieldIds = (0, _react.useMemo)(() => [titleFieldId, subtitleFieldId, imageFieldId].filter(Boolean), [titleFieldId, subtitleFieldId, imageFieldId]);
   const {
     fetchData
   } = (0, _useFetchData.useFetchData)({
@@ -58,27 +54,18 @@ const useGridFeatures = configuration => {
     disableAutoSelectAllCount,
     selectionConsistencyMode
   });
-  const optimisticActions = (0, _useAutoPatternsOptimisticActions.useAutoPatternsOptimisticActions)(state.collection);
+  const optimisticActions = (0, _useAutoPatternsOptimisticActions.useAutoPatternsOptimisticActions)(collectionId, state.collection);
   const commonFeatures = (0, _useCommonCollectionFeatures.useCommonCollectionFeatures)({
     ...configuration,
     optimisticActions,
     collectionType: 'Grid'
   });
-  const renderItem = (0, _react.useMemo)(() => gridItem => ({
-    id: gridItem[schema.idField],
-    title: `${gridItem[titleFieldId]}`,
-    ...(subtitleFieldId ? {
-      subtitle: `${gridItem[subtitleFieldId] ?? ''}`
-    } : {}),
-    ...(imageFieldId ? {
-      backgroundImageUrl: (0, _getImageUrl.getImageUrl)(gridItem[imageFieldId])
-    } : {})
-  }), [titleFieldId, subtitleFieldId, imageFieldId, schema.idField]);
   return {
     ...commonFeatures,
     state,
     imagePlacement,
     preset,
+    optimisticActions,
     renderItem,
     filters: filterComponent
   };

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

@@ -1 +1 @@
-{"version":3,"names":["_useFetchData","require","_patterns","_useCommonCollectionFeatures","_useFilters","_react","_SchemaContext","_useAutoPatternsOptimisticActions","_getImageUrl","useGridFeatures","configuration","item","collection","collectionId","limit","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","titleFieldId","subtitleFieldId","imageFieldId","imagePlacement","cardContentMode","preset","filterComponent","filtersObject","filtersMapping","useFilters","filters","visibleFieldIds","useMemo","filter","Boolean","fetchData","useFetchData","collectionConfig","schema","useSchema","state","useGridCollection","queryName","itemKey","gridItem","idField","itemName","displayField","toExtendedFields","extendedFields","fetchErrorMessage","err","String","optimisticActions","useAutoPatternsOptimisticActions","commonFeatures","useCommonCollectionFeatures","collectionType","renderItem","id","title","subtitle","backgroundImageUrl","getImageUrl","exports"],"sources":["../../../src/hooks/useGridFeatures.tsx"],"sourcesContent":["import { GridConfig } from '../types';\nimport { useFetchData } from './useFetchData';\nimport { useGridCollection } from '@wix/patterns';\nimport { useCommonCollectionFeatures } from './useCommonCollectionFeatures';\nimport { useFilters } from './useFilters';\nimport { useMemo } from 'react';\nimport { useSchema } from '../providers/SchemaContext';\nimport { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';\nimport { getImageUrl } from '../utils/media/getImageUrl';\n\nexport const useGridFeatures = (configuration: GridConfig) => {\n  const { item, collection } = configuration;\n\n  const {\n    collectionId,\n    limit,\n    persistQueryToUrl,\n    disableAutoSelectAllCount,\n    selectionConsistencyMode,\n  } = collection;\n\n  const {\n    titleFieldId,\n    subtitleFieldId,\n    imageFieldId,\n    imagePlacement,\n    cardContentMode: preset,\n  } = item;\n\n  const { filterComponent, filtersObject, filtersMapping } = useFilters(\n    configuration.filters,\n  );\n\n  const visibleFieldIds = useMemo(\n    () =>\n      [titleFieldId, subtitleFieldId, imageFieldId].filter(Boolean) as string[],\n    [titleFieldId, subtitleFieldId, imageFieldId],\n  );\n\n  const { fetchData } = useFetchData({\n    collectionConfig: configuration.collection,\n    visibleFieldIds,\n    filtersMapping,\n  });\n  const schema = useSchema();\n\n  const state = useGridCollection<any>({\n    queryName: `${collectionId}`,\n    itemKey: (gridItem) => gridItem[schema.idField],\n    itemName: (gridItem) => gridItem[schema.displayField],\n    filters: filtersObject,\n    toExtendedFields: (gridItem) => gridItem.extendedFields,\n    fetchErrorMessage: ({ err }) => String(err),\n    fetchData,\n    limit,\n    persistQueryToUrl,\n    disableAutoSelectAllCount,\n    selectionConsistencyMode,\n  });\n\n  const optimisticActions = useAutoPatternsOptimisticActions(state.collection);\n\n  const commonFeatures = useCommonCollectionFeatures({\n    ...configuration,\n    optimisticActions,\n    collectionType: 'Grid',\n  });\n\n  const renderItem = useMemo(\n    () => (gridItem: any) => ({\n      id: gridItem[schema.idField],\n      title: `${gridItem[titleFieldId]}`,\n      ...(subtitleFieldId\n        ? { subtitle: `${gridItem[subtitleFieldId] ?? ''}` }\n        : {}),\n      ...(imageFieldId\n        ? { backgroundImageUrl: getImageUrl(gridItem[imageFieldId]) }\n        : {}),\n    }),\n    [titleFieldId, subtitleFieldId, imageFieldId, schema.idField],\n  );\n\n  return {\n    ...commonFeatures,\n    state,\n    imagePlacement,\n    preset,\n    renderItem,\n    filters: filterComponent,\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,iCAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAEO,MAAMQ,eAAe,GAAIC,aAAyB,IAAK;EAC5D,MAAM;IAAEC,IAAI;IAAEC;EAAW,CAAC,GAAGF,aAAa;EAE1C,MAAM;IACJG,YAAY;IACZC,KAAK;IACLC,iBAAiB;IACjBC,yBAAyB;IACzBC;EACF,CAAC,GAAGL,UAAU;EAEd,MAAM;IACJM,YAAY;IACZC,eAAe;IACfC,YAAY;IACZC,cAAc;IACdC,eAAe,EAAEC;EACnB,CAAC,GAAGZ,IAAI;EAER,MAAM;IAAEa,eAAe;IAAEC,aAAa;IAAEC;EAAe,CAAC,GAAG,IAAAC,sBAAU,EACnEjB,aAAa,CAACkB,OAChB,CAAC;EAED,MAAMC,eAAe,GAAG,IAAAC,cAAO,EAC7B,MACE,CAACZ,YAAY,EAAEC,eAAe,EAAEC,YAAY,CAAC,CAACW,MAAM,CAACC,OAAO,CAAa,EAC3E,CAACd,YAAY,EAAEC,eAAe,EAAEC,YAAY,CAC9C,CAAC;EAED,MAAM;IAAEa;EAAU,CAAC,GAAG,IAAAC,0BAAY,EAAC;IACjCC,gBAAgB,EAAEzB,aAAa,CAACE,UAAU;IAC1CiB,eAAe;IACfH;EACF,CAAC,CAAC;EACF,MAAMU,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAE1B,MAAMC,KAAK,GAAG,IAAAC,2BAAiB,EAAM;IACnCC,SAAS,EAAE,GAAG3B,YAAY,EAAE;IAC5B4B,OAAO,EAAGC,QAAQ,IAAKA,QAAQ,CAACN,MAAM,CAACO,OAAO,CAAC;IAC/CC,QAAQ,EAAGF,QAAQ,IAAKA,QAAQ,CAACN,MAAM,CAACS,YAAY,CAAC;IACrDjB,OAAO,EAAEH,aAAa;IACtBqB,gBAAgB,EAAGJ,QAAQ,IAAKA,QAAQ,CAACK,cAAc;IACvDC,iBAAiB,EAAEA,CAAC;MAAEC;IAAI,CAAC,KAAKC,MAAM,CAACD,GAAG,CAAC;IAC3ChB,SAAS;IACTnB,KAAK;IACLC,iBAAiB;IACjBC,yBAAyB;IACzBC;EACF,CAAC,CAAC;EAEF,MAAMkC,iBAAiB,GAAG,IAAAC,kEAAgC,EAACd,KAAK,CAAC1B,UAAU,CAAC;EAE5E,MAAMyC,cAAc,GAAG,IAAAC,wDAA2B,EAAC;IACjD,GAAG5C,aAAa;IAChByC,iBAAiB;IACjBI,cAAc,EAAE;EAClB,CAAC,CAAC;EAEF,MAAMC,UAAU,GAAG,IAAA1B,cAAO,EACxB,MAAOY,QAAa,KAAM;IACxBe,EAAE,EAAEf,QAAQ,CAACN,MAAM,CAACO,OAAO,CAAC;IAC5Be,KAAK,EAAE,GAAGhB,QAAQ,CAACxB,YAAY,CAAC,EAAE;IAClC,IAAIC,eAAe,GACf;MAAEwC,QAAQ,EAAE,GAAGjB,QAAQ,CAACvB,eAAe,CAAC,IAAI,EAAE;IAAG,CAAC,GAClD,CAAC,CAAC,CAAC;IACP,IAAIC,YAAY,GACZ;MAAEwC,kBAAkB,EAAE,IAAAC,wBAAW,EAACnB,QAAQ,CAACtB,YAAY,CAAC;IAAE,CAAC,GAC3D,CAAC,CAAC;EACR,CAAC,CAAC,EACF,CAACF,YAAY,EAAEC,eAAe,EAAEC,YAAY,EAAEgB,MAAM,CAACO,OAAO,CAC9D,CAAC;EAED,OAAO;IACL,GAAGU,cAAc;IACjBf,KAAK;IACLjB,cAAc;IACdE,MAAM;IACNiC,UAAU;IACV5B,OAAO,EAAEJ;EACX,CAAC;AACH,CAAC;AAACsC,OAAA,CAAArD,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_useFetchData","require","_patterns","_useCommonCollectionFeatures","_useFilters","_SchemaContext","_useAutoPatternsOptimisticActions","_useBaseGridFeatures","useGridFeatures","configuration","collection","collectionId","limit","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","renderItem","imagePlacement","preset","visibleFieldIds","useBaseGridFeatures","filterComponent","filtersObject","filtersMapping","useFilters","filters","fetchData","useFetchData","collectionConfig","schema","useSchema","state","useGridCollection","queryName","itemKey","gridItem","idField","itemName","displayField","toExtendedFields","extendedFields","fetchErrorMessage","err","String","optimisticActions","useAutoPatternsOptimisticActions","commonFeatures","useCommonCollectionFeatures","collectionType","exports"],"sources":["../../../src/hooks/useGridFeatures.tsx"],"sourcesContent":["import { GridConfig } from '../types';\nimport { useFetchData } from './useFetchData';\nimport { useGridCollection } from '@wix/patterns';\nimport { useCommonCollectionFeatures } from './useCommonCollectionFeatures';\nimport { useFilters } from './useFilters';\nimport { useSchema } from '../providers/SchemaContext';\nimport { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';\nimport { useBaseGridFeatures } from './useBaseGridFeatures';\n\nexport const useGridFeatures = (configuration: GridConfig) => {\n  const { collection } = configuration;\n\n  const {\n    collectionId,\n    limit,\n    persistQueryToUrl,\n    disableAutoSelectAllCount,\n    selectionConsistencyMode,\n  } = collection;\n\n  const { renderItem, imagePlacement, preset, visibleFieldIds } =\n    useBaseGridFeatures(configuration);\n\n  const { filterComponent, filtersObject, filtersMapping } = useFilters(\n    configuration.filters,\n  );\n\n  const { fetchData } = useFetchData({\n    collectionConfig: configuration.collection,\n    visibleFieldIds,\n    filtersMapping,\n  });\n\n  const schema = useSchema();\n\n  const state = useGridCollection<any>({\n    queryName: `${collectionId}`,\n    itemKey: (gridItem) => gridItem[schema.idField],\n    itemName: (gridItem) => gridItem[schema.displayField],\n    filters: filtersObject,\n    toExtendedFields: (gridItem) => gridItem.extendedFields,\n    fetchErrorMessage: ({ err }) => String(err),\n    fetchData,\n    limit,\n    persistQueryToUrl,\n    disableAutoSelectAllCount,\n    selectionConsistencyMode,\n  });\n\n  const optimisticActions = useAutoPatternsOptimisticActions(\n    collectionId,\n    state.collection,\n  );\n\n  const commonFeatures = useCommonCollectionFeatures({\n    ...configuration,\n    optimisticActions,\n    collectionType: 'Grid',\n  });\n\n  return {\n    ...commonFeatures,\n    state,\n    imagePlacement,\n    preset,\n    optimisticActions,\n    renderItem,\n    filters: filterComponent,\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,iCAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAN,OAAA;AAEO,MAAMO,eAAe,GAAIC,aAAyB,IAAK;EAC5D,MAAM;IAAEC;EAAW,CAAC,GAAGD,aAAa;EAEpC,MAAM;IACJE,YAAY;IACZC,KAAK;IACLC,iBAAiB;IACjBC,yBAAyB;IACzBC;EACF,CAAC,GAAGL,UAAU;EAEd,MAAM;IAAEM,UAAU;IAAEC,cAAc;IAAEC,MAAM;IAAEC;EAAgB,CAAC,GAC3D,IAAAC,wCAAmB,EAACX,aAAa,CAAC;EAEpC,MAAM;IAAEY,eAAe;IAAEC,aAAa;IAAEC;EAAe,CAAC,GAAG,IAAAC,sBAAU,EACnEf,aAAa,CAACgB,OAChB,CAAC;EAED,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAY,EAAC;IACjCC,gBAAgB,EAAEnB,aAAa,CAACC,UAAU;IAC1CS,eAAe;IACfI;EACF,CAAC,CAAC;EAEF,MAAMM,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAE1B,MAAMC,KAAK,GAAG,IAAAC,2BAAiB,EAAM;IACnCC,SAAS,EAAE,GAAGtB,YAAY,EAAE;IAC5BuB,OAAO,EAAGC,QAAQ,IAAKA,QAAQ,CAACN,MAAM,CAACO,OAAO,CAAC;IAC/CC,QAAQ,EAAGF,QAAQ,IAAKA,QAAQ,CAACN,MAAM,CAACS,YAAY,CAAC;IACrDb,OAAO,EAAEH,aAAa;IACtBiB,gBAAgB,EAAGJ,QAAQ,IAAKA,QAAQ,CAACK,cAAc;IACvDC,iBAAiB,EAAEA,CAAC;MAAEC;IAAI,CAAC,KAAKC,MAAM,CAACD,GAAG,CAAC;IAC3ChB,SAAS;IACTd,KAAK;IACLC,iBAAiB;IACjBC,yBAAyB;IACzBC;EACF,CAAC,CAAC;EAEF,MAAM6B,iBAAiB,GAAG,IAAAC,kEAAgC,EACxDlC,YAAY,EACZoB,KAAK,CAACrB,UACR,CAAC;EAED,MAAMoC,cAAc,GAAG,IAAAC,wDAA2B,EAAC;IACjD,GAAGtC,aAAa;IAChBmC,iBAAiB;IACjBI,cAAc,EAAE;EAClB,CAAC,CAAC;EAEF,OAAO;IACL,GAAGF,cAAc;IACjBf,KAAK;IACLd,cAAc;IACdC,MAAM;IACN0B,iBAAiB;IACjB5B,UAAU;IACVS,OAAO,EAAEJ;EACX,CAAC;AACH,CAAC;AAAC4B,OAAA,CAAAzC,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/hooks/useNavigationUtils.js

@@ -12,7 +12,9 @@ const useNavigation = () => {
     navigateToEntityPage: navigateToEntityPagePatterns
   } = (0, _patterns.usePatternsNavigate)();
   const appConfig = (0, _providers.useAppConfigContext)();
-  const schema = (0, _providers.useSchema)();
+  const {
+    getSchema
+  } = (0, _providers.useSchemaRegistry)();
   const {
     getPagePath
   } = (0, _usePagePath.usePagePath)(appConfig);
@@ -26,18 +28,20 @@ const useNavigation = () => {
       return;
     }
     const {
-      route
+      route,
+      collectionId
     } = entityPage.entityPage;
-    if (route.path && (_route$params = route.params) != null && _route$params.id) {
+    const schema = getSchema(collectionId);
+    if (route.path && (_route$params = route.params) != null && _route$params.id && schema) {
       const path = (0, _reactRouterDom.generatePath)(route.path, {
-        [route.params.id]: item[schema.idField]
+        [route.params.id]: (item == null ? void 0 : item[schema.idField]) ?? ''
       });
       navigateToEntityPagePatterns({
         path,
         entity: item
       });
     }
-  }, [appConfig, navigateToEntityPagePatterns, schema.idField]);
+  }, [appConfig, navigateToEntityPagePatterns, getSchema]);
   const getParentPagePath = (0, _react.useCallback)(parentPageId => {
     return getPagePath(parentPageId);
   }, [getPagePath]);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_patterns","_providers","_reactRouterDom","_usePagePath","useNavigation","navigateToEntityPage","navigateToEntityPagePatterns","usePatternsNavigate","appConfig","useAppConfigContext","schema","useSchema","getPagePath","usePagePath","useCallback","item","entityPageId","_route$params","entityPage","pages","find","page","id","route","path","params","generatePath","idField","entity","getParentPagePath","parentPageId","exports"],"sources":["../../../src/hooks/useNavigationUtils.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { usePatternsNavigate } from '@wix/patterns';\nimport { useAppConfigContext, useSchema } from '../providers';\nimport { generatePath } from 'react-router-dom';\nimport { EntityPageConfig } from '../types';\nimport { usePagePath } from './usePagePath';\n\nexport type NavigateToEntityPageFunc = (args: {\n  item: any;\n  entityPageId?: string;\n}) => void;\n\nexport const useNavigation = () => {\n  const { navigateToEntityPage: navigateToEntityPagePatterns } =\n    usePatternsNavigate();\n  const appConfig = useAppConfigContext();\n  const schema = useSchema();\n  const { getPagePath } = usePagePath(appConfig);\n\n  const navigateToEntityPage = useCallback(\n    ({ item, entityPageId }) => {\n      const entityPage = entityPageId\n        ? appConfig.pages.find((page) => page.id === entityPageId)\n        : null;\n\n      if (!entityPage) {\n        return;\n      }\n\n      const { route } = entityPage.entityPage as EntityPageConfig;\n      if (route.path && route.params?.id) {\n        const path = generatePath(route.path, {\n          [route.params.id]: item[schema.idField],\n        });\n        navigateToEntityPagePatterns({\n          path,\n          entity: item,\n        });\n      }\n    },\n    [appConfig, navigateToEntityPagePatterns, schema.idField],\n  );\n\n  const getParentPagePath = useCallback(\n    (parentPageId?: string): string | undefined => {\n      return getPagePath(parentPageId);\n    },\n    [getPagePath],\n  );\n\n  return {\n    navigateToEntityPage,\n    getParentPagePath,\n    getPagePath,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAOO,MAAMK,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC,oBAAoB,EAAEC;EAA6B,CAAC,GAC1D,IAAAC,6BAAmB,EAAC,CAAC;EACvB,MAAMC,SAAS,GAAG,IAAAC,8BAAmB,EAAC,CAAC;EACvC,MAAMC,MAAM,GAAG,IAAAC,oBAAS,EAAC,CAAC;EAC1B,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,wBAAW,EAACL,SAAS,CAAC;EAE9C,MAAMH,oBAAoB,GAAG,IAAAS,kBAAW,EACtC,CAAC;IAAEC,IAAI;IAAEC;EAAa,CAAC,KAAK;IAAA,IAAAC,aAAA;IAC1B,MAAMC,UAAU,GAAGF,YAAY,GAC3BR,SAAS,CAACW,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,EAAE,KAAKN,YAAY,CAAC,GACxD,IAAI;IAER,IAAI,CAACE,UAAU,EAAE;MACf;IACF;IAEA,MAAM;MAAEK;IAAM,CAAC,GAAGL,UAAU,CAACA,UAA8B;IAC3D,IAAIK,KAAK,CAACC,IAAI,KAAAP,aAAA,GAAIM,KAAK,CAACE,MAAM,aAAZR,aAAA,CAAcK,EAAE,EAAE;MAClC,MAAME,IAAI,GAAG,IAAAE,4BAAY,EAACH,KAAK,CAACC,IAAI,EAAE;QACpC,CAACD,KAAK,CAACE,MAAM,CAACH,EAAE,GAAGP,IAAI,CAACL,MAAM,CAACiB,OAAO;MACxC,CAAC,CAAC;MACFrB,4BAA4B,CAAC;QAC3BkB,IAAI;QACJI,MAAM,EAAEb;MACV,CAAC,CAAC;IACJ;EACF,CAAC,EACD,CAACP,SAAS,EAAEF,4BAA4B,EAAEI,MAAM,CAACiB,OAAO,CAC1D,CAAC;EAED,MAAME,iBAAiB,GAAG,IAAAf,kBAAW,EAClCgB,YAAqB,IAAyB;IAC7C,OAAOlB,WAAW,CAACkB,YAAY,CAAC;EAClC,CAAC,EACD,CAAClB,WAAW,CACd,CAAC;EAED,OAAO;IACLP,oBAAoB;IACpBwB,iBAAiB;IACjBjB;EACF,CAAC;AACH,CAAC;AAACmB,OAAA,CAAA3B,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_patterns","_providers","_reactRouterDom","_usePagePath","useNavigation","navigateToEntityPage","navigateToEntityPagePatterns","usePatternsNavigate","appConfig","useAppConfigContext","getSchema","useSchemaRegistry","getPagePath","usePagePath","useCallback","item","entityPageId","_route$params","entityPage","pages","find","page","id","route","collectionId","schema","path","params","generatePath","idField","entity","getParentPagePath","parentPageId","exports"],"sources":["../../../src/hooks/useNavigationUtils.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { usePatternsNavigate } from '@wix/patterns';\nimport { useAppConfigContext, useSchemaRegistry } from '../providers';\nimport { generatePath } from 'react-router-dom';\nimport { EntityPageConfig } from '../types';\nimport { usePagePath } from './usePagePath';\n\nexport type NavigateToEntityPageFunc = (args: {\n  item: any;\n  entityPageId?: string;\n}) => void;\n\nexport const useNavigation = () => {\n  const { navigateToEntityPage: navigateToEntityPagePatterns } =\n    usePatternsNavigate();\n  const appConfig = useAppConfigContext();\n  const { getSchema } = useSchemaRegistry();\n  const { getPagePath } = usePagePath(appConfig);\n\n  const navigateToEntityPage = useCallback(\n    ({ item, entityPageId }) => {\n      const entityPage = entityPageId\n        ? appConfig.pages.find((page) => page.id === entityPageId)\n        : null;\n\n      if (!entityPage) {\n        return;\n      }\n\n      const { route, collectionId } = entityPage.entityPage as EntityPageConfig;\n      const schema = getSchema(collectionId);\n      if (route.path && route.params?.id && schema) {\n        const path = generatePath(route.path, {\n          [route.params.id]: item?.[schema.idField] ?? '',\n        });\n        navigateToEntityPagePatterns({\n          path,\n          entity: item,\n        });\n      }\n    },\n    [appConfig, navigateToEntityPagePatterns, getSchema],\n  );\n\n  const getParentPagePath = useCallback(\n    (parentPageId?: string): string | undefined => {\n      return getPagePath(parentPageId);\n    },\n    [getPagePath],\n  );\n\n  return {\n    navigateToEntityPage,\n    getParentPagePath,\n    getPagePath,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAOO,MAAMK,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC,oBAAoB,EAAEC;EAA6B,CAAC,GAC1D,IAAAC,6BAAmB,EAAC,CAAC;EACvB,MAAMC,SAAS,GAAG,IAAAC,8BAAmB,EAAC,CAAC;EACvC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EACzC,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,wBAAW,EAACL,SAAS,CAAC;EAE9C,MAAMH,oBAAoB,GAAG,IAAAS,kBAAW,EACtC,CAAC;IAAEC,IAAI;IAAEC;EAAa,CAAC,KAAK;IAAA,IAAAC,aAAA;IAC1B,MAAMC,UAAU,GAAGF,YAAY,GAC3BR,SAAS,CAACW,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,EAAE,KAAKN,YAAY,CAAC,GACxD,IAAI;IAER,IAAI,CAACE,UAAU,EAAE;MACf;IACF;IAEA,MAAM;MAAEK,KAAK;MAAEC;IAAa,CAAC,GAAGN,UAAU,CAACA,UAA8B;IACzE,MAAMO,MAAM,GAAGf,SAAS,CAACc,YAAY,CAAC;IACtC,IAAID,KAAK,CAACG,IAAI,KAAAT,aAAA,GAAIM,KAAK,CAACI,MAAM,aAAZV,aAAA,CAAcK,EAAE,IAAIG,MAAM,EAAE;MAC5C,MAAMC,IAAI,GAAG,IAAAE,4BAAY,EAACL,KAAK,CAACG,IAAI,EAAE;QACpC,CAACH,KAAK,CAACI,MAAM,CAACL,EAAE,GAAG,CAAAP,IAAI,oBAAJA,IAAI,CAAGU,MAAM,CAACI,OAAO,CAAC,KAAI;MAC/C,CAAC,CAAC;MACFvB,4BAA4B,CAAC;QAC3BoB,IAAI;QACJI,MAAM,EAAEf;MACV,CAAC,CAAC;IACJ;EACF,CAAC,EACD,CAACP,SAAS,EAAEF,4BAA4B,EAAEI,SAAS,CACrD,CAAC;EAED,MAAMqB,iBAAiB,GAAG,IAAAjB,kBAAW,EAClCkB,YAAqB,IAAyB;IAC7C,OAAOpB,WAAW,CAACoB,YAAY,CAAC;EAClC,CAAC,EACD,CAACpB,WAAW,CACd,CAAC;EAED,OAAO;IACLP,oBAAoB;IACpB0B,iBAAiB;IACjBnB;EACF,CAAC;AACH,CAAC;AAACqB,OAAA,CAAA7B,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/cjs/hooks/usePagePath.js

@@ -16,7 +16,7 @@ const usePagePath = configuration => {
         path = (_currentPage$collecti = currentPage.collectionPage) == null ? void 0 : _currentPage$collecti.route.path;
         break;
       case 'entityPage':
-        path = (_currentPage$entityPa = currentPage.entityPage) == null ? void 0 : _currentPage$entityPa.route.path;
+        path = `${(_currentPage$entityPa = currentPage.entityPage) == null ? void 0 : _currentPage$entityPa.route.path}?`;
         break;
       default:
         path = undefined;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","usePagePath","configuration","getPagePath","useCallback","pageId","_currentPage$collecti","_currentPage$entityPa","currentPage","pages","find","page","id","path","type","collectionPage","route","entityPage","undefined","process","env","NODE_ENV","exports"],"sources":["../../../src/hooks/usePagePath.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { AppConfig } from '../types';\n\nexport const usePagePath = (configuration: AppConfig) => {\n  const getPagePath = useCallback(\n    (pageId?: string) => {\n      if (!pageId) {\n        return '/';\n      }\n\n      const currentPage = configuration.pages.find(\n        (page) => page.id === pageId,\n      );\n\n      let path;\n      switch (currentPage?.type) {\n        case 'collectionPage':\n          path = currentPage.collectionPage?.route.path;\n          break;\n        case 'entityPage':\n          path = currentPage.entityPage?.route.path;\n          break;\n        default:\n          path = undefined;\n      }\n\n      if (process.env.NODE_ENV === 'test') {\n        // in test mode we sometime override pages so we need to return the path or '/'\n        return path || '/';\n      }\n\n      return path;\n    },\n    [configuration],\n  );\n\n  return { getPagePath };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAMC,WAAW,GAAIC,aAAwB,IAAK;EACvD,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAC5BC,MAAe,IAAK;IAAA,IAAAC,qBAAA,EAAAC,qBAAA;IACnB,IAAI,CAACF,MAAM,EAAE;MACX,OAAO,GAAG;IACZ;IAEA,MAAMG,WAAW,GAAGN,aAAa,CAACO,KAAK,CAACC,IAAI,CACzCC,IAAI,IAAKA,IAAI,CAACC,EAAE,KAAKP,MACxB,CAAC;IAED,IAAIQ,IAAI;IACR,QAAQL,WAAW,oBAAXA,WAAW,CAAEM,IAAI;MACvB,KAAK,gBAAgB;QACnBD,IAAI,IAAAP,qBAAA,GAAGE,WAAW,CAACO,cAAc,qBAA1BT,qBAAA,CAA4BU,KAAK,CAACH,IAAI;QAC7C;MACF,KAAK,YAAY;QACfA,IAAI,IAAAN,qBAAA,GAAGC,WAAW,CAACS,UAAU,qBAAtBV,qBAAA,CAAwBS,KAAK,CAACH,IAAI;QACzC;MACF;QACEA,IAAI,GAAGK,SAAS;IACpB;IAEA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;MACnC;MACA,OAAOR,IAAI,IAAI,GAAG;IACpB;IAEA,OAAOA,IAAI;EACb,CAAC,EACD,CAACX,aAAa,CAChB,CAAC;EAED,OAAO;IAAEC;EAAY,CAAC;AACxB,CAAC;AAACmB,OAAA,CAAArB,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","usePagePath","configuration","getPagePath","useCallback","pageId","_currentPage$collecti","_currentPage$entityPa","currentPage","pages","find","page","id","path","type","collectionPage","route","entityPage","undefined","process","env","NODE_ENV","exports"],"sources":["../../../src/hooks/usePagePath.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { AppConfig } from '../types';\n\nexport const usePagePath = (configuration: AppConfig) => {\n  const getPagePath = useCallback(\n    (pageId?: string) => {\n      if (!pageId) {\n        return '/';\n      }\n\n      const currentPage = configuration.pages.find(\n        (page) => page.id === pageId,\n      );\n\n      let path;\n      switch (currentPage?.type) {\n        case 'collectionPage':\n          path = currentPage.collectionPage?.route.path;\n          break;\n        case 'entityPage':\n          path = `${currentPage.entityPage?.route.path}?`;\n          break;\n        default:\n          path = undefined;\n      }\n\n      if (process.env.NODE_ENV === 'test') {\n        // in test mode we sometime override pages so we need to return the path or '/'\n        return path || '/';\n      }\n\n      return path;\n    },\n    [configuration],\n  );\n\n  return { getPagePath };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAMC,WAAW,GAAIC,aAAwB,IAAK;EACvD,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAC5BC,MAAe,IAAK;IAAA,IAAAC,qBAAA,EAAAC,qBAAA;IACnB,IAAI,CAACF,MAAM,EAAE;MACX,OAAO,GAAG;IACZ;IAEA,MAAMG,WAAW,GAAGN,aAAa,CAACO,KAAK,CAACC,IAAI,CACzCC,IAAI,IAAKA,IAAI,CAACC,EAAE,KAAKP,MACxB,CAAC;IAED,IAAIQ,IAAI;IACR,QAAQL,WAAW,oBAAXA,WAAW,CAAEM,IAAI;MACvB,KAAK,gBAAgB;QACnBD,IAAI,IAAAP,qBAAA,GAAGE,WAAW,CAACO,cAAc,qBAA1BT,qBAAA,CAA4BU,KAAK,CAACH,IAAI;QAC7C;MACF,KAAK,YAAY;QACfA,IAAI,GAAG,IAAAN,qBAAA,GAAGC,WAAW,CAACS,UAAU,qBAAtBV,qBAAA,CAAwBS,KAAK,CAACH,IAAI,GAAG;QAC/C;MACF;QACEA,IAAI,GAAGK,SAAS;IACpB;IAEA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;MACnC;MACA,OAAOR,IAAI,IAAI,GAAG;IACpB;IAEA,OAAOA,IAAI;EACb,CAAC,EACD,CAACX,aAAa,CAChB,CAAC;EAED,OAAO;IAAEC;EAAY,CAAC;AACxB,CAAC;AAACmB,OAAA,CAAArB,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/hooks/useTableFeatures.js

@@ -2,19 +2,14 @@
 
 exports.__esModule = true;
 exports.useTableFeatures = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _useColumns = require("./useColumns");
 var _useFetchData = require("./useFetchData");
 var _patterns = require("@wix/patterns");
 var _useCommonCollectionFeatures = require("./useCommonCollectionFeatures");
 var _useFilters = require("./useFilters");
 var _SchemaContext = require("../providers/SchemaContext");
 var _useAutoPatternsOptimisticActions = require("./useAutoPatternsOptimisticActions");
-var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/hooks/useTableFeatures.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _useBaseTableFeatures = require("./useBaseTableFeatures");
 const useTableFeatures = configuration => {
-  var _configuration$custom;
   const {
     collectionId,
     limit,
@@ -27,8 +22,12 @@ const useTableFeatures = configuration => {
     filtersObject,
     filtersMapping
   } = (0, _useFilters.useFilters)(configuration.filters);
-  const columns = (0, _useColumns.useColumns)(configuration.columns);
-  const visibleFieldIds = (0, _react.useMemo)(() => configuration.columns.map(column => column.id), [configuration]);
+  const {
+    customColumns,
+    visibleFieldIds,
+    columns,
+    onRowClick
+  } = (0, _useBaseTableFeatures.useBaseTableFeatures)(configuration);
   const {
     fetchData
   } = (0, _useFetchData.useFetchData)({
@@ -52,7 +51,7 @@ const useTableFeatures = configuration => {
     disableAutoSelectAllCount,
     selectionConsistencyMode
   });
-  const optimisticActions = (0, _useAutoPatternsOptimisticActions.useAutoPatternsOptimisticActions)(state.collection);
+  const optimisticActions = (0, _useAutoPatternsOptimisticActions.useAutoPatternsOptimisticActions)(collectionId, state.collection);
   const commonFeatures = (0, _useCommonCollectionFeatures.useCommonCollectionFeatures)({
     ...configuration,
     optimisticActions
@@ -63,14 +62,8 @@ const useTableFeatures = configuration => {
     columns,
     filters: filterComponent,
     optimisticActions,
-    customColumns: (_configuration$custom = configuration.customColumns) != null && _configuration$custom.enabled ? /*#__PURE__*/_react.default.createElement(_patterns.CustomColumns, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 65,
-        columnNumber: 7
-      }
-    }) : undefined
+    customColumns,
+    onRowClick
   };
 };
 exports.useTableFeatures = useTableFeatures;