npm - @wix/auto-patterns - Versions diffs - 1.44.0 → 1.46.0 - Mend

@wix/auto-patterns 1.44.0 → 1.46.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2001) hide show

package/dist/esm/hooks/useBaseCollectionComponentReadyFeatures.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useSyncCollectionStateToAppContext","useCollectionInitAsyncDeps","useSelector","useBaseCollectionComponentReadyFeatures","props","collection","config","asyncFeaturesState","baseStateParams","commonCollectionFeatures","status","data","filtersProps","useFilters","filters","commonCollectionFeaturesProps","useCommonCollectionFeatures","collectionState","filterComponent"],"sources":["../../../src/hooks/useBaseCollectionComponentReadyFeatures.ts"],"sourcesContent":["import { useSyncCollectionStateToAppContext } from './useSyncCollectionStateToAppContext';\nimport { useCollectionInitAsyncDeps } from './useCollectionInitAsyncDeps';\nimport { BaseCollectionComponentConfig } from '../types';\nimport { CollectionState, useSelector } from '@wix/patterns';\nimport { getCommonCollectionFeaturesAsync } from './getCommonCollectionFeaturesAsync';\nimport { useBasePatternsStateParams } from './useBasePatternsStateParams';\nimport { PromiseState } from '@wix/patterns/core';\nimport { AsyncFeaturesState } from './useAsyncFeaturesPromiseState';\n\nexport interface UseBaseCollectionComponentReadyFeaturesParams {\n config: BaseCollectionComponentConfig;\n collection: CollectionState<any>;\n asyncFeaturesState: PromiseState<\n AsyncFeaturesState<ReturnType<typeof getCommonCollectionFeaturesAsync>>\n >;\n baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n}\n\n/*\n useBaseCollectionComponentReadyFeatures - Step 5 (Shared Across All Flows)\n \n This is the shared hook used by all flows to prepare final collection features once async loading is complete.\n * It handles the common functionality needed by all collection components regardless of display mode.\n \n Key Responsibilities:\n * - Syncs collection state to app context for external consumption\n * - Initializes async dependencies and connects them to the collection\n * - Extracts and prepares common collection features (filters, search, actions, etc.)\n * - Returns standardized props that all final components (Table/Grid/TableGridSwitch) can use\n * - Provides consistent interface across all three rendering flows\n */\nexport function useBaseCollectionComponentReadyFeatures(\n props: UseBaseCollectionComponentReadyFeaturesParams,\n) {\n const { collection, config, asyncFeaturesState, baseStateParams } = props;\n\n // Extract loaded common features from async state (shared by all flows)\n const { commonCollectionFeatures } = useSelector(() => ({\n ...asyncFeaturesState.status.data,\n }));\n\n // STEP 5A: Sync the collection state to app context for external access\n // This allows other parts of the app to access current collection state\n useSyncCollectionStateToAppContext({ collection });\n\n // STEP 5B: Initialize async dependencies and connect them to the collection\n // This ensures all loaded features are properly connected to the collection instance\n useCollectionInitAsyncDeps(asyncFeaturesState, collection);\n\n // STEP 5C: Prepare filter functionality if filters are loaded and configured\n const filtersProps = commonCollectionFeatures?.useFilters(\n config.filters,\n baseStateParams,\n );\n\n // STEP 5D: Prepare common collection features (search, bulk actions, empty states, etc.)\n const commonCollectionFeaturesProps =\n commonCollectionFeatures?.useCommonCollectionFeatures({\n ...config,\n collectionState: collection,\n });\n\n // FINAL STEP: Return standardized props for use by final components\n // These props are consumed by Table, Grid, and TableGridSwitch components\n return {\n ...commonCollectionFeaturesProps,\n filters: filtersProps?.filterComponent,\n };\n}\n"],"mappings":"AAAA,SAASA,kCAAkC,QAAQ,sCAAsC;AACzF,SAASC,0BAA0B,QAAQ,8BAA8B;AAEzE,SAA0BC,WAAW,QAAQ,eAAe;~~AAe5D~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,uCAAuCA,CACrDC,KAAoD,EACpD;EACA,MAAM;IAAEC,UAAU;IAAEC,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAGJ,KAAK;;EAEzE;EACA,MAAM;IAAEK;EAAyB,CAAC,GAAGP,WAAW,CAAC,OAAO;IACtD,GAAGK,kBAAkB,CAACG,MAAM,CAACC;EAC/B,CAAC,CAAC,CAAC;;EAEH;EACA;EACAX,kCAAkC,CAAC;IAAEK;EAAW,CAAC,CAAC;;EAElD;EACA;EACAJ,0BAA0B,CAACM,kBAAkB,EAAEF,UAAU,CAAC;;EAE1D;EACA,MAAMO,YAAY,GAAGH,wBAAwB,oBAAxBA,wBAAwB,CAAEI,UAAU,CACvDP,MAAM,CAACQ,OAAO,EACdN,eACF,CAAC;;EAED;EACA,MAAMO,6BAA6B,GACjCN,wBAAwB,oBAAxBA,wBAAwB,CAAEO,2BAA2B,CAAC;IACpD,GAAGV,MAAM;IACTW,eAAe,EAAEZ;~~EACnB~~,CAAC,CAAC;;EAEJ;EACA;EACA,OAAO;IACL,~~GAAGU~~,6BAA6B;IAChCD,OAAO,EAAEF,YAAY,oBAAZA,YAAY,~~CAAEM~~;EACzB,CAAC;AACH","ignoreList":[]}
1	+ {"version":3,"names":["useSyncCollectionStateToAppContext","useCollectionInitAsyncDeps","useSelector","useBaseCollectionComponentReadyFeatures","props","collection","config","asyncFeaturesState","baseStateParams","commonCollectionFeatures","status","data","filtersProps","useFilters","filters","commonCollectionFeaturesProps","useCommonCollectionFeatures","collectionState","reportBi","filterComponent"],"sources":["../../../src/hooks/useBaseCollectionComponentReadyFeatures.ts"],"sourcesContent":["import { useSyncCollectionStateToAppContext } from './useSyncCollectionStateToAppContext';\nimport { useCollectionInitAsyncDeps } from './useCollectionInitAsyncDeps';\nimport { BaseCollectionComponentConfig, ReportBiFn } from '../types';\nimport { CollectionState, useSelector } from '@wix/patterns';\nimport { getCommonCollectionFeaturesAsync } from './getCommonCollectionFeaturesAsync';\nimport { useBasePatternsStateParams } from './useBasePatternsStateParams';\nimport { PromiseState } from '@wix/patterns/core';\nimport { AsyncFeaturesState } from './useAsyncFeaturesPromiseState';\n\nexport interface UseBaseCollectionComponentReadyFeaturesParams {\n config: BaseCollectionComponentConfig;\n collection: CollectionState<any>;\n reportBi?: ReportBiFn;\n asyncFeaturesState: PromiseState<\n AsyncFeaturesState<ReturnType<typeof getCommonCollectionFeaturesAsync>>\n >;\n baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n}\n\n/*\n useBaseCollectionComponentReadyFeatures - Step 5 (Shared Across All Flows)\n \n This is the shared hook used by all flows to prepare final collection features once async loading is complete.\n * It handles the common functionality needed by all collection components regardless of display mode.\n \n Key Responsibilities:\n * - Syncs collection state to app context for external consumption\n * - Initializes async dependencies and connects them to the collection\n * - Extracts and prepares common collection features (filters, search, actions, etc.)\n * - Returns standardized props that all final components (Table/Grid/TableGridSwitch) can use\n * - Provides consistent interface across all three rendering flows\n */\nexport function useBaseCollectionComponentReadyFeatures(\n props: UseBaseCollectionComponentReadyFeaturesParams,\n) {\n const { collection, config, asyncFeaturesState, baseStateParams } = props;\n\n // Extract loaded common features from async state (shared by all flows)\n const { commonCollectionFeatures } = useSelector(() => ({\n ...asyncFeaturesState.status.data,\n }));\n\n // STEP 5A: Sync the collection state to app context for external access\n // This allows other parts of the app to access current collection state\n useSyncCollectionStateToAppContext({ collection });\n\n // STEP 5B: Initialize async dependencies and connect them to the collection\n // This ensures all loaded features are properly connected to the collection instance\n useCollectionInitAsyncDeps(asyncFeaturesState, collection);\n\n // STEP 5C: Prepare filter functionality if filters are loaded and configured\n const filtersProps = commonCollectionFeatures?.useFilters(\n config.filters,\n baseStateParams,\n );\n\n // STEP 5D: Prepare common collection features (search, bulk actions, empty states, etc.)\n const commonCollectionFeaturesProps =\n commonCollectionFeatures?.useCommonCollectionFeatures({\n ...config,\n collectionState: collection,\n reportBi: props.reportBi,\n });\n\n // FINAL STEP: Return standardized props for use by final components\n // These props are consumed by Table, Grid, and TableGridSwitch components\n return {\n ...commonCollectionFeaturesProps,\n filters: filtersProps?.filterComponent,\n };\n}\n"],"mappings":"AAAA,SAASA,kCAAkC,QAAQ,sCAAsC;AACzF,SAASC,0BAA0B,QAAQ,8BAA8B;AAEzE,SAA0BC,WAAW,QAAQ,eAAe;AAgB5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,uCAAuCA,CACrDC,KAAoD,EACpD;EACA,MAAM;IAAEC,UAAU;IAAEC,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAGJ,KAAK;;EAEzE;EACA,MAAM;IAAEK;EAAyB,CAAC,GAAGP,WAAW,CAAC,OAAO;IACtD,GAAGK,kBAAkB,CAACG,MAAM,CAACC;EAC/B,CAAC,CAAC,CAAC;;EAEH;EACA;EACAX,kCAAkC,CAAC;IAAEK;EAAW,CAAC,CAAC;;EAElD;EACA;EACAJ,0BAA0B,CAACM,kBAAkB,EAAEF,UAAU,CAAC;;EAE1D;EACA,MAAMO,YAAY,GAAGH,wBAAwB,oBAAxBA,wBAAwB,CAAEI,UAAU,CACvDP,MAAM,CAACQ,OAAO,EACdN,eACF,CAAC;;EAED;EACA,MAAMO,6BAA6B,GACjCN,wBAAwB,oBAAxBA,wBAAwB,CAAEO,2BAA2B,CAAC;IACpD,GAAGV,MAAM;IACTW,eAAe,EAAEZ,UAAU;IAC3Ba,QAAQ,EAAEd,KAAK,CAACc;EAClB,CAAC,CAAC;;EAEJ;EACA;EACA,OAAO;IACL,GAAGH,6BAA6B;IAChCD,OAAO,EAAEF,YAAY,oBAAZA,YAAY,CAAEO;EACzB,CAAC;AACH","ignoreList":[]}

package/dist/esm/hooks/useBaseTableFeatures.js CHANGED Viewed

@@ -28,6 +28,7 @@ export const useBaseTableFeatures = configuration => {
     columns,
     visibleFieldIds,
     onRowClick,
+    horizontalScroll: true,
     customColumns: (_configuration$custom = configuration.customColumns) != null && _configuration$custom.enabled ? /*#__PURE__*/React.createElement(CustomColumns, null) : undefined,
     stickyColumns,
     stickySelectionColumn,

package/dist/esm/hooks/useBaseTableFeatures.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","useColumns","CustomColumns","useCollectionPageOnRowClickActions","useNavigation","useDataExtensionProps","useBaseTableFeatures","configuration","_configuration$custom","navigateToEntityPage","columns","visibleFieldIds","map","column","id","entityPageId","onRowClickOverride","collectionPageOnRowClickActions","onRowClick","collectionId","collection","item","stickyColumns","stickySelectionColumn","showTitleBar","dataExtensionProps","customColumns","enabled","createElement","undefined"],"sources":["../../../src/hooks/useBaseTableFeatures.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TableConfig } from '../types';\nimport { useColumns } from './useColumns';\nimport { CustomColumns } from '@wix/patterns';\nimport { useCollectionPageOnRowClickActions } from './useCollectionPageOnRowClickActions';\nimport { useNavigation } from './useNavigationUtils';\nimport { useDataExtensionProps } from './useDataExtensionProps';\n\nexport const useBaseTableFeatures = (configuration: TableConfig) => {\n const { navigateToEntityPage } = useNavigation();\n const columns = useColumns(configuration.columns);\n const visibleFieldIds = useMemo(\n () => configuration.columns.map((column) => column.id),\n [configuration],\n );\n\n const entityPageId = configuration.entityPageId;\n\n const onRowClickOverride = useCollectionPageOnRowClickActions({\n collectionPageOnRowClickActions: configuration.onRowClick,\n collectionId: configuration.collection.collectionId,\n });\n\n const onRowClick = configuration.onRowClick\n ? onRowClickOverride\n : (item: any) =>\n navigateToEntityPage({\n item,\n entityPageId,\n });\n\n const stickyColumns = configuration.stickyColumns;\n const stickySelectionColumn = !!stickyColumns; // Sticky selection column is true if stickyColumns is positive number\n const showTitleBar = configuration.showTitleBar ?? true;\n const dataExtensionProps = useDataExtensionProps(configuration);\n\n return {\n columns,\n visibleFieldIds,\n onRowClick,\n customColumns: configuration.customColumns?.enabled ? (\n <CustomColumns />\n ) : undefined,\n stickyColumns,\n stickySelectionColumn,\n showTitleBar,\n ...dataExtensionProps,\n };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,kCAAkC,QAAQ,sCAAsC;AACzF,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,OAAO,MAAMC,oBAAoB,GAAIC,aAA0B,IAAK;EAAA,IAAAC,qBAAA;EAClE,MAAM;IAAEC;EAAqB,CAAC,GAAGL,aAAa,CAAC,CAAC;EAChD,MAAMM,OAAO,GAAGT,UAAU,CAACM,aAAa,CAACG,OAAO,CAAC;EACjD,MAAMC,eAAe,GAAGX,OAAO,CAC7B,MAAMO,aAAa,CAACG,OAAO,CAACE,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAACC,EAAE,CAAC,EACtD,CAACP,aAAa,CAChB,CAAC;EAED,MAAMQ,YAAY,GAAGR,aAAa,CAACQ,YAAY;EAE/C,MAAMC,kBAAkB,GAAGb,kCAAkC,CAAC;IAC5Dc,+BAA+B,EAAEV,aAAa,CAACW,UAAU;IACzDC,YAAY,EAAEZ,aAAa,CAACa,UAAU,CAACD;EACzC,CAAC,CAAC;EAEF,MAAMD,UAAU,GAAGX,aAAa,CAACW,UAAU,GACvCF,kBAAkB,GACjBK,IAAS,IACRZ,oBAAoB,CAAC;IACnBY,IAAI;IACJN;EACF,CAAC,CAAC;EAER,MAAMO,aAAa,GAAGf,aAAa,CAACe,aAAa;EACjD,MAAMC,qBAAqB,GAAG,CAAC,CAACD,aAAa,CAAC,CAAC;EAC/C,MAAME,YAAY,GAAGjB,aAAa,CAACiB,YAAY,IAAI,IAAI;EACvD,MAAMC,kBAAkB,GAAGpB,qBAAqB,CAACE,aAAa,CAAC;EAE/D,OAAO;IACLG,OAAO;IACPC,eAAe;IACfO,UAAU;IACVQ,aAAa,EAAE,~~CAAAlB~~,qBAAA,GAAAD,aAAa,~~CAACmB~~,aAAa,~~aAA3BlB~~,qBAAA,~~CAA6BmB~~,OAAO,~~gBACjD5B~~,KAAA,~~CAAA6B~~,aAAA,~~CAAC1B~~,aAAa,MAAE,CAAC,~~GACf2B~~,SAAS;~~IACbP~~,aAAa;IACbC,qBAAqB;IACrBC,YAAY;IACZ,GAAGC;EACL,CAAC;AACH,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useMemo","useColumns","CustomColumns","useCollectionPageOnRowClickActions","useNavigation","useDataExtensionProps","useBaseTableFeatures","configuration","_configuration$custom","navigateToEntityPage","columns","visibleFieldIds","map","column","id","entityPageId","onRowClickOverride","collectionPageOnRowClickActions","onRowClick","collectionId","collection","item","stickyColumns","stickySelectionColumn","showTitleBar","dataExtensionProps","horizontalScroll","customColumns","enabled","createElement","undefined"],"sources":["../../../src/hooks/useBaseTableFeatures.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TableConfig } from '../types';\nimport { useColumns } from './useColumns';\nimport { CustomColumns } from '@wix/patterns';\nimport { useCollectionPageOnRowClickActions } from './useCollectionPageOnRowClickActions';\nimport { useNavigation } from './useNavigationUtils';\nimport { useDataExtensionProps } from './useDataExtensionProps';\n\nexport const useBaseTableFeatures = (configuration: TableConfig) => {\n const { navigateToEntityPage } = useNavigation();\n const columns = useColumns(configuration.columns);\n const visibleFieldIds = useMemo(\n () => configuration.columns.map((column) => column.id),\n [configuration],\n );\n\n const entityPageId = configuration.entityPageId;\n\n const onRowClickOverride = useCollectionPageOnRowClickActions({\n collectionPageOnRowClickActions: configuration.onRowClick,\n collectionId: configuration.collection.collectionId,\n });\n\n const onRowClick = configuration.onRowClick\n ? onRowClickOverride\n : (item: any) =>\n navigateToEntityPage({\n item,\n entityPageId,\n });\n\n const stickyColumns = configuration.stickyColumns;\n const stickySelectionColumn = !!stickyColumns; // Sticky selection column is true if stickyColumns is positive number\n const showTitleBar = configuration.showTitleBar ?? true;\n const dataExtensionProps = useDataExtensionProps(configuration);\n\n return {\n columns,\n visibleFieldIds,\n onRowClick,\n horizontalScroll: true,\n customColumns: configuration.customColumns?.enabled ? (\n <CustomColumns />\n ) : undefined,\n stickyColumns,\n stickySelectionColumn,\n showTitleBar,\n ...dataExtensionProps,\n };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,kCAAkC,QAAQ,sCAAsC;AACzF,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,OAAO,MAAMC,oBAAoB,GAAIC,aAA0B,IAAK;EAAA,IAAAC,qBAAA;EAClE,MAAM;IAAEC;EAAqB,CAAC,GAAGL,aAAa,CAAC,CAAC;EAChD,MAAMM,OAAO,GAAGT,UAAU,CAACM,aAAa,CAACG,OAAO,CAAC;EACjD,MAAMC,eAAe,GAAGX,OAAO,CAC7B,MAAMO,aAAa,CAACG,OAAO,CAACE,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAACC,EAAE,CAAC,EACtD,CAACP,aAAa,CAChB,CAAC;EAED,MAAMQ,YAAY,GAAGR,aAAa,CAACQ,YAAY;EAE/C,MAAMC,kBAAkB,GAAGb,kCAAkC,CAAC;IAC5Dc,+BAA+B,EAAEV,aAAa,CAACW,UAAU;IACzDC,YAAY,EAAEZ,aAAa,CAACa,UAAU,CAACD;EACzC,CAAC,CAAC;EAEF,MAAMD,UAAU,GAAGX,aAAa,CAACW,UAAU,GACvCF,kBAAkB,GACjBK,IAAS,IACRZ,oBAAoB,CAAC;IACnBY,IAAI;IACJN;EACF,CAAC,CAAC;EAER,MAAMO,aAAa,GAAGf,aAAa,CAACe,aAAa;EACjD,MAAMC,qBAAqB,GAAG,CAAC,CAACD,aAAa,CAAC,CAAC;EAC/C,MAAME,YAAY,GAAGjB,aAAa,CAACiB,YAAY,IAAI,IAAI;EACvD,MAAMC,kBAAkB,GAAGpB,qBAAqB,CAACE,aAAa,CAAC;EAE/D,OAAO;IACLG,OAAO;IACPC,eAAe;IACfO,UAAU;IACVQ,gBAAgB,EAAE,IAAI;IACtBC,aAAa,EAAE,CAAAnB,qBAAA,GAAAD,aAAa,CAACoB,aAAa,aAA3BnB,qBAAA,CAA6BoB,OAAO,gBACjD7B,KAAA,CAAA8B,aAAA,CAAC3B,aAAa,MAAE,CAAC,GACf4B,SAAS;IACbR,aAAa;IACbC,qBAAqB;IACrBC,YAAY;IACZ,GAAGC;EACL,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/hooks/useBulkActionToolbar.js CHANGED Viewed

@@ -5,7 +5,8 @@ import { bulkDeleteAction, customAction, resolveAction, groupActions } from '../
 export const useBulkActionToolbar = _ref => {
   let {
     config,
-    collectionId
+    collectionId,
+    reportBi
   } = _ref;
   const sdk = useActionsSDK({
     collectionId
@@ -15,7 +16,8 @@ export const useBulkActionToolbar = _ref => {
       let actionToResolve = null;
       const baseParams = {
         actionParams: param,
-        sdk
+        sdk,
+        reportBi
       };
       switch (actionConfig.type) {
         case 'bulkDelete':
@@ -77,7 +79,7 @@ export const useBulkActionToolbar = _ref => {
       primaryActionItems: primaryActionItems,
       secondaryActionItems: secondaryActionItems
     });
-  }, [config, sdk]);
+  }, [config, sdk, reportBi]);
   if (!config) {
     return undefined;
   }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useActionsSDK","MultiBulkActionToolbar","bulkDeleteAction","customAction","resolveAction","groupActions","useBulkActionToolbar","_ref","config","collectionId","sdk","bulkActionToolbar","param","buildAction","actionConfig","actionToResolve","baseParams","actionParams","type","action","hidden","resolvedAction","icon","resolvedActionParams","prefixIcon","isValidElement","undefined","dataHook","id","buildPrimaryActions","primaryActions","map","primaryItem","index","item","actionGroups","menu","items","subItems","group","filter","Boolean","length","label","primaryActionItems","secondaryActionItems","secondaryActions","createElement","hasPrimaryActions","hasSecondaryActions"],"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 resolveAction,\n groupActions,\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 'custom':\n actionToResolve = customAction({\n action: actionConfig,\n ...baseParams,\n });\n break;\n\n default:\n return null;\n }\n\n if (!actionToResolve \|\| actionToResolve.hidden) {\n return null;\n }\n\n const resolvedAction = resolveAction(actionConfig, actionToResolve);\n const { icon, hidden, ...resolvedActionParams } = resolvedAction;\n\n return {\n prefixIcon: React.isValidElement(icon) ? icon : undefined,\n dataHook: actionConfig.id,\n ...resolvedActionParams,\n };\n };\n\n const buildPrimaryActions = (): ActionSubitem[] => {\n if (!config?.primaryActions) {\n return [];\n }\n\n return config.primaryActions\n .map((primaryItem, index) => {\n if (primaryItem.type === 'action') {\n return buildAction(primaryItem.action.item);\n }\n\n if (primaryItem.type === 'menu') {\n const actionGroups = groupActions(primaryItem.menu.items);\n const subItems = actionGroups\n .map((group) =>\n group\n .map(buildAction)\n .filter((action): action is ActionSubitem =>\n Boolean(action),\n ),\n )\n .filter((group) => group.length > 0);\n\n if (subItems.length === 0) {\n return null;\n }\n\n return {\n label: primaryItem.menu.label,\n subItems,\n dataHook: `bulk-multi-action-${index}`,\n };\n }\n\n return null;\n })\n .filter((action): action is ActionSubitem => Boolean(action));\n };\n\n const primaryActionItems = buildPrimaryActions();\n\n const secondaryActionItems = config?.secondaryActions\n ? groupActions(config.secondaryActions)\n .map((group) =>\n group\n .map(buildAction)\n .filter((action): action is ActionSubitem => Boolean(action)),\n )\n .filter((group) => group.length > 0)\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 const hasPrimaryActions =\n config.primaryActions && config.primaryActions.length > 0;\n\n const hasSecondaryActions =\n config.secondaryActions && config.secondaryActions.length > 0;\n\n if (!hasPrimaryActions && !hasSecondaryActions) {\n return undefined;\n }\n\n return bulkActionToolbar;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;~~AAM1C~~,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAEEC,sBAAsB,QAEjB,eAAe;AACtB,SACEC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACbC,YAAY,QACP,kBAAkB;~~AAWzB~~,OAAO,MAAMC,oBAAoB,GAAGC,IAAA,~~IAGF~~;EAAA,~~IAHG~~;IACnCC,MAAM;IACNC;EAC0B,CAAC,~~GAAAF~~,IAAA;EAC3B,~~MAAMG~~,GAAG,~~GAAGV~~,aAAa,CAAC;IACxBS;EACF,CAAC,CAAC;EAEF,~~MAAME~~,iBAAiB,~~GAAGZ~~,WAAW,~~CAClCa~~,KAAkC,IAAK;IACtC,MAAMC,WAAW,GACfC,YAAkC,IACT;MACzB,IAAIC,eAA+C,GAAG,IAAI;MAE1D,MAAMC,UAAU,GAAG;QACjBC,YAAY,EAAEL,KAAK;QACnBF;MACF,CAAC;MAED,~~QAAQI~~,YAAY,CAACI,IAAI;QACvB,KAAK,YAAY;UACfH,eAAe,~~GAAGb~~,gBAAgB,CAAC;~~YACjCiB~~,MAAM,EAAEL,YAAY;YACpB,GAAGE;UACL,CAAC,CAAC;UACF;QAEF,KAAK,QAAQ;UACXD,eAAe,~~GAAGZ~~,YAAY,CAAC;~~YAC7BgB~~,MAAM,EAAEL,YAAY;YACpB,GAAGE;UACL,CAAC,CAAC;UACF;QAEF;UACE,OAAO,IAAI;MACf;MAEA,IAAI,CAACD,eAAe,IAAIA,eAAe,CAACK,MAAM,EAAE;QAC9C,OAAO,IAAI;MACb;MAEA,MAAMC,cAAc,~~GAAGjB~~,aAAa,~~CAACU~~,YAAY,EAAEC,eAAe,CAAC;MACnE,MAAM;QAAEO,IAAI;QAAEF,MAAM;QAAE,GAAGG;MAAqB,CAAC,GAAGF,cAAc;MAEhE,OAAO;QACLG,UAAU,EAAE,~~aAAA1B~~,KAAK,~~CAAC2B~~,cAAc,CAACH,IAAI,CAAC,GAAGA,IAAI,GAAGI,SAAS;QACzDC,QAAQ,EAAEb,YAAY,CAACc,EAAE;QACzB,GAAGL;MACL,CAAC;IACH,CAAC;IAED,MAAMM,mBAAmB,GAAGA,CAAA,KAAuB;MACjD,IAAI,~~EAACrB~~,MAAM,YAANA,MAAM,~~CAAEsB~~,cAAc,GAAE;QAC3B,OAAO,EAAE;MACX;MAEA,~~OAAOtB~~,MAAM,~~CAACsB~~,cAAc,CACzBC,GAAG,CAAC,CAACC,WAAW,EAAEC,KAAK,KAAK;QAC3B,IAAID,WAAW,CAACd,IAAI,KAAK,QAAQ,EAAE;UACjC,OAAOL,WAAW,CAACmB,WAAW,CAACb,MAAM,CAACe,IAAI,CAAC;QAC7C;QAEA,IAAIF,WAAW,CAACd,IAAI,KAAK,MAAM,EAAE;UAC/B,MAAMiB,YAAY,~~GAAG9B~~,YAAY,~~CAAC2B~~,WAAW,CAACI,IAAI,CAACC,KAAK,CAAC;UACzD,MAAMC,QAAQ,GAAGH,YAAY,CAC1BJ,GAAG,CAAEQ,KAAK,IACTA,KAAK,CACFR,GAAG,CAAClB,WAAW,CAAC,CAChB2B,MAAM,CAAErB,MAAM,IACbsB,OAAO,CAACtB,MAAM,CAChB,CACJ,CAAC,CACAqB,MAAM,CAAED,KAAK,IAAKA,KAAK,CAACG,MAAM,GAAG,CAAC,CAAC;UAEtC,IAAIJ,QAAQ,CAACI,MAAM,KAAK,CAAC,EAAE;YACzB,OAAO,IAAI;UACb;UAEA,OAAO;YACLC,KAAK,EAAEX,WAAW,CAACI,IAAI,CAACO,KAAK;YAC7BL,QAAQ;YACRX,QAAQ,EAAE,qBAAqBM,KAAK;UACtC,CAAC;QACH;QAEA,OAAO,IAAI;MACb,CAAC,CAAC,CACDO,MAAM,CAAErB,MAAM,IAA8BsB,OAAO,CAACtB,MAAM,CAAC,CAAC;IACjE,CAAC;IAED,MAAMyB,kBAAkB,GAAGf,mBAAmB,CAAC,CAAC;IAEhD,MAAMgB,oBAAoB,~~GAAGrC~~,MAAM,YAANA,MAAM,~~CAAEsC~~,gBAAgB,~~GACjDzC~~,YAAY,CAACG,MAAM,~~CAACsC~~,gBAAgB,CAAC,CAClCf,GAAG,CAAEQ,KAAK,IACTA,KAAK,CACFR,GAAG,CAAClB,WAAW,CAAC,CAChB2B,MAAM,CAAErB,MAAM,IAA8BsB,OAAO,CAACtB,MAAM,CAAC,CAChE,CAAC,CACAqB,MAAM,CAAED,KAAK,IAAKA,KAAK,CAACG,MAAM,GAAG,CAAC,CAAC,GACtC,EAAE;IAEN,~~oBACE5C~~,KAAA,~~CAAAiD~~,aAAA,~~CAAC9C~~,sBAAsB;~~MACrB2C~~,kBAAkB,EAAEA,kBAAmB;MACvCC,oBAAoB,EAAEA;IAAqB,CAC5C,CAAC;EAEN,CAAC,EACD,~~CAACrC~~,MAAM,~~EAAEE~~,GAAG,~~CACd~~,CAAC;EAED,IAAI,CAACF,MAAM,EAAE;IACX,~~OAAOkB~~,SAAS;EAClB;EAEA,MAAMsB,iBAAiB,~~GACrBxC~~,MAAM,~~CAACsB~~,cAAc,~~IAAItB~~,MAAM,~~CAACsB~~,cAAc,CAACY,MAAM,GAAG,CAAC;EAE3D,MAAMO,mBAAmB,~~GACvBzC~~,MAAM,~~CAACsC~~,gBAAgB,~~IAAItC~~,MAAM,~~CAACsC~~,gBAAgB,CAACJ,MAAM,GAAG,CAAC;EAE/D,IAAI,CAACM,iBAAiB,IAAI,CAACC,mBAAmB,EAAE;IAC9C,OAAOvB,SAAS;EAClB;EAEA,OAAOf,iBAAiB;AAC1B,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useActionsSDK","MultiBulkActionToolbar","bulkDeleteAction","customAction","resolveAction","groupActions","useBulkActionToolbar","_ref","config","collectionId","reportBi","sdk","bulkActionToolbar","param","buildAction","actionConfig","actionToResolve","baseParams","actionParams","type","action","hidden","resolvedAction","icon","resolvedActionParams","prefixIcon","isValidElement","undefined","dataHook","id","buildPrimaryActions","primaryActions","map","primaryItem","index","item","actionGroups","menu","items","subItems","group","filter","Boolean","length","label","primaryActionItems","secondaryActionItems","secondaryActions","createElement","hasPrimaryActions","hasSecondaryActions"],"sources":["../../../src/hooks/useBulkActionToolbar.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n BulkActionItemConfig,\n BulkActionsConfig,\n ResolvedAction,\n ReportBiFn,\n} from '../types';\nimport { useActionsSDK } from './useActionsSDK';\nimport {\n TableProps,\n MultiBulkActionToolbar,\n ActionSubitem,\n} from '@wix/patterns';\nimport {\n bulkDeleteAction,\n customAction,\n resolveAction,\n groupActions,\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 reportBi?: ReportBiFn;\n}\n\nexport const useBulkActionToolbar = ({\n config,\n collectionId,\n reportBi,\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 reportBi,\n };\n\n switch (actionConfig.type) {\n case 'bulkDelete':\n actionToResolve = bulkDeleteAction({\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 \|\| actionToResolve.hidden) {\n return null;\n }\n\n const resolvedAction = resolveAction(actionConfig, actionToResolve);\n const { icon, hidden, ...resolvedActionParams } = resolvedAction;\n\n return {\n prefixIcon: React.isValidElement(icon) ? icon : undefined,\n dataHook: actionConfig.id,\n ...resolvedActionParams,\n };\n };\n\n const buildPrimaryActions = (): ActionSubitem[] => {\n if (!config?.primaryActions) {\n return [];\n }\n\n return config.primaryActions\n .map((primaryItem, index) => {\n if (primaryItem.type === 'action') {\n return buildAction(primaryItem.action.item);\n }\n\n if (primaryItem.type === 'menu') {\n const actionGroups = groupActions(primaryItem.menu.items);\n const subItems = actionGroups\n .map((group) =>\n group\n .map(buildAction)\n .filter((action): action is ActionSubitem =>\n Boolean(action),\n ),\n )\n .filter((group) => group.length > 0);\n\n if (subItems.length === 0) {\n return null;\n }\n\n return {\n label: primaryItem.menu.label,\n subItems,\n dataHook: `bulk-multi-action-${index}`,\n };\n }\n\n return null;\n })\n .filter((action): action is ActionSubitem => Boolean(action));\n };\n\n const primaryActionItems = buildPrimaryActions();\n\n const secondaryActionItems = config?.secondaryActions\n ? groupActions(config.secondaryActions)\n .map((group) =>\n group\n .map(buildAction)\n .filter((action): action is ActionSubitem => Boolean(action)),\n )\n .filter((group) => group.length > 0)\n : [];\n\n return (\n <MultiBulkActionToolbar\n primaryActionItems={primaryActionItems}\n secondaryActionItems={secondaryActionItems}\n />\n );\n },\n [config, sdk, reportBi],\n );\n\n if (!config) {\n return undefined;\n }\n\n const hasPrimaryActions =\n config.primaryActions && config.primaryActions.length > 0;\n\n const hasSecondaryActions =\n config.secondaryActions && config.secondaryActions.length > 0;\n\n if (!hasPrimaryActions && !hasSecondaryActions) {\n return undefined;\n }\n\n return bulkActionToolbar;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useColumns.js CHANGED Viewed

