npm - @wix/auto-patterns - Versions diffs - 1.45.0 → 1.47.0 - Mend

@wix/auto-patterns 1.45.0 → 1.47.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 (1949) hide show

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 { AudioView, 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,38 @@ 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
+        });
+      case 'AUDIO':
+        return /*#__PURE__*/React.createElement(AudioView, {
+          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","AudioView","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 AudioView,\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 case 'AUDIO':\n return <AudioView 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":"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;AACrC,OAAO,sBAAsB;AAE7B,cAAc,cAAc;AAiB5B,OAAO,MAAMC,2BAA2B,GAAGC,IAAA,IAUF;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EAAA,IAVG;IAC1CC,UAAU,EAAEC,gBAAgB;IAC5BC,iBAAiB,EAAEC,uBAAuB;IAC1CC,YAAY;IACZC,MAAM;IACNC,UAAU,EAAEC,gBAAgB;IAC5BC,UAAU;IACVC,eAAe;IACfC,KAAK,EAAEC,WAAW;IAClBC;EACiC,CAAC,GAAApB,IAAA;EAClC,MAAMqB,iBAAiB,GAAGxB,gCAAgC,CAAC;IACzDyB,gBAAgB,EAAEN,UAAU;IAC5BC;EACF,CAAC,CAAC;EAEF,MAAM;IAAEH;EAAW,CAAC,GAAGxB,cAAc,CAACyB,gBAAgB,CAAC;EACvD,MAAMP,UAAU,GAAGb,aAAa,CAAC;IAC/B4B,MAAM,EAAEd,gBAAgB;IACxBe,YAAY,EAAER,UAAU,CAACQ;EAC3B,CAAC,CAAC;EAEF,MAAMd,iBAAiB,GAAGd,oBAAoB,CAAC;IAC7C2B,MAAM,EAAEZ,uBAAuB;IAC/Ba,YAAY,EAAER,UAAU,CAACQ,YAAY;IACrCJ;EACF,CAAC,CAAC;EAEF,MAAMF,KAAK,GAAGpB,QAAQ,CAACqB,WAAW,CAAC;EAEnC,MAAMM,eAAe,GAAGb,YAAY,IAAI,CAACM,KAAK;EAE9C,MAAMQ,KAAK,GAAGD,eAAe,gBAC3BpC,KAAA,CAAAsC,aAAA,CAACpC,YAAY;IACXmC,KAAK,EAAEd,YAAY,CAACc,KAAM;IAC1BE,QAAQ,EAAE;MACRC,IAAI,EAAE,EAAA5B,qBAAA,GAAAW,YAAY,CAACgB,QAAQ,qBAArB3B,qBAAA,CAAuB4B,IAAI,KAAI,EAAE;MACvCC,SAAS,GAAA5B,sBAAA,GAAEU,YAAY,CAACgB,QAAQ,qBAArB1B,sBAAA,CAAuB4B,SAAS;MAC3CC,IAAI,EAAE,EAAA5B,sBAAA,GAAAS,YAAY,CAACgB,QAAQ,qBAArBzB,sBAAA,CAAuB4B,IAAI,KAAI;QACnCC,OAAO,eACL3C,KAAA,CAAAsC,aAAA,CAACnC,GAAG;UAACyC,SAAS,EAAC,UAAU;UAACC,GAAG,EAAC;QAAK,gBACjC7C,KAAA,CAAAsC,aAAA,CAAClC,IAAI;UACH0C,QAAQ,EAAC,qCAAqC;UAC9CC,KAAK;UACLC,IAAI,EAAC;QAAO,IAAAjC,sBAAA,GAEXQ,YAAY,CAACgB,QAAQ,cAAAxB,sBAAA,GAArBA,sBAAA,CAAuB2B,IAAI,qBAA3B3B,sBAAA,CAA6B4B,OAAO,CAACH,IAClC,CAAC,EACN,EAAAxB,sBAAA,GAAAO,YAAY,CAACgB,QAAQ,cAAAvB,sBAAA,GAArBA,sBAAA,CAAuB0B,IAAI,qBAA3B1B,sBAAA,CAA6B2B,OAAO,CAACM,IAAI,kBACxCjD,KAAA,CAAAsC,aAAA,CAACjC,UAAU;UACTyC,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,GAAAtC,sBAAA,GAAEM,YAAY,CAACgB,QAAQ,cAAAtB,sBAAA,GAArBA,sBAAA,CAAuByB,IAAI,qBAA3BzB,sBAAA,CAA6B0B,OAAO,CAACM,IAAI,CAACO;QAAI,IAAAtC,sBAAA,GAEnDK,YAAY,CAACgB,QAAQ,cAAArB,sBAAA,GAArBA,sBAAA,CAAuBwB,IAAI,qBAA3BxB,sBAAA,CAA6ByB,OAAO,CAACM,IAAI,CAACQ,KACjC,CAEX;MAET;IACF,CAAE;IACFC,UAAU,EAAEnC,YAAY,CAACmC,UAAW;IACpCC,SAAS,EAAEpC,YAAY,CAACoC;EAAU,CACnC,CAAC,GACAC,SAAS;EAEb,OAAO;IACLpC,MAAM,EAAE,CAAAA,MAAM,oBAANA,MAAM,CAAEqC,KAAK,MAAK,KAAK;IAC/BxB,KAAK;IACLR,KAAK;IACLJ,UAAU;IACVN,UAAU;IACVE,iBAAiB;IACjBW;EACF,CAAC;AACH,CAAC","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,17 @@ export function useFiltersState(config) {
             config: filter.booleanConfig
           }));
           break;
