@wix/auto-patterns 1.7.0 → 1.9.0

package/dist/esm/hooks/useActionCell.js

@@ -0,0 +1,103 @@
+import { useCallback } from 'react';
+import { useActionsSDK } from './useActionsSDK';
+import { useWixPatternsContainer, useSelector } from '@wix/patterns';
+import { updateAction, customModalAction, customAction, resolveAction, deleteAction } from '../utils/actions';
+import { useNavigation } from './useNavigationUtils';
+export const useActionCell = _ref => {
+  let {
+    config,
+    collectionId,
+    collectionType,
+    entityPageId
+  } = _ref;
+  const {
+    navigateToEntityPage
+  } = useNavigation();
+  const container = useWixPatternsContainer();
+  const editText = useSelector(() => container.translate('cairo.collectionsPage.edit.CTA'));
+  const sdk = useActionsSDK({
+    collectionId
+  });
+  const buildCellActions = useCallback((item, index, api) => {
+    var _config$primaryAction, _config$secondaryActi;
+    const buildAction = actionConfig => {
+      let actionToResolve = null;
+      const baseParams = {
+        actionParams: {
+          item,
+          index,
+          api
+        },
+        sdk
+      };
+      switch (actionConfig.type) {
+        case 'update':
+          actionToResolve = updateAction({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        case 'delete':
+          actionToResolve = deleteAction({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        case 'customModal':
+          actionToResolve = customModalAction({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        case 'custom':
+          actionToResolve = customAction({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        default:
+          return null;
+      }
+      if (!actionToResolve) {
+        return null;
+      }
+      const resolvedAction = resolveAction(actionConfig, actionToResolve);
+      const {
+        label,
+        tooltip,
+        ...resolvedActionProps
+      } = resolvedAction;
+      return {
+        ...resolvedActionProps,
+        text: resolvedAction.label,
+        disabledDescription: resolvedAction.tooltip
+      };
+    };
+    const primaryAction = config != null && (_config$primaryAction = config.primaryAction) != null && _config$primaryAction.item ? buildAction(config.primaryAction.item) : collectionType === 'Grid' && entityPageId ? {
+      text: editText,
+      icon: 'edit',
+      onClick: () => {
+        navigateToEntityPage({
+          item,
+          entityPageId
+        });
+      }
+    } : undefined;
+    const secondaryActions = config != null && (_config$secondaryActi = config.secondaryActions) != null && _config$secondaryActi.items.length ? config.secondaryActions.items.map(buildAction).filter(Boolean) : [];
+    if (!primaryAction && !secondaryActions.length) {
+      return {};
+    }
+    return {
+      ...(primaryAction ? {
+        primaryAction
+      } : {
+        primaryAction: undefined
+      }),
+      ...(secondaryActions.length && {
+        secondaryActions
+      })
+    };
+  }, [config, sdk, entityPageId, navigateToEntityPage, collectionType, editText]);
+  return buildCellActions;
+};
+//# sourceMappingURL=useActionCell.js.map

package/dist/esm/hooks/useActionCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useActionsSDK","useWixPatternsContainer","useSelector","updateAction","customModalAction","customAction","resolveAction","deleteAction","useNavigation","useActionCell","_ref","config","collectionId","collectionType","entityPageId","navigateToEntityPage","container","editText","translate","sdk","buildCellActions","item","index","api","_config$primaryAction","_config$secondaryActi","buildAction","actionConfig","actionToResolve","baseParams","actionParams","type","action","resolvedAction","label","tooltip","resolvedActionProps","text","disabledDescription","primaryAction","icon","onClick","undefined","secondaryActions","items","length","map","filter","Boolean"],"sources":["../../../src/hooks/useActionCell.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport {\n  ActionCellConfig,\n  ActionCellItemConfig,\n  ComponentConfig,\n  ResolvedAction,\n} from '../types';\nimport { useActionsSDK } from './useActionsSDK';\nimport { useWixPatternsContainer, useSelector } from '@wix/patterns';\nimport {\n  updateAction,\n  customModalAction,\n  customAction,\n  resolveAction,\n  deleteAction,\n} from '../utils/actions';\nimport { useNavigation } from './useNavigationUtils';\n\nexport interface useActionCellParams {\n  config?: ActionCellConfig;\n  collectionId: string;\n  collectionType?: ComponentConfig['type'];\n  entityPageId?: string;\n}\n\nexport const useActionCell = ({\n  config,\n  collectionId,\n  collectionType,\n  entityPageId,\n}: useActionCellParams) => {\n  const { navigateToEntityPage } = useNavigation();\n  const container = useWixPatternsContainer();\n  const editText = useSelector(() =>\n    container.translate('cairo.collectionsPage.edit.CTA'),\n  );\n\n  const sdk = useActionsSDK({\n    collectionId,\n  });\n\n  const buildCellActions = useCallback(\n    (item, index, api) => {\n      const buildAction = (actionConfig: ActionCellItemConfig) => {\n        let actionToResolve: Partial<ResolvedAction> | null = null;\n\n        const baseParams = {\n          actionParams: { item, index, api },\n          sdk,\n        };\n\n        switch (actionConfig.type) {\n          case 'update':\n            actionToResolve = updateAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'delete':\n            actionToResolve = deleteAction({\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 { label, tooltip, ...resolvedActionProps } = resolvedAction;\n\n        return {\n          ...resolvedActionProps,\n          text: resolvedAction.label,\n          disabledDescription: resolvedAction.tooltip,\n        };\n      };\n\n      const primaryAction = config?.primaryAction?.item\n        ? buildAction(config.primaryAction.item)\n        : collectionType === 'Grid' && entityPageId\n        ? {\n            text: editText,\n            icon: 'edit',\n            onClick: () => {\n              navigateToEntityPage({\n                item,\n                entityPageId,\n              });\n            },\n          }\n        : undefined;\n\n      const secondaryActions = config?.secondaryActions?.items.length\n        ? config.secondaryActions.items.map(buildAction).filter(Boolean)\n        : [];\n\n      if (!primaryAction && !secondaryActions.length) {\n        return {};\n      }\n\n      return {\n        ...(primaryAction ? { primaryAction } : { primaryAction: undefined }),\n        ...(secondaryActions.length && { secondaryActions }),\n      };\n    },\n    [config, sdk, entityPageId, navigateToEntityPage, collectionType, editText],\n  );\n\n  return buildCellActions;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useActionsSDK.js

@@ -0,0 +1,30 @@
+import { useMemo } from 'react';
+import { useSchemaRegistry } from '../providers';
+import { useBaseSDK } from './useBaseSDK';
+import { useOptimisticActionsContext } from '../providers/OptimisticActionsContext';
+export const useActionsSDK = _ref => {
+  let {
+    collectionId
+  } = _ref;
+  const {
+    getSchema
+  } = useSchemaRegistry();
+  const {
+    getOptimisticActions
+  } = useOptimisticActionsContext();
+  const baseSDK = useBaseSDK();
+  /*  eslint-disable react-hooks/exhaustive-deps */
+  // disabled because bug in Patterns that navigateToEntityPage isn't wrapped with useCallback,
+  const sdk = useMemo(() => ({
+    ...baseSDK,
+    // TODO: Why spread and not sdk.app/base.openModal ... instead
+    getSchema,
+    collectionId,
+    getOptimisticActions
+  }), [getSchema, collectionId, getOptimisticActions, baseSDK]);
+
+  /*  eslint-enable react-hooks/exhaustive-deps */
+
+  return sdk;
+};
+//# sourceMappingURL=useActionsSDK.js.map

package/dist/esm/hooks/useActionsSDK.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useSchemaRegistry","useBaseSDK","useOptimisticActionsContext","useActionsSDK","_ref","collectionId","getSchema","getOptimisticActions","baseSDK","sdk"],"sources":["../../../src/hooks/useActionsSDK.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useSchemaRegistry } from '../providers';\nimport { ActionsSDK } from '../utils/actions/types';\nimport { useBaseSDK } from './useBaseSDK';\nimport { useOptimisticActionsContext } from '../providers/OptimisticActionsContext';\n\nexport interface ActionsSDKParams {\n  collectionId: string;\n}\n\nexport const useActionsSDK = ({ collectionId }: ActionsSDKParams) => {\n  const { getSchema } = useSchemaRegistry();\n\n  const { getOptimisticActions } = useOptimisticActionsContext();\n\n  const baseSDK = useBaseSDK();\n  /*  eslint-disable react-hooks/exhaustive-deps */\n  // disabled because bug in Patterns that navigateToEntityPage isn't wrapped with useCallback,\n  const sdk = useMemo<ActionsSDK>(\n    () => ({\n      ...baseSDK, // TODO: Why spread and not sdk.app/base.openModal ... instead\n      getSchema,\n      collectionId,\n      getOptimisticActions,\n    }),\n    [getSchema, collectionId, getOptimisticActions, baseSDK],\n  );\n\n  /*  eslint-enable react-hooks/exhaustive-deps */\n\n  return sdk;\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,iBAAiB,QAAQ,cAAc;AAEhD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,2BAA2B,QAAQ,uCAAuC;AAMnF,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAAwC;EAAA,IAAvC;IAAEC;EAA+B,CAAC,GAAAD,IAAA;EAC9D,MAAM;IAAEE;EAAU,CAAC,GAAGN,iBAAiB,CAAC,CAAC;EAEzC,MAAM;IAAEO;EAAqB,CAAC,GAAGL,2BAA2B,CAAC,CAAC;EAE9D,MAAMM,OAAO,GAAGP,UAAU,CAAC,CAAC;EAC5B;EACA;EACA,MAAMQ,GAAG,GAAGV,OAAO,CACjB,OAAO;IACL,GAAGS,OAAO;IAAE;IACZF,SAAS;IACTD,YAAY;IACZE;EACF,CAAC,CAAC,EACF,CAACD,SAAS,EAAED,YAAY,EAAEE,oBAAoB,EAAEC,OAAO,CACzD,CAAC;;EAED;;EAEA,OAAOC,GAAG;AACZ,CAAC","ignoreList":[]}

package/dist/esm/hooks/useAutoPatternsOptimisticActions.js

@@ -0,0 +1,23 @@
+import { useOptimisticActions } from '@wix/patterns';
+import { useEffect } from 'react';
+import { useOptimisticActionsContext } from '../providers/OptimisticActionsContext';
+export const useAutoPatternsOptimisticActions = (collectionId, collection) => {
+  const {
+    registerOptimisticActions
+  } = useOptimisticActionsContext();
+  const optimisticActions = useOptimisticActions(collection, {
+    orderBy: _ref => {
+      let {
+        sort
+      } = _ref;
+      return sort || [];
+    }
+  });
+  useEffect(() => {
+    if (optimisticActions && collectionId) {
+      registerOptimisticActions(collectionId, optimisticActions);
+    }
+  }, [optimisticActions, collectionId, registerOptimisticActions]);
+  return optimisticActions;
+};
+//# sourceMappingURL=useAutoPatternsOptimisticActions.js.map

package/dist/esm/hooks/useAutoPatternsOptimisticActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useOptimisticActions","useEffect","useOptimisticActionsContext","useAutoPatternsOptimisticActions","collectionId","collection","registerOptimisticActions","optimisticActions","orderBy","_ref","sort"],"sources":["../../../src/hooks/useAutoPatternsOptimisticActions.ts"],"sourcesContent":["import { CollectionState, useOptimisticActions } from '@wix/patterns';\nimport { useEffect } from 'react';\nimport { useOptimisticActionsContext } from '../providers/OptimisticActionsContext';\n\nexport const useAutoPatternsOptimisticActions = (\n  collectionId: string,\n  collection: CollectionState<any>,\n) => {\n  const { registerOptimisticActions } = useOptimisticActionsContext();\n\n  const optimisticActions = useOptimisticActions(collection, {\n    orderBy: ({ sort }) => sort || [],\n  });\n\n  useEffect(() => {\n    if (optimisticActions && collectionId) {\n      registerOptimisticActions(collectionId, optimisticActions);\n    }\n  }, [optimisticActions, collectionId, registerOptimisticActions]);\n\n  return optimisticActions;\n};\n"],"mappings":"AAAA,SAA0BA,oBAAoB,QAAQ,eAAe;AACrE,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,2BAA2B,QAAQ,uCAAuC;AAEnF,OAAO,MAAMC,gCAAgC,GAAGA,CAC9CC,YAAoB,EACpBC,UAAgC,KAC7B;EACH,MAAM;IAAEC;EAA0B,CAAC,GAAGJ,2BAA2B,CAAC,CAAC;EAEnE,MAAMK,iBAAiB,GAAGP,oBAAoB,CAACK,UAAU,EAAE;IACzDG,OAAO,EAAEC,IAAA;MAAA,IAAC;QAAEC;MAAK,CAAC,GAAAD,IAAA;MAAA,OAAKC,IAAI,IAAI,EAAE;IAAA;EACnC,CAAC,CAAC;EAEFT,SAAS,CAAC,MAAM;IACd,IAAIM,iBAAiB,IAAIH,YAAY,EAAE;MACrCE,yBAAyB,CAACF,YAAY,EAAEG,iBAAiB,CAAC;IAC5D;EACF,CAAC,EAAE,CAACA,iBAAiB,EAAEH,YAAY,EAAEE,yBAAyB,CAAC,CAAC;EAEhE,OAAOC,iBAAiB;AAC1B,CAAC","ignoreList":[]}

package/dist/esm/hooks/useBaseSDK.js

@@ -0,0 +1,30 @@
+import { useMemo } from 'react';
+import { useAppConfigContext, usePatternsWizardOverridesContext } from '../providers';
+import { useModalContext } from '../providers/ModalContext';
+import { useNavigation } from './useNavigationUtils';
+export const useBaseSDK = () => {
+  const {
+    openModal,
+    closeModal
+  } = useModalContext();
+  const appConfig = useAppConfigContext();
+  const overrides = usePatternsWizardOverridesContext();
+  const {
+    navigateToEntityPage
+  } = useNavigation();
+
+  /*  eslint-disable react-hooks/exhaustive-deps */
+  // disabled because bug in Patterns that navigateToEntityPage isn't wrapped with useCallback,
+  const baseSDK = useMemo(() => ({
+    appConfig,
+    overrides,
+    openModal,
+    closeModal,
+    navigateToEntityPage
+  }), [appConfig, overrides, openModal, closeModal, navigateToEntityPage]);
+
+  /*  eslint-enable react-hooks/exhaustive-deps */
+
+  return baseSDK;
+};
+//# sourceMappingURL=useBaseSDK.js.map

package/dist/esm/hooks/useBaseSDK.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useAppConfigContext","usePatternsWizardOverridesContext","useModalContext","useNavigation","useBaseSDK","openModal","closeModal","appConfig","overrides","navigateToEntityPage","baseSDK"],"sources":["../../../src/hooks/useBaseSDK.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  useAppConfigContext,\n  usePatternsWizardOverridesContext,\n} from '../providers';\nimport { useModalContext } from '../providers/ModalContext';\nimport { useNavigation } from './useNavigationUtils';\nimport { BaseSDK } from '../types';\n\nexport const useBaseSDK = () => {\n  const { openModal, closeModal } = useModalContext();\n  const appConfig = useAppConfigContext();\n  const overrides = usePatternsWizardOverridesContext();\n  const { navigateToEntityPage } = useNavigation();\n\n  /*  eslint-disable react-hooks/exhaustive-deps */\n  // disabled because bug in Patterns that navigateToEntityPage isn't wrapped with useCallback,\n  const baseSDK = useMemo<BaseSDK>(\n    () => ({\n      appConfig,\n      overrides,\n      openModal,\n      closeModal,\n      navigateToEntityPage,\n    }),\n    [appConfig, overrides, openModal, closeModal, navigateToEntityPage],\n  );\n\n  /*  eslint-enable react-hooks/exhaustive-deps */\n\n  return baseSDK;\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,mBAAmB,EACnBC,iCAAiC,QAC5B,cAAc;AACrB,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,aAAa,QAAQ,sBAAsB;AAGpD,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGJ,eAAe,CAAC,CAAC;EACnD,MAAMK,SAAS,GAAGP,mBAAmB,CAAC,CAAC;EACvC,MAAMQ,SAAS,GAAGP,iCAAiC,CAAC,CAAC;EACrD,MAAM;IAAEQ;EAAqB,CAAC,GAAGN,aAAa,CAAC,CAAC;;EAEhD;EACA;EACA,MAAMO,OAAO,GAAGX,OAAO,CACrB,OAAO;IACLQ,SAAS;IACTC,SAAS;IACTH,SAAS;IACTC,UAAU;IACVG;EACF,CAAC,CAAC,EACF,CAACF,SAAS,EAAEC,SAAS,EAAEH,SAAS,EAAEC,UAAU,EAAEG,oBAAoB,CACpE,CAAC;;EAED;;EAEA,OAAOC,OAAO;AAChB,CAAC","ignoreList":[]}

package/dist/esm/hooks/useBulkActionToolbar.js

@@ -0,0 +1,73 @@
+import React, { useCallback } from 'react';
+import { useActionsSDK } from './useActionsSDK';
+import { MultiBulkActionToolbar } from '@wix/patterns';
+import { bulkDeleteAction, customAction, customModalAction, resolveAction } from '../utils/actions';
+export const useBulkActionToolbar = _ref => {
+  var _config$primaryAction2, _config$secondaryActi2;
+  let {
+    config,
+    collectionId
+  } = _ref;
+  const sdk = useActionsSDK({
+    collectionId
+  });
+  const bulkActionToolbar = useCallback(param => {
+    var _config$primaryAction, _config$secondaryActi;
+    const buildAction = actionConfig => {
+      let actionToResolve = null;
+      const baseParams = {
+        actionParams: param,
+        sdk
+      };
+      switch (actionConfig.type) {
+        case 'bulkDelete':
+          actionToResolve = bulkDeleteAction({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        case 'customModal':
+          actionToResolve = customModalAction({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        case 'custom':
+          actionToResolve = customAction({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        default:
+          return null;
+      }
+      if (!actionToResolve) {
+        return null;
+      }
+      const resolvedAction = resolveAction(actionConfig, actionToResolve);
+      const {
+        icon,
+        ...resolvedActionParams
+      } = resolvedAction;
+      return {
+        prefixIcon: /*#__PURE__*/React.isValidElement(icon) ? icon : undefined,
+        dataHook: actionConfig.id,
+        ...resolvedActionParams
+      };
+    };
+    const primaryActionItems = ((config == null || (_config$primaryAction = config.primaryActions) == null ? void 0 : _config$primaryAction.items) || []).map(buildAction).filter(action => Boolean(action));
+    const secondaryActionItems = ((config == null || (_config$secondaryActi = config.secondaryActions) == null ? void 0 : _config$secondaryActi.sections) || []).map(section => section.items.map(buildAction).filter(action => Boolean(action)));
+    return /*#__PURE__*/React.createElement(MultiBulkActionToolbar, {
+      primaryActionItems: primaryActionItems,
+      secondaryActionItems: secondaryActionItems
+    });
+  }, [config, sdk]);
+  if (!config) {
+    return undefined;
+  }
+  if (!((_config$primaryAction2 = config.primaryActions) != null && _config$primaryAction2.items.length) && !((_config$secondaryActi2 = config.secondaryActions) != null && _config$secondaryActi2.sections.length)) {
+    return undefined;
+  }
+  return bulkActionToolbar;
+};
+//# sourceMappingURL=useBulkActionToolbar.js.map

package/dist/esm/hooks/useBulkActionToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useActionsSDK","MultiBulkActionToolbar","bulkDeleteAction","customAction","customModalAction","resolveAction","useBulkActionToolbar","_ref","_config$primaryAction2","_config$secondaryActi2","config","collectionId","sdk","bulkActionToolbar","param","_config$primaryAction","_config$secondaryActi","buildAction","actionConfig","actionToResolve","baseParams","actionParams","type","action","resolvedAction","icon","resolvedActionParams","prefixIcon","isValidElement","undefined","dataHook","id","primaryActionItems","primaryActions","items","map","filter","Boolean","secondaryActionItems","secondaryActions","sections","section","createElement","length"],"sources":["../../../src/hooks/useBulkActionToolbar.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n  BulkActionItemConfig,\n  BulkActionsConfig,\n  ResolvedAction,\n} from '../types';\nimport { useActionsSDK } from './useActionsSDK';\nimport {\n  TableProps,\n  MultiBulkActionToolbar,\n  ActionSubitem,\n} from '@wix/patterns';\nimport {\n  bulkDeleteAction,\n  customAction,\n  customModalAction,\n  resolveAction,\n} from '../utils/actions';\n\nexport type BulkActionToolbarRenderProp = Parameters<\n  NonNullable<TableProps<any, any>['bulkActionToolbar']>\n>[0];\n\nexport interface useBulkActionToolbarParams {\n  config?: BulkActionsConfig;\n  collectionId: string;\n}\n\nexport const useBulkActionToolbar = ({\n  config,\n  collectionId,\n}: useBulkActionToolbarParams) => {\n  const sdk = useActionsSDK({\n    collectionId,\n  });\n\n  const bulkActionToolbar = useCallback(\n    (param: BulkActionToolbarRenderProp) => {\n      const buildAction = (\n        actionConfig: BulkActionItemConfig,\n      ): ActionSubitem | null => {\n        let actionToResolve: Partial<ResolvedAction> | null = null;\n\n        const baseParams = {\n          actionParams: param,\n          sdk,\n        };\n\n        switch (actionConfig.type) {\n          case 'bulkDelete':\n            actionToResolve = bulkDeleteAction({\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 { icon, ...resolvedActionParams } = resolvedAction;\n\n        return {\n          prefixIcon: React.isValidElement(icon) ? icon : undefined,\n          dataHook: actionConfig.id,\n          ...resolvedActionParams,\n        };\n      };\n\n      const primaryActionItems = (config?.primaryActions?.items || [])\n        .map(buildAction)\n        .filter((action): action is ActionSubitem => Boolean(action));\n      const secondaryActionItems = (\n        config?.secondaryActions?.sections || []\n      ).map((section) =>\n        section.items\n          .map(buildAction)\n          .filter((action): action is ActionSubitem => Boolean(action)),\n      );\n\n      return (\n        <MultiBulkActionToolbar\n          primaryActionItems={primaryActionItems}\n          secondaryActionItems={secondaryActionItems}\n        />\n      );\n    },\n    [config, sdk],\n  );\n\n  if (!config) {\n    return undefined;\n  }\n\n  if (\n    !config.primaryActions?.items.length &&\n    !config.secondaryActions?.sections.length\n  ) {\n    return undefined;\n  }\n  return bulkActionToolbar;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useCollectionPageActions.js

@@ -0,0 +1,101 @@
+import React, { useCallback, useMemo } from 'react';
+import { useActionsSDK } from './useActionsSDK';
+import { createAction, customAction, customModalAction, resolveAction, resolveIcon } from '../utils/actions';
+import { PrimaryActions, SecondaryActions } from '@wix/patterns';
+export const useCollectionPageActions = _ref => {
+  let {
+    collectionPageActions
+  } = _ref;
+  const sdk = useActionsSDK({
+    collectionId: ''
+  });
+  const buildCollectionPageActions = useCallback(() => {
+    if (!collectionPageActions) {
+      return;
+    }
+    const buildAction = actionConfig => {
+      let actionToResolve = null;
+      const baseParams = {
+        actionParams: {},
+        sdk
+      };
+      switch (actionConfig.type) {
+        case 'create':
+          actionToResolve = createAction({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        case 'customModal':
+          actionToResolve = customModalAction({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        case 'custom':
+          actionToResolve = customAction({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        default:
+          return null;
+      }
+      if (!actionToResolve) {
+        return null;
+      }
+      const resolvedAction = 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: 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.createElement(PrimaryActions, primaryActions) : undefined,
+      secondaryActions: secondaryActions ? /*#__PURE__*/React.createElement(SecondaryActions, secondaryActions) : undefined
+    };
+  }, [collectionPageActions, sdk]);
+  const actions = useMemo(() => {
+    return {
+      primaryActions: undefined,
+      secondaryActions: undefined
+    };
+  }, []);
+  if (!(collectionPageActions != null && collectionPageActions.primaryActions) && !(collectionPageActions != null && collectionPageActions.secondaryActions)) {
+    return {
+      ...actions
+    };
+  }
+  return buildCollectionPageActions() ?? {
+    ...actions
+  };
+};
+//# sourceMappingURL=useCollectionPageActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useActionsSDK","createAction","customAction","customModalAction","resolveAction","resolveIcon","PrimaryActions","SecondaryActions","useCollectionPageActions","_ref","collectionPageActions","sdk","collectionId","buildCollectionPageActions","buildAction","actionConfig","actionToResolve","baseParams","actionParams","type","action","resolvedAction","tooltip","icon","resolvedActionProps","prefixIcon","disabledDescription","handleActionsType","actions","single","item","subItems","multi","items","map","filter","length","label","primaryActions","secondaryActions","createElement","undefined"],"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        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/esm/hooks/useColumns.js

@@ -1,15 +1,80 @@
-import { useCollectionData, usePatternsWizardOverridesContext } from '../providers';
+import React from 'react';
+import { usePatternsWizardOverridesContext, useSchema, useSchemaRegistry } from '../providers';
 import { camelCase, get } from 'lodash';
+import { Avatar, Box } from '@wix/design-system';
+import { getImageUrl } from '../utils/media/getImageUrl';
 export const useColumns = columns => {
   const {
-    schema: {
-      fields
-    }
-  } = useCollectionData();
+    fields
+  } = useSchema();
+  const {
+    getSchema
+  } = useSchemaRegistry();
   const overrides = 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 && getImageUrl(imageValue);
+            return /*#__PURE__*/React.createElement(Box, {
+              gap: "SP2",
+              verticalAlign: "middle"
+            }, imageUrl && /*#__PURE__*/React.createElement(Avatar, {
+              size: "size24",
+              name: nameValue,
+              imgProps: {
+                src: imageUrl
+              }
+            }), /*#__PURE__*/React.createElement("div", null, nameValue));
+          }
+        }
+        return itemValue;
+      default:
+        return itemValue;
+    }
+  };
   return existingColumns.map(column => {
     var _fieldDefinition$capa;
     const fieldDefinition = fields[column.id];
@@ -36,39 +101,6 @@ export const useColumns = columns => {
     return baseColumnConfig;
   }).filter(Boolean);
 };
-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/esm/hooks/useColumns.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCollectionData","usePatternsWizardOverridesContext","camelCase","get","useColumns","columns","schema","fields","overrides","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","call","value","createRenderer","Boolean","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","usePatternsWizardOverridesContext","useSchema","useSchemaRegistry","camelCase","get","Avatar","Box","getImageUrl","useColumns","columns","fields","getSchema","overrides","existingColumns","filter","column","id","createRenderer","fieldDefinition","itemValue","type","Date","toLocaleDateString","date","toLocaleString","join","referenceMetadata","referencedCollectionId","refSchema","nameValue","imageValue","displayField","imageField","imageUrl","createElement","gap","verticalAlign","size","name","imgProps","src","map","_fieldDefinition$capa","sortable","capabilities","baseColumnConfig","title","displayName","width","createSortConfiguration","createCustomColumnConfiguration","render","item","_overrides$columns","_overrides$columns$ca","call","value","Boolean","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":[]}