@wix/auto-patterns 1.44.0 → 1.46.0

package/dist/esm/components/AutoPatternsSettingsPage/index.js

@@ -0,0 +1,2 @@
+export * from './AutoPatternsSettingsPage';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/AutoPatternsSettingsPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/AutoPatternsSettingsPage/index.ts"],"sourcesContent":["export * from './AutoPatternsSettingsPage';\n"],"mappings":"AAAA,cAAc,4BAA4B","ignoreList":[]}

package/dist/esm/components/AutoPatternsTable/AutoPatternsTable.js

@@ -44,6 +44,7 @@ const AutoPatternsTableLoaded = props => {
   const baseCollectionComponentReadyFeatures = useBaseCollectionComponentReadyFeatures({
     config,
     collection: state.collection,
+    reportBi: state.toolbar.reportBi,
     asyncFeaturesState,
     baseStateParams
   });
@@ -59,7 +60,6 @@ const AutoPatternsTableLoaded = props => {
     dataHook: dataHook,
     state: state,
     columns: [],
-    horizontalScroll: true,
     useNewInfiniteScrollLoader: true
   }, sectionsProps && {
     sections: sectionsProps

package/dist/esm/components/AutoPatternsTable/AutoPatternsTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useState","Table","TableState","useCreateCollection","useSelector","useTableCollection","useWixPatternsContainer","useBasePatternsStateParams","useTableFeaturesAsync","useBaseCollectionComponentReadyFeatures","AutoPatternsTableLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","baseTableFeatures","sections","dragAndDrop","status","data","state","params","baseCollectionComponentReadyFeatures","collection","dragAndDropProps","useTableDragAndDrop","baseTableFeaturesProps","useBaseTableFeatures","sectionsProps","useTableSections","createElement","_extends","columns","horizontalScroll","useNewInfiniteScrollLoader","AutoPatternsTable","visibleFieldIds","map","column","id","container","createCollection","isReady","isSuccess","isError"],"sources":["../../../../src/components/AutoPatternsTable/AutoPatternsTable.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  Table,\n  TableState,\n  useCreateCollection,\n  useSelector,\n  useTableCollection,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { TableConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useTableFeaturesAsync } from '../../hooks/useTableFeaturesAsync';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsTableContentProps {\n  config: TableConfig;\n}\n\n/**\n * AutoPatternsTableLoaded - Step 4 in Table Flow\n *\n * FLOW 1: AutoPatternsCollectionComponent → AutoPatternsTable → useTableFeaturesAsync → [AutoPatternsTableLoaded] → useBaseCollectionComponentReadyFeatures → Table\n *\n * This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the table flow and handles:\n *\n * Key Responsibilities:\n * - Creates the table collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Extracts and applies table-specific features (baseTableFeatures, sections, dragAndDrop)\n * - Renders the final Table component with all features combined\n * - Merges all feature props into a single props object for the Table\n */\nconst AutoPatternsTableLoaded = (\n  props: NonNullable<ReturnType<typeof useTableFeaturesAsync>> &\n    AutoPatternsTableContentProps & {\n      baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n      dataHook?: string;\n    },\n) => {\n  const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n  // Extract loaded async features from the successful feature loading state\n  const { baseTableFeatures, sections, dragAndDrop } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // Create table collection state with the loaded async dependencies\n  const state = useTableCollection<any>(baseStateParams.params);\n\n  // STEP 5: Call shared hook that prepares final collection features\n  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)\n  const baseCollectionComponentReadyFeatures =\n    useBaseCollectionComponentReadyFeatures({\n      config,\n      collection: state.collection,\n      asyncFeaturesState,\n      baseStateParams,\n    });\n\n  // Extract feature-specific props from loaded features\n  const dragAndDropProps = dragAndDrop?.useTableDragAndDrop?.(config);\n  const baseTableFeaturesProps =\n    baseTableFeatures?.useBaseTableFeatures(config);\n  const sectionsProps = sections?.useTableSections(config);\n\n  // FINAL STEP: Render the fully-featured Table component\n  // Combines all loaded features into final table props\n  return (\n    <Table\n      dataHook={dataHook}\n      state={state}\n      columns={[]}\n      horizontalScroll\n      useNewInfiniteScrollLoader\n      {...(sectionsProps && { sections: sectionsProps })}\n      {...baseTableFeaturesProps}\n      {...baseCollectionComponentReadyFeatures}\n      {...dragAndDropProps}\n    />\n  );\n};\n\n/**\n * AutoPatternsTable - Step 2 in Table Flow\n *\n * FLOW 1: AutoPatternsCollectionComponent → [AutoPatternsTable] → useTableFeaturesAsync → AutoPatternsTableLoaded → useBaseCollectionComponentReadyFeatures → Table\n *\n * This is the main table component that orchestrates the table rendering flow.\n * It handles the loading states and coordinates between async feature loading and final rendering.\n *\n * Key Responsibilities:\n * - Prepares visible field IDs from table column configuration\n * - Calls useTableFeaturesAsync (Step 3) to load table-specific async features\n * - Creates initial table state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton table during loading or AutoPatternsTableLoaded when ready\n */\nexport const AutoPatternsTable = (props: AutoPatternsTableContentProps) => {\n  const { config } = props;\n\n  // Extract visible field IDs from table columns for data fetching optimization\n  const visibleFieldIds = useMemo(\n    () => config.columns.map((column) => column.id),\n    [config],\n  );\n\n  // Initialize base state parameters with collection config and visible fields\n  const baseStateParams = useBasePatternsStateParams(config, {\n    visibleFieldIds,\n  });\n\n  // STEP 3: Load table-specific async features (drag&drop, sections, base table features)\n  const { asyncFeaturesState } = useTableFeaturesAsync({ config });\n\n  // Create patterns container and collection factory\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  // Initialize table state with basic collection (used during loading)\n  const [state] = useState(\n    () =>\n      new TableState<any, {}>({\n        collection: createCollection<any, {}>(baseStateParams.params),\n        container,\n      }),\n  );\n\n  // Monitor async features loading status\n  const isReady = useSelector(\n    () =>\n      asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError,\n  );\n\n  const dataHook = 'auto-patterns-table';\n\n  if (isReady) {\n    // STEP 4: All features loaded - render the fully-featured table\n    return (\n      <AutoPatternsTableLoaded\n        dataHook={dataHook}\n        config={config}\n        baseStateParams={baseStateParams}\n        asyncFeaturesState={asyncFeaturesState}\n      />\n    );\n  }\n\n  // LOADING STATE: Render basic table skeleton while features are loading\n  return (\n    <Table\n      dataHook={dataHook}\n      useNewInfiniteScrollLoader\n      state={state}\n      columns={[]}\n    />\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,SACEC,KAAK,EACLC,UAAU,EACVC,mBAAmB,EACnBC,WAAW,EACXC,kBAAkB,EAClBC,uBAAuB,QAClB,eAAe;AAEtB,SAASC,0BAA0B,QAAQ,wCAAwC;AACnF,SAASC,qBAAqB,QAAQ,mCAAmC;AACzE,SAASC,uCAAuC,QAAQ,qDAAqD;AAM7G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,uBAAuB,GAC3BC,KAIG,IACA;EACH,MAAM;IAAEC,MAAM;IAAEC,kBAAkB;IAAEC,eAAe;IAAEC;EAAS,CAAC,GAAGJ,KAAK;;EAEvE;EACA,MAAM;IAAEK,iBAAiB;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGd,WAAW,CAAC,OAAO;IACtE,GAAGS,kBAAkB,CAACM,MAAM,CAACC;EAC/B,CAAC,CAAC,CAAC;;EAEH;EACA,MAAMC,KAAK,GAAGhB,kBAAkB,CAAMS,eAAe,CAACQ,MAAM,CAAC;;EAE7D;EACA;EACA,MAAMC,oCAAoC,GACxCd,uCAAuC,CAAC;IACtCG,MAAM;IACNY,UAAU,EAAEH,KAAK,CAACG,UAAU;IAC5BX,kBAAkB;IAClBC;EACF,CAAC,CAAC;;EAEJ;EACA,MAAMW,gBAAgB,GAAGP,WAAW,YAAXA,WAAW,CAAEQ,mBAAmB,oBAAhCR,WAAW,CAAEQ,mBAAmB,CAAGd,MAAM,CAAC;EACnE,MAAMe,sBAAsB,GAC1BX,iBAAiB,oBAAjBA,iBAAiB,CAAEY,oBAAoB,CAAChB,MAAM,CAAC;EACjD,MAAMiB,aAAa,GAAGZ,QAAQ,oBAARA,QAAQ,CAAEa,gBAAgB,CAAClB,MAAM,CAAC;;EAExD;EACA;EACA,oBACEd,KAAA,CAAAiC,aAAA,CAAC9B,KAAK,EAAA+B,QAAA;IACJjB,QAAQ,EAAEA,QAAS;IACnBM,KAAK,EAAEA,KAAM;IACbY,OAAO,EAAE,EAAG;IACZC,gBAAgB;IAChBC,0BAA0B;EAAA,GACrBN,aAAa,IAAI;IAAEZ,QAAQ,EAAEY;EAAc,CAAC,EAC7CF,sBAAsB,EACtBJ,oCAAoC,EACpCE,gBAAgB,CACrB,CAAC;AAEN,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMW,iBAAiB,GAAIzB,KAAoC,IAAK;EACzE,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;;EAExB;EACA,MAAM0B,eAAe,GAAGtC,OAAO,CAC7B,MAAMa,MAAM,CAACqB,OAAO,CAACK,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAACC,EAAE,CAAC,EAC/C,CAAC5B,MAAM,CACT,CAAC;;EAED;EACA,MAAME,eAAe,GAAGP,0BAA0B,CAACK,MAAM,EAAE;IACzDyB;EACF,CAAC,CAAC;;EAEF;EACA,MAAM;IAAExB;EAAmB,CAAC,GAAGL,qBAAqB,CAAC;IAAEI;EAAO,CAAC,CAAC;;EAEhE;EACA,MAAM6B,SAAS,GAAGnC,uBAAuB,CAAC,CAAC;EAC3C,MAAMoC,gBAAgB,GAAGvC,mBAAmB,CAAC,CAAC;;EAE9C;EACA,MAAM,CAACkB,KAAK,CAAC,GAAGrB,QAAQ,CACtB,MACE,IAAIE,UAAU,CAAU;IACtBsB,UAAU,EAAEkB,gBAAgB,CAAU5B,eAAe,CAACQ,MAAM,CAAC;IAC7DmB;EACF,CAAC,CACL,CAAC;;EAED;EACA,MAAME,OAAO,GAAGvC,WAAW,CACzB,MACES,kBAAkB,CAACM,MAAM,CAACyB,SAAS,IAAI/B,kBAAkB,CAACM,MAAM,CAAC0B,OACrE,CAAC;EAED,MAAM9B,QAAQ,GAAG,qBAAqB;EAEtC,IAAI4B,OAAO,EAAE;IACX;IACA,oBACE7C,KAAA,CAAAiC,aAAA,CAACrB,uBAAuB;MACtBK,QAAQ,EAAEA,QAAS;MACnBH,MAAM,EAAEA,MAAO;MACfE,eAAe,EAAEA,eAAgB;MACjCD,kBAAkB,EAAEA;IAAmB,CACxC,CAAC;EAEN;;EAEA;EACA,oBACEf,KAAA,CAAAiC,aAAA,CAAC9B,KAAK;IACJc,QAAQ,EAAEA,QAAS;IACnBoB,0BAA0B;IAC1Bd,KAAK,EAAEA,KAAM;IACbY,OAAO,EAAE;EAAG,CACb,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useState","Table","TableState","useCreateCollection","useSelector","useTableCollection","useWixPatternsContainer","useBasePatternsStateParams","useTableFeaturesAsync","useBaseCollectionComponentReadyFeatures","AutoPatternsTableLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","baseTableFeatures","sections","dragAndDrop","status","data","state","params","baseCollectionComponentReadyFeatures","collection","reportBi","toolbar","dragAndDropProps","useTableDragAndDrop","baseTableFeaturesProps","useBaseTableFeatures","sectionsProps","useTableSections","createElement","_extends","columns","useNewInfiniteScrollLoader","AutoPatternsTable","visibleFieldIds","map","column","id","container","createCollection","isReady","isSuccess","isError"],"sources":["../../../../src/components/AutoPatternsTable/AutoPatternsTable.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  Table,\n  TableState,\n  useCreateCollection,\n  useSelector,\n  useTableCollection,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { TableConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useTableFeaturesAsync } from '../../hooks/useTableFeaturesAsync';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsTableContentProps {\n  config: TableConfig;\n}\n\n/**\n * AutoPatternsTableLoaded - Step 4 in Table Flow\n *\n * FLOW 1: AutoPatternsCollectionComponent → AutoPatternsTable → useTableFeaturesAsync → [AutoPatternsTableLoaded] → useBaseCollectionComponentReadyFeatures → Table\n *\n * This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the table flow and handles:\n *\n * Key Responsibilities:\n * - Creates the table collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Extracts and applies table-specific features (baseTableFeatures, sections, dragAndDrop)\n * - Renders the final Table component with all features combined\n * - Merges all feature props into a single props object for the Table\n */\nconst AutoPatternsTableLoaded = (\n  props: NonNullable<ReturnType<typeof useTableFeaturesAsync>> &\n    AutoPatternsTableContentProps & {\n      baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n      dataHook?: string;\n    },\n) => {\n  const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n  // Extract loaded async features from the successful feature loading state\n  const { baseTableFeatures, sections, dragAndDrop } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // Create table collection state with the loaded async dependencies\n  const state = useTableCollection<any>(baseStateParams.params);\n\n  // STEP 5: Call shared hook that prepares final collection features\n  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)\n  const baseCollectionComponentReadyFeatures =\n    useBaseCollectionComponentReadyFeatures({\n      config,\n      collection: state.collection,\n      reportBi: state.toolbar.reportBi,\n      asyncFeaturesState,\n      baseStateParams,\n    });\n\n  // Extract feature-specific props from loaded features\n  const dragAndDropProps = dragAndDrop?.useTableDragAndDrop?.(config);\n  const baseTableFeaturesProps =\n    baseTableFeatures?.useBaseTableFeatures(config);\n  const sectionsProps = sections?.useTableSections(config);\n\n  // FINAL STEP: Render the fully-featured Table component\n  // Combines all loaded features into final table props\n  return (\n    <Table\n      dataHook={dataHook}\n      state={state}\n      columns={[]}\n      useNewInfiniteScrollLoader\n      {...(sectionsProps && { sections: sectionsProps })}\n      {...baseTableFeaturesProps}\n      {...baseCollectionComponentReadyFeatures}\n      {...dragAndDropProps}\n    />\n  );\n};\n\n/**\n * AutoPatternsTable - Step 2 in Table Flow\n *\n * FLOW 1: AutoPatternsCollectionComponent → [AutoPatternsTable] → useTableFeaturesAsync → AutoPatternsTableLoaded → useBaseCollectionComponentReadyFeatures → Table\n *\n * This is the main table component that orchestrates the table rendering flow.\n * It handles the loading states and coordinates between async feature loading and final rendering.\n *\n * Key Responsibilities:\n * - Prepares visible field IDs from table column configuration\n * - Calls useTableFeaturesAsync (Step 3) to load table-specific async features\n * - Creates initial table state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton table during loading or AutoPatternsTableLoaded when ready\n */\nexport const AutoPatternsTable = (props: AutoPatternsTableContentProps) => {\n  const { config } = props;\n\n  // Extract visible field IDs from table columns for data fetching optimization\n  const visibleFieldIds = useMemo(\n    () => config.columns.map((column) => column.id),\n    [config],\n  );\n\n  // Initialize base state parameters with collection config and visible fields\n  const baseStateParams = useBasePatternsStateParams(config, {\n    visibleFieldIds,\n  });\n\n  // STEP 3: Load table-specific async features (drag&drop, sections, base table features)\n  const { asyncFeaturesState } = useTableFeaturesAsync({ config });\n\n  // Create patterns container and collection factory\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  // Initialize table state with basic collection (used during loading)\n  const [state] = useState(\n    () =>\n      new TableState<any, {}>({\n        collection: createCollection<any, {}>(baseStateParams.params),\n        container,\n      }),\n  );\n\n  // Monitor async features loading status\n  const isReady = useSelector(\n    () =>\n      asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError,\n  );\n\n  const dataHook = 'auto-patterns-table';\n\n  if (isReady) {\n    // STEP 4: All features loaded - render the fully-featured table\n    return (\n      <AutoPatternsTableLoaded\n        dataHook={dataHook}\n        config={config}\n        baseStateParams={baseStateParams}\n        asyncFeaturesState={asyncFeaturesState}\n      />\n    );\n  }\n\n  // LOADING STATE: Render basic table skeleton while features are loading\n  return (\n    <Table\n      dataHook={dataHook}\n      useNewInfiniteScrollLoader\n      state={state}\n      columns={[]}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsTable/AutoPatternsTable.uni.driver.js

@@ -0,0 +1,13 @@
+import { TableUniDriver } from '@wix/patterns/testkit/unidriver';
+import { ImageUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+export const AutoPatternsTableUniDriver = (base, body) => {
+  const table = TableUniDriver(base.$('[data-hook="auto-patterns-table"]'), body);
+  return {
+    ...table,
+    getImageGalleryImageAt: (rowIndex, colIndex, index) => {
+      const imageBase = table.getCellDriverByIndex(rowIndex, colIndex).base.$$('[data-hook="media-image-image"]').get(index);
+      return ImageUniDriver(imageBase, body);
+    }
+  };
+};
+//# sourceMappingURL=AutoPatternsTable.uni.driver.js.map

package/dist/esm/components/AutoPatternsTable/AutoPatternsTable.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TableUniDriver","ImageUniDriver","AutoPatternsTableUniDriver","base","body","table","$","getImageGalleryImageAt","rowIndex","colIndex","index","imageBase","getCellDriverByIndex","$$","get"],"sources":["../../../../src/components/AutoPatternsTable/AutoPatternsTable.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { TableUniDriver } from '@wix/patterns/testkit/unidriver';\nimport { ImageUniDriver } from '@wix/design-system/dist/testkit/unidriver';\n\nexport const AutoPatternsTableUniDriver = (\n  base: UniDriver,\n  body: UniDriver,\n) => {\n  const table = TableUniDriver(\n    base.$('[data-hook=\"auto-patterns-table\"]'),\n    body,\n  );\n\n  return {\n    ...table,\n    getImageGalleryImageAt: (\n      rowIndex: number,\n      colIndex: number,\n      index: number,\n    ) => {\n      const imageBase = table\n        .getCellDriverByIndex(rowIndex, colIndex)\n        .base.$$('[data-hook=\"media-image-image\"]')\n        .get(index);\n\n      return ImageUniDriver(imageBase, body);\n    },\n  };\n};\n"],"mappings":"AACA,SAASA,cAAc,QAAQ,iCAAiC;AAChE,SAASC,cAAc,QAAQ,2CAA2C;AAE1E,OAAO,MAAMC,0BAA0B,GAAGA,CACxCC,IAAe,EACfC,IAAe,KACZ;EACH,MAAMC,KAAK,GAAGL,cAAc,CAC1BG,IAAI,CAACG,CAAC,CAAC,mCAAmC,CAAC,EAC3CF,IACF,CAAC;EAED,OAAO;IACL,GAAGC,KAAK;IACRE,sBAAsB,EAAEA,CACtBC,QAAgB,EAChBC,QAAgB,EAChBC,KAAa,KACV;MACH,MAAMC,SAAS,GAAGN,KAAK,CACpBO,oBAAoB,CAACJ,QAAQ,EAAEC,QAAQ,CAAC,CACxCN,IAAI,CAACU,EAAE,CAAC,iCAAiC,CAAC,CAC1CC,GAAG,CAACJ,KAAK,CAAC;MAEb,OAAOT,cAAc,CAACU,SAAS,EAAEP,IAAI,CAAC;IACxC;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch.js

@@ -52,6 +52,7 @@ const AutoPatternsTableGridSwitchLoaded = props => {
   const baseCollectionComponentReadyFeatures = useBaseCollectionComponentReadyFeatures({
     config,
     collection: state.collection,
+    reportBi: state.toolbar.reportBi,
     asyncFeaturesState,
     baseStateParams
   });

package/dist/esm/components/AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useState","TableGridSwitch","TableGridSwitchState","useCreateCollection","useSelector","useTableGridSwitchCollection","useWixPatternsContainer","useBasePatternsStateParams","useTableGridSwitchFeaturesAsync","useBaseGridFeatures","useBaseCollectionComponentReadyFeatures","AutoPatternsTableGridSwitchLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","baseTableFeatures","dragAndDrop","status","data","state","params","baseCollectionComponentReadyFeatures","collection","dragAndDropProps","useTableGridSwitchDragAndDrop","baseTableFeaturesProps","useBaseTableFeatures","createElement","_extends","columns","AutoPatternsTableGridSwitch","tableVisibleFieldIds","map","column","id","visibleFieldIds","gridVisibleFieldIds","Array","from","Set","container","createCollection","containerOverrides","isReady","isSuccess","isError"],"sources":["../../../../src/components/AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  TableGridSwitch,\n  TableGridSwitchState,\n  useCreateCollection,\n  useSelector,\n  useTableGridSwitchCollection,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { TableGridSwitchConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useTableGridSwitchFeaturesAsync } from '../../hooks/useTableGridSwitchFeaturesAsync';\nimport { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsTableGridSwitchProps {\n  config: TableGridSwitchConfig;\n}\n\n/**\n * AutoPatternsTableGridSwitchLoaded - Step 4 in TableGridSwitch Flow\n *\n * FLOW 3: AutoPatternsCollectionComponent → AutoPatternsTableGridSwitch → useTableGridSwitchFeaturesAsync → [AutoPatternsTableGridSwitchLoaded] → useBaseCollectionComponentReadyFeatures → TableGridSwitch\n *\n * This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the table-grid switch flow and handles:\n *\n * Key Responsibilities:\n * - Creates the table-grid-switch collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Combines both table features (baseTableFeatures) and grid features (renderItem, preset, imagePlacement)\n * - Extracts async features like dragAndDrop if enabled\n * - Renders the final TableGridSwitch component with all features combined\n * - Provides both table columns AND grid display props to support switching\n */\nconst AutoPatternsTableGridSwitchLoaded = (\n  props: NonNullable<ReturnType<typeof useTableGridSwitchFeaturesAsync>> &\n    AutoPatternsTableGridSwitchProps & {\n      baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n      dataHook?: string;\n    },\n) => {\n  const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n  // Extract grid-specific display features (for grid mode when user switches)\n  const { renderItem, imagePlacement, preset } = useBaseGridFeatures(config);\n\n  // Extract loaded async features from the successful feature loading state\n  const { baseTableFeatures, dragAndDrop } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // Create table-grid-switch collection state with the loaded async dependencies\n  const state = useTableGridSwitchCollection<any>(baseStateParams.params);\n\n  // STEP 5: Call shared hook that prepares final collection features\n  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)\n  const baseCollectionComponentReadyFeatures =\n    useBaseCollectionComponentReadyFeatures({\n      config,\n      collection: state.collection,\n      asyncFeaturesState,\n      baseStateParams,\n    });\n\n  // Extract table-grid-switch specific drag and drop props if feature is loaded\n  const dragAndDropProps = dragAndDrop?.useTableGridSwitchDragAndDrop?.(config);\n\n  // Extract table-specific features (for table mode when user switches)\n  const baseTableFeaturesProps =\n    baseTableFeatures?.useBaseTableFeatures(config);\n\n  // FINAL STEP: Render the fully-featured TableGridSwitch component\n  // Combines table features, grid features, and switch functionality\n  return (\n    <TableGridSwitch\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      columns={[]}\n      state={state}\n      {...baseCollectionComponentReadyFeatures}\n      {...baseTableFeaturesProps}\n      {...dragAndDropProps}\n    />\n  );\n};\n\n/**\n * AutoPatternsTableGridSwitch - Step 2 in TableGridSwitch Flow\n *\n * FLOW 3: AutoPatternsCollectionComponent → [AutoPatternsTableGridSwitch] → useTableGridSwitchFeaturesAsync → AutoPatternsTableGridSwitchLoaded → useBaseCollectionComponentReadyFeatures → TableGridSwitch\n *\n * This is the main table-grid-switch component that orchestrates the combined table/grid rendering flow.\n * It handles both table and grid configurations simultaneously to support runtime switching.\n *\n * Key Responsibilities:\n * - Merges visible field IDs from both table columns AND grid features for comprehensive data fetching\n * - Extracts grid display features (renderItem, preset, imagePlacement) for grid mode\n * - Calls useTableGridSwitchFeaturesAsync (Step 3) to load combined async features\n * - Creates initial table-grid-switch state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton TableGridSwitch during loading or AutoPatternsTableGridSwitchLoaded when ready\n */\nexport const AutoPatternsTableGridSwitch = (\n  props: AutoPatternsTableGridSwitchProps,\n) => {\n  const { config } = props;\n\n  // Extract visible field IDs from table columns (for table mode)\n  const tableVisibleFieldIds = useMemo(\n    () => config.columns.map((column) => column.id),\n    [config],\n  );\n\n  // Extract grid display features and visible field IDs (for grid mode)\n  const {\n    renderItem,\n    imagePlacement,\n    preset,\n    visibleFieldIds: gridVisibleFieldIds,\n  } = useBaseGridFeatures(config);\n\n  // IMPORTANT: Merge visible fields from BOTH table AND grid to support switching\n  // This ensures all necessary data is loaded regardless of current view mode\n  const visibleFieldIds = useMemo(\n    () =>\n      Array.from(new Set([...tableVisibleFieldIds, ...gridVisibleFieldIds])),\n    [tableVisibleFieldIds, gridVisibleFieldIds],\n  );\n\n  // Initialize base state parameters with collection config and combined visible fields\n  const baseStateParams = useBasePatternsStateParams(config, {\n    visibleFieldIds,\n  });\n\n  // STEP 3: Load table-grid-switch async features (combines table + grid features)\n  const { asyncFeaturesState } = useTableGridSwitchFeaturesAsync({ config });\n\n  // Create patterns container and collection factory\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  // Initialize table-grid-switch state with basic collection (used during loading)\n  const [state] = useState(\n    () =>\n      new TableGridSwitchState<any, {}>({\n        collection: createCollection<any, {}>(baseStateParams.params),\n        container,\n        containerOverrides: {},\n      }),\n  );\n\n  // Monitor async features loading status\n  const isReady = useSelector(\n    () =>\n      asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError,\n  );\n\n  const dataHook = 'auto-patterns-table-grid-switch';\n\n  if (isReady) {\n    // STEP 4: All features loaded - render the fully-featured table-grid-switch\n    return (\n      <AutoPatternsTableGridSwitchLoaded\n        dataHook={dataHook}\n        config={config}\n        baseStateParams={baseStateParams}\n        asyncFeaturesState={asyncFeaturesState}\n      />\n    );\n  }\n\n  // LOADING STATE: Render basic table-grid-switch skeleton while features are loading\n  return (\n    <TableGridSwitch\n      dataHook={dataHook}\n      state={state}\n      columns={[]}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useState","TableGridSwitch","TableGridSwitchState","useCreateCollection","useSelector","useTableGridSwitchCollection","useWixPatternsContainer","useBasePatternsStateParams","useTableGridSwitchFeaturesAsync","useBaseGridFeatures","useBaseCollectionComponentReadyFeatures","AutoPatternsTableGridSwitchLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","baseTableFeatures","dragAndDrop","status","data","state","params","baseCollectionComponentReadyFeatures","collection","reportBi","toolbar","dragAndDropProps","useTableGridSwitchDragAndDrop","baseTableFeaturesProps","useBaseTableFeatures","createElement","_extends","columns","AutoPatternsTableGridSwitch","tableVisibleFieldIds","map","column","id","visibleFieldIds","gridVisibleFieldIds","Array","from","Set","container","createCollection","containerOverrides","isReady","isSuccess","isError"],"sources":["../../../../src/components/AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  TableGridSwitch,\n  TableGridSwitchState,\n  useCreateCollection,\n  useSelector,\n  useTableGridSwitchCollection,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { TableGridSwitchConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useTableGridSwitchFeaturesAsync } from '../../hooks/useTableGridSwitchFeaturesAsync';\nimport { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsTableGridSwitchProps {\n  config: TableGridSwitchConfig;\n}\n\n/**\n * AutoPatternsTableGridSwitchLoaded - Step 4 in TableGridSwitch Flow\n *\n * FLOW 3: AutoPatternsCollectionComponent → AutoPatternsTableGridSwitch → useTableGridSwitchFeaturesAsync → [AutoPatternsTableGridSwitchLoaded] → useBaseCollectionComponentReadyFeatures → TableGridSwitch\n *\n * This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the table-grid switch flow and handles:\n *\n * Key Responsibilities:\n * - Creates the table-grid-switch collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Combines both table features (baseTableFeatures) and grid features (renderItem, preset, imagePlacement)\n * - Extracts async features like dragAndDrop if enabled\n * - Renders the final TableGridSwitch component with all features combined\n * - Provides both table columns AND grid display props to support switching\n */\nconst AutoPatternsTableGridSwitchLoaded = (\n  props: NonNullable<ReturnType<typeof useTableGridSwitchFeaturesAsync>> &\n    AutoPatternsTableGridSwitchProps & {\n      baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n      dataHook?: string;\n    },\n) => {\n  const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n  // Extract grid-specific display features (for grid mode when user switches)\n  const { renderItem, imagePlacement, preset } = useBaseGridFeatures(config);\n\n  // Extract loaded async features from the successful feature loading state\n  const { baseTableFeatures, dragAndDrop } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // Create table-grid-switch collection state with the loaded async dependencies\n  const state = useTableGridSwitchCollection<any>(baseStateParams.params);\n\n  // STEP 5: Call shared hook that prepares final collection features\n  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)\n  const baseCollectionComponentReadyFeatures =\n    useBaseCollectionComponentReadyFeatures({\n      config,\n      collection: state.collection,\n      reportBi: state.toolbar.reportBi,\n      asyncFeaturesState,\n      baseStateParams,\n    });\n\n  // Extract table-grid-switch specific drag and drop props if feature is loaded\n  const dragAndDropProps = dragAndDrop?.useTableGridSwitchDragAndDrop?.(config);\n\n  // Extract table-specific features (for table mode when user switches)\n  const baseTableFeaturesProps =\n    baseTableFeatures?.useBaseTableFeatures(config);\n\n  // FINAL STEP: Render the fully-featured TableGridSwitch component\n  // Combines table features, grid features, and switch functionality\n  return (\n    <TableGridSwitch\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      columns={[]}\n      state={state}\n      {...baseCollectionComponentReadyFeatures}\n      {...baseTableFeaturesProps}\n      {...dragAndDropProps}\n    />\n  );\n};\n\n/**\n * AutoPatternsTableGridSwitch - Step 2 in TableGridSwitch Flow\n *\n * FLOW 3: AutoPatternsCollectionComponent → [AutoPatternsTableGridSwitch] → useTableGridSwitchFeaturesAsync → AutoPatternsTableGridSwitchLoaded → useBaseCollectionComponentReadyFeatures → TableGridSwitch\n *\n * This is the main table-grid-switch component that orchestrates the combined table/grid rendering flow.\n * It handles both table and grid configurations simultaneously to support runtime switching.\n *\n * Key Responsibilities:\n * - Merges visible field IDs from both table columns AND grid features for comprehensive data fetching\n * - Extracts grid display features (renderItem, preset, imagePlacement) for grid mode\n * - Calls useTableGridSwitchFeaturesAsync (Step 3) to load combined async features\n * - Creates initial table-grid-switch state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton TableGridSwitch during loading or AutoPatternsTableGridSwitchLoaded when ready\n */\nexport const AutoPatternsTableGridSwitch = (\n  props: AutoPatternsTableGridSwitchProps,\n) => {\n  const { config } = props;\n\n  // Extract visible field IDs from table columns (for table mode)\n  const tableVisibleFieldIds = useMemo(\n    () => config.columns.map((column) => column.id),\n    [config],\n  );\n\n  // Extract grid display features and visible field IDs (for grid mode)\n  const {\n    renderItem,\n    imagePlacement,\n    preset,\n    visibleFieldIds: gridVisibleFieldIds,\n  } = useBaseGridFeatures(config);\n\n  // IMPORTANT: Merge visible fields from BOTH table AND grid to support switching\n  // This ensures all necessary data is loaded regardless of current view mode\n  const visibleFieldIds = useMemo(\n    () =>\n      Array.from(new Set([...tableVisibleFieldIds, ...gridVisibleFieldIds])),\n    [tableVisibleFieldIds, gridVisibleFieldIds],\n  );\n\n  // Initialize base state parameters with collection config and combined visible fields\n  const baseStateParams = useBasePatternsStateParams(config, {\n    visibleFieldIds,\n  });\n\n  // STEP 3: Load table-grid-switch async features (combines table + grid features)\n  const { asyncFeaturesState } = useTableGridSwitchFeaturesAsync({ config });\n\n  // Create patterns container and collection factory\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  // Initialize table-grid-switch state with basic collection (used during loading)\n  const [state] = useState(\n    () =>\n      new TableGridSwitchState<any, {}>({\n        collection: createCollection<any, {}>(baseStateParams.params),\n        container,\n        containerOverrides: {},\n      }),\n  );\n\n  // Monitor async features loading status\n  const isReady = useSelector(\n    () =>\n      asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError,\n  );\n\n  const dataHook = 'auto-patterns-table-grid-switch';\n\n  if (isReady) {\n    // STEP 4: All features loaded - render the fully-featured table-grid-switch\n    return (\n      <AutoPatternsTableGridSwitchLoaded\n        dataHook={dataHook}\n        config={config}\n        baseStateParams={baseStateParams}\n        asyncFeaturesState={asyncFeaturesState}\n      />\n    );\n  }\n\n  // LOADING STATE: Render basic table-grid-switch skeleton while features are loading\n  return (\n    <TableGridSwitch\n      dataHook={dataHook}\n      state={state}\n      columns={[]}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/LazyDocumentView/LazyDocumentView.js

@@ -0,0 +1,18 @@
+import React, { lazy, Suspense } from 'react';
+import { Loader } from '@wix/design-system';
+const DocumentViewLazy = /*#__PURE__*/lazy(() => import('../../cms-fields/components/document/document-view').then(module => ({
+  default: module.DocumentView
+})));
+export const LazyDocumentView = _ref => {
+  let {
+    data
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement(Loader, {
+      size: "tiny"
+    })
+  }, /*#__PURE__*/React.createElement(DocumentViewLazy, {
+    data: data
+  }));
+};
+//# sourceMappingURL=LazyDocumentView.js.map

package/dist/esm/components/LazyDocumentView/LazyDocumentView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","lazy","Suspense","Loader","DocumentViewLazy","then","module","default","DocumentView","LazyDocumentView","_ref","data","createElement","fallback","size"],"sources":["../../../../src/components/LazyDocumentView/LazyDocumentView.tsx"],"sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport { Loader } from '@wix/design-system';\n\nconst DocumentViewLazy = lazy(() =>\n  import('../../cms-fields/components/document/document-view').then(\n    (module) => ({ default: module.DocumentView }),\n  ),\n);\n\nexport const LazyDocumentView: React.FC<{ data: string }> = ({ data }) => {\n  return (\n    <Suspense fallback={<Loader size=\"tiny\" />}>\n      <DocumentViewLazy data={data} />\n    </Suspense>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,QAAQ,QAAQ,OAAO;AAC7C,SAASC,MAAM,QAAQ,oBAAoB;AAE3C,MAAMC,gBAAgB,gBAAGH,IAAI,CAAC,MAC5B,MAAM,CAAC,oDAAoD,CAAC,CAACI,IAAI,CAC9DC,MAAM,KAAM;EAAEC,OAAO,EAAED,MAAM,CAACE;AAAa,CAAC,CAC/C,CACF,CAAC;AAED,OAAO,MAAMC,gBAA4C,GAAGC,IAAA,IAAc;EAAA,IAAb;IAAEC;EAAK,CAAC,GAAAD,IAAA;EACnE,oBACEV,KAAA,CAAAY,aAAA,CAACV,QAAQ;IAACW,QAAQ,eAAEb,KAAA,CAAAY,aAAA,CAACT,MAAM;MAACW,IAAI,EAAC;IAAM,CAAE;EAAE,gBACzCd,KAAA,CAAAY,aAAA,CAACR,gBAAgB;IAACO,IAAI,EAAEA;EAAK,CAAE,CACvB,CAAC;AAEf,CAAC","ignoreList":[]}

package/dist/esm/components/LazyRichContentView/LazyRichContentView.js

@@ -0,0 +1,21 @@
+import React, { Suspense, lazy } from 'react';
+import { Loader } from '@wix/design-system';
+
+// Lazy load RichContentView to avoid pulling @wix/ricos/content into the main bundle
+const RichContentViewLazy = /*#__PURE__*/lazy(() => import('../../cms-fields/components/rich-content/rich-content-view').then(module => ({
+  default: module.RichContentView
+})));
+export const LazyRichContentView = _ref => {
+  let {
+    data
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement(Loader, {
+      size: "tiny"
+    })
+  }, /*#__PURE__*/React.createElement(RichContentViewLazy, {
+    data: data
+  }));
+};
+LazyRichContentView.displayName = 'LazyRichContentView';
+//# sourceMappingURL=LazyRichContentView.js.map

package/dist/esm/components/LazyRichContentView/LazyRichContentView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Suspense","lazy","Loader","RichContentViewLazy","then","module","default","RichContentView","LazyRichContentView","_ref","data","createElement","fallback","size","displayName"],"sources":["../../../../src/components/LazyRichContentView/LazyRichContentView.tsx"],"sourcesContent":["import React, { Suspense, lazy } from 'react';\nimport { Loader } from '@wix/design-system';\n\n// Lazy load RichContentView to avoid pulling @wix/ricos/content into the main bundle\nconst RichContentViewLazy = lazy(() =>\n  import('../../cms-fields/components/rich-content/rich-content-view').then(\n    (module) => ({ default: module.RichContentView }),\n  ),\n);\n\nexport const LazyRichContentView: React.FC<{ data?: any }> = ({ data }) => {\n  return (\n    <Suspense fallback={<Loader size=\"tiny\" />}>\n      <RichContentViewLazy data={data} />\n    </Suspense>\n  );\n};\n\nLazyRichContentView.displayName = 'LazyRichContentView';\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,IAAI,QAAQ,OAAO;AAC7C,SAASC,MAAM,QAAQ,oBAAoB;;AAE3C;AACA,MAAMC,mBAAmB,gBAAGF,IAAI,CAAC,MAC/B,MAAM,CAAC,4DAA4D,CAAC,CAACG,IAAI,CACtEC,MAAM,KAAM;EAAEC,OAAO,EAAED,MAAM,CAACE;AAAgB,CAAC,CAClD,CACF,CAAC;AAED,OAAO,MAAMC,mBAA6C,GAAGC,IAAA,IAAc;EAAA,IAAb;IAAEC;EAAK,CAAC,GAAAD,IAAA;EACpE,oBACEV,KAAA,CAAAY,aAAA,CAACX,QAAQ;IAACY,QAAQ,eAAEb,KAAA,CAAAY,aAAA,CAACT,MAAM;MAACW,IAAI,EAAC;IAAM,CAAE;EAAE,gBACzCd,KAAA,CAAAY,aAAA,CAACR,mBAAmB;IAACO,IAAI,EAAEA;EAAK,CAAE,CAC1B,CAAC;AAEf,CAAC;AAEDF,mBAAmB,CAACM,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/dist/esm/components/LazyRichContentView/index.js

@@ -0,0 +1,2 @@
+export * from './LazyRichContentView';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/LazyRichContentView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/LazyRichContentView/index.ts"],"sourcesContent":["export * from './LazyRichContentView';\n"],"mappings":"AAAA,cAAc,uBAAuB","ignoreList":[]}

package/dist/esm/components/MultiReferenceViewField/MultiReferenceViewField.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { Box, TagList, Text } from '@wix/design-system';
+import { useSchemaRegistry } from '../../providers';
+import { extractReferenceDisplayValues } from '../../utils/schema';
+import { ReferenceAvatar } from '../ReferenceAvatar';
+export const MultiReferenceViewField = _ref => {
+  var _field$referenceMetad;
+  let {
+    field,
+    value
+  } = _ref;
+  const {
+    getSchema
+  } = useSchemaRegistry();
+  const referencedCollectionId = (_field$referenceMetad = field.referenceMetadata) == null ? void 0 : _field$referenceMetad.referencedCollectionId;
+  const refSchema = referencedCollectionId ? getSchema(referencedCollectionId) : null;
+  if (!refSchema) {
+    return /*#__PURE__*/React.createElement(Text, null, "-");
+  }
+  const rawItems = Array.isArray(value) ? value : [];
+  const tags = rawItems.map(item => {
+    const {
+      name,
+      image
+    } = extractReferenceDisplayValues(item, refSchema);
+    const id = typeof item === 'object' && item ? String(item[refSchema.idField] || '') : '';
+    return {
+      id,
+      children: name || '-',
+      thumb: name ? /*#__PURE__*/React.createElement(Box, {
+        align: "center",
+        verticalAlign: "middle",
+        position: "absolute",
+        top: "calc(50% - 12px)",
+        left: "calc(50% - 12px)"
+      }, /*#__PURE__*/React.createElement(ReferenceAvatar, {
+        name: name,
+        image: image
+      })) : undefined,
+      removable: false,
+      dataHook: `multi-reference-tag-${field.id}-${id}`
+    };
+  });
+  return /*#__PURE__*/React.createElement(Box, {
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(TagList, {
+    dataHook: `multi-reference-view-field-${field.id}`,
+    tags: tags,
+    size: "medium"
+  }));
+};
+//# sourceMappingURL=MultiReferenceViewField.js.map

package/dist/esm/components/MultiReferenceViewField/MultiReferenceViewField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Box","TagList","Text","useSchemaRegistry","extractReferenceDisplayValues","ReferenceAvatar","MultiReferenceViewField","_ref","_field$referenceMetad","field","value","getSchema","referencedCollectionId","referenceMetadata","refSchema","createElement","rawItems","Array","isArray","tags","map","item","name","image","id","String","idField","children","thumb","align","verticalAlign","position","top","left","undefined","removable","dataHook","direction","size"],"sources":["../../../../src/components/MultiReferenceViewField/MultiReferenceViewField.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, TagList, Text } from '@wix/design-system';\nimport type { MultiReferenceField } from '../../types';\nimport { useSchemaRegistry } from '../../providers';\nimport { extractReferenceDisplayValues } from '../../utils/schema';\nimport { ReferenceAvatar } from '../ReferenceAvatar';\n\nexport interface MultiReferenceViewFieldProps {\n  field: MultiReferenceField;\n  value: unknown;\n}\n\nexport const MultiReferenceViewField: React.FC<\n  MultiReferenceViewFieldProps\n> = ({ field, value }) => {\n  const { getSchema } = useSchemaRegistry();\n  const referencedCollectionId =\n    field.referenceMetadata?.referencedCollectionId;\n  const refSchema = referencedCollectionId\n    ? getSchema(referencedCollectionId)\n    : null;\n\n  if (!refSchema) {\n    return <Text>-</Text>;\n  }\n\n  const rawItems = Array.isArray(value) ? value : [];\n\n  const tags = rawItems.map((item) => {\n    const { name, image } = extractReferenceDisplayValues(item, refSchema);\n    const id =\n      typeof item === 'object' && item\n        ? String((item as Record<string, unknown>)[refSchema.idField] || '')\n        : '';\n\n    return {\n      id,\n      children: name || '-',\n      thumb: name ? (\n        <Box\n          align=\"center\"\n          verticalAlign=\"middle\"\n          position=\"absolute\"\n          top=\"calc(50% - 12px)\"\n          left=\"calc(50% - 12px)\"\n        >\n          <ReferenceAvatar name={name} image={image} />\n        </Box>\n      ) : undefined,\n      removable: false,\n      dataHook: `multi-reference-tag-${field.id}-${id}`,\n    };\n  });\n\n  return (\n    <Box direction=\"vertical\">\n      <TagList\n        dataHook={`multi-reference-view-field-${field.id}`}\n        tags={tags}\n        size=\"medium\"\n      />\n    </Box>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,OAAO,EAAEC,IAAI,QAAQ,oBAAoB;AAEvD,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,6BAA6B,QAAQ,oBAAoB;AAClE,SAASC,eAAe,QAAQ,oBAAoB;AAOpD,OAAO,MAAMC,uBAEZ,GAAGC,IAAA,IAAsB;EAAA,IAAAC,qBAAA;EAAA,IAArB;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAAH,IAAA;EACnB,MAAM;IAAEI;EAAU,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EACzC,MAAMS,sBAAsB,IAAAJ,qBAAA,GAC1BC,KAAK,CAACI,iBAAiB,qBAAvBL,qBAAA,CAAyBI,sBAAsB;EACjD,MAAME,SAAS,GAAGF,sBAAsB,GACpCD,SAAS,CAACC,sBAAsB,CAAC,GACjC,IAAI;EAER,IAAI,CAACE,SAAS,EAAE;IACd,oBAAOf,KAAA,CAAAgB,aAAA,CAACb,IAAI,QAAC,GAAO,CAAC;EACvB;EAEA,MAAMc,QAAQ,GAAGC,KAAK,CAACC,OAAO,CAACR,KAAK,CAAC,GAAGA,KAAK,GAAG,EAAE;EAElD,MAAMS,IAAI,GAAGH,QAAQ,CAACI,GAAG,CAAEC,IAAI,IAAK;IAClC,MAAM;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAGnB,6BAA6B,CAACiB,IAAI,EAAEP,SAAS,CAAC;IACtE,MAAMU,EAAE,GACN,OAAOH,IAAI,KAAK,QAAQ,IAAIA,IAAI,GAC5BI,MAAM,CAAEJ,IAAI,CAA6BP,SAAS,CAACY,OAAO,CAAC,IAAI,EAAE,CAAC,GAClE,EAAE;IAER,OAAO;MACLF,EAAE;MACFG,QAAQ,EAAEL,IAAI,IAAI,GAAG;MACrBM,KAAK,EAAEN,IAAI,gBACTvB,KAAA,CAAAgB,aAAA,CAACf,GAAG;QACF6B,KAAK,EAAC,QAAQ;QACdC,aAAa,EAAC,QAAQ;QACtBC,QAAQ,EAAC,UAAU;QACnBC,GAAG,EAAC,kBAAkB;QACtBC,IAAI,EAAC;MAAkB,gBAEvBlC,KAAA,CAAAgB,aAAA,CAACV,eAAe;QAACiB,IAAI,EAAEA,IAAK;QAACC,KAAK,EAAEA;MAAM,CAAE,CACzC,CAAC,GACJW,SAAS;MACbC,SAAS,EAAE,KAAK;MAChBC,QAAQ,EAAE,uBAAuB3B,KAAK,CAACe,EAAE,IAAIA,EAAE;IACjD,CAAC;EACH,CAAC,CAAC;EAEF,oBACEzB,KAAA,CAAAgB,aAAA,CAACf,GAAG;IAACqC,SAAS,EAAC;EAAU,gBACvBtC,KAAA,CAAAgB,aAAA,CAACd,OAAO;IACNmC,QAAQ,EAAE,8BAA8B3B,KAAK,CAACe,EAAE,EAAG;IACnDL,IAAI,EAAEA,IAAK;IACXmB,IAAI,EAAC;EAAQ,CACd,CACE,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/esm/components/MultiReferenceViewField/index.js

@@ -0,0 +1,2 @@
+export { MultiReferenceViewField } from './MultiReferenceViewField';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/MultiReferenceViewField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MultiReferenceViewField"],"sources":["../../../../src/components/MultiReferenceViewField/index.ts"],"sourcesContent":["export {\n  MultiReferenceViewField,\n  type MultiReferenceViewFieldProps,\n} from './MultiReferenceViewField';\n"],"mappings":"AAAA,SACEA,uBAAuB,QAElB,2BAA2B","ignoreList":[]}

package/dist/esm/components/ReferenceAvatar/ReferenceAvatar.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Avatar } from '@wix/design-system';
+import { getImageUrl } from '../../utils/media/getImageUrl';
+export const ReferenceAvatar = _ref => {
+  let {
+    name,
+    image
+  } = _ref;
+  const src = getImageUrl(image);
+  return /*#__PURE__*/React.createElement(Avatar, {
+    size: "size24",
+    name: !src ? name : undefined,
+    imgProps: {
+      src,
+      style: {
+        objectFit: 'cover'
+      }
+    }
+  });
+};
+//# sourceMappingURL=ReferenceAvatar.js.map

package/dist/esm/components/ReferenceAvatar/ReferenceAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Avatar","getImageUrl","ReferenceAvatar","_ref","name","image","src","createElement","size","undefined","imgProps","style","objectFit"],"sources":["../../../../src/components/ReferenceAvatar/ReferenceAvatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar } from '@wix/design-system';\nimport { getImageUrl } from '../../utils/media/getImageUrl';\n\nexport interface ReferenceAvatarProps {\n  name?: string;\n  image?: string;\n}\n\nexport const ReferenceAvatar: React.FC<ReferenceAvatarProps> = ({\n  name,\n  image,\n}) => {\n  const src = getImageUrl(image);\n\n  return (\n    <Avatar\n      size=\"size24\"\n      name={!src ? name : undefined}\n      imgProps={{ src, style: { objectFit: 'cover' } }}\n    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,WAAW,QAAQ,+BAA+B;AAO3D,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAGzD;EAAA,IAH0D;IAC9DC,IAAI;IACJC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,GAAG,GAAGL,WAAW,CAACI,KAAK,CAAC;EAE9B,oBACEN,KAAA,CAAAQ,aAAA,CAACP,MAAM;IACLQ,IAAI,EAAC,QAAQ;IACbJ,IAAI,EAAE,CAACE,GAAG,GAAGF,IAAI,GAAGK,SAAU;IAC9BC,QAAQ,EAAE;MAAEJ,GAAG;MAAEK,KAAK,EAAE;QAAEC,SAAS,EAAE;MAAQ;IAAE;EAAE,CAClD,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/esm/components/ReferenceAvatar/index.js

@@ -0,0 +1,2 @@
+export { ReferenceAvatar } from './ReferenceAvatar';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/ReferenceAvatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReferenceAvatar"],"sources":["../../../../src/components/ReferenceAvatar/index.ts"],"sourcesContent":["export { ReferenceAvatar, type ReferenceAvatarProps } from './ReferenceAvatar';\n\n"],"mappings":"AAAA,SAASA,eAAe,QAAmC,mBAAmB","ignoreList":[]}

package/dist/esm/components/ReferenceFooter/ReferenceFooter.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Box, Loader, Text } from '@wix/design-system';
+import { useSelector } from '@wix/patterns';
+import { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';
+export const ReferenceFooter = _ref => {
+  let {
+    collection
+  } = _ref;
+  const {
+    translate: t
+  } = useAutoPatternsAppContainer();
+  const showInitialLoader = useSelector(() => collection.showInitialLoader || collection.result.status.isLoading);
+  const showEmptyState = useSelector(() => collection.showEmptyState);
+  const hasAvailableItems = useSelector(() => collection.hasAvailableItems);
+  const getEmptyStateText = () => hasAvailableItems ? t('auto-patterns.fields.no_results_found') : t('auto-patterns.fields.no_items');
+  if (showInitialLoader) {
+    return /*#__PURE__*/React.createElement(Box, {
+      dataHook: "initial-loader",
+      verticalAlign: "middle",
+      align: "center",
+      direction: "vertical",
+      width: "100%"
+    }, /*#__PURE__*/React.createElement(Box, {
+      padding: "SP2"
+    }, /*#__PURE__*/React.createElement(Loader, {
+      size: "small"
+    })));
+  }
+  if (showEmptyState) {
+    return /*#__PURE__*/React.createElement(Box, {
+      dataHook: "empty-state",
+      verticalAlign: "middle",
+      align: "center",
+      direction: "vertical",
+      width: "100%"
+    }, /*#__PURE__*/React.createElement(Box, {
+      padding: "SP2"
+    }, /*#__PURE__*/React.createElement(Text, {
+      dataHook: "empty-state-text",
+      secondary: true,
+      size: "small"
+    }, getEmptyStateText())));
+  }
+  return null;
+};
+//# sourceMappingURL=ReferenceFooter.js.map

package/dist/esm/components/ReferenceFooter/ReferenceFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Box","Loader","Text","useSelector","useAutoPatternsAppContainer","ReferenceFooter","_ref","collection","translate","t","showInitialLoader","result","status","isLoading","showEmptyState","hasAvailableItems","getEmptyStateText","createElement","dataHook","verticalAlign","align","direction","width","padding","size","secondary"],"sources":["../../../../src/components/ReferenceFooter/ReferenceFooter.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Loader, Text } from '@wix/design-system';\nimport { useSelector } from '@wix/patterns';\nimport type { CollectionState } from '@wix/patterns';\nimport { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';\n\nexport interface ReferenceFooterProps {\n  collection: CollectionState<any, any>;\n}\n\nexport const ReferenceFooter: React.FC<ReferenceFooterProps> = ({\n  collection,\n}) => {\n  const { translate: t } = useAutoPatternsAppContainer();\n\n  const showInitialLoader = useSelector(\n    () => collection.showInitialLoader || collection.result.status.isLoading,\n  );\n  const showEmptyState = useSelector(() => collection.showEmptyState);\n  const hasAvailableItems = useSelector(() => collection.hasAvailableItems);\n\n  const getEmptyStateText = () =>\n    hasAvailableItems\n      ? t('auto-patterns.fields.no_results_found')\n      : t('auto-patterns.fields.no_items');\n\n  if (showInitialLoader) {\n    return (\n      <Box\n        dataHook=\"initial-loader\"\n        verticalAlign=\"middle\"\n        align=\"center\"\n        direction=\"vertical\"\n        width=\"100%\"\n      >\n        <Box padding=\"SP2\">\n          <Loader size=\"small\" />\n        </Box>\n      </Box>\n    );\n  }\n\n  if (showEmptyState) {\n    return (\n      <Box\n        dataHook=\"empty-state\"\n        verticalAlign=\"middle\"\n        align=\"center\"\n        direction=\"vertical\"\n        width=\"100%\"\n      >\n        <Box padding=\"SP2\">\n          <Text dataHook=\"empty-state-text\" secondary size=\"small\">\n            {getEmptyStateText()}\n          </Text>\n        </Box>\n      </Box>\n    );\n  }\n\n  return null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,MAAM,EAAEC,IAAI,QAAQ,oBAAoB;AACtD,SAASC,WAAW,QAAQ,eAAe;AAE3C,SAASC,2BAA2B,QAAQ,qDAAqD;AAMjG,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAEzD;EAAA,IAF0D;IAC9DC;EACF,CAAC,GAAAD,IAAA;EACC,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAGL,2BAA2B,CAAC,CAAC;EAEtD,MAAMM,iBAAiB,GAAGP,WAAW,CACnC,MAAMI,UAAU,CAACG,iBAAiB,IAAIH,UAAU,CAACI,MAAM,CAACC,MAAM,CAACC,SACjE,CAAC;EACD,MAAMC,cAAc,GAAGX,WAAW,CAAC,MAAMI,UAAU,CAACO,cAAc,CAAC;EACnE,MAAMC,iBAAiB,GAAGZ,WAAW,CAAC,MAAMI,UAAU,CAACQ,iBAAiB,CAAC;EAEzE,MAAMC,iBAAiB,GAAGA,CAAA,KACxBD,iBAAiB,GACbN,CAAC,CAAC,uCAAuC,CAAC,GAC1CA,CAAC,CAAC,+BAA+B,CAAC;EAExC,IAAIC,iBAAiB,EAAE;IACrB,oBACEX,KAAA,CAAAkB,aAAA,CAACjB,GAAG;MACFkB,QAAQ,EAAC,gBAAgB;MACzBC,aAAa,EAAC,QAAQ;MACtBC,KAAK,EAAC,QAAQ;MACdC,SAAS,EAAC,UAAU;MACpBC,KAAK,EAAC;IAAM,gBAEZvB,KAAA,CAAAkB,aAAA,CAACjB,GAAG;MAACuB,OAAO,EAAC;IAAK,gBAChBxB,KAAA,CAAAkB,aAAA,CAAChB,MAAM;MAACuB,IAAI,EAAC;IAAO,CAAE,CACnB,CACF,CAAC;EAEV;EAEA,IAAIV,cAAc,EAAE;IAClB,oBACEf,KAAA,CAAAkB,aAAA,CAACjB,GAAG;MACFkB,QAAQ,EAAC,aAAa;MACtBC,aAAa,EAAC,QAAQ;MACtBC,KAAK,EAAC,QAAQ;MACdC,SAAS,EAAC,UAAU;MACpBC,KAAK,EAAC;IAAM,gBAEZvB,KAAA,CAAAkB,aAAA,CAACjB,GAAG;MAACuB,OAAO,EAAC;IAAK,gBAChBxB,KAAA,CAAAkB,aAAA,CAACf,IAAI;MAACgB,QAAQ,EAAC,kBAAkB;MAACO,SAAS;MAACD,IAAI,EAAC;IAAO,GACrDR,iBAAiB,CAAC,CACf,CACH,CACF,CAAC;EAEV;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}

package/dist/esm/components/ReferenceViewField/ReferenceViewField.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Box, Text } from '@wix/design-system';
+import { useSchemaRegistry } from '../../providers';
+import { extractReferenceDisplayValues } from '../../utils/schema';
+import { ReferenceAvatar } from '../ReferenceAvatar';
+export const ReferenceViewField = _ref => {
+  var _field$referenceMetad;
+  let {
+    field,
+    value
+  } = _ref;
+  const {
+    getSchema
+  } = useSchemaRegistry();
+  const referencedCollectionId = (_field$referenceMetad = field.referenceMetadata) == null ? void 0 : _field$referenceMetad.referencedCollectionId;
+  const refSchema = referencedCollectionId ? getSchema(referencedCollectionId) : null;
+  if (!refSchema) {
+    return /*#__PURE__*/React.createElement(Text, null, "-");
+  }
+  const {
+    name,
+    image
+  } = extractReferenceDisplayValues(value, refSchema);
+  return /*#__PURE__*/React.createElement(Box, {
+    gap: "SP2",
+    verticalAlign: "middle"
+  }, name && /*#__PURE__*/React.createElement(ReferenceAvatar, {
+    name: name,
+    image: image
+  }), /*#__PURE__*/React.createElement(Text, null, name || '-'));
+};
+//# sourceMappingURL=ReferenceViewField.js.map

package/dist/esm/components/ReferenceViewField/ReferenceViewField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Box","Text","useSchemaRegistry","extractReferenceDisplayValues","ReferenceAvatar","ReferenceViewField","_ref","_field$referenceMetad","field","value","getSchema","referencedCollectionId","referenceMetadata","refSchema","createElement","name","image","gap","verticalAlign"],"sources":["../../../../src/components/ReferenceViewField/ReferenceViewField.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { ReferenceField } from '../../types';\nimport { useSchemaRegistry } from '../../providers';\nimport { extractReferenceDisplayValues } from '../../utils/schema';\nimport { ReferenceAvatar } from '../ReferenceAvatar';\n\nexport interface ReferenceViewFieldProps {\n  field: ReferenceField;\n  value: unknown;\n}\n\nexport const ReferenceViewField: React.FC<ReferenceViewFieldProps> = ({\n  field,\n  value,\n}) => {\n  const { getSchema } = useSchemaRegistry();\n  const referencedCollectionId =\n    field.referenceMetadata?.referencedCollectionId;\n  const refSchema = referencedCollectionId\n    ? getSchema(referencedCollectionId)\n    : null;\n\n  if (!refSchema) {\n    return <Text>-</Text>;\n  }\n\n  const { name, image } = extractReferenceDisplayValues(value, refSchema);\n\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\">\n      {name && <ReferenceAvatar name={name} image={image} />}\n      <Text>{name || '-'}</Text>\n    </Box>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,IAAI,QAAQ,oBAAoB;AAE9C,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,6BAA6B,QAAQ,oBAAoB;AAClE,SAASC,eAAe,QAAQ,oBAAoB;AAOpD,OAAO,MAAMC,kBAAqD,GAAGC,IAAA,IAG/D;EAAA,IAAAC,qBAAA;EAAA,IAHgE;IACpEC,KAAK;IACLC;EACF,CAAC,GAAAH,IAAA;EACC,MAAM;IAAEI;EAAU,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EACzC,MAAMS,sBAAsB,IAAAJ,qBAAA,GAC1BC,KAAK,CAACI,iBAAiB,qBAAvBL,qBAAA,CAAyBI,sBAAsB;EACjD,MAAME,SAAS,GAAGF,sBAAsB,GACpCD,SAAS,CAACC,sBAAsB,CAAC,GACjC,IAAI;EAER,IAAI,CAACE,SAAS,EAAE;IACd,oBAAOd,KAAA,CAAAe,aAAA,CAACb,IAAI,QAAC,GAAO,CAAC;EACvB;EAEA,MAAM;IAAEc,IAAI;IAAEC;EAAM,CAAC,GAAGb,6BAA6B,CAACM,KAAK,EAAEI,SAAS,CAAC;EAEvE,oBACEd,KAAA,CAAAe,aAAA,CAACd,GAAG;IAACiB,GAAG,EAAC,KAAK;IAACC,aAAa,EAAC;EAAQ,GAClCH,IAAI,iBAAIhB,KAAA,CAAAe,aAAA,CAACV,eAAe;IAACW,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC,eACtDjB,KAAA,CAAAe,aAAA,CAACb,IAAI,QAAEc,IAAI,IAAI,GAAU,CACtB,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/esm/components/ReferenceViewField/index.js

@@ -0,0 +1,2 @@
+export { ReferenceViewField } from './ReferenceViewField';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/ReferenceViewField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReferenceViewField"],"sources":["../../../../src/components/ReferenceViewField/index.ts"],"sourcesContent":["export {\n  ReferenceViewField,\n  type ReferenceViewFieldProps,\n} from './ReferenceViewField';\n\n"],"mappings":"AAAA,SACEA,kBAAkB,QAEb,sBAAsB","ignoreList":[]}

package/dist/esm/components/fields/Address.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { FormField } from '@wix/design-system';
+import { FormAddressInput } from '../../cms-fields';
+import { useEntityPageContext, useWixPatternsContainer } from '@wix/patterns';
+import { useController } from '@wix/patterns/form';
+export const Address = props => {
+  var _pageState$entity, _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook
+  } = props;
+  const {
+    translate: pt
+  } = useWixPatternsContainer();
+  const pageState = useEntityPageContext();
+  const controller = useController({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: pageState.form.control,
+    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && (value === null || value === undefined || value === '')) {
+          return pt('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  return /*#__PURE__*/React.createElement(FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    dataHook: dataHook
+  }, /*#__PURE__*/React.createElement(FormAddressInput, {
+    autoFocus: false,
+    data: controller.field.value,
+    onChange: value => controller.field.onChange == null ? void 0 : controller.field.onChange(value),
+    dataHook: `address-${field.id}`,
+    field: field.id
+  }));
+};
+//# sourceMappingURL=Address.js.map

package/dist/esm/components/fields/Address.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormField","FormAddressInput","useEntityPageContext","useWixPatternsContainer","useController","Address","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","pt","pageState","controller","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","createElement","label","displayName","status","fieldState","error","statusMessage","message","autoFocus","data","onChange"],"sources":["../../../../src/components/fields/Address.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport { Address as AddressType, FormAddressInput } from '../../cms-fields';\nimport { useEntityPageContext, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\n\nexport interface AddressProps extends BaseInputProps<AddressType> {}\n\nexport const Address = (props: AddressProps) => {\n  const { field, dataHook } = props;\n\n  const { translate: pt } = useWixPatternsContainer();\n\n  const pageState = useEntityPageContext();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (\n          field.validation?.required &&\n          (value === null || value === undefined || value === '')\n        ) {\n          return pt('cairo.fieldValidation.requiredField');\n        }\n\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <FormAddressInput\n        autoFocus={false}\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange?.(value)}\n        dataHook={`address-${field.id}`}\n        field={field.id}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,oBAAoB;AAE9C,SAAiCC,gBAAgB,QAAQ,kBAAkB;AAC3E,SAASC,oBAAoB,EAAEC,uBAAuB,QAAQ,eAAe;AAC7E,SAASC,aAAa,QAAQ,oBAAoB;AAIlD,OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAAA,IAAAC,iBAAA,EAAAC,kBAAA,EAAAC,qBAAA;EAC9C,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAEjC,MAAM;IAAEM,SAAS,EAAEC;EAAG,CAAC,GAAGV,uBAAuB,CAAC,CAAC;EAEnD,MAAMW,SAAS,GAAGZ,oBAAoB,CAAC,CAAC;EAExC,MAAMa,UAAU,GAAGX,aAAa,CAAC;IAC/BY,IAAI,EAAE,CAAAN,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEJ,SAAS,CAACK,IAAI,CAACD,OAAO;IAC/BE,YAAY,GAAAb,iBAAA,GAAGO,SAAS,CAACO,MAAM,qBAAjBd,iBAAA,CAA4B,CAAAG,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE,CAAC;IAC1DK,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IACE,CAAAA,iBAAA,GAAAf,KAAK,CAACgB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,KACzBH,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKI,SAAS,IAAIJ,KAAK,KAAK,EAAE,CAAC,EACvD;UACA,OAAOX,EAAE,CAAC,qCAAqC,CAAC;QAClD;QAEA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEd,KAAA,CAAA8B,aAAA,CAAC7B,SAAS;IACR8B,KAAK,EAAEpB,KAAK,CAACqB,WAAY;IACzBJ,QAAQ,GAAAnB,kBAAA,GAAEE,KAAK,CAACgB,UAAU,qBAAhBlB,kBAAA,CAAkBmB,QAAS;IACrCK,MAAM,EAAEjB,UAAU,CAACkB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGN,SAAU;IAC1DO,aAAa,GAAA1B,qBAAA,GAAEM,UAAU,CAACkB,UAAU,CAACC,KAAK,qBAA3BzB,qBAAA,CAA6B2B,OAAQ;IACpDzB,QAAQ,EAAEA;EAAS,gBAEnBZ,KAAA,CAAA8B,aAAA,CAAC5B,gBAAgB;IACfoC,SAAS,EAAE,KAAM;IACjBC,IAAI,EAAEvB,UAAU,CAACL,KAAK,CAACc,KAAM;IAC7Be,QAAQ,EAAGf,KAAK,IAAKT,UAAU,CAACL,KAAK,CAAC6B,QAAQ,oBAAzBxB,UAAU,CAACL,KAAK,CAAC6B,QAAQ,CAAGf,KAAK,CAAE;IACxDb,QAAQ,EAAE,WAAWD,KAAK,CAACO,EAAE,EAAG;IAChCP,KAAK,EAAEA,KAAK,CAACO;EAAG,CACjB,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

package/dist/esm/components/fields/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Checkbox","CheckboxWSR","props","field","onChange","value","createElement","checked","e","target","dataHook","id","displayName"],"sources":["../../../../src/components/fields/Checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox as CheckboxWSR } from '@wix/design-system';\nimport { BaseInputProps } from './types';\n\nexport interface CheckboxProps extends BaseInputProps<boolean> {}\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const { field, onChange, value } = props;\n\n  return (\n    <CheckboxWSR\n      checked={value}\n      onChange={(e) => {\n        onChange(e.target.checked);\n      }}\n      dataHook={`checkbox-${field.id}`}\n    >\n      {field.displayName}\n    </CheckboxWSR>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,IAAIC,WAAW,QAAQ,oBAAoB;AAK5D,OAAO,MAAMD,QAAQ,GAAIE,KAAoB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAExC,oBACEH,KAAA,CAAAO,aAAA,CAACL,WAAW;IACVM,OAAO,EAAEF,KAAM;IACfD,QAAQ,EAAGI,CAAC,IAAK;MACfJ,QAAQ,CAACI,CAAC,CAACC,MAAM,CAACF,OAAO,CAAC;IAC5B,CAAE;IACFG,QAAQ,EAAE,YAAYP,KAAK,CAACQ,EAAE;EAAG,GAEhCR,KAAK,CAACS,WACI,CAAC;AAElB,CAAC","ignoreList":[]}

package/dist/esm/components/fields/DateInput.js

@@ -0,0 +1,92 @@
+import React, { useState, useRef } from 'react';
+import { FormField, DatePicker } from '@wix/design-system';
+import { getDateWithoutTimezone, getISODateStringWithFixedTimezone } from './utils/dates';
+import { useSelector, useWixPatternsContainer } from '@wix/patterns';
+import { useController } from '@wix/patterns/form';
+function validateDateField(value, validation, t, format, validationType) {
+  if (validation != null && validation.required && (value === null || value === undefined || value === '')) {
+    return t('cairo.fieldValidation.requiredField');
+  } else if (validationType === 'formatError' && format) {
+    return t('cairo.customFields.fieldType.date.invalid.value', {
+      dateFormat: format
+    });
+  }
+  return '';
+}
+export const DateInput = props => {
+  var _field$validation;
+  const {
+    field,
+    dataHook,
+    inputRef,
+    formControl,
+    data
+  } = props;
+  const {
+    translate: t,
+    ...container
+  } = useWixPatternsContainer();
+  useSelector(() => container.initTask.status);
+  const controller = useController({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        const error = validateDateField(value, field.validation, t);
+        return error || true;
+      }
+    }
+  });
+  const [date, setDate] = useState(() => {
+    if (controller.field.value) {
+      return getDateWithoutTimezone(getISODateStringWithFixedTimezone(controller.field.value));
+    }
+    return undefined;
+  });
+  const ref = useRef({});
+  const [errorMessage, setErrorMessage] = useState('');
+  return /*#__PURE__*/React.createElement(FormField, {
+    label: field.displayName,
+    required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
+    dataHook: dataHook
+  }, /*#__PURE__*/React.createElement(DatePicker, {
+    ref: internalRef => {
+      inputRef == null || inputRef(ref.current);
+      // @ts-expect-error: WSR internal API hack for focusing
+      ref.current.focus = () => {
+        var _internalRef$state;
+        return internalRef == null || (_internalRef$state = internalRef.state) == null || (_internalRef$state = _internalRef$state.inputRef) == null || _internalRef$state.focus == null ? void 0 : _internalRef$state.focus();
+      };
+    },
+    dataHook: `date-${field.id}`,
+    width: "100%",
+    value: date,
+    onChange: newValue => {
+      setDate(newValue);
+      if (newValue) {
+        const formattedDate = getISODateStringWithFixedTimezone(newValue);
+        controller.field.onChange(formattedDate.split('T')[0]);
+      } else {
+        controller.field.onChange(null);
+      }
+    },
+    onValidate: _ref => {
+      let {
+        validationType,
+        value: newValue,
+        format
+      } = _ref;
+      const error = validateDateField(newValue, field.validation, t, format, validationType);
+      setErrorMessage(error);
+      ref.current.invalid = !!error;
+      if (validationType === 'formatError' && newValue === '') {
+        setDate(undefined);
+        controller.field.onChange(null);
+      }
+    },
+    status: errorMessage ? 'error' : undefined,
+    statusMessage: errorMessage
+  }));
+};
+//# sourceMappingURL=DateInput.js.map