@@ -1,8 +1,13 @@
 import React from 'react';
 import { useAutoPatternsOverridesContext, useSchema, useSchemaRegistry } from '../providers';
 import { camelCase, get } from 'lodash';
-import { Avatar, Box, Image } from '@wix/design-system';
+import { Box, Image } from '@wix/design-system';
 import { getImageUrl } from '../utils/media/getImageUrl';
+import { JsonView, MediaGalleryView, RichTextView, TimeView, DocumentView, MultiDocumentView, AddressView } from '../cms-fields';
+import { extractReferenceDisplayValues } from '../utils/schema';
+import { ReferenceAvatar } from '../components/ReferenceAvatar';
+import { LazyRichContentView } from '../components/LazyRichContentView';
+import { MultiReferenceViewField } from '../components/MultiReferenceViewField';
 export const useColumns = columns => {
   const {
     fields
@@ -40,6 +45,10 @@ export const useColumns = columns => {
           return date.toLocaleString();
         }
         return itemValue;
+      case 'TIME':
+        return /*#__PURE__*/React.createElement(TimeView, {
+          data: itemValue
+        });
       case 'ARRAY':
         // We assume that the array contains strings
         // If the array contains objects, we need to handle it differently
@@ -51,26 +60,31 @@ export const useColumns = columns => {
           } = fieldDefinition.referenceMetadata;
           const refSchema = getSchema(referencedCollectionId);
           if (refSchema) {
-            let nameValue;
-            let imageValue;
-            const displayField = refSchema.displayField;
-            if (typeof itemValue === 'object' && itemValue !== null) {
-              var _Object$values$find;
-              nameValue = itemValue[displayField] || '';
-              const imageFieldId = (_Object$values$find = Object.values(fields).find(field => (field == null ? void 0 : field.type) === 'IMAGE')) == null ? void 0 : _Object$values$find.id;
-              imageValue = imageFieldId && itemValue[imageFieldId];
-            }
-            const imageUrl = imageValue && getImageUrl(imageValue);
+            const {
+              name,
+              image
+            } = extractReferenceDisplayValues(itemValue, refSchema);
             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));
+            }, name && /*#__PURE__*/React.createElement(ReferenceAvatar, {
+              name: name,
+              image: image
+            }), /*#__PURE__*/React.createElement("div", null, name));
+          }
+        }
+        return itemValue;
+      case 'MULTI_REFERENCE':
+        if (fieldDefinition.referenceMetadata && getSchema) {
+          const {
+            referencedCollectionId
+          } = fieldDefinition.referenceMetadata;
+          const refSchema = getSchema(referencedCollectionId);
+          if (refSchema) {
+            return /*#__PURE__*/React.createElement(MultiReferenceViewField, {
+              field: fieldDefinition,
+              value: itemValue
+            });
           }
         }
         return itemValue;