+        case 'RICH_CONTENT':
+        case 'TIME':
+        case 'DOCUMENT':
+        case 'MULTI_DOCUMENT':
+        case 'AUDIO':
+          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 +76,7 @@ export function useFiltersState(config) {
           }));
           break;
         case 'REFERENCE':
+        case 'MULTI_REFERENCE':
           {
             const {
               referencedCollectionId
@@ -76,6 +93,18 @@ export function useFiltersState(config) {
             }
             break;
           }
+        case 'RICH_TEXT':
+        case 'ADDRESS':
+        case 'EMAIL':
+          {
+            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 case 'AUDIO':\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 case 'EMAIL': {\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/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":[]}

package/dist/esm/providers/SchemaRegistryContext.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useCallback, useMemo } from 'react';
+import React, { createContext, useContext, useCallback, useRef } from 'react';
 const SchemaRegistryContext = /*#__PURE__*/createContext({
   getSchema: () => undefined,
   addSchema: () => {}
@@ -7,17 +7,16 @@ export const SchemaRegistryProvider = _ref => {
   let {
     children
   } = _ref;
-  const [registry, setRegistry] = useState({});
+  const registryRef = useRef({});
   const addSchema = useCallback((collectionId, schema) => {
-    setRegistry(prevRegistry => ({
-      ...prevRegistry,
-      [collectionId]: schema
-    }));
+    if (!registryRef.current[collectionId]) {
+      registryRef.current[collectionId] = schema;
+    }
   }, []);
   const getSchema = useCallback(collectionId => {
-    return registry == null ? void 0 : registry[collectionId];
-  }, [registry]);
-  const contextValue = useMemo(() => ({
+    return registryRef.current[collectionId];
+  }, []);
+  const contextValue = React.useMemo(() => ({
     getSchema,
     addSchema
   }), [getSchema, addSchema]);
@@ -28,7 +27,7 @@ export const SchemaRegistryProvider = _ref => {
 export const useSchemaRegistry = () => {
   const context = useContext(SchemaRegistryContext);
   if (!context) {
-    throw new Error('useSchemaRegistry must be used within a UseRegistryProvider');
+    throw new Error('useSchemaRegistry must be used within a SchemaRegistryProvider');
   }
   return context;
 };

package/dist/esm/providers/SchemaRegistryContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","createContext","useContext","~~useState","~~useCallback","~~useMemo~~","SchemaRegistryContext","getSchema","undefined","addSchema","SchemaRegistryProvider","_ref","children","~~registry~~","~~setRegistry","~~collectionId","schema","~~prevRegistry~~","contextValue","createElement","Provider","value","useSchemaRegistry","context","Error"],"sources":["../../../src/providers/SchemaRegistryContext.tsx"],"sourcesContent":["import React, {\n createContext,\n useContext,\n ~~useState,\n~~ ReactNode,\n useCallback,\n ~~useMemo~~,\n} from 'react';\n\nimport { SchemaConfig } from '../types';\n\nexport interface SchemaRegistryContextValue {\n getSchema: (collectionId: string) => SchemaConfig \| undefined;\n addSchema: (collectionId: string, schema: SchemaConfig) => void;\n}\n\nexport type SchemaRegistry = Record<string, SchemaConfig>;\n\nconst SchemaRegistryContext = createContext<SchemaRegistryContextValue>({\n getSchema: () => undefined,\n addSchema: () => {},\n});\n\nexport interface SchemaRegistryProviderProps {\n children: ReactNode;\n}\n\nexport const SchemaRegistryProvider = ({\n children,\n}: SchemaRegistryProviderProps) => {\n const ~~[registry,~~ ~~setRegistry]~~ = ~~useState~~<SchemaRegistry>({});\n\n const addSchema = useCallback(\n (collectionId: string, schema: SchemaConfig) => {\n ~~setRegistry~~(~~(prevRegistry~~) ~~=> (~~{\n ~~...prevRegistry,\n~~ [collectionId]: schema,\n }~~));\~~n },\n [],\n );\n\n const getSchema = useCallback(\n (collectionId: string) => {\n return ~~registry?.~~[collectionId];\n }~~,\n~~ [~~registry~~]~~,\n~~ );\n\n const contextValue = useMemo(\n () => ({\n getSchema~~,\n~~ addSchema~~,\n~~ }),\n [getSchema, addSchema],\n );\n\n return (\n <SchemaRegistryContext.Provider value={contextValue}>\n {children}\n </SchemaRegistryContext.Provider>\n );\n};\n\nexport const useSchemaRegistry = (): SchemaRegistryContextValue => {\n const context = useContext(SchemaRegistryContext);\n if (!context) {\n throw new Error(\n 'useSchemaRegistry must be used within a ~~UseRegistryProvider~~',\n );\n }\n return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,aAAa,EACbC,UAAU,~~EACVC~~,~~QAAQ,EAERC,~~WAAW,EACXC,~~OAAO~~,~~QACF~~,OAAO;AAWd,MAAMC,qBAAqB,~~gBAAGL~~,aAAa,CAA6B;~~EACtEM~~,SAAS,EAAEA,CAAA,KAAMC,SAAS;EAC1BC,SAAS,EAAEA,CAAA,KAAM,CAAC;AACpB,CAAC,CAAC;AAMF,OAAO,MAAMC,sBAAsB,GAAGC,IAAA,IAEH;EAAA,IAFI;IACrCC;EAC2B,CAAC,GAAAD,IAAA;EAC5B,~~MAAM~~,~~CAACE,QAAQ,EAAEC,~~WAAW,~~CAAC~~,~~GAAGX~~,~~QAAQ,~~CAAiB,CAAC,CAAC,CAAC;~~EAE5D~~,~~MAAMM~~,SAAS,GAAGL,WAAW,CAC3B,~~CAACW~~,YAAoB,EAAEC,MAAoB,KAAK;~~IAC9CF~~,WAAW,~~CAAEG~~,YAAY,~~KAAM~~;~~MAC7B~~,~~GAAGA~~,~~YAAY;MACf~~,CAACF,YAAY,~~GAAGC;IAClB,~~CAAC,~~CAAC~~,~~CAAC~~;~~EACL~~,CAAC,EACD,EACF,CAAC;EAED,~~MAAMT~~,SAAS,GAAGH,WAAW,~~CAC1BW~~,YAAoB,IAAK;~~IACxB~~,~~OAAOF~~,~~QAAQ~~,~~oBAARA~~,~~QAAQ~~,~~CAAGE~~,YAAY,CAAC;~~EACjC~~,CAAC,~~EACD~~,~~CAACF~~,~~QAAQ,CACX,~~CAAC;~~EAED~~,~~MAAMK~~,YAAY,~~GAAGb~~,OAAO,~~CAC1B~~,OAAO;~~IACLE~~,SAAS;~~IACTE~~;~~EACF~~,CAAC,CAAC,~~EACF~~,CAACF,SAAS,EAAEE,SAAS,CACvB,CAAC;EAED,~~oBACET~~,KAAA,~~CAAAmB~~,aAAA,CAACb,qBAAqB,CAACc,QAAQ;IAACC,KAAK,~~EAAEH~~;EAAa,~~GACjDN~~,QAC6B,CAAC;AAErC,CAAC;AAED,OAAO,MAAMU,iBAAiB,GAAGA,CAAA,KAAkC;EACjE,MAAMC,OAAO,~~GAAGrB~~,UAAU,~~CAACI~~,qBAAqB,CAAC;EACjD,IAAI,CAACiB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,~~6DACF~~,CAAC;EACH;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","createContext","useContext","useCallback","useRef","SchemaRegistryContext","getSchema","undefined","addSchema","SchemaRegistryProvider","_ref","children","registryRef","collectionId","schema","current","contextValue","useMemo","createElement","Provider","value","useSchemaRegistry","context","Error"],"sources":["../../../src/providers/SchemaRegistryContext.tsx"],"sourcesContent":["import React, {\n createContext,\n useContext,\n ReactNode,\n useCallback,\n useRef,\n} from 'react';\n\nimport { SchemaConfig } from '../types';\n\nexport interface SchemaRegistryContextValue {\n getSchema: (collectionId: string) => SchemaConfig \| undefined;\n addSchema: (collectionId: string, schema: SchemaConfig) => void;\n}\n\nexport type SchemaRegistry = Record<string, SchemaConfig>;\n\nconst SchemaRegistryContext = createContext<SchemaRegistryContextValue>({\n getSchema: () => undefined,\n addSchema: () => {},\n});\n\nexport interface SchemaRegistryProviderProps {\n children: ReactNode;\n}\n\nexport const SchemaRegistryProvider = ({\n children,\n}: SchemaRegistryProviderProps) => {\n const registryRef = useRef<SchemaRegistry>({});\n\n const addSchema = useCallback(\n (collectionId: string, schema: SchemaConfig) => {\n if (!registryRef.current[collectionId]) {\n registryRef.current[collectionId] = schema;\n }\n },\n [],\n );\n\n const getSchema = useCallback((collectionId: string) => {\n return registryRef.current[collectionId];\n }, []);\n\n const contextValue = React.useMemo(\n () => ({ getSchema, addSchema }),\n [getSchema, addSchema],\n );\n\n return (\n <SchemaRegistryContext.Provider value={contextValue}>\n {children}\n </SchemaRegistryContext.Provider>\n );\n};\n\nexport const useSchemaRegistry = (): SchemaRegistryContextValue => {\n const context = useContext(SchemaRegistryContext);\n if (!context) {\n throw new Error(\n 'useSchemaRegistry must be used within a SchemaRegistryProvider',\n );\n }\n return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,aAAa,EACbC,UAAU,EAEVC,WAAW,EACXC,MAAM,QACD,OAAO;AAWd,MAAMC,qBAAqB,gBAAGJ,aAAa,CAA6B;EACtEK,SAAS,EAAEA,CAAA,KAAMC,SAAS;EAC1BC,SAAS,EAAEA,CAAA,KAAM,CAAC;AACpB,CAAC,CAAC;AAMF,OAAO,MAAMC,sBAAsB,GAAGC,IAAA,IAEH;EAAA,IAFI;IACrCC;EAC2B,CAAC,GAAAD,IAAA;EAC5B,MAAME,WAAW,GAAGR,MAAM,CAAiB,CAAC,CAAC,CAAC;EAE9C,MAAMI,SAAS,GAAGL,WAAW,CAC3B,CAACU,YAAoB,EAAEC,MAAoB,KAAK;IAC9C,IAAI,CAACF,WAAW,CAACG,OAAO,CAACF,YAAY,CAAC,EAAE;MACtCD,WAAW,CAACG,OAAO,CAACF,YAAY,CAAC,GAAGC,MAAM;IAC5C;EACF,CAAC,EACD,EACF,CAAC;EAED,MAAMR,SAAS,GAAGH,WAAW,CAAEU,YAAoB,IAAK;IACtD,OAAOD,WAAW,CAACG,OAAO,CAACF,YAAY,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,YAAY,GAAGhB,KAAK,CAACiB,OAAO,CAChC,OAAO;IAAEX,SAAS;IAAEE;EAAU,CAAC,CAAC,EAChC,CAACF,SAAS,EAAEE,SAAS,CACvB,CAAC;EAED,oBACER,KAAA,CAAAkB,aAAA,CAACb,qBAAqB,CAACc,QAAQ;IAACC,KAAK,EAAEJ;EAAa,GACjDL,QAC6B,CAAC;AAErC,CAAC;AAED,OAAO,MAAMU,iBAAiB,GAAGA,CAAA,KAAkC;EACjE,MAAMC,OAAO,GAAGpB,UAAU,CAACG,qBAAqB,CAAC;EACjD,IAAI,CAACiB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,gEACF,CAAC;EACH;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/dist/esm/services/autoPatternsTranslations.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=autoPatternsTranslations.js.map

package/dist/esm/services/autoPatternsTranslations.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":[],"sources":["../../../src/services/autoPatternsTranslations.ts"],"sourcesContent":["export type AutoPatternsTranslations = Partial<\n typeof import('../assets/locale/messages_en.json')\n>;\n\n// `vite` imports JSON with `default` namespace\nexport type AutoPatternsTranslationsOrDefault =\n | (AutoPatternsTranslations & { default?: undefined })\n | { default: AutoPatternsTranslations };\n"],"mappings":"","ignoreList":[]}

package/dist/esm/services/translations.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=translations.js.map

package/dist/esm/services/translations.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":[],"sources":["../../../src/services/translations.ts"],"sourcesContent":["// DO NOT UPDATE THIS FILE! This file was auto-generated by generate-keys.ts\nexport type TranslationsKeys =\n | 'CMS.document.add.button.text'\n | 'CMS.document.addMore.button.text'\n | 'CMS.document.action.open'\n | 'CMS.document.action.download'\n | 'CMS.document.action.replace'\n | 'CMS.document.action.replaceWithUrl'\n | 'CMS.document.action.delete'\n | 'CMS.document.pasteUrl.button'\n | 'CMS.document.pasteUrl.title'\n | 'CMS.document.replaceWithUrl.title'\n | 'CMS.document.delete.confirm'\n | 'CMS.document.delete.cancel'\n | 'CMS.mediaControl.pasteUrl.button.save'\n | 'CMS.mediaControl.pasteUrl.button.cancel'\n | 'CMS.mediaControl.pasteUrl.placeholder.document'\n | 'CMS.mediaControl.pasteUrl.placeholder.image'\n | 'CMS.mediaControl.pasteUrl.error.document'\n | 'CMS.mediaControl.pasteUrl.error.image'\n | 'auto-patterns.filters.has_value'\n | 'auto-patterns.filters.no_value'\n | 'auto-patterns.fields.type_mismatch_convert_disabled'\n | 'auto-patterns.fields.type_mismatch_clear'\n | 'auto-patterns.fields.field_type_object_title'\n | 'auto-patterns.fields.field_type_address_title'\n | 'auto-patterns.fields.field_type_time_title'\n | 'auto-patterns.time_input.placeholder'\n | 'auto-patterns.time_input.invalid_message'\n | 'auto-patterns.fields.no_results_found'\n | 'auto-patterns.fields.no_items'\n | 'auto-patterns.fields.select_placeholder'\n | 'auto-patterns.fields.field_type_address_placeholder'\n | 'auto-patterns.fields.field_type_rich_text_title'\n | 'auto-patterns.fields.field_type_rich_content_title'\n | 'auto-patterns.fields.field_type_multi_document_title'\n | 'auto-patterns.fields.field_type_email_title'\n | 'auto-patterns.fields.email_input_error'\n | 'CMS.richTextEditor.toolbar.button.link.cancel'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.h1.subtitle'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.h1.title'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.h2.subtitle'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.h2.title'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.h3.subtitle'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.h3.title'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.h4.subtitle'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.h4.title'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.h5.subtitle'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.h5.title'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.h6.subtitle'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.h6.title'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.p1.subtitle'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.p1.title'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.p2.title'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.p3.subtitle'\n | 'CMS.richTextEditor.toolbar.headerDropdown.option.p3.title'\n | 'CMS.richTextEditor.toolbar.headerDropdown.button.info'\n | 'CMS.richTextEditor.toolbar.headerDropdown.button.info.link'\n | 'CMS.richTextEditor.toolbar.headerDropdown.help.text'\n | 'CMS.richTextEditor.toolbar.button.tooltip.align'\n | 'CMS.richTextEditor.toolbar.button.tooltip.bold'\n | 'CMS.richTextEditor.toolbar.button.tooltip.clear-formation'\n | 'CMS.richTextEditor.toolbar.button.tooltip.full-screen.exit'\n | 'CMS.richTextEditor.toolbar.button.tooltip.full-screen'\n | 'CMS.richTextEditor.toolbar.header'\n | 'CMS.richTextEditor.toolbar.button.tooltip.italic'\n | 'CMS.richTextEditor.toolbar.button.link'\n | 'CMS.richTextEditor.toolbar.button.tooltip.ol'\n | 'CMS.richTextEditor.toolbar.button.tooltip.ul'\n | 'CMS.richTextEditor.toolbar.button.tooltip.underline'\n | 'CMS.richTextEditor.toolbar.button.link.paste.url.title'\n | 'CMS.richTextEditor.toolbar.button.link.paste.url.placeholder'\n | 'CMS.richTextEditor.toolbar.button.link.save'\n | 'CMS.richContentCommon.publishLoader'\n | 'auto-patterns.fields.field_type_audio_title'\n | 'CMS.audio.button.add'\n | 'CMS.audio.button.replace'\n | 'CMS.audio.button.download'\n | 'CMS.audio.button.delete'\n | 'CMS.document.delete.title'\n | 'CMS.document.delete.message'\n | 'auto-patterns.fields.type_mismatch_convert'\n | 'auto-patterns.fields.type_mismatch_tip';\n\nexport type Translate = {\n (key: TranslationsKeys, params?: Record<string, string | number>): string;\n (key: 'CMS.document.delete.title', params: { filename: string }): string;\n (key: 'CMS.document.delete.message', params: { filename: string }): string;\n (\n key: 'auto-patterns.fields.type_mismatch_convert',\n params: { typeName: string },\n ): string;\n (\n key: 'auto-patterns.fields.type_mismatch_tip',\n params: { typeName: string },\n ): string;\n};\n"],"mappings":"","ignoreList":[]}