@@ -81,6 +95,34 @@ export const useColumns = columns => {
           width: "48px",
           dataHook: "auto-patterns-image"
         });
+      case 'OBJECT':
+        return /*#__PURE__*/React.createElement(JsonView, {
+          data: itemValue
+        });
+      case 'MEDIA_GALLERY':
+        return /*#__PURE__*/React.createElement(MediaGalleryView, {
+          data: itemValue
+        });
+      case 'ADDRESS':
+        return /*#__PURE__*/React.createElement(AddressView, {
+          data: itemValue
+        });
+      case 'RICH_TEXT':
+        return /*#__PURE__*/React.createElement(RichTextView, {
+          data: itemValue
+        });
+      case 'DOCUMENT':
+        return /*#__PURE__*/React.createElement(DocumentView, {
+          data: itemValue
+        });
+      case 'RICH_CONTENT':
+        return /*#__PURE__*/React.createElement(LazyRichContentView, {
+          data: itemValue
+        });
+      case 'MULTI_DOCUMENT':
+        return /*#__PURE__*/React.createElement(MultiDocumentView, {
+          data: itemValue
+        });
       default:
         return itemValue;
     }

package/dist/esm/hooks/useColumns.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useAutoPatternsOverridesContext","useSchema","useSchemaRegistry","camelCase","get","Avatar","Box","Image","getImageUrl","useColumns","columns","fields","getSchema","overrides","existingColumns","filter","column","_overrides$columns","id","createRenderer","fieldDefinition","itemValue","type","Date","toLocaleDateString","date","toLocaleString","join","referenceMetadata","referencedCollectionId","refSchema","nameValue","imageValue","displayField","_Object$values$find","imageFieldId","Object","values","find","field","imageUrl","createElement","gap","verticalAlign","size","name","imgProps","src","width","dataHook","map","_overrides$columns2","_fieldDefinition$capa","sortable","capabilities","baseColumnConfig","title","displayName","createSortConfiguration","createCustomColumnConfiguration","tooltipContent","infoTooltipProps","content","render","row","_overrides$columns3","_overrides$columns4","_overrides$columns4$c","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 useAutoPatternsOverridesContext,\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 = useAutoPatternsOverridesContext();\n\n const existingColumns = columns.filter((column) => {\n return !!fields[column.id] \|\| overrides?.columns?.[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 const imageFieldId = Object.values(fields).find(\n (field) => field?.type === 'IMAGE',\n )?.id;\n imageValue = imageFieldId && itemValue[imageFieldId];\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 && !overrides?.columns?.[column.id]) {\n return null;\n }\n\n const sortable =\n column.sortable && fieldDefinition?.capabilities?.sortable;\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 ...(column.tooltipContent && {\n infoTooltipProps: {\n content: column.tooltipContent,\n },\n }),\n render: (row: any) => {\n const itemValue = get(row, column.id);\n\n if (overrides?.columns?.[camelCase(column.id)]) {\n return overrides?.columns?.[camelCase(column.id)]?.({\n value: itemValue,\n row,\n });\n }\n\n if (fieldDefinition) {\n return createRenderer(fieldDefinition, itemValue);\n }\n\n return null; // Shouldn't really happen\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":[]}
1	+ {"version":3,"names":["React","useAutoPatternsOverridesContext","useSchema","useSchemaRegistry","camelCase","get","Box","Image","getImageUrl","JsonView","MediaGalleryView","RichTextView","TimeView","DocumentView","MultiDocumentView","AddressView","extractReferenceDisplayValues","ReferenceAvatar","LazyRichContentView","MultiReferenceViewField","useColumns","columns","fields","getSchema","overrides","existingColumns","filter","column","_overrides$columns","id","createRenderer","fieldDefinition","itemValue","type","Date","toLocaleDateString","date","toLocaleString","createElement","data","join","referenceMetadata","referencedCollectionId","refSchema","name","image","gap","verticalAlign","field","value","imageUrl","src","width","dataHook","map","_overrides$columns2","_fieldDefinition$capa","sortable","capabilities","baseColumnConfig","title","displayName","createSortConfiguration","createCustomColumnConfiguration","tooltipContent","infoTooltipProps","content","render","row","_overrides$columns3","_overrides$columns4","_overrides$columns4$c","call","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 useAutoPatternsOverridesContext,\n useSchema,\n useSchemaRegistry,\n} from '../providers';\nimport { Column, Field } from '../types';\nimport { camelCase, get } from 'lodash';\nimport { Box, Image } from '@wix/design-system';\nimport { getImageUrl } from '../utils/media/getImageUrl';\nimport {\n JsonView,\n MediaGalleryView,\n RichTextView,\n TimeView,\n DocumentView,\n MultiDocumentView,\n AddressView,\n} from '../cms-fields';\nimport { extractReferenceDisplayValues } from '../utils/schema';\nimport { ReferenceAvatar } from '../components/ReferenceAvatar';\nimport { LazyRichContentView } from '../components/LazyRichContentView';\nimport { MultiReferenceViewField } from '../components/MultiReferenceViewField';\n\nexport const useColumns = (columns: Column[]) => {\n const { fields } = useSchema();\n const { getSchema } = useSchemaRegistry();\n const overrides = useAutoPatternsOverridesContext();\n\n const existingColumns = columns.filter((column) => {\n return !!fields[column.id] \|\| overrides?.columns?.[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 'TIME':\n return <TimeView data={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 const { name, image } = extractReferenceDisplayValues(\n itemValue,\n refSchema,\n );\n\n return (\n <Box gap=\"SP2\" verticalAlign=\"middle\">\n {name && <ReferenceAvatar name={name} image={image} />}\n <div>{name}</div>\n </Box>\n );\n }\n }\n\n return itemValue;\n case 'MULTI_REFERENCE':\n if (fieldDefinition.referenceMetadata && getSchema) {\n const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n const refSchema = getSchema(referencedCollectionId);\n\n if (refSchema) {\n return (\n <MultiReferenceViewField\n field={fieldDefinition}\n value={itemValue}\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 case 'OBJECT':\n return <JsonView data={itemValue} />;\n case 'MEDIA_GALLERY':\n return <MediaGalleryView data={itemValue} />;\n case 'ADDRESS':\n return <AddressView data={itemValue} />;\n case 'RICH_TEXT':\n return <RichTextView data={itemValue} />;\n case 'DOCUMENT':\n return <DocumentView data={itemValue} />;\n case 'RICH_CONTENT':\n return <LazyRichContentView data={itemValue} />;\n case 'MULTI_DOCUMENT':\n return <MultiDocumentView data={itemValue} />;\n default:\n return itemValue;\n }\n };\n\n return existingColumns\n .map((column) => {\n const fieldDefinition = fields[column.id];\n if (!fieldDefinition && !overrides?.columns?.[column.id]) {\n return null;\n }\n\n const sortable =\n column.sortable && fieldDefinition?.capabilities?.sortable;\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 ...(column.tooltipContent && {\n infoTooltipProps: {\n content: column.tooltipContent,\n },\n }),\n render: (row: any) => {\n const itemValue = get(row, column.id);\n\n if (overrides?.columns?.[camelCase(column.id)]) {\n return overrides?.columns?.[camelCase(column.id)]?.({\n value: itemValue,\n row,\n });\n }\n\n if (fieldDefinition) {\n return createRenderer(fieldDefinition, itemValue);\n }\n\n return null; // Shouldn't really happen\n },\n };\n\n return baseColumnConfig;\n })\n .filter(Boolean) as TableColumn<any>[];\n};\n\nconst createSortConfiguration = (\n column: Column,\n sortable?: boolean,\n): Partial<TableColumn<any>> => {\n if (!sortable) {\n return {};\n }\n const sortableColumnConfig = {\n sortable,\n defaultSortOrder: column.defaultSortOrder,\n };\n\n // default sort mode is ['asc', 'desc', undefined]\n // so if sort mode is 'desc' -> we want to override the default\n // and set it to ['desc', 'asc', undefined]\n if (column.sortMode && column.sortMode === 'desc') {\n return {\n ...sortableColumnConfig,\n sortMode: ['desc', 'asc', undefined],\n };\n }\n return {\n ...sortableColumnConfig,\n };\n};\n\nconst createCustomColumnConfiguration = (\n column: Column,\n): Partial<TableColumn<any>> => {\n const reorderDisabled = !!column.reorderDisabled;\n\n if (column.hiddenFromCustomColumnsSelection) {\n return { hiddenFromCustomColumnsSelection: true };\n }\n if (column.hideable === false) {\n return {\n hideable: false,\n reorderDisabled,\n };\n }\n return {\n defaultHidden: !!column.defaultHidden,\n reorderDisabled,\n };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useCommonCollectionFeatures.js CHANGED Viewed

@@ -6,6 +6,7 @@ import { useActionCell } from './useActionCell';
 import { useBulkActionToolbar } from './useBulkActionToolbar';
 import { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';
 import { useViews } from './useViews';
+import '../styles.global.css';
 export * from './useFilters';
 export const useCommonCollectionFeatures = _ref => {
   var _toolbarTitle$subtitl, _toolbarTitle$subtitl2, _toolbarTitle$subtitl3, _toolbarTitle$subtitl4, _toolbarTitle$subtitl5, _toolbarTitle$subtitl6, _toolbarTitle$subtitl7;
@@ -17,7 +18,8 @@ export const useCommonCollectionFeatures = _ref => {
     emptyState: emptyStateConfig,
     collection,
     collectionState,
-    views: viewsConfig
+    views: viewsConfig,
+    reportBi
   } = _ref;
   const optimisticActions = useAutoPatternsOptimisticActions({
     collectionConfig: collection,
@@ -32,7 +34,8 @@ export const useCommonCollectionFeatures = _ref => {
   });
   const bulkActionToolbar = useBulkActionToolbar({
     config: bulkActionToolbarConfig,
-    collectionId: collection.collectionId
+    collectionId: collection.collectionId,
+    reportBi
   });
   const views = useViews(viewsConfig);
   const shouldShowTitle = toolbarTitle && !views;

package/dist/esm/hooks/useCommonCollectionFeatures.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEmptyStates","ToolbarTitle","Box","Text","TextButton","useActionCell","useBulkActionToolbar","useAutoPatternsOptimisticActions","useViews","useCommonCollectionFeatures","_ref","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","actionCell","actionCellConfig","bulkActionToolbar","bulkActionToolbarConfig","toolbarTitle","search","emptyState","emptyStateConfig","collection","collectionState","views","viewsConfig","optimisticActions","collectionConfig","config","collectionId","shouldShowTitle","title","createElement","subtitle","text","learnMore","info","content","direction","gap","dataHook","light","size","link","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","undefined","shown"],"sources":["../../../src/hooks/useCommonCollectionFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmptyStates } from './useEmptyStates';\n\nimport { CollectionState, ToolbarTitle } from '@wix/patterns';\n\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { BaseCollectionComponentConfig } from '../types';\nimport { useActionCell } from './useActionCell';\nimport { useBulkActionToolbar } from './useBulkActionToolbar';\nimport { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';\nimport { useViews } from './useViews';\n\nexport * from './useFilters';\n\nexport type UseCommonCollectionFeaturesParams = Pick<\n BaseCollectionComponentConfig,\n \| 'actionCell'\n \| 'toolbarTitle'\n \| 'search'\n \| 'emptyState'\n \| 'collection'\n \| 'bulkActionToolbar'\n \| 'entityPageId'\n \| 'views'\n> & {\n collectionState: CollectionState<any>;\n};\n\nexport const useCommonCollectionFeatures = ({\n actionCell: actionCellConfig,\n bulkActionToolbar: bulkActionToolbarConfig,\n toolbarTitle,\n search,\n emptyState: emptyStateConfig,\n collection,\n collectionState,\n views: viewsConfig,\n}: UseCommonCollectionFeaturesParams) => {\n const optimisticActions = useAutoPatternsOptimisticActions({\n collectionConfig: collection,\n collectionState,\n });\n\n const { emptyState } = useEmptyStates(emptyStateConfig);\n const actionCell = useActionCell({\n config: actionCellConfig,\n collectionId: collection.collectionId,\n });\n\n const bulkActionToolbar = useBulkActionToolbar({\n config: bulkActionToolbarConfig,\n collectionId: collection.collectionId,\n });\n\n const views = useViews(viewsConfig);\n\n const shouldShowTitle = toolbarTitle && !views;\n\n const title = shouldShowTitle ? (\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 ) : undefined;\n\n return {\n search: search?.shown !== false,\n title,\n views,\n emptyState,\n actionCell,\n bulkActionToolbar,\n optimisticActions,\n };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,SAA0BC,YAAY,QAAQ,eAAe;AAE7D,SAASC,GAAG,EAAEC,IAAI,EAAEC,UAAU,QAAQ,oBAAoB;AAE1D,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,gCAAgC,QAAQ,oCAAoC;AACrF,SAASC,QAAQ,QAAQ,YAAY;~~AAErC~~,cAAc,cAAc;~~AAgB5B~~,OAAO,MAAMC,2BAA2B,GAAGC,IAAA,~~IASF~~;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EAAA,~~IATG~~;IAC1CC,UAAU,EAAEC,gBAAgB;IAC5BC,iBAAiB,EAAEC,uBAAuB;IAC1CC,YAAY;IACZC,MAAM;IACNC,UAAU,EAAEC,gBAAgB;IAC5BC,UAAU;IACVC,eAAe;IACfC,KAAK,EAAEC;~~EAC0B~~,CAAC,~~GAAAnB~~,IAAA;EAClC,~~MAAMoB~~,iBAAiB,~~GAAGvB~~,gCAAgC,CAAC;~~IACzDwB~~,gBAAgB,~~EAAEL~~,UAAU;IAC5BC;EACF,CAAC,CAAC;EAEF,MAAM;IAAEH;EAAW,CAAC,GAAGxB,cAAc,CAACyB,gBAAgB,CAAC;EACvD,MAAMP,UAAU,GAAGb,aAAa,CAAC;IAC/~~B2B~~,MAAM,~~EAAEb~~,gBAAgB;~~IACxBc~~,YAAY,~~EAAEP~~,UAAU,~~CAACO~~;EAC3B,CAAC,CAAC;EAEF,~~MAAMb~~,iBAAiB,GAAGd,oBAAoB,CAAC;~~IAC7C0B~~,MAAM,~~EAAEX~~,uBAAuB;IAC/BY,YAAY,~~EAAEP~~,UAAU,~~CAACO~~;~~EAC3B~~,CAAC,CAAC;EAEF,~~MAAML~~,KAAK,GAAGpB,QAAQ,CAACqB,WAAW,CAAC;EAEnC,~~MAAMK~~,eAAe,~~GAAGZ~~,YAAY,IAAI,CAACM,KAAK;EAE9C,~~MAAMO~~,KAAK,GAAGD,eAAe,~~gBAC3BnC~~,KAAA,~~CAAAqC~~,aAAA,~~CAACnC~~,YAAY;~~IACXkC~~,KAAK,~~EAAEb~~,YAAY,~~CAACa~~,KAAM;IAC1BE,QAAQ,EAAE;MACRC,IAAI,EAAE,~~EAAA3B~~,qBAAA,GAAAW,YAAY,~~CAACe~~,QAAQ,~~qBAArB1B~~,qBAAA,~~CAAuB2B~~,IAAI,KAAI,EAAE;MACvCC,SAAS,~~GAAA3B~~,sBAAA,GAAEU,YAAY,~~CAACe~~,QAAQ,~~qBAArBzB~~,sBAAA,~~CAAuB2B~~,SAAS;MAC3CC,IAAI,EAAE,~~EAAA3B~~,sBAAA,GAAAS,YAAY,~~CAACe~~,QAAQ,~~qBAArBxB~~,sBAAA,~~CAAuB2B~~,IAAI,KAAI;QACnCC,OAAO,~~eACL1C~~,KAAA,~~CAAAqC~~,aAAA,~~CAAClC~~,GAAG;~~UAACwC~~,SAAS,EAAC,UAAU;UAACC,GAAG,EAAC;QAAK,~~gBACjC5C~~,KAAA,~~CAAAqC~~,aAAA,~~CAACjC~~,IAAI;~~UACHyC~~,QAAQ,EAAC,qCAAqC;UAC9CC,KAAK;UACLC,IAAI,EAAC;QAAO,~~IAAAhC~~,sBAAA,GAEXQ,YAAY,~~CAACe~~,QAAQ,~~cAAAvB~~,sBAAA,GAArBA,sBAAA,~~CAAuB0B~~,IAAI,~~qBAA3B1B~~,sBAAA,~~CAA6B2B~~,OAAO,CAACH,IAClC,CAAC,EACN,~~EAAAvB~~,sBAAA,GAAAO,YAAY,~~CAACe~~,QAAQ,~~cAAAtB~~,sBAAA,GAArBA,sBAAA,~~CAAuByB~~,IAAI,~~qBAA3BzB~~,sBAAA,~~CAA6B0B~~,OAAO,CAACM,IAAI,~~kBACxChD~~,KAAA,~~CAAAqC~~,aAAA,~~CAAChC~~,UAAU;~~UACTwC~~,QAAQ,EAAC,kCAAkC;UAC3CE,IAAI,EAAC,OAAO;UACZE,SAAS,EAAC,QAAQ;UAClBC,IAAI,EAAC,OAAO;UACZC,EAAE,EAAC,GAAG;UACNC,GAAG,EAAC,UAAU;UACdC,MAAM,EAAC,QAAQ;UACfC,IAAI,~~GAAArC~~,sBAAA,GAAEM,YAAY,~~CAACe~~,QAAQ,~~cAAArB~~,sBAAA,GAArBA,sBAAA,~~CAAuBwB~~,IAAI,~~qBAA3BxB~~,sBAAA,~~CAA6ByB~~,OAAO,CAACM,IAAI,CAACO;QAAI,~~IAAArC~~,sBAAA,GAEnDK,YAAY,~~CAACe~~,QAAQ,~~cAAApB~~,sBAAA,GAArBA,sBAAA,~~CAAuBuB~~,IAAI,~~qBAA3BvB~~,sBAAA,~~CAA6BwB~~,OAAO,CAACM,IAAI,CAACQ,KACjC,CAEX;MAET;IACF,CAAE;IACFC,UAAU,~~EAAElC~~,YAAY,~~CAACkC~~,UAAW;IACpCC,SAAS,~~EAAEnC~~,YAAY,~~CAACmC~~;EAAU,CACnC,CAAC,GACAC,SAAS;EAEb,OAAO;~~IACLnC~~,MAAM,EAAE,CAAAA,MAAM,oBAANA,MAAM,~~CAAEoC~~,KAAK,MAAK,KAAK;IAC/BxB,KAAK;~~IACLP~~,KAAK;IACLJ,UAAU;IACVN,UAAU;IACVE,iBAAiB;~~IACjBU~~;EACF,CAAC;AACH,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useEmptyStates","ToolbarTitle","Box","Text","TextButton","useActionCell","useBulkActionToolbar","useAutoPatternsOptimisticActions","useViews","useCommonCollectionFeatures","_ref","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","actionCell","actionCellConfig","bulkActionToolbar","bulkActionToolbarConfig","toolbarTitle","search","emptyState","emptyStateConfig","collection","collectionState","views","viewsConfig","reportBi","optimisticActions","collectionConfig","config","collectionId","shouldShowTitle","title","createElement","subtitle","text","learnMore","info","content","direction","gap","dataHook","light","size","link","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","undefined","shown"],"sources":["../../../src/hooks/useCommonCollectionFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmptyStates } from './useEmptyStates';\n\nimport { CollectionState, ToolbarTitle } from '@wix/patterns';\n\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { BaseCollectionComponentConfig, ReportBiFn } from '../types';\nimport { useActionCell } from './useActionCell';\nimport { useBulkActionToolbar } from './useBulkActionToolbar';\nimport { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';\nimport { useViews } from './useViews';\nimport '../styles.global.css';\n\nexport * from './useFilters';\n\nexport type UseCommonCollectionFeaturesParams = Pick<\n BaseCollectionComponentConfig,\n \| 'actionCell'\n \| 'toolbarTitle'\n \| 'search'\n \| 'emptyState'\n \| 'collection'\n \| 'bulkActionToolbar'\n \| 'entityPageId'\n \| 'views'\n> & {\n collectionState: CollectionState<any>;\n reportBi?: ReportBiFn;\n};\n\nexport const useCommonCollectionFeatures = ({\n actionCell: actionCellConfig,\n bulkActionToolbar: bulkActionToolbarConfig,\n toolbarTitle,\n search,\n emptyState: emptyStateConfig,\n collection,\n collectionState,\n views: viewsConfig,\n reportBi,\n}: UseCommonCollectionFeaturesParams) => {\n const optimisticActions = useAutoPatternsOptimisticActions({\n collectionConfig: collection,\n collectionState,\n });\n\n const { emptyState } = useEmptyStates(emptyStateConfig);\n const actionCell = useActionCell({\n config: actionCellConfig,\n collectionId: collection.collectionId,\n });\n\n const bulkActionToolbar = useBulkActionToolbar({\n config: bulkActionToolbarConfig,\n collectionId: collection.collectionId,\n reportBi,\n });\n\n const views = useViews(viewsConfig);\n\n const shouldShowTitle = toolbarTitle && !views;\n\n const title = shouldShowTitle ? (\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 ) : undefined;\n\n return {\n search: search?.shown !== false,\n title,\n views,\n emptyState,\n actionCell,\n bulkActionToolbar,\n optimisticActions,\n };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useFiltersState.js CHANGED Viewed

@@ -1,9 +1,14 @@
-import { useSchema, useSchemaRegistry } from '../providers';
 import React from 'react';
-import { createBooleanFilter, createDateTimeFilter, createEnumFilter, createNumberFilter, createReferenceFilter } from '../utils/filterCreators';
+import { FilterOperator } from '@wix/patterns';
+import { createBooleanFilter, createDateTimeFilter, createEnumFilter, createNumberFilter, createOperatorFilter, createReferenceFilter, createHasValueFilter } from '../utils/filterCreators';
+import { useSchema, useSchemaRegistry } from '../providers';
+import { useAutoPatternsAppContainer } from '../components/AutoPatternsApp/AutoPatternsAppContainerProvider';
 export function useFiltersState(config) {
   const schema = useSchema();
   const schemaRegistry = useSchemaRegistry();
+  const {
+    translate: t
+  } = useAutoPatternsAppContainer();
   const [filters] = React.useState(() => {
     const currFilters = [];
     config == null || config.items.forEach(filter => {
@@ -53,6 +58,16 @@ export function useFiltersState(config) {
             config: filter.booleanConfig
           }));
           break;
+        case 'RICH_CONTENT':
+        case 'TIME':
+        case 'DOCUMENT':
+        case 'MULTI_DOCUMENT':
+          currFilters.push(createHasValueFilter({
+            ...baseParams,
+            hasValueLabel: t('auto-patterns.filters.has_value'),
+            noValueLabel: t('auto-patterns.filters.no_value')
+          }));
+          break;
         case 'NUMBER':
           currFilters.push(createNumberFilter({
             ...baseParams,
@@ -60,6 +75,7 @@ export function useFiltersState(config) {
           }));
           break;
         case 'REFERENCE':
+        case 'MULTI_REFERENCE':
           {
             const {
               referencedCollectionId
@@ -76,6 +92,17 @@ export function useFiltersState(config) {
             }
             break;
           }
+        case 'RICH_TEXT':
+        case 'ADDRESS':
+          {
+            currFilters.push(createOperatorFilter({
+              ...baseParams,
+              additionalParams: {
+                operators: [FilterOperator.CONTAINS, FilterOperator.NOT_CONTAINS, FilterOperator.IS_EMPTY, FilterOperator.EXISTS]
+              }
+            }));
+            break;
+          }
         default:
           if (filter != null && filter.enumConfig) {
             currFilters.push(createEnumFilter({

package/dist/esm/hooks/useFiltersState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~useSchema~~","~~useSchemaRegistry~~","~~React","~~createBooleanFilter","createDateTimeFilter","createEnumFilter","createNumberFilter","createReferenceFilter","useFiltersState","config","schema","schemaRegistry","filters","useState","currFilters","items","forEach","filter","id","fieldId","fieldDefinition","fields","label","displayName","openByDefault","tagLabel","sectionTitle","baseParams","commonFilterProps","initiallyOpen","accordionItemProps","toolbarItemProps","toolbarTagProps","type","push","dateConfig","booleanConfig","numberConfig","referencedCollectionId","referenceMetadata","referencedSchema","getSchema","dynamicOptionsConfig","additionalParams","enumConfig","filterFieldMapping","useMemo","reduce","acc","filtersObject","key"],"sources":["../../../src/hooks/useFiltersState.ts"],"sourcesContent":["import { ~~useSchema, useSchemaRegistry }~~ from '~~../providers~~';\nimport ~~React~~ from '~~react~~';\nimport {\n createBooleanFilter,\n createDateTimeFilter,\n createEnumFilter,\n createNumberFilter,\n createReferenceFilter,\n} from '../utils/filterCreators';\nimport {\n DateFilterConfig,\n DynamicOptionsFilterConfig,\n EnumFilterConfig,\n Field,\n Filter as SchemaFilterType,\n FiltersConfig,\n} from '../types';\nimport { ~~Filter~~ } from '~~@wix~~/~~patterns~~';\n\nexport interface FilterOptions {\n key: string;\n fieldId: string;\n fieldDefinition: Field;\n filter: Filter<any>;\n collectionData?: { id: string; name: string }[];\n collectionId?: string;\n componentName?: string;\n props: Record<string, any>;\n dateConfig?: DateFilterConfig;\n enumConfig?: EnumFilterConfig;\n dynamicOptionsFilterConfig?: DynamicOptionsFilterConfig;\n}\n\nexport function useFiltersState(config?: FiltersConfig) {\n const schema = useSchema();\n const schemaRegistry = useSchemaRegistry();\n const [filters] = React.useState(() => {\n const currFilters: FilterOptions[] = [];\n config?.items.forEach((filter) => {\n const { id, fieldId } = filter;\n const fieldDefinition = schema.fields[fieldId];\n if (!fieldDefinition) {\n return;\n }\n\n const label = filter.displayName \|\| fieldDefinition.displayName;\n const { openByDefault, tagLabel, sectionTitle } = filter;\n\n const baseParams = {\n id,\n fieldId,\n fieldDefinition,\n commonFilterProps: {\n sectionTitle,\n initiallyOpen: openByDefault,\n accordionItemProps: { label },\n toolbarItemProps: { label },\n toolbarTagProps: { label: tagLabel },\n },\n };\n\n switch (fieldDefinition.type) {\n case 'DATE':\n case 'DATETIME':\n currFilters.push(\n createDateTimeFilter({\n ...baseParams,\n config: filter.dateConfig,\n }),\n );\n break;\n\n case 'BOOLEAN':\n currFilters.push(\n createBooleanFilter({\n ...baseParams,\n config: filter.booleanConfig,\n }),\n );\n break;\n\n case 'NUMBER':\n currFilters.push(\n createNumberFilter({\n ...baseParams,\n config: filter.numberConfig,\n }),\n );\n break;\n\n case 'REFERENCE': {\n const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n const referencedSchema = schemaRegistry.getSchema(\n referencedCollectionId,\n );\n\n if (referencedSchema) {\n currFilters.push(\n createReferenceFilter({\n ...baseParams,\n config: filter.dynamicOptionsConfig,\n additionalParams: {\n referencedSchema,\n },\n }),\n );\n }\n break;\n }\n\n default:\n if (filter?.enumConfig) {\n currFilters.push(\n createEnumFilter({\n ...baseParams,\n config: filter.enumConfig,\n }),\n );\n }\n break;\n }\n });\n return currFilters;\n });\n\n const filterFieldMapping = React.useMemo(() => {\n return config?.items.reduce((acc, filter) => {\n acc[filter.id] = filter;\n return acc;\n }, {} as Record<string, SchemaFilterType>);\n }, [config?.items]);\n\n const filtersObject = filters.reduce((acc, filter) => {\n acc[filter.key] = filter.filter;\n return acc;\n }, {} as { [key: string]: Filter<any> });\n\n return { filters, filterFieldMapping, filtersObject };\n}\n"],"mappings":"AAAA,~~SAASA~~,~~SAAS~~,~~EAAEC~~,~~iBAAiB~~,~~QAAQ~~,cAAc~~;AAC3D~~,~~OAAOC~~,~~KAAK,MAAM,OAAO~~;~~AACzB~~,SACEC,mBAAmB,EACnBC,oBAAoB,EACpBC,gBAAgB,EAChBC,kBAAkB,EAClBC,qBAAqB,~~QAChB~~,yBAAyB;~~AAyBhC~~,OAAO,SAASC,eAAeA,CAACC,MAAsB,EAAE;EACtD,MAAMC,MAAM,~~GAAGV~~,SAAS,CAAC,CAAC;EAC1B,~~MAAMW~~,cAAc,~~GAAGV~~,iBAAiB,CAAC,CAAC;EAC1C,MAAM,~~CAACW~~,OAAO,CAAC,~~GAAGV~~,KAAK,~~CAACW~~,QAAQ,CAAC,MAAM;IACrC,MAAMC,WAA4B,GAAG,EAAE;~~IACvCL~~,MAAM,YAANA,MAAM,~~CAAEM~~,KAAK,CAACC,OAAO,CAAEC,MAAM,IAAK;MAChC,MAAM;QAAEC,EAAE;QAAEC;MAAQ,CAAC,GAAGF,MAAM;MAC9B,MAAMG,eAAe,~~GAAGV~~,MAAM,~~CAACW~~,MAAM,CAACF,OAAO,CAAC;MAC9C,IAAI,CAACC,eAAe,EAAE;QACpB;MACF;MAEA,MAAME,KAAK,GAAGL,MAAM,CAACM,WAAW,IAAIH,eAAe,CAACG,WAAW;MAC/D,MAAM;QAAEC,aAAa;QAAEC,QAAQ;QAAEC;MAAa,CAAC,GAAGT,MAAM;MAExD,MAAMU,UAAU,GAAG;QACjBT,EAAE;QACFC,OAAO;QACPC,eAAe;QACfQ,iBAAiB,EAAE;UACjBF,YAAY;UACZG,aAAa,EAAEL,aAAa;UAC5BM,kBAAkB,EAAE;YAAER;UAAM,CAAC;UAC7BS,gBAAgB,EAAE;YAAET;UAAM,CAAC;UAC3BU,eAAe,EAAE;YAAEV,KAAK,EAAEG;UAAS;QACrC;MACF,CAAC;MAED,QAAQL,eAAe,CAACa,IAAI;QAC1B,KAAK,MAAM;QACX,KAAK,UAAU;UACbnB,WAAW,CAACoB,IAAI,~~CACd9B~~,oBAAoB,CAAC;YACnB,~~GAAGuB~~,UAAU;~~YACblB~~,MAAM,~~EAAEQ~~,MAAM,CAACkB;UACjB,CAAC,CACH,CAAC;UACD;QAEF,KAAK,SAAS;UACZrB,WAAW,CAACoB,IAAI,~~CACd/B~~,mBAAmB,CAAC;YAClB,~~GAAGwB~~,UAAU;~~YACblB~~,MAAM,~~EAAEQ~~,MAAM,CAACmB;UACjB,CAAC,CACH,CAAC;UACD;QAEF,KAAK,QAAQ;~~UACXtB~~,WAAW,CAACoB,IAAI,~~CACd5B~~,kBAAkB,CAAC;YACjB,~~GAAGqB~~,UAAU;~~YACblB~~,MAAM,~~EAAEQ~~,MAAM,~~CAACoB~~;UACjB,CAAC,CACH,CAAC;UACD;QAEF,KAAK,WAAW;UAAE;~~YAChB~~,MAAM;cAAEC;YAAuB,CAAC,~~GAAGlB~~,eAAe,~~CAACmB~~,iBAAiB;YACpE,MAAMC,gBAAgB,~~GAAG7B~~,cAAc,~~CAAC8B~~,SAAS,CAC/CH,sBACF,CAAC;YAED,IAAIE,gBAAgB,EAAE;~~cACpB1B~~,WAAW,CAACoB,IAAI,~~CACd3B~~,qBAAqB,CAAC;gBACpB,~~GAAGoB~~,UAAU;~~gBACblB~~,MAAM,~~EAAEQ~~,MAAM,~~CAACyB~~,oBAAoB;gBACnCC,gBAAgB,EAAE;kBAChBH;gBACF;cACF,CAAC,CACH,CAAC;YACH;YACA;UACF;QAEA;UACE,~~IAAIvB~~,MAAM,YAANA,MAAM,~~CAAE2B~~,UAAU,EAAE;~~YACtB9B~~,WAAW,CAACoB,IAAI,~~CACd7B~~,gBAAgB,CAAC;cACf,~~GAAGsB~~,UAAU;~~cACblB~~,MAAM,~~EAAEQ~~,MAAM,~~CAAC2B~~;YACjB,CAAC,CACH,CAAC;UACH;UACA;MACJ;IACF,CAAC,CAAC;IACF,~~OAAO9B~~,WAAW;EACpB,CAAC,CAAC;EAEF,~~MAAM+B~~,kBAAkB,~~GAAG3C~~,KAAK,~~CAAC4C~~,OAAO,CAAC,MAAM;IAC7C,~~OAAOrC~~,MAAM,oBAANA,MAAM,~~CAAEM~~,KAAK,~~CAACgC~~,MAAM,CAAC,CAACC,GAAG,~~EAAE/B~~,MAAM,KAAK;~~MAC3C+B~~,GAAG,~~CAAC/B~~,MAAM,CAACC,EAAE,CAAC,GAAGD,MAAM;MACvB,~~OAAO+B~~,GAAG;IACZ,CAAC,EAAE,CAAC,CAAqC,CAAC;EAC5C,CAAC,EAAE,~~CAACvC~~,MAAM,oBAANA,MAAM,~~CAAEM~~,KAAK,CAAC,CAAC;EAEnB,~~MAAMkC~~,aAAa,~~GAAGrC~~,OAAO,~~CAACmC~~,MAAM,CAAC,CAACC,GAAG,~~EAAE/B~~,MAAM,KAAK;~~IACpD+B~~,GAAG,~~CAAC/B~~,MAAM,~~CAACiC~~,GAAG,CAAC,~~GAAGjC~~,MAAM,CAACA,MAAM;IAC/B,~~OAAO+B~~,GAAG;EACZ,CAAC,EAAE,CAAC,CAAmC,CAAC;EAExC,OAAO;~~IAAEpC~~,OAAO;~~IAAEiC~~,kBAAkB;IAAEI;EAAc,CAAC;AACvD","ignoreList":[]}
1	+ {"version":3,"names":["React","FilterOperator","createBooleanFilter","createDateTimeFilter","createEnumFilter","createNumberFilter","createOperatorFilter","createReferenceFilter","createHasValueFilter","useSchema","useSchemaRegistry","useAutoPatternsAppContainer","useFiltersState","config","schema","schemaRegistry","translate","t","filters","useState","currFilters","items","forEach","filter","id","fieldId","fieldDefinition","fields","label","displayName","openByDefault","tagLabel","sectionTitle","baseParams","commonFilterProps","initiallyOpen","accordionItemProps","toolbarItemProps","toolbarTagProps","type","push","dateConfig","booleanConfig","hasValueLabel","noValueLabel","numberConfig","referencedCollectionId","referenceMetadata","referencedSchema","getSchema","dynamicOptionsConfig","additionalParams","operators","CONTAINS","NOT_CONTAINS","IS_EMPTY","EXISTS","enumConfig","filterFieldMapping","useMemo","reduce","acc","filtersObject","key"],"sources":["../../../src/hooks/useFiltersState.ts"],"sourcesContent":["import React from 'react';\nimport { Filter, FilterOperator } from '@wix/patterns';\nimport {\n createBooleanFilter,\n createDateTimeFilter,\n createEnumFilter,\n createNumberFilter,\n createOperatorFilter,\n createReferenceFilter,\n createHasValueFilter,\n} from '../utils/filterCreators';\nimport {\n DateFilterConfig,\n DynamicOptionsFilterConfig,\n EnumFilterConfig,\n Field,\n Filter as SchemaFilterType,\n FiltersConfig,\n} from '../types';\nimport { useSchema, useSchemaRegistry } from '../providers';\nimport { useAutoPatternsAppContainer } from '../components/AutoPatternsApp/AutoPatternsAppContainerProvider';\n\nexport interface FilterOptions {\n key: string;\n fieldId: string;\n fieldDefinition: Field;\n filter: Filter<any>;\n collectionData?: { id: string; name: string }[];\n collectionId?: string;\n componentName?: string;\n props: Record<string, any>;\n dateConfig?: DateFilterConfig;\n enumConfig?: EnumFilterConfig;\n dynamicOptionsFilterConfig?: DynamicOptionsFilterConfig;\n}\n\nexport function useFiltersState(config?: FiltersConfig) {\n const schema = useSchema();\n const schemaRegistry = useSchemaRegistry();\n const { translate: t } = useAutoPatternsAppContainer();\n const [filters] = React.useState(() => {\n const currFilters: FilterOptions[] = [];\n config?.items.forEach((filter) => {\n const { id, fieldId } = filter;\n const fieldDefinition = schema.fields[fieldId];\n if (!fieldDefinition) {\n return;\n }\n\n const label = filter.displayName \|\| fieldDefinition.displayName;\n const { openByDefault, tagLabel, sectionTitle } = filter;\n\n const baseParams = {\n id,\n fieldId,\n fieldDefinition,\n commonFilterProps: {\n sectionTitle,\n initiallyOpen: openByDefault,\n accordionItemProps: { label },\n toolbarItemProps: { label },\n toolbarTagProps: { label: tagLabel },\n },\n };\n\n switch (fieldDefinition.type) {\n case 'DATE':\n case 'DATETIME':\n currFilters.push(\n createDateTimeFilter({\n ...baseParams,\n config: filter.dateConfig,\n }),\n );\n break;\n\n case 'BOOLEAN':\n currFilters.push(\n createBooleanFilter({\n ...baseParams,\n config: filter.booleanConfig,\n }),\n );\n break;\n\n case 'RICH_CONTENT':\n case 'TIME':\n case 'DOCUMENT':\n case 'MULTI_DOCUMENT':\n currFilters.push(\n createHasValueFilter({\n ...baseParams,\n hasValueLabel: t('auto-patterns.filters.has_value'),\n noValueLabel: t('auto-patterns.filters.no_value'),\n }),\n );\n break;\n\n case 'NUMBER':\n currFilters.push(\n createNumberFilter({\n ...baseParams,\n config: filter.numberConfig,\n }),\n );\n break;\n\n case 'REFERENCE':\n case 'MULTI_REFERENCE': {\n const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n const referencedSchema = schemaRegistry.getSchema(\n referencedCollectionId,\n );\n\n if (referencedSchema) {\n currFilters.push(\n createReferenceFilter({\n ...baseParams,\n config: filter.dynamicOptionsConfig,\n additionalParams: {\n referencedSchema,\n },\n }),\n );\n }\n break;\n }\n\n case 'RICH_TEXT':\n case 'ADDRESS': {\n currFilters.push(\n createOperatorFilter({\n ...baseParams,\n additionalParams: {\n operators: [\n FilterOperator.CONTAINS,\n FilterOperator.NOT_CONTAINS,\n FilterOperator.IS_EMPTY,\n FilterOperator.EXISTS,\n ],\n },\n }),\n );\n break;\n }\n\n default:\n if (filter?.enumConfig) {\n currFilters.push(\n createEnumFilter({\n ...baseParams,\n config: filter.enumConfig,\n }),\n );\n }\n break;\n }\n });\n return currFilters;\n });\n\n const filterFieldMapping = React.useMemo(() => {\n return config?.items.reduce((acc, filter) => {\n acc[filter.id] = filter;\n return acc;\n }, {} as Record<string, SchemaFilterType>);\n }, [config?.items]);\n\n const filtersObject = filters.reduce((acc, filter) => {\n acc[filter.key] = filter.filter;\n return acc;\n }, {} as { [key: string]: Filter<any> });\n\n return { filters, filterFieldMapping, filtersObject };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/usePagePath.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
 export const usePagePath = configuration => {
   const getPagePath = useCallback(pageId => {
-    var _currentPage$collecti, _currentPage$entityPa;
+    var _currentPage$collecti, _currentPage$entityPa, _currentPage$settings;
     if (!pageId) {
       return '/';
     }
@@ -14,6 +14,9 @@ export const usePagePath = configuration => {
       case 'entityPage':
         path = `${(_currentPage$entityPa = currentPage.entityPage) == null ? void 0 : _currentPage$entityPa.route.path}?`;
         break;
+      case 'settingsPage':
+        path = (_currentPage$settings = currentPage.settingsPage) == null ? void 0 : _currentPage$settings.route.path;
+        break;
       default:
         path = undefined;
     }

package/dist/esm/hooks/usePagePath.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useCallback","usePagePath","configuration","getPagePath","pageId","_currentPage$collecti","_currentPage$entityPa","currentPage","pages","find","page","id","path","type","collectionPage","route","entityPage","undefined","process","env","NODE_ENV"],"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,SAASA,WAAW,QAAQ,OAAO;AAGnC,OAAO,MAAMC,WAAW,GAAIC,aAAwB,IAAK;EACvD,MAAMC,WAAW,GAAGH,WAAW,CAC5BI,MAAe,IAAK;IAAA,IAAAC,qBAAA,EAAAC,qBAAA;IACnB,IAAI,~~CAACF~~,MAAM,EAAE;MACX,OAAO,GAAG;IACZ;IAEA,~~MAAMG~~,WAAW,~~GAAGL~~,aAAa,~~CAACM~~,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,~~CAACV~~,aAAa,CAChB,CAAC;EAED,OAAO;IAAEC;EAAY,CAAC;AACxB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useCallback","usePagePath","configuration","getPagePath","pageId","_currentPage$collecti","_currentPage$entityPa","_currentPage$settings","currentPage","pages","find","page","id","path","type","collectionPage","route","entityPage","settingsPage","undefined","process","env","NODE_ENV"],"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 case 'settingsPage':\n path = currentPage.settingsPage?.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,SAASA,WAAW,QAAQ,OAAO;AAGnC,OAAO,MAAMC,WAAW,GAAIC,aAAwB,IAAK;EACvD,MAAMC,WAAW,GAAGH,WAAW,CAC5BI,MAAe,IAAK;IAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,qBAAA;IACnB,IAAI,CAACH,MAAM,EAAE;MACX,OAAO,GAAG;IACZ;IAEA,MAAMI,WAAW,GAAGN,aAAa,CAACO,KAAK,CAACC,IAAI,CACzCC,IAAI,IAAKA,IAAI,CAACC,EAAE,KAAKR,MACxB,CAAC;IAED,IAAIS,IAAI;IACR,QAAQL,WAAW,oBAAXA,WAAW,CAAEM,IAAI;MACvB,KAAK,gBAAgB;QACnBD,IAAI,IAAAR,qBAAA,GAAGG,WAAW,CAACO,cAAc,qBAA1BV,qBAAA,CAA4BW,KAAK,CAACH,IAAI;QAC7C;MACF,KAAK,YAAY;QACfA,IAAI,GAAG,IAAAP,qBAAA,GAAGE,WAAW,CAACS,UAAU,qBAAtBX,qBAAA,CAAwBU,KAAK,CAACH,IAAI,GAAG;QAC/C;MACF,KAAK,cAAc;QACjBA,IAAI,IAAAN,qBAAA,GAAGC,WAAW,CAACU,YAAY,qBAAxBX,qBAAA,CAA0BS,KAAK,CAACH,IAAI;QAC3C;MACF;QACEA,IAAI,GAAGM,SAAS;IACpB;IAEA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;MACnC;MACA,OAAOT,IAAI,IAAI,GAAG;IACpB;IAEA,OAAOA,IAAI;EACb,CAAC,EACD,CAACX,aAAa,CAChB,CAAC;EAED,OAAO;IAAEC;EAAY,CAAC;AACxB,CAAC","ignoreList":[]}

package/dist/esm/hooks/useReferenceField.js ADDED Viewed

@@ -0,0 +1,66 @@
+import React, { useEffect } from 'react';
+import { listItemSelectBuilder } from '@wix/design-system';
+import { useCollection, useSelector } from '@wix/patterns';
+import { useSchemaRegistry } from '../providers';
+import { fetchReferenceItems } from '../utils/schema';
+import { ReferenceAvatar } from '../components/ReferenceAvatar';
+import { useAutoPatternsAppContainer } from '../components/AutoPatternsApp/AutoPatternsAppContainerProvider';
+export const useReferenceField = _ref => {
+  var _field$referenceMetad;
+  let {
+    field
+  } = _ref;
+  const {
+    translate: t
+  } = useAutoPatternsAppContainer();
+  const {
+    getSchema
+  } = useSchemaRegistry();
+  const referencedCollectionId = (_field$referenceMetad = field.referenceMetadata) == null ? void 0 : _field$referenceMetad.referencedCollectionId;
+  const referencedSchema = referencedCollectionId ? getSchema(referencedCollectionId) : undefined;
+  const collection = useCollection({
+    queryName: `reference-input-${field.id}-${referencedCollectionId}`,
+    itemKey: item => item.id,
+    itemName: item => item.name,
+    fetchData: async query => {
+      if (!referencedSchema || !referencedCollectionId) {
+        return {
+          items: [],
+          total: 0
+        };
+      }
+      return fetchReferenceItems(referencedCollectionId, query, referencedSchema);
+    }
+  });
+  useEffect(() => {
+    return collection.init();
+  }, [collection]);
+  const keyedItems = useSelector(() => collection.result.keyedItems);
+  const showInitialLoader = useSelector(() => collection.showInitialLoader || collection.result.status.isLoading);
+  const fetchedLastPage = useSelector(() => collection.fetchedLastPage);
+  const searchValue = useSelector(() => collection.query.search.value);
+  const idField = (referencedSchema == null ? void 0 : referencedSchema.idField) || 'id';
+  const displayField = (referencedSchema == null ? void 0 : referencedSchema.displayField) || 'name';
+  const options = keyedItems.map(keyedItem => listItemSelectBuilder({
+    id: keyedItem.key,
+    title: keyedItem.item.name,
+    prefix: /*#__PURE__*/React.createElement(ReferenceAvatar, {
+      name: keyedItem.item.name,
+      image: keyedItem.item.image
+    })
+  }));
+  const placeholder = t('auto-patterns.fields.select_placeholder');
+  return {
+    collection,
+    referencedSchema,
+    idField,
+    displayField,
+    keyedItems,
+    showInitialLoader,
+    fetchedLastPage,
+    searchValue,
+    options,
+    placeholder
+  };
+};
+//# sourceMappingURL=useReferenceField.js.map

package/dist/esm/hooks/useReferenceField.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","useEffect","listItemSelectBuilder","useCollection","useSelector","useSchemaRegistry","fetchReferenceItems","ReferenceAvatar","useAutoPatternsAppContainer","useReferenceField","_ref","_field$referenceMetad","field","translate","t","getSchema","referencedCollectionId","referenceMetadata","referencedSchema","undefined","collection","queryName","id","itemKey","item","itemName","name","fetchData","query","items","total","init","keyedItems","result","showInitialLoader","status","isLoading","fetchedLastPage","searchValue","search","value","idField","displayField","options","map","keyedItem","key","title","prefix","createElement","image","placeholder"],"sources":["../../../src/hooks/useReferenceField.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { listItemSelectBuilder } from '@wix/design-system';\nimport { useCollection, useSelector } from '@wix/patterns';\nimport { useSchemaRegistry } from '../providers';\nimport { BaseReferenceField, SchemaConfig } from '../types';\nimport { fetchReferenceItems, ReferenceItem } from '../utils/schema';\nimport { ReferenceAvatar } from '../components/ReferenceAvatar';\nimport { useAutoPatternsAppContainer } from '../components/AutoPatternsApp/AutoPatternsAppContainerProvider';\n\nexport interface UseReferenceFieldParams {\n field: BaseReferenceField;\n}\n\nexport interface UseReferenceFieldResult {\n collection: ReturnType<typeof useCollection<ReferenceItem>>;\n referencedSchema: SchemaConfig | undefined;\n idField: string;\n displayField: string;\n keyedItems: ReturnType<\n typeof useCollection<ReferenceItem>\n >['result']['keyedItems'];\n showInitialLoader: boolean;\n fetchedLastPage: boolean;\n searchValue: string;\n options: ReturnType<typeof listItemSelectBuilder>[];\n placeholder: string;\n}\n\nexport const useReferenceField = ({\n field,\n}: UseReferenceFieldParams): UseReferenceFieldResult => {\n const { translate: t } = useAutoPatternsAppContainer();\n const { getSchema } = useSchemaRegistry();\n\n const referencedCollectionId =\n field.referenceMetadata?.referencedCollectionId;\n const referencedSchema = referencedCollectionId\n ? getSchema(referencedCollectionId)\n : undefined;\n\n const collection = useCollection<ReferenceItem>({\n queryName: `reference-input-${field.id}-${referencedCollectionId}`,\n itemKey: (item) => item.id,\n itemName: (item) => item.name,\n fetchData: async (query) => {\n if (!referencedSchema || !referencedCollectionId) {\n return { items: [], total: 0 };\n }\n return fetchReferenceItems(\n referencedCollectionId,\n query,\n referencedSchema,\n );\n },\n });\n\n useEffect(() => {\n return collection.init();\n }, [collection]);\n\n const keyedItems = useSelector(() => collection.result.keyedItems);\n const showInitialLoader = useSelector(\n () => collection.showInitialLoader || collection.result.status.isLoading,\n );\n const fetchedLastPage = useSelector(() => collection.fetchedLastPage);\n const searchValue = useSelector(() => collection.query.search.value);\n\n const idField = referencedSchema?.idField || 'id';\n const displayField = referencedSchema?.displayField || 'name';\n\n const options = keyedItems.map((keyedItem) =>\n listItemSelectBuilder({\n id: keyedItem.key,\n title: keyedItem.item.name,\n prefix: (\n <ReferenceAvatar\n name={keyedItem.item.name}\n image={keyedItem.item.image}\n />\n ),\n }),\n );\n\n const placeholder = t('auto-patterns.fields.select_placeholder');\n\n return {\n collection,\n referencedSchema,\n idField,\n displayField,\n keyedItems,\n showInitialLoader,\n fetchedLastPage,\n searchValue,\n options,\n placeholder,\n };\n};\n"],"mappings":"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","ignoreList":[]}