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

@wix/auto-patterns 1.44.0 → 1.46.0

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

Files changed (2001) hide show

package/dist/esm/components/AutoPatternsEntityPage/EditModeEntityPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","useRef","EntityPage","useEntity","useEntityPage","MoreActions","useForm","useParams","useSchema","useEntityPageHeaderTexts","useNavigation","useEntityPageMoreActions","useActionsSDK","RenderLayoutCard","errorHandler","EditModeEntityPage","_ref","_pageLayout$main","_pageLayout$sidebar","configuration","layout","pageLayout","parentPageId","route","actions","collectionId","moreActions","form","mode","params","entityId","id","schema","isCreateMode","inputRefs","setInputRef","input","current","validate","invalidFieldId","Object","keys","find","fieldId","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","getParentPagePath","parentPath","state","saveErrorToast","err","message","getResolvedError","onSave","formValues","getValues","baseEntity","entity","updatedEntity","newEntity","update","create","fetch","undefined","get","title","subtitle","config","entityDisplayName","displayField","sdk","resolvedMoreActions","createElement","dataHook","Header","length","items","Content","MainContent","main","map","layoutIndex","key","sectionId","cardIndex","sidebar","AdditionalContent"],"sources":["../../../../src/components/AutoPatternsEntityPage/EditModeEntityPage.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport {\n EntityPage,\n EntityPageState,\n useEntity,\n useEntityPage,\n MoreActions,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { BaseInputRef } from './Fields/types';\nimport { useEntityPageHeaderTexts, useNavigation } from '../../hooks';\nimport { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';\nimport { useActionsSDK } from '../../hooks/useActionsSDK';\nimport { RenderLayoutCard } from './RenderLayout';\nimport { EditEntityPageConfig } from '../../types';\nimport { errorHandler } from '@wix/essentials';\n\nexport const EditModeEntityPage: React.FC<{\n configuration: EditEntityPageConfig;\n}> = ({ configuration }) => {\n const {\n layout: pageLayout,\n parentPageId,\n route,\n actions,\n collectionId,\n } = configuration;\n\n const moreActions = actions?.moreActions;\n\n const form = useForm<any>({\n mode: 'onChange',\n });\n const params = useParams();\n const entityId = params[route.params.id];\n const schema = useSchema();\n const isCreateMode = !entityId;\n\n const inputRefs = useRef<{ [fieldId: string]: BaseInputRef }>({});\n\n const setInputRef = (id: string, input: BaseInputRef) => {\n inputRefs.current[id] = input;\n };\n\n const validate = () => {\n const invalidFieldId = Object.keys(inputRefs.current).find((fieldId) => {\n return inputRefs.current[fieldId]?.invalid;\n });\n\n if (invalidFieldId) {\n inputRefs.current[invalidFieldId]?.focus?.();\n throw new Error('Invalid form');\n }\n };\n const { getParentPagePath } = useNavigation();\n\n const parentPath = useMemo(\n () => getParentPagePath(parentPageId),\n [parentPageId, getParentPagePath],\n );\n\n const state: EntityPageState<any> = useEntityPage<any, any>({\n parentPath,\n form,\n saveErrorToast: (err) => ({\n message: errorHandler.getResolvedError(err).message,\n }),\n onSave: async () => {\n validate();\n\n const formValues = form.getValues();\n const baseEntity = state.entity \|\| {};\n const updatedEntity = {\n ...baseEntity,\n ...formValues,\n };\n\n const newEntity = entityId\n ? await schema.actions.update(updatedEntity)\n : await schema.actions.create(updatedEntity);\n\n return { updatedEntity: newEntity };\n },\n fetch: async () => {\n if (!entityId) {\n return { entity: undefined };\n }\n const entity = await schema.actions.get(entityId);\n return { entity };\n },\n });\n\n const entity = useEntity(state);\n\n const { title, subtitle } = useEntityPageHeaderTexts({\n config: configuration,\n isCreateMode,\n entityDisplayName: entity?.[schema.displayField],\n entity,\n });\n\n const sdk = useActionsSDK({\n collectionId,\n });\n\n const resolvedMoreActions = useEntityPageMoreActions(\n moreActions,\n entity,\n sdk,\n form,\n );\n\n return (\n <EntityPage state={state} dataHook=\"auto-patterns-entity-page\">\n <EntityPage.Header\n title={title}\n subtitle={subtitle}\n moreActions={\n resolvedMoreActions.length > 0 ? (\n <MoreActions items={resolvedMoreActions} />\n ) : undefined\n }\n />\n <EntityPage.Content>\n <EntityPage.MainContent dataHook=\"entity-page-main-content\">\n {pageLayout?.main?.map((layout, layoutIndex) => (\n <RenderLayoutCard\n key={`main-section-card-${layoutIndex}`}\n layout={layout}\n sectionId=\"main\"\n cardIndex={layoutIndex}\n setInputRef={setInputRef}\n />\n ))}\n </EntityPage.MainContent>\n {pageLayout?.sidebar ? (\n <EntityPage.AdditionalContent>\n {pageLayout.sidebar?.map((layout, layoutIndex) => (\n <RenderLayoutCard\n key={`sidebar-section-card-${layoutIndex}`}\n layout={layout}\n sectionId=\"sidebar\"\n cardIndex={layoutIndex}\n setInputRef={setInputRef}\n />\n ))}\n </EntityPage.AdditionalContent>\n ) : null}\n </EntityPage.Content>\n </EntityPage>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useMemo","useRef","EntityPage","useEntity","useEntityPage","MoreActions","useForm","useParams","useSchema","useEntityPageHeaderTexts","useNavigation","useEntityPageMoreActions","useActionsSDK","ContentCard","errorHandler","EditModeEntityPage","_ref","_pageLayout$main","_pageLayout$sidebar","configuration","layout","pageLayout","parentPageId","route","actions","collectionId","moreActions","form","mode","params","entityId","id","schema","displayField","schemaActions","fields","isCreateMode","inputRefs","setInputRef","input","current","validate","invalidFieldId","Object","keys","find","fieldId","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","getParentPagePath","parentPath","state","saveErrorToast","err","message","getResolvedError","onSave","formValues","getValues","baseEntity","entity","updatedEntity","newEntity","update","create","fetch","undefined","get","title","subtitle","config","entityDisplayName","sdk","resolvedMoreActions","createElement","dataHook","Header","length","items","Content","MainContent","main","map","layoutIndex","key","sectionId","cardIndex","data","sidebar","AdditionalContent"],"sources":["../../../../src/components/AutoPatternsEntityPage/EditModeEntityPage.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport {\n EntityPage,\n EntityPageState,\n useEntity,\n useEntityPage,\n MoreActions,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { useEntityPageHeaderTexts, useNavigation } from '../../hooks';\nimport { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';\nimport { useActionsSDK } from '../../hooks/useActionsSDK';\nimport { ContentCard } from '../layouts/ContentCard';\nimport { BaseInputRef } from '../fields/types';\nimport { EditEntityPageConfig } from '../../types';\nimport { errorHandler } from '@wix/essentials';\n\nexport const EditModeEntityPage: React.FC<{\n configuration: EditEntityPageConfig;\n}> = ({ configuration }) => {\n const {\n layout: pageLayout,\n parentPageId,\n route,\n actions,\n collectionId,\n } = configuration;\n\n const moreActions = actions?.moreActions;\n\n const form = useForm<any>({\n mode: 'onChange',\n });\n const params = useParams();\n const entityId = params[route.params.id];\n const schema = useSchema();\n const { displayField, actions: schemaActions, fields } = schema;\n const isCreateMode = !entityId;\n\n const inputRefs = useRef<{ [fieldId: string]: BaseInputRef }>({});\n\n const setInputRef = (id: string, input: BaseInputRef) => {\n inputRefs.current[id] = input;\n };\n\n const validate = () => {\n const invalidFieldId = Object.keys(inputRefs.current).find((fieldId) => {\n return inputRefs.current[fieldId]?.invalid;\n });\n\n if (invalidFieldId) {\n inputRefs.current[invalidFieldId]?.focus?.();\n throw new Error('Invalid form');\n }\n };\n const { getParentPagePath } = useNavigation();\n\n const parentPath = useMemo(\n () => getParentPagePath(parentPageId),\n [parentPageId, getParentPagePath],\n );\n\n const state: EntityPageState<any> = useEntityPage<any, any>({\n parentPath,\n form,\n saveErrorToast: (err) => ({\n message: errorHandler.getResolvedError(err).message,\n }),\n onSave: async () => {\n validate();\n\n const formValues = form.getValues();\n const baseEntity = state.entity \|\| {};\n const updatedEntity = {\n ...baseEntity,\n ...formValues,\n };\n\n const newEntity = entityId\n ? await schemaActions.update(updatedEntity)\n : await schemaActions.create(updatedEntity);\n\n return { updatedEntity: newEntity };\n },\n fetch: async () => {\n if (!entityId) {\n return { entity: undefined };\n }\n const entity = await schemaActions.get(entityId);\n return { entity };\n },\n });\n\n const entity = useEntity(state);\n\n const { title, subtitle } = useEntityPageHeaderTexts({\n config: configuration,\n isCreateMode,\n entityDisplayName: entity?.[displayField],\n entity,\n });\n\n const sdk = useActionsSDK({\n collectionId,\n });\n\n const resolvedMoreActions = useEntityPageMoreActions(\n moreActions,\n entity,\n sdk,\n form,\n );\n\n return (\n <EntityPage state={state} dataHook=\"auto-patterns-entity-page\">\n <EntityPage.Header\n title={title}\n subtitle={subtitle}\n moreActions={\n resolvedMoreActions.length > 0 ? (\n <MoreActions items={resolvedMoreActions} />\n ) : undefined\n }\n />\n <EntityPage.Content>\n <EntityPage.MainContent dataHook=\"entity-page-main-content\">\n {pageLayout?.main?.map((layout, layoutIndex) => (\n <ContentCard\n key={`main-section-card-${layoutIndex}`}\n layout={layout}\n sectionId=\"main\"\n cardIndex={layoutIndex}\n setInputRef={setInputRef}\n fields={fields}\n form={form}\n data={entity}\n />\n ))}\n </EntityPage.MainContent>\n {pageLayout?.sidebar ? (\n <EntityPage.AdditionalContent dataHook=\"entity-page-additional-content\">\n {pageLayout.sidebar?.map((layout, layoutIndex) => (\n <ContentCard\n key={`sidebar-section-card-${layoutIndex}`}\n layout={layout}\n sectionId=\"sidebar\"\n cardIndex={layoutIndex}\n setInputRef={setInputRef}\n fields={fields}\n form={form}\n data={entity}\n />\n ))}\n </EntityPage.AdditionalContent>\n ) : null}\n </EntityPage.Content>\n </EntityPage>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/ViewModeEntityPage.js CHANGED Viewed

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useState, useEffect } from 'react';
 import { Page, Heading, Box, Layout, Cell, Badge } from '@wix/design-system';
 import { useParams } from 'react-router-dom';
-import { RenderViewLayoutCard } from './ViewEntityPage/RenderViewLayoutCard';
 import { useSchema } from '../../providers/SchemaContext';
 import { useNavigation } from '../../hooks';
 import { MoreActions } from '@wix/patterns';
@@ -11,7 +10,8 @@ import { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';
 import { useActionsSDK } from '../../hooks/useActionsSDK';
 import { useNavigateEditEntityAction } from '../../hooks/useNavigateEditEntityAction';
 import { useEntityPageHeaderTexts } from '../../hooks/useEntityPageHeaderTexts';
-import { SkeletonEntity } from './SkeletonEntity';
+import { ContentSkeleton } from '../layouts/ContentSkeleton';
+import { ContentCard } from '../layouts/ContentCard';
 // TODO: temp solution until we have a proper view mode entity page
 export const ViewModeEntityPage = _ref => {
   var _pageLayout$main, _pageLayout$sidebar;
@@ -24,6 +24,11 @@ export const ViewModeEntityPage = _ref => {
   const params = useParams();
   const entityId = params[route.params.id];
   const schema = useSchema();
+  const {
+    displayField,
+    actions: schemaActions,
+    fields
+  } = schema;
   const {
     layout: pageLayout
   } = configuration;
@@ -38,7 +43,7 @@ export const ViewModeEntityPage = _ref => {
         setEntity(undefined);
         return;
       }
-      const fetchedEntity = await schema.actions.get(entityId);
+      const fetchedEntity = await schemaActions.get(entityId);
       if (isMounted) {
         setEntity(fetchedEntity);
       }
@@ -47,7 +52,7 @@ export const ViewModeEntityPage = _ref => {
     return () => {
       isMounted = false;
     };
-  }, [entityId, schema]);
+  }, [entityId, schemaActions]);
   const {
     title,
     subtitle
@@ -55,7 +60,7 @@ export const ViewModeEntityPage = _ref => {
     config: configuration,
     isCreateMode: false,
     isViewMode: true,
-    entityDisplayName: entity == null ? void 0 : entity[schema.displayField],
+    entityDisplayName: entity == null ? void 0 : entity[displayField],
     entity
   });
   const sdk = useActionsSDK({
@@ -69,7 +74,7 @@ export const ViewModeEntityPage = _ref => {
   // add OOTB navigate to edit action
   const moreActions = useNavigateEditEntityAction({
-    displayName: entity == null ? void 0 : entity[schema.displayField],
+    displayName: entity == null ? void 0 : entity[displayField],
     configuration
   });
   const resolvedMoreActions = useEntityPageMoreActions(moreActions, entity, sdk);
@@ -93,8 +98,8 @@ export const ViewModeEntityPage = _ref => {
     }), badge.text))));
   };
   if (!entity) {
-    return /*#__PURE__*/React.createElement(SkeletonEntity, {
-      entityPage: configuration
+    return /*#__PURE__*/React.createElement(ContentSkeleton, {
+      pageConfig: configuration
     });
   }
   return /*#__PURE__*/React.createElement(Page, {
@@ -116,9 +121,11 @@ export const ViewModeEntityPage = _ref => {
   }, /*#__PURE__*/React.createElement(Box, {
     direction: "vertical",
     gap: "SP4"
-  }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderViewLayoutCard, {
+  }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
     key: `main-section-card-${layoutIndex}`,
-    entity: entity,
+    mode: "view",
+    fields: fields,
+    data: entity,
     layout: layout,
     sectionId: "main",
     cardIndex: layoutIndex
@@ -127,9 +134,11 @@ export const ViewModeEntityPage = _ref => {
   }, /*#__PURE__*/React.createElement(Box, {
     direction: "vertical",
     gap: "SP4"
-  }, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderViewLayoutCard, {
+  }, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
     key: `sidebar-section-card-${layoutIndex}`,
-    entity: entity,
+    mode: "view",
+    fields: fields,
+    data: entity,
     layout: layout,
     sectionId: "sidebar",
     cardIndex: layoutIndex

package/dist/esm/components/AutoPatternsEntityPage/ViewModeEntityPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useState","useEffect","Page","Heading","Box","Layout","Cell","Badge","useParams","RenderViewLayoutCard","useSchema","useNavigation","MoreActions","useEntityPageActions","useEntityPageMoreActions","useActionsSDK","useNavigateEditEntityAction","useEntityPageHeaderTexts","SkeletonEntity","ViewModeEntityPage","_ref","_pageLayout$main","_pageLayout$sidebar","configuration","route","params","entityId","id","schema","layout","pageLayout","navigateToCollectionPage","entity","setEntity","undefined","isMounted","fetchEntity","fetchedEntity","actions","get","title","subtitle","config","isCreateMode","isViewMode","entityDisplayName","displayField","sdk","collectionId","entityPageActions","moreActions","displayName","resolvedMoreActions","renderTitle","text","badges","createElement","gap","verticalAlign","alignContent","size","length","map","badge","index","_extends","key","dataHook","entityPage","Header","showBackButton","onBackClicked","parentPageId","actionsBar","items","Content","span","sidebar","direction","main","layoutIndex","sectionId","cardIndex"],"sources":["../../../../src/components/AutoPatternsEntityPage/ViewModeEntityPage.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { Page, Heading, Box, Layout, Cell, Badge } from '@wix/design-system';\nimport { useParams } from 'react-router-dom';\nimport { RenderViewLayoutCard } from './ViewEntityPage/RenderViewLayoutCard';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { useNavigation } from '../../hooks';\nimport { MoreActions } from '@wix/patterns';\nimport { useEntityPageActions } from '../../hooks/useEntityPageActions';\nimport { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';\nimport { useActionsSDK } from '../../hooks/useActionsSDK';\nimport { useNavigateEditEntityAction } from '../../hooks/useNavigateEditEntityAction';\nimport { useEntityPageHeaderTexts } from '../../hooks/useEntityPageHeaderTexts';\nimport { ViewEntityPageConfig } from '../../types';\nimport { SkeletonEntity } from './SkeletonEntity';\n\ninterface ViewModeEntityPageProps {\n configuration: ViewEntityPageConfig;\n}\n\n// TODO: temp solution until we have a proper view mode entity page\nexport const ViewModeEntityPage: React.FC<ViewModeEntityPageProps> = ({\n configuration,\n}) => {\n const { route } = configuration;\n const params = useParams();\n const entityId = params[route.params.id];\n const schema = useSchema();\n const { layout: pageLayout } = configuration;\n const { navigateToCollectionPage } = useNavigation();\n\n const [entity, setEntity] = useState<any>(undefined);\n\n useEffect(() => {\n let isMounted = true;\n const fetchEntity = async () => {\n if (!entityId) {\n setEntity(undefined);\n return;\n }\n const fetchedEntity = await schema.actions.get(entityId);\n if (isMounted) {\n setEntity(fetchedEntity);\n }\n };\n fetchEntity();\n return () => {\n isMounted = false;\n };\n }, [entityId, schema]);\n\n const { title, subtitle } = useEntityPageHeaderTexts({\n config: configuration,\n isCreateMode: false,\n isViewMode: true,\n entityDisplayName: entity?.[schema.displayField],\n entity,\n });\n\n const sdk = useActionsSDK({\n collectionId: configuration.collectionId,\n });\n\n const actions = useEntityPageActions({\n entityPageActions: configuration.actions,\n entity,\n sdk,\n });\n\n // add OOTB navigate to edit action\n const moreActions = useNavigateEditEntityAction({\n displayName: entity?.[schema.displayField],\n configuration,\n });\n\n const resolvedMoreActions = useEntityPageMoreActions(\n moreActions,\n entity,\n sdk,\n );\n\n const renderTitle = () => {\n const { text, badges } = title;\n\n return (\n <Box gap=\"SP2\" verticalAlign=\"middle\" alignContent=\"center\">\n <Heading size=\"extraLarge\">{text}</Heading>\n {badges && badges.length > 0 && (\n <Box gap=\"SP2\">\n {badges.map((badge, index) => (\n <Badge\n key={index}\n {...badge}\n dataHook={`form-page-header-badge-${index}`}\n >\n {badge.text}\n </Badge>\n ))}\n </Box>\n )}\n </Box>\n );\n };\n\n if (!entity) {\n return <SkeletonEntity entityPage={configuration} />;\n }\n return (\n <Page dataHook=\"view-mode-entity-page\">\n <Page.Header\n dataHook=\"view-mode-entity-page-header\"\n title={renderTitle()}\n subtitle={subtitle?.text}\n showBackButton\n onBackClicked={() =>\n navigateToCollectionPage(configuration.parentPageId!)\n }\n actionsBar={\n <Box gap=\"SP2\">\n {resolvedMoreActions.length > 0 ? (\n <MoreActions\n dataHook=\"view-mode-entity-page-more-actions\"\n items={resolvedMoreActions}\n />\n ) : undefined}\n {actions}\n </Box>\n }\n />\n <Page.Content>\n <Layout>\n <Cell span={pageLayout?.sidebar ? 8 : 12}>\n <Box direction=\"vertical\" gap=\"SP4\">\n {pageLayout?.main?.map((layout, layoutIndex) => (\n <RenderViewLayoutCard\n key={`main-section-card-${layoutIndex}`}\n entity={entity}\n layout={layout}\n sectionId=\"main\"\n cardIndex={layoutIndex}\n />\n ))}\n </Box>\n </Cell>\n {pageLayout?.sidebar ? (\n <Cell span={4}>\n <Box direction=\"vertical\" gap=\"SP4\">\n {pageLayout.sidebar?.map((layout, layoutIndex) => (\n <RenderViewLayoutCard\n key={`sidebar-section-card-${layoutIndex}`}\n entity={entity}\n layout={layout}\n sectionId=\"sidebar\"\n cardIndex={layoutIndex}\n />\n ))}\n </Box>\n </Cell>\n ) : null}\n </Layout>\n </Page.Content>\n </Page>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useState","useEffect","Page","Heading","Box","Layout","Cell","Badge","useParams","useSchema","useNavigation","MoreActions","useEntityPageActions","useEntityPageMoreActions","useActionsSDK","useNavigateEditEntityAction","useEntityPageHeaderTexts","ContentSkeleton","ContentCard","ViewModeEntityPage","_ref","_pageLayout$main","_pageLayout$sidebar","configuration","route","params","entityId","id","schema","displayField","actions","schemaActions","fields","layout","pageLayout","navigateToCollectionPage","entity","setEntity","undefined","isMounted","fetchEntity","fetchedEntity","get","title","subtitle","config","isCreateMode","isViewMode","entityDisplayName","sdk","collectionId","entityPageActions","moreActions","displayName","resolvedMoreActions","renderTitle","text","badges","createElement","gap","verticalAlign","alignContent","size","length","map","badge","index","_extends","key","dataHook","pageConfig","Header","showBackButton","onBackClicked","parentPageId","actionsBar","items","Content","span","sidebar","direction","main","layoutIndex","mode","data","sectionId","cardIndex"],"sources":["../../../../src/components/AutoPatternsEntityPage/ViewModeEntityPage.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { Page, Heading, Box, Layout, Cell, Badge } from '@wix/design-system';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { useNavigation } from '../../hooks';\nimport { MoreActions } from '@wix/patterns';\nimport { useEntityPageActions } from '../../hooks/useEntityPageActions';\nimport { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';\nimport { useActionsSDK } from '../../hooks/useActionsSDK';\nimport { useNavigateEditEntityAction } from '../../hooks/useNavigateEditEntityAction';\nimport { useEntityPageHeaderTexts } from '../../hooks/useEntityPageHeaderTexts';\nimport { ViewEntityPageConfig } from '../../types';\nimport { ContentSkeleton } from '../layouts/ContentSkeleton';\nimport { ContentCard } from '../layouts/ContentCard';\n\ninterface ViewModeEntityPageProps {\n configuration: ViewEntityPageConfig;\n}\n\n// TODO: temp solution until we have a proper view mode entity page\nexport const ViewModeEntityPage: React.FC<ViewModeEntityPageProps> = ({\n configuration,\n}) => {\n const { route } = configuration;\n const params = useParams();\n const entityId = params[route.params.id];\n const schema = useSchema();\n const { displayField, actions: schemaActions, fields } = schema;\n const { layout: pageLayout } = configuration;\n const { navigateToCollectionPage } = useNavigation();\n\n const [entity, setEntity] = useState<any>(undefined);\n\n useEffect(() => {\n let isMounted = true;\n const fetchEntity = async () => {\n if (!entityId) {\n setEntity(undefined);\n return;\n }\n const fetchedEntity = await schemaActions.get(entityId);\n if (isMounted) {\n setEntity(fetchedEntity);\n }\n };\n fetchEntity();\n return () => {\n isMounted = false;\n };\n }, [entityId, schemaActions]);\n\n const { title, subtitle } = useEntityPageHeaderTexts({\n config: configuration,\n isCreateMode: false,\n isViewMode: true,\n entityDisplayName: entity?.[displayField],\n entity,\n });\n\n const sdk = useActionsSDK({\n collectionId: configuration.collectionId,\n });\n\n const actions = useEntityPageActions({\n entityPageActions: configuration.actions,\n entity,\n sdk,\n });\n\n // add OOTB navigate to edit action\n const moreActions = useNavigateEditEntityAction({\n displayName: entity?.[displayField],\n configuration,\n });\n\n const resolvedMoreActions = useEntityPageMoreActions(\n moreActions,\n entity,\n sdk,\n );\n\n const renderTitle = () => {\n const { text, badges } = title;\n\n return (\n <Box gap=\"SP2\" verticalAlign=\"middle\" alignContent=\"center\">\n <Heading size=\"extraLarge\">{text}</Heading>\n {badges && badges.length > 0 && (\n <Box gap=\"SP2\">\n {badges.map((badge, index) => (\n <Badge\n key={index}\n {...badge}\n dataHook={`form-page-header-badge-${index}`}\n >\n {badge.text}\n </Badge>\n ))}\n </Box>\n )}\n </Box>\n );\n };\n\n if (!entity) {\n return <ContentSkeleton pageConfig={configuration} />;\n }\n return (\n <Page dataHook=\"view-mode-entity-page\">\n <Page.Header\n dataHook=\"view-mode-entity-page-header\"\n title={renderTitle()}\n subtitle={subtitle?.text}\n showBackButton\n onBackClicked={() =>\n navigateToCollectionPage(configuration.parentPageId!)\n }\n actionsBar={\n <Box gap=\"SP2\">\n {resolvedMoreActions.length > 0 ? (\n <MoreActions\n dataHook=\"view-mode-entity-page-more-actions\"\n items={resolvedMoreActions}\n />\n ) : undefined}\n {actions}\n </Box>\n }\n />\n <Page.Content>\n <Layout>\n <Cell span={pageLayout?.sidebar ? 8 : 12}>\n <Box direction=\"vertical\" gap=\"SP4\">\n {pageLayout?.main?.map((layout, layoutIndex) => (\n <ContentCard\n key={`main-section-card-${layoutIndex}`}\n mode=\"view\"\n fields={fields}\n data={entity}\n layout={layout}\n sectionId=\"main\"\n cardIndex={layoutIndex}\n />\n ))}\n </Box>\n </Cell>\n {pageLayout?.sidebar ? (\n <Cell span={4}>\n <Box direction=\"vertical\" gap=\"SP4\">\n {pageLayout.sidebar?.map((layout, layoutIndex) => (\n <ContentCard\n key={`sidebar-section-card-${layoutIndex}`}\n mode=\"view\"\n fields={fields}\n data={entity}\n layout={layout}\n sectionId=\"sidebar\"\n cardIndex={layoutIndex}\n />\n ))}\n </Box>\n </Cell>\n ) : null}\n </Layout>\n </Page.Content>\n </Page>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/ViewModeEntityPage.uni.driver.js CHANGED Viewed

@@ -4,6 +4,13 @@ export function ViewModeEntityPageUniDriver(base, body) {
   const getHeader = () => PageHeaderUniDriver(base.$('[data-hook="view-mode-entity-page-header"]'), body);
   const getMoreActions = () => MoreActionsUniDriver(base.$('[data-hook="view-mode-entity-page-more-actions"]'), body);
   const getBadgeByIndex = index => BadgeUniDriver(base.$(`[data-hook="form-page-header-badge-${index}"]`), body);
+  const getViewField = fieldId => {
+    const field = base.$(`[data-hook="view-field-${fieldId}"]`);
+    return {
+      exists: () => field.exists(),
+      text: () => field.text()
+    };
+  };
   return {
     /**
      * Wait until root element to exist
@@ -30,7 +37,11 @@ export function ViewModeEntityPageUniDriver(base, body) {
      * Check if badge exists by index
      */
     hasBadge: index => getBadgeByIndex(index).exists(),
-    getHeader
+    getHeader,
+    /**
+     * Get view field by field id
+     */
+    getViewField
   };
 }
 export default ViewModeEntityPageUniDriver;

package/dist/esm/components/AutoPatternsEntityPage/ViewModeEntityPage.uni.driver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BadgeUniDriver","PageHeaderUniDriver","MoreActionsUniDriver","ViewModeEntityPageUniDriver","base","body","getHeader","$","getMoreActions","getBadgeByIndex","index","~~wait~~","~~timeout~~","exists","getBadgesCount","$$","count","getBadgeText","~~text","~~hasBadge"],"sources":["../../../../src/components/AutoPatternsEntityPage/ViewModeEntityPage.uni.driver.tsx"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n BadgeUniDriver,\n PageHeaderUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { MoreActionsUniDriver } from '@wix/patterns/testkit/unidriver';\n\nexport function ViewModeEntityPageUniDriver(base: UniDriver, body: UniDriver) {\n const getHeader = () =>\n PageHeaderUniDriver(\n base.$('[data-hook=\"view-mode-entity-page-header\"]'),\n body,\n );\n\n const getMoreActions = () =>\n MoreActionsUniDriver(\n base.$('[data-hook=\"view-mode-entity-page-more-actions\"]'),\n body,\n );\n\n const getBadgeByIndex = (index: number) =>\n BadgeUniDriver(\n base.$(`[data-hook=\"form-page-header-badge-${index}\"]`),\n body,\n );\n\n return {\n /*\n Wait until root element to exist\n * @param timeout - time to wait until bailing\n /\n wait: (timeout?: number) => base.wait(timeout),\n\n /\n Check if the view mode entity page exists\n /\n exists: () => base.exists(),\n\n /\n Get the more actions menu element\n /\n getMoreActions,\n\n /\n Get the number of badges in the header\n /\n getBadgesCount: () =>\n base.$$('[data-hook^=\"form-page-header-badge-\"]').count(),\n\n /\n Get badge text by index\n /\n getBadgeText: (index: number) => getBadgeByIndex(index).text(),\n\n /\n Check if badge exists by index\n */\n hasBadge: (index: number) => getBadgeByIndex(index).exists(),\n\n getHeader,\n };\n}\n\nexport default ViewModeEntityPageUniDriver;\n"],"mappings":"AACA,SACEA,cAAc,EACdC,mBAAmB,QACd,2CAA2C;AAClD,SAASC,oBAAoB,QAAQ,iCAAiC;AAEtE,OAAO,SAASC,2BAA2BA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC5E,MAAMC,SAAS,GAAGA,CAAA,KAChBL,mBAAmB,CACjBG,IAAI,CAACG,CAAC,CAAC,4CAA4C,CAAC,EACpDF,IACF,CAAC;EAEH,MAAMG,cAAc,GAAGA,CAAA,KACrBN,oBAAoB,CAClBE,IAAI,CAACG,CAAC,CAAC,kDAAkD,CAAC,EAC1DF,IACF,CAAC;EAEH,MAAMI,eAAe,GAAIC,KAAa,IACpCV,cAAc,CACZI,IAAI,CAACG,CAAC,CAAC,sCAAsCG,KAAK,IAAI,CAAC,EACvDL,IACF,CAAC;EAEH,OAAO;IACL;AACJ;AACA;AACA;~~IACIM~~,IAAI,EAAGC,OAAgB,~~IAAKR~~,IAAI,~~CAACO~~,IAAI,CAACC,OAAO,CAAC;IAE9C;AACJ;AACA;~~IACIC~~,MAAM,EAAEA,CAAA,~~KAAMT~~,IAAI,~~CAACS~~,MAAM,CAAC,CAAC;IAE3B;AACJ;AACA;~~IACIL~~,cAAc;IAEd;AACJ;AACA;~~IACIM~~,cAAc,EAAEA,CAAA,~~KACdV~~,IAAI,~~CAACW~~,EAAE,CAAC,wCAAwC,CAAC,CAACC,KAAK,CAAC,CAAC;IAE3D;AACJ;AACA;IACIC,YAAY,~~EAAGP~~,KAAa,IAAKD,eAAe,CAACC,KAAK,CAAC,~~CAACQ~~,IAAI,CAAC,CAAC;IAE9D;AACJ;AACA;~~IACIC~~,QAAQ,~~EAAGT~~,KAAa,IAAKD,eAAe,CAACC,KAAK,CAAC,~~CAACG~~,MAAM,CAAC,CAAC;~~IAE5DP~~;EACF,CAAC;AACH;AAEA,~~eAAeH~~,2BAA2B","ignoreList":[]}
1	+ {"version":3,"names":["BadgeUniDriver","PageHeaderUniDriver","MoreActionsUniDriver","ViewModeEntityPageUniDriver","base","body","getHeader","$","getMoreActions","getBadgeByIndex","index","getViewField","fieldId","field","exists","text","wait","timeout","getBadgesCount","$$","count","getBadgeText","hasBadge"],"sources":["../../../../src/components/AutoPatternsEntityPage/ViewModeEntityPage.uni.driver.tsx"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n BadgeUniDriver,\n PageHeaderUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { MoreActionsUniDriver } from '@wix/patterns/testkit/unidriver';\n\nexport function ViewModeEntityPageUniDriver(base: UniDriver, body: UniDriver) {\n const getHeader = () =>\n PageHeaderUniDriver(\n base.$('[data-hook=\"view-mode-entity-page-header\"]'),\n body,\n );\n\n const getMoreActions = () =>\n MoreActionsUniDriver(\n base.$('[data-hook=\"view-mode-entity-page-more-actions\"]'),\n body,\n );\n\n const getBadgeByIndex = (index: number) =>\n BadgeUniDriver(\n base.$(`[data-hook=\"form-page-header-badge-${index}\"]`),\n body,\n );\n\n const getViewField = (fieldId: string) => {\n const field = base.$(`[data-hook=\"view-field-${fieldId}\"]`);\n return {\n exists: () => field.exists(),\n text: () => field.text(),\n };\n };\n\n return {\n /*\n Wait until root element to exist\n * @param timeout - time to wait until bailing\n /\n wait: (timeout?: number) => base.wait(timeout),\n\n /\n Check if the view mode entity page exists\n /\n exists: () => base.exists(),\n\n /\n Get the more actions menu element\n /\n getMoreActions,\n\n /\n Get the number of badges in the header\n /\n getBadgesCount: () =>\n base.$$('[data-hook^=\"form-page-header-badge-\"]').count(),\n\n /\n Get badge text by index\n /\n getBadgeText: (index: number) => getBadgeByIndex(index).text(),\n\n /\n Check if badge exists by index\n /\n hasBadge: (index: number) => getBadgeByIndex(index).exists(),\n\n getHeader,\n\n /\n Get view field by field id\n */\n getViewField,\n };\n}\n\nexport default ViewModeEntityPageUniDriver;\n"],"mappings":"AACA,SACEA,cAAc,EACdC,mBAAmB,QACd,2CAA2C;AAClD,SAASC,oBAAoB,QAAQ,iCAAiC;AAEtE,OAAO,SAASC,2BAA2BA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC5E,MAAMC,SAAS,GAAGA,CAAA,KAChBL,mBAAmB,CACjBG,IAAI,CAACG,CAAC,CAAC,4CAA4C,CAAC,EACpDF,IACF,CAAC;EAEH,MAAMG,cAAc,GAAGA,CAAA,KACrBN,oBAAoB,CAClBE,IAAI,CAACG,CAAC,CAAC,kDAAkD,CAAC,EAC1DF,IACF,CAAC;EAEH,MAAMI,eAAe,GAAIC,KAAa,IACpCV,cAAc,CACZI,IAAI,CAACG,CAAC,CAAC,sCAAsCG,KAAK,IAAI,CAAC,EACvDL,IACF,CAAC;EAEH,MAAMM,YAAY,GAAIC,OAAe,IAAK;IACxC,MAAMC,KAAK,GAAGT,IAAI,CAACG,CAAC,CAAC,0BAA0BK,OAAO,IAAI,CAAC;IAC3D,OAAO;MACLE,MAAM,EAAEA,CAAA,KAAMD,KAAK,CAACC,MAAM,CAAC,CAAC;MAC5BC,IAAI,EAAEA,CAAA,KAAMF,KAAK,CAACE,IAAI,CAAC;IACzB,CAAC;EACH,CAAC;EAED,OAAO;IACL;AACJ;AACA;AACA;IACIC,IAAI,EAAGC,OAAgB,IAAKb,IAAI,CAACY,IAAI,CAACC,OAAO,CAAC;IAE9C;AACJ;AACA;IACIH,MAAM,EAAEA,CAAA,KAAMV,IAAI,CAACU,MAAM,CAAC,CAAC;IAE3B;AACJ;AACA;IACIN,cAAc;IAEd;AACJ;AACA;IACIU,cAAc,EAAEA,CAAA,KACdd,IAAI,CAACe,EAAE,CAAC,wCAAwC,CAAC,CAACC,KAAK,CAAC,CAAC;IAE3D;AACJ;AACA;IACIC,YAAY,EAAGX,KAAa,IAAKD,eAAe,CAACC,KAAK,CAAC,CAACK,IAAI,CAAC,CAAC;IAE9D;AACJ;AACA;IACIO,QAAQ,EAAGZ,KAAa,IAAKD,eAAe,CAACC,KAAK,CAAC,CAACI,MAAM,CAAC,CAAC;IAE5DR,SAAS;IAET;AACJ;AACA;IACIK;EACF,CAAC;AACH;AAEA,eAAeR,2BAA2B","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/index.js CHANGED Viewed

@@ -1,4 +1,3 @@
 export * from './AutoPatternsEntityPage';
 export * from './ViewModeEntityPage';
-export * from './RenderLayout';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/AutoPatternsEntityPage/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["../../../../src/components/AutoPatternsEntityPage/index.ts"],"sourcesContent":["export * from './AutoPatternsEntityPage';\nexport * from './ViewModeEntityPage';\~~nexport * from './RenderLayout';\~~n"],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,sBAAsB~~;AACpC,cAAc,gBAAgB~~","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["../../../../src/components/AutoPatternsEntityPage/index.ts"],"sourcesContent":["export * from './AutoPatternsEntityPage';\nexport * from './ViewModeEntityPage';\n"],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,sBAAsB","ignoreList":[]}

package/dist/esm/components/AutoPatternsGrid/AutoPatternsGrid.js CHANGED Viewed

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

package/dist/esm/components/AutoPatternsGrid/AutoPatternsGrid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useState","Grid","GridState","useCreateCollection","useGridCollection","useSelector","useWixPatternsContainer","useBasePatternsStateParams","useGridFeaturesAsync","useBaseGridFeatures","useBaseCollectionComponentReadyFeatures","AutoPatternsGridLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","dragAndDrop","status","data","state","params","baseCollectionComponentReadyFeatures","collection","dragAndDropProps","useGridDragAndDrop","createElement","_extends","AutoPatternsGrid","visibleFieldIds","container","createCollection","isReady","isSuccess","isError"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n Grid,\n GridState,\n useCreateCollection,\n useGridCollection,\n useSelector,\n useWixPatternsContainer,\n} from '@wix/patterns';\nimport { GridConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useGridFeaturesAsync } from '../../hooks';\nimport { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsGridContentProps {\n config: GridConfig;\n}\n\n/*\n AutoPatternsGridLoaded - Step 4 in Grid Flow\n \n FLOW 2: AutoPatternsCollectionComponent → AutoPatternsGrid → useGridFeaturesAsync → [AutoPatternsGridLoaded] → useBaseCollectionComponentReadyFeatures → Grid\n \n This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the grid flow and handles:\n \n Key Responsibilities:\n * - Creates the grid collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Extracts grid-specific features (renderItem, preset, imagePlacement) from base features\n * - Extracts async features like dragAndDrop if enabled\n * - Renders the final Grid component with all features combined\n /\nconst AutoPatternsGridLoaded = (\n props: NonNullable<ReturnType<typeof useGridFeaturesAsync>> &\n AutoPatternsGridContentProps & {\n baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n dataHook?: string;\n },\n) => {\n const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n // Extract grid-specific display features (how items are rendered and displayed)\n const { renderItem, imagePlacement, preset } = useBaseGridFeatures(config);\n\n // Extract loaded async features from the successful feature loading state\n const { dragAndDrop } = useSelector(() => ({\n ...asyncFeaturesState.status.data,\n }));\n\n // Create grid collection state with the loaded async dependencies\n const state = useGridCollection<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 grid-specific drag and drop props if feature is loaded\n const dragAndDropProps = dragAndDrop?.useGridDragAndDrop?.(config);\n\n // FINAL STEP: Render the fully-featured Grid component\n // Combines grid display features with loaded async features\n return (\n <Grid\n dataHook={dataHook}\n preset={preset}\n imagePlacement={imagePlacement}\n renderItem={renderItem}\n state={state}\n {...baseCollectionComponentReadyFeatures}\n {...dragAndDropProps}\n />\n );\n};\n\n/\n AutoPatternsGrid - Step 2 in Grid Flow\n \n FLOW 2: AutoPatternsCollectionComponent → [AutoPatternsGrid] → useGridFeaturesAsync → AutoPatternsGridLoaded → useBaseCollectionComponentReadyFeatures → Grid\n \n This is the main grid component that orchestrates the grid rendering flow.\n * It handles the loading states and coordinates between async feature loading and final rendering.\n \n Key Responsibilities:\n * - Extracts grid display features (renderItem, preset, imagePlacement) and visible field IDs\n * - Calls useGridFeaturesAsync (Step 3) to load grid-specific async features\n * - Creates initial grid state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton grid during loading or AutoPatternsGridLoaded when ready\n */\nexport const AutoPatternsGrid = (props: AutoPatternsGridContentProps) => {\n const { config } = props;\n\n // Extract grid display features and visible field IDs from configuration\n const { renderItem, imagePlacement, preset, visibleFieldIds } =\n useBaseGridFeatures(config);\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 grid-specific async features (currently only drag&drop)\n const { asyncFeaturesState } = useGridFeaturesAsync({ config });\n\n // Create patterns container and collection factory\n const container = useWixPatternsContainer();\n const createCollection = useCreateCollection();\n\n // Initialize grid state with basic collection (used during loading)\n const [state] = useState(\n () =>\n new GridState<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-grid';\n\n if (isReady) {\n // STEP 4: All features loaded - render the fully-featured grid\n return (\n <AutoPatternsGridLoaded\n dataHook={dataHook}\n config={config}\n baseStateParams={baseStateParams}\n asyncFeaturesState={asyncFeaturesState}\n />\n );\n }\n\n // LOADING STATE: Render basic grid skeleton while features are loading\n return (\n <Grid\n dataHook={dataHook}\n preset={preset}\n imagePlacement={imagePlacement}\n renderItem={renderItem}\n state={state}\n />\n );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,IAAI,EACJC,SAAS,EACTC,mBAAmB,EACnBC,iBAAiB,EACjBC,WAAW,EACXC,uBAAuB,QAClB,eAAe;AAEtB,SAASC,0BAA0B,QAAQ,wCAAwC;AACnF,SAASC,oBAAoB,QAAQ,aAAa;AAClD,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,uCAAuC,QAAQ,qDAAqD;AAM7G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,sBAAsB,GAC1BC,KAIG,IACA;EACH,MAAM;IAAEC,MAAM;IAAEC,kBAAkB;IAAEC,eAAe;IAAEC;EAAS,CAAC,GAAGJ,KAAK;;EAEvE;EACA,MAAM;IAAEK,UAAU;IAAEC,cAAc;IAAEC;EAAO,CAAC,GAAGV,mBAAmB,CAACI,MAAM,CAAC;;EAE1E;EACA,MAAM;IAAEO;EAAY,CAAC,GAAGf,WAAW,CAAC,OAAO;IACzC,GAAGS,kBAAkB,CAACO,MAAM,CAACC;EAC/B,CAAC,CAAC,CAAC;;EAEH;EACA,MAAMC,KAAK,GAAGnB,iBAAiB,CAAMW,eAAe,CAACS,MAAM,CAAC;;EAE5D;EACA;EACA,MAAMC,oCAAoC,GACxCf,uCAAuC,CAAC;IACtCG,MAAM;IACNa,UAAU,EAAEH,KAAK,CAACG,UAAU;~~IAC5BZ~~,kBAAkB;IAClBC;EACF,CAAC,CAAC;;EAEJ;EACA,~~MAAMY~~,gBAAgB,~~GAAGP~~,WAAW,YAAXA,WAAW,~~CAAEQ~~,kBAAkB,oBAA/BR,WAAW,~~CAAEQ~~,kBAAkB,~~CAAGf~~,MAAM,CAAC;;EAElE;EACA;EACA,oBACEd,KAAA,~~CAAA8B~~,aAAA,~~CAAC5B~~,IAAI,~~EAAA6B~~,QAAA;~~IACHd~~,QAAQ,EAAEA,QAAS;IACnBG,MAAM,EAAEA,MAAO;IACfD,cAAc,EAAEA,cAAe;IAC/BD,UAAU,EAAEA,UAAW;IACvBM,KAAK,EAAEA;EAAM,GACTE,oCAAoC,~~EACpCE~~,gBAAgB,CACrB,CAAC;AAEN,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,gBAAgB,~~GAAInB~~,KAAmC,IAAK;EACvE,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;;EAExB;EACA,MAAM;IAAEK,UAAU;IAAEC,cAAc;IAAEC,MAAM;~~IAAEa~~;EAAgB,CAAC,~~GAC3DvB~~,mBAAmB,CAACI,MAAM,CAAC;;EAE7B;EACA,MAAME,eAAe,GAAGR,0BAA0B,CAACM,MAAM,EAAE;~~IACzDmB~~;EACF,CAAC,CAAC;;EAEF;EACA,MAAM;~~IAAElB~~;EAAmB,CAAC,GAAGN,oBAAoB,CAAC;IAAEK;EAAO,CAAC,CAAC;;EAE/D;EACA,~~MAAMoB~~,SAAS,~~GAAG3B~~,uBAAuB,CAAC,CAAC;EAC3C,~~MAAM4B~~,gBAAgB,~~GAAG/B~~,mBAAmB,CAAC,CAAC;;EAE9C;EACA,MAAM,CAACoB,KAAK,CAAC,GAAGvB,QAAQ,CACtB,MACE,IAAIE,SAAS,CAAU;IACrBwB,UAAU,~~EAAEQ~~,gBAAgB,~~CAAUnB~~,eAAe,CAACS,MAAM,CAAC;~~IAC7DS~~;EACF,CAAC,CACL,CAAC;;EAED;EACA,MAAME,OAAO,~~GAAG9B~~,WAAW,CACzB,MACES,kBAAkB,CAACO,MAAM,~~CAACe~~,SAAS,~~IAAItB~~,kBAAkB,CAACO,MAAM,~~CAACgB~~,OACrE,CAAC;EAED,~~MAAMrB~~,QAAQ,GAAG,oBAAoB;EAErC,~~IAAImB~~,OAAO,EAAE;IACX;IACA,~~oBACEpC~~,KAAA,~~CAAA8B~~,aAAA,~~CAAClB~~,sBAAsB;MACrBK,QAAQ,EAAEA,QAAS;MACnBH,MAAM,EAAEA,MAAO;MACfE,eAAe,EAAEA,eAAgB;MACjCD,kBAAkB,EAAEA;IAAmB,CACxC,CAAC;EAEN;;EAEA;EACA,oBACEf,KAAA,~~CAAA8B~~,aAAA,~~CAAC5B~~,IAAI;IACHe,QAAQ,EAAEA,QAAS;IACnBG,MAAM,EAAEA,MAAO;IACfD,cAAc,EAAEA,cAAe;IAC/BD,UAAU,EAAEA,UAAW;IACvBM,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useState","Grid","GridState","useCreateCollection","useGridCollection","useSelector","useWixPatternsContainer","useBasePatternsStateParams","useGridFeaturesAsync","useBaseGridFeatures","useBaseCollectionComponentReadyFeatures","AutoPatternsGridLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","dragAndDrop","status","data","state","params","baseCollectionComponentReadyFeatures","collection","reportBi","toolbar","dragAndDropProps","useGridDragAndDrop","createElement","_extends","AutoPatternsGrid","visibleFieldIds","container","createCollection","isReady","isSuccess","isError"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n Grid,\n GridState,\n useCreateCollection,\n useGridCollection,\n useSelector,\n useWixPatternsContainer,\n} from '@wix/patterns';\nimport { GridConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useGridFeaturesAsync } from '../../hooks';\nimport { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsGridContentProps {\n config: GridConfig;\n}\n\n/*\n AutoPatternsGridLoaded - Step 4 in Grid Flow\n \n FLOW 2: AutoPatternsCollectionComponent → AutoPatternsGrid → useGridFeaturesAsync → [AutoPatternsGridLoaded] → useBaseCollectionComponentReadyFeatures → Grid\n \n This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the grid flow and handles:\n \n Key Responsibilities:\n * - Creates the grid collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Extracts grid-specific features (renderItem, preset, imagePlacement) from base features\n * - Extracts async features like dragAndDrop if enabled\n * - Renders the final Grid component with all features combined\n /\nconst AutoPatternsGridLoaded = (\n props: NonNullable<ReturnType<typeof useGridFeaturesAsync>> &\n AutoPatternsGridContentProps & {\n baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n dataHook?: string;\n },\n) => {\n const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n // Extract grid-specific display features (how items are rendered and displayed)\n const { renderItem, imagePlacement, preset } = useBaseGridFeatures(config);\n\n // Extract loaded async features from the successful feature loading state\n const { dragAndDrop } = useSelector(() => ({\n ...asyncFeaturesState.status.data,\n }));\n\n // Create grid collection state with the loaded async dependencies\n const state = useGridCollection<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 grid-specific drag and drop props if feature is loaded\n const dragAndDropProps = dragAndDrop?.useGridDragAndDrop?.(config);\n\n // FINAL STEP: Render the fully-featured Grid component\n // Combines grid display features with loaded async features\n return (\n <Grid\n dataHook={dataHook}\n preset={preset}\n imagePlacement={imagePlacement}\n renderItem={renderItem}\n state={state}\n {...baseCollectionComponentReadyFeatures}\n {...dragAndDropProps}\n />\n );\n};\n\n/\n AutoPatternsGrid - Step 2 in Grid Flow\n \n FLOW 2: AutoPatternsCollectionComponent → [AutoPatternsGrid] → useGridFeaturesAsync → AutoPatternsGridLoaded → useBaseCollectionComponentReadyFeatures → Grid\n \n This is the main grid component that orchestrates the grid rendering flow.\n * It handles the loading states and coordinates between async feature loading and final rendering.\n \n Key Responsibilities:\n * - Extracts grid display features (renderItem, preset, imagePlacement) and visible field IDs\n * - Calls useGridFeaturesAsync (Step 3) to load grid-specific async features\n * - Creates initial grid state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton grid during loading or AutoPatternsGridLoaded when ready\n */\nexport const AutoPatternsGrid = (props: AutoPatternsGridContentProps) => {\n const { config } = props;\n\n // Extract grid display features and visible field IDs from configuration\n const { renderItem, imagePlacement, preset, visibleFieldIds } =\n useBaseGridFeatures(config);\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 grid-specific async features (currently only drag&drop)\n const { asyncFeaturesState } = useGridFeaturesAsync({ config });\n\n // Create patterns container and collection factory\n const container = useWixPatternsContainer();\n const createCollection = useCreateCollection();\n\n // Initialize grid state with basic collection (used during loading)\n const [state] = useState(\n () =>\n new GridState<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-grid';\n\n if (isReady) {\n // STEP 4: All features loaded - render the fully-featured grid\n return (\n <AutoPatternsGridLoaded\n dataHook={dataHook}\n config={config}\n baseStateParams={baseStateParams}\n asyncFeaturesState={asyncFeaturesState}\n />\n );\n }\n\n // LOADING STATE: Render basic grid skeleton while features are loading\n return (\n <Grid\n dataHook={dataHook}\n preset={preset}\n imagePlacement={imagePlacement}\n renderItem={renderItem}\n state={state}\n />\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsRoute/AutoPatternsPage.js CHANGED Viewed

@@ -1,10 +1,15 @@
 import React, { lazy, Suspense } from 'react';
 import { SchemaProvider } from '../../providers/SchemaContext';
-import { SkeletonEntity } from '../AutoPatternsEntityPage/SkeletonEntity';
 import { AutoPatternsCollectionPage } from '../AutoPatternsCollectionPage';
-const AutoPatternsEntityPage = /*#__PURE__*/lazy(() => import('../AutoPatternsEntityPage').then(module => ({
+import { ContentSkeleton } from '../layouts/ContentSkeleton';
+const AutoPatternsEntityPage = /*#__PURE__*/lazy(() => import(/* webpackChunkName: "AutoPatternsEntityPage" */
+'../AutoPatternsEntityPage').then(module => ({
   default: module.AutoPatternsEntityPage
 })));
+const AutoPatternsSettingsPage = /*#__PURE__*/lazy(() => import(/* webpackChunkName: "AutoPatternsSettingsPage" */
+'../AutoPatternsSettingsPage').then(module => ({
+  default: module.AutoPatternsSettingsPage
+})));
 export const AutoPatternsPage = _ref => {
   let {
     pageConfig
@@ -12,7 +17,8 @@ export const AutoPatternsPage = _ref => {
   const {
     type,
     collectionPage,
-    entityPage
+    entityPage,
+    settingsPage
   } = pageConfig;
   switch (type) {
     case 'collectionPage':
@@ -26,18 +32,39 @@ export const AutoPatternsPage = _ref => {
       if (entityPage) {
         return /*#__PURE__*/React.createElement(SchemaProvider, {
           collection: entityPage,
-          skeleton: /*#__PURE__*/React.createElement(SkeletonEntity, {
-            entityPage: entityPage
+          skeleton: /*#__PURE__*/React.createElement(ContentSkeleton, {
+            pageConfig: entityPage
           })
         }, /*#__PURE__*/React.createElement(Suspense, {
-          fallback: /*#__PURE__*/React.createElement(SkeletonEntity, {
-            entityPage: entityPage
+          fallback: /*#__PURE__*/React.createElement(ContentSkeleton, {
+            pageConfig: entityPage
           })
         }, /*#__PURE__*/React.createElement(AutoPatternsEntityPage, {
           configuration: entityPage
         })));
       }
       break;
+    case 'settingsPage':
+      if (settingsPage) {
+        return /*#__PURE__*/React.createElement(SchemaProvider, {
+          collection: {
+            ...settingsPage,
+            collectionId: 'app-settings'
+          },
+          skeleton: /*#__PURE__*/React.createElement(ContentSkeleton, {
+            type: "settings",
+            pageConfig: settingsPage
+          })
+        }, /*#__PURE__*/React.createElement(Suspense, {
+          fallback: /*#__PURE__*/React.createElement(ContentSkeleton, {
+            type: "settings",
+            pageConfig: settingsPage
+          })
+        }, /*#__PURE__*/React.createElement(AutoPatternsSettingsPage, {
+          configuration: settingsPage
+        })));
+      }
+      break;
     default:
       break;
   }

package/dist/esm/components/AutoPatternsRoute/AutoPatternsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","lazy","Suspense","SchemaProvider","~~SkeletonEntity~~","~~AutoPatternsCollectionPage~~","AutoPatternsEntityPage","then","module","default","AutoPatternsPage","_ref","pageConfig","type","collectionPage","entityPage","createElement","configuration","collection","skeleton","fallback"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsPage.tsx"],"sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport { PageConfig } from '../../types';\nimport { SchemaProvider } from '../../providers/SchemaContext';\nimport { ~~SkeletonEntity~~ } from '../~~AutoPatternsEntityPage/SkeletonEntity~~';\nimport { ~~AutoPatternsCollectionPage~~ } from '../~~AutoPatternsCollectionPage~~';\n\nconst AutoPatternsEntityPage = lazy(() =>\n import('../AutoPatternsEntityPage').then((module) => ({\n default: module.AutoPatternsEntityPage,\n })),\n);\n\nexport interface AutoPatternsPageProps {\n pageConfig: PageConfig;\n}\n\nexport const AutoPatternsPage = ({ pageConfig }: AutoPatternsPageProps) => {\n const { type, collectionPage, entityPage } = pageConfig;\n\n switch (type) {\n case 'collectionPage':\n if (collectionPage) {\n return <AutoPatternsCollectionPage configuration={collectionPage} />;\n }\n break;\n case 'entityPage':\n if (entityPage) {\n return (\n <SchemaProvider\n collection={entityPage}\n skeleton={<~~SkeletonEntity~~ ~~entityPage~~={entityPage} />}\n >\n <Suspense fallback={<~~SkeletonEntity~~ ~~entityPage~~={entityPage} />}>\n <AutoPatternsEntityPage configuration={entityPage} />\n </Suspense>\n </SchemaProvider>\n );\n }\n break;\n default:\n break;\n }\n\n return null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,QAAQ,QAAQ,OAAO;AAE7C,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,~~cAAc~~,QAAQ~~,0CAA0C~~;~~AACzE~~,SAASC,~~0BAA0B~~,QAAQ~~,+BAA+B~~;~~AAE1E~~,MAAMC,sBAAsB,gBAAGL,IAAI,CAAC,MAClC,MAAM,~~CAAC~~,~~2BAA2B~~,CAAC,CAACM,IAAI,CAAEC,MAAM,KAAM;~~EACpDC~~,OAAO,EAAED,MAAM,CAACF;AAClB,CAAC,CAAC,CACJ,CAAC;AAMD,OAAO,~~MAAMI~~,gBAAgB,GAAGC,IAAA,IAA2C;EAAA,IAA1C;IAAEC;EAAkC,CAAC,GAAAD,IAAA;EACpE,MAAM;IAAEE,IAAI;IAAEC,cAAc;IAAEC;~~EAAW~~,CAAC,~~GAAGH~~,UAAU;~~EAEvD~~,QAAQC,IAAI;IACV,KAAK,gBAAgB;MACnB,IAAIC,cAAc,EAAE;QAClB,~~oBAAOd~~,KAAA,~~CAAAgB~~,aAAA,~~CAACX~~,0BAA0B;~~UAACY~~,aAAa,~~EAAEH~~;QAAe,CAAE,CAAC;MACtE;MACA;IACF,KAAK,YAAY;MACf,IAAIC,UAAU,EAAE;QACd,~~oBACEf~~,KAAA,~~CAAAgB~~,aAAA,~~CAACb~~,cAAc;~~UACbe~~,UAAU,~~EAAEH~~,UAAW;~~UACvBI~~,QAAQ,~~eAAEnB~~,KAAA,~~CAAAgB~~,aAAA,~~CAACZ~~,~~cAAc~~;~~YAACW~~,UAAU,~~EAAEA~~;UAAW,CAAE;QAAE,~~gBAErDf~~,KAAA,~~CAAAgB~~,aAAA,~~CAACd~~,QAAQ;~~UAACkB~~,QAAQ,~~eAAEpB~~,KAAA,~~CAAAgB~~,aAAA,~~CAACZ~~,~~cAAc~~;~~YAACW~~,UAAU,~~EAAEA~~;UAAW,CAAE;QAAE,~~gBAC7Df~~,KAAA,~~CAAAgB~~,aAAA,~~CAACV~~,sBAAsB;~~UAACW~~,aAAa,~~EAAEF~~;QAAW,CAAE,CAC5C,CACI,CAAC;MAErB;MACA;IACF;MACE;EACJ;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","lazy","Suspense","SchemaProvider","AutoPatternsCollectionPage","ContentSkeleton","AutoPatternsEntityPage","then","module","default","AutoPatternsSettingsPage","AutoPatternsPage","_ref","pageConfig","type","collectionPage","entityPage","settingsPage","createElement","configuration","collection","skeleton","fallback","collectionId"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsPage.tsx"],"sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport { PageConfig } from '../../types';\nimport { SchemaProvider } from '../../providers/SchemaContext';\nimport { AutoPatternsCollectionPage } from '../AutoPatternsCollectionPage';\nimport { ContentSkeleton } from '../layouts/ContentSkeleton';\n\nconst AutoPatternsEntityPage = lazy(() =>\n import(\n /* webpackChunkName: \"AutoPatternsEntityPage\" /\n '../AutoPatternsEntityPage'\n ).then((module) => ({\n default: module.AutoPatternsEntityPage,\n })),\n);\n\nconst AutoPatternsSettingsPage = lazy(() =>\n import(\n / webpackChunkName: \"AutoPatternsSettingsPage\" */\n '../AutoPatternsSettingsPage'\n ).then((module) => ({\n default: module.AutoPatternsSettingsPage,\n })),\n);\n\nexport interface AutoPatternsPageProps {\n pageConfig: PageConfig;\n}\n\nexport const AutoPatternsPage = ({ pageConfig }: AutoPatternsPageProps) => {\n const { type, collectionPage, entityPage, settingsPage } = pageConfig;\n\n switch (type) {\n case 'collectionPage':\n if (collectionPage) {\n return <AutoPatternsCollectionPage configuration={collectionPage} />;\n }\n break;\n case 'entityPage':\n if (entityPage) {\n return (\n <SchemaProvider\n collection={entityPage}\n skeleton={<ContentSkeleton pageConfig={entityPage} />}\n >\n <Suspense fallback={<ContentSkeleton pageConfig={entityPage} />}>\n <AutoPatternsEntityPage configuration={entityPage} />\n </Suspense>\n </SchemaProvider>\n );\n }\n break;\n case 'settingsPage':\n if (settingsPage) {\n return (\n <SchemaProvider\n collection={{ ...settingsPage, collectionId: 'app-settings' }}\n skeleton={\n <ContentSkeleton type=\"settings\" pageConfig={settingsPage} />\n }\n >\n <Suspense\n fallback={\n <ContentSkeleton type=\"settings\" pageConfig={settingsPage} />\n }\n >\n <AutoPatternsSettingsPage configuration={settingsPage} />\n </Suspense>\n </SchemaProvider>\n );\n }\n break;\n default:\n break;\n }\n\n return null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,QAAQ,QAAQ,OAAO;AAE7C,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,0BAA0B,QAAQ,+BAA+B;AAC1E,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,MAAMC,sBAAsB,gBAAGL,IAAI,CAAC,MAClC,MAAM,CACJ;AACA,2BACF,CAAC,CAACM,IAAI,CAAEC,MAAM,KAAM;EAClBC,OAAO,EAAED,MAAM,CAACF;AAClB,CAAC,CAAC,CACJ,CAAC;AAED,MAAMI,wBAAwB,gBAAGT,IAAI,CAAC,MACpC,MAAM,CACJ;AACA,6BACF,CAAC,CAACM,IAAI,CAAEC,MAAM,KAAM;EAClBC,OAAO,EAAED,MAAM,CAACE;AAClB,CAAC,CAAC,CACJ,CAAC;AAMD,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAA2C;EAAA,IAA1C;IAAEC;EAAkC,CAAC,GAAAD,IAAA;EACpE,MAAM;IAAEE,IAAI;IAAEC,cAAc;IAAEC,UAAU;IAAEC;EAAa,CAAC,GAAGJ,UAAU;EAErE,QAAQC,IAAI;IACV,KAAK,gBAAgB;MACnB,IAAIC,cAAc,EAAE;QAClB,oBAAOf,KAAA,CAAAkB,aAAA,CAACd,0BAA0B;UAACe,aAAa,EAAEJ;QAAe,CAAE,CAAC;MACtE;MACA;IACF,KAAK,YAAY;MACf,IAAIC,UAAU,EAAE;QACd,oBACEhB,KAAA,CAAAkB,aAAA,CAACf,cAAc;UACbiB,UAAU,EAAEJ,UAAW;UACvBK,QAAQ,eAAErB,KAAA,CAAAkB,aAAA,CAACb,eAAe;YAACQ,UAAU,EAAEG;UAAW,CAAE;QAAE,gBAEtDhB,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;UAACoB,QAAQ,eAAEtB,KAAA,CAAAkB,aAAA,CAACb,eAAe;YAACQ,UAAU,EAAEG;UAAW,CAAE;QAAE,gBAC9DhB,KAAA,CAAAkB,aAAA,CAACZ,sBAAsB;UAACa,aAAa,EAAEH;QAAW,CAAE,CAC5C,CACI,CAAC;MAErB;MACA;IACF,KAAK,cAAc;MACjB,IAAIC,YAAY,EAAE;QAChB,oBACEjB,KAAA,CAAAkB,aAAA,CAACf,cAAc;UACbiB,UAAU,EAAE;YAAE,GAAGH,YAAY;YAAEM,YAAY,EAAE;UAAe,CAAE;UAC9DF,QAAQ,eACNrB,KAAA,CAAAkB,aAAA,CAACb,eAAe;YAACS,IAAI,EAAC,UAAU;YAACD,UAAU,EAAEI;UAAa,CAAE;QAC7D,gBAEDjB,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;UACPoB,QAAQ,eACNtB,KAAA,CAAAkB,aAAA,CAACb,eAAe;YAACS,IAAI,EAAC,UAAU;YAACD,UAAU,EAAEI;UAAa,CAAE;QAC7D,gBAEDjB,KAAA,CAAAkB,aAAA,CAACR,wBAAwB;UAACS,aAAa,EAAEF;QAAa,CAAE,CAChD,CACI,CAAC;MAErB;MACA;IACF;MACE;EACJ;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsRoute/AutoPatternsRoutes.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { Navigate } from 'react-router-dom';
 import { useWixPatternsContainer } from '@wix/patterns';
 const pageTypeToRouteType = {
   collectionPage: 'collection',
-  entityPage: 'editEntity'
+  entityPage: 'editEntity',
+  settingsPage: 'other'
 };
 export const AutoPatternsRoutes = _ref => {
   let {

package/dist/esm/components/AutoPatternsRoute/AutoPatternsRoutes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","usePagePath","PatternsReactRoute","PatternsReactRouter","AutoPatternsPage","Navigate","useWixPatternsContainer","pageTypeToRouteType","collectionPage","entityPage","AutoPatternsRoutes","_ref","config","getPagePath","layoutType","createElement","Fragment","pages","map","page","key","id","pageConfig","mainPage","find","appMainPage","routes","routePath","type","path","element","filter","Boolean","mainPagePath","push","to"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsRoutes.tsx"],"sourcesContent":["import React from 'react';\nimport { usePagePath } from '../../hooks';\nimport { PatternsReactRoute, PatternsReactRouter } from '@wix/patterns/router';\nimport { AutoPatternsPage } from './AutoPatternsPage';\nimport type { RouteType } from '@wix/patterns/dist/types/components/Router/types';\nimport { Navigate } from 'react-router-dom';\nimport { AppConfig } from '../../types';\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nconst pageTypeToRouteType: Record<string, RouteType> = {\n collectionPage: 'collection',\n entityPage: 'editEntity',\n};\n\nexport const AutoPatternsRoutes = ({ config }: { config: AppConfig }) => {\n const { getPagePath } = usePagePath(config);\n const { layoutType } = useWixPatternsContainer();\n\n if (layoutType === 'panel') {\n return (\n <>\n {config.pages.map((page) => {\n return <AutoPatternsPage key={page.id} pageConfig={page} />;\n })}\n </>\n );\n }\n\n const mainPage = config.pages.find((page) => page.appMainPage);\n\n const routes = config.pages\n .map((page) => {\n const routePath = getPagePath(page.id);\n\n if (!routePath) {\n return null;\n }\n\n return (\n <PatternsReactRoute\n key={page.id}\n type={pageTypeToRouteType[page.type] ?? 'other'}\n path={routePath}\n element={<AutoPatternsPage pageConfig={page} />}\n />\n );\n })\n .filter(Boolean);\n\n if (mainPage) {\n const mainPagePath = getPagePath(mainPage.id);\n\n if (mainPagePath) {\n routes.push(\n <PatternsReactRoute\n key=\"main-redirect\"\n type=\"other\"\n path=\"/\"\n element={<Navigate to={mainPagePath} />}\n />,\n );\n }\n }\n\n return <PatternsReactRouter>{routes}</PatternsReactRouter>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,sBAAsB;AAC9E,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,SAASC,uBAAuB,QAAQ,eAAe;AAEvD,MAAMC,mBAA8C,GAAG;EACrDC,cAAc,EAAE,YAAY;EAC5BC,UAAU,EAAE;~~AACd~~,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAAuC;EAAA,IAAtC;IAAEC;EAA8B,CAAC,GAAAD,IAAA;EAClE,MAAM;IAAEE;EAAY,CAAC,~~GAAGZ~~,WAAW,~~CAACW~~,MAAM,CAAC;EAC3C,MAAM;IAAEE;EAAW,CAAC,~~GAAGR~~,uBAAuB,CAAC,CAAC;EAEhD,~~IAAIQ~~,UAAU,KAAK,OAAO,EAAE;IAC1B,~~oBACEd~~,KAAA,~~CAAAe~~,aAAA,~~CAAAf~~,KAAA,~~CAAAgB~~,QAAA,QACGJ,MAAM,CAACK,KAAK,CAACC,GAAG,CAAEC,IAAI,IAAK;MAC1B,~~oBAAOnB~~,KAAA,~~CAAAe~~,aAAA,~~CAACX~~,gBAAgB;~~QAACgB~~,GAAG,EAAED,IAAI,CAACE,EAAG;QAACC,UAAU,EAAEH;MAAK,CAAE,CAAC;IAC7D,CAAC,CACD,CAAC;EAEP;EAEA,MAAMI,QAAQ,GAAGX,MAAM,CAACK,KAAK,CAACO,IAAI,CAAEL,IAAI,IAAKA,IAAI,CAACM,WAAW,CAAC;EAE9D,MAAMC,MAAM,GAAGd,MAAM,CAACK,KAAK,CACxBC,GAAG,CAAEC,IAAI,IAAK;IACb,MAAMQ,SAAS,GAAGd,WAAW,CAACM,IAAI,CAACE,EAAE,CAAC;IAEtC,IAAI,CAACM,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IAEA,~~oBACE3B~~,KAAA,~~CAAAe~~,aAAA,~~CAACb~~,kBAAkB;~~MACjBkB~~,GAAG,EAAED,IAAI,CAACE,EAAG;MACbO,IAAI,~~EAAErB~~,mBAAmB,~~CAACY~~,IAAI,CAACS,IAAI,CAAC,IAAI,OAAQ;MAChDC,IAAI,EAAEF,SAAU;MAChBG,OAAO,~~eAAE9B~~,KAAA,~~CAAAe~~,aAAA,~~CAACX~~,gBAAgB;~~QAACkB~~,UAAU,EAAEH;MAAK,CAAE;IAAE,CACjD,CAAC;EAEN,CAAC,CAAC,CACDY,MAAM,CAACC,OAAO,CAAC;EAElB,IAAIT,QAAQ,EAAE;IACZ,MAAMU,YAAY,GAAGpB,WAAW,CAACU,QAAQ,CAACF,EAAE,CAAC;IAE7C,IAAIY,YAAY,EAAE;MAChBP,MAAM,CAACQ,IAAI,~~cACTlC~~,KAAA,~~CAAAe~~,aAAA,~~CAACb~~,kBAAkB;~~QACjBkB~~,GAAG,EAAC,eAAe;QACnBQ,IAAI,EAAC,OAAO;QACZC,IAAI,EAAC,GAAG;QACRC,OAAO,~~eAAE9B~~,KAAA,~~CAAAe~~,aAAA,~~CAACV~~,QAAQ;~~UAAC8B~~,EAAE,EAAEF;QAAa,CAAE;MAAE,CACzC,CACH,CAAC;IACH;EACF;EAEA,~~oBAAOjC~~,KAAA,~~CAAAe~~,aAAA,~~CAACZ~~,mBAAmB,~~QAAEuB~~,MAA4B,CAAC;AAC5D,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","usePagePath","PatternsReactRoute","PatternsReactRouter","AutoPatternsPage","Navigate","useWixPatternsContainer","pageTypeToRouteType","collectionPage","entityPage","settingsPage","AutoPatternsRoutes","_ref","config","getPagePath","layoutType","createElement","Fragment","pages","map","page","key","id","pageConfig","mainPage","find","appMainPage","routes","routePath","type","path","element","filter","Boolean","mainPagePath","push","to"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsRoutes.tsx"],"sourcesContent":["import React from 'react';\nimport { usePagePath } from '../../hooks';\nimport { PatternsReactRoute, PatternsReactRouter } from '@wix/patterns/router';\nimport { AutoPatternsPage } from './AutoPatternsPage';\nimport type { RouteType } from '@wix/patterns/dist/types/components/Router/types';\nimport { Navigate } from 'react-router-dom';\nimport { AppConfig } from '../../types';\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nconst pageTypeToRouteType: Record<string, RouteType> = {\n collectionPage: 'collection',\n entityPage: 'editEntity',\n settingsPage: 'other',\n};\n\nexport const AutoPatternsRoutes = ({ config }: { config: AppConfig }) => {\n const { getPagePath } = usePagePath(config);\n const { layoutType } = useWixPatternsContainer();\n\n if (layoutType === 'panel') {\n return (\n <>\n {config.pages.map((page) => {\n return <AutoPatternsPage key={page.id} pageConfig={page} />;\n })}\n </>\n );\n }\n\n const mainPage = config.pages.find((page) => page.appMainPage);\n\n const routes = config.pages\n .map((page) => {\n const routePath = getPagePath(page.id);\n\n if (!routePath) {\n return null;\n }\n\n return (\n <PatternsReactRoute\n key={page.id}\n type={pageTypeToRouteType[page.type] ?? 'other'}\n path={routePath}\n element={<AutoPatternsPage pageConfig={page} />}\n />\n );\n })\n .filter(Boolean);\n\n if (mainPage) {\n const mainPagePath = getPagePath(mainPage.id);\n\n if (mainPagePath) {\n routes.push(\n <PatternsReactRoute\n key=\"main-redirect\"\n type=\"other\"\n path=\"/\"\n element={<Navigate to={mainPagePath} />}\n />,\n );\n }\n }\n\n return <PatternsReactRouter>{routes}</PatternsReactRouter>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,sBAAsB;AAC9E,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,SAASC,uBAAuB,QAAQ,eAAe;AAEvD,MAAMC,mBAA8C,GAAG;EACrDC,cAAc,EAAE,YAAY;EAC5BC,UAAU,EAAE,YAAY;EACxBC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAAuC;EAAA,IAAtC;IAAEC;EAA8B,CAAC,GAAAD,IAAA;EAClE,MAAM;IAAEE;EAAY,CAAC,GAAGb,WAAW,CAACY,MAAM,CAAC;EAC3C,MAAM;IAAEE;EAAW,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EAEhD,IAAIS,UAAU,KAAK,OAAO,EAAE;IAC1B,oBACEf,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,QACGJ,MAAM,CAACK,KAAK,CAACC,GAAG,CAAEC,IAAI,IAAK;MAC1B,oBAAOpB,KAAA,CAAAgB,aAAA,CAACZ,gBAAgB;QAACiB,GAAG,EAAED,IAAI,CAACE,EAAG;QAACC,UAAU,EAAEH;MAAK,CAAE,CAAC;IAC7D,CAAC,CACD,CAAC;EAEP;EAEA,MAAMI,QAAQ,GAAGX,MAAM,CAACK,KAAK,CAACO,IAAI,CAAEL,IAAI,IAAKA,IAAI,CAACM,WAAW,CAAC;EAE9D,MAAMC,MAAM,GAAGd,MAAM,CAACK,KAAK,CACxBC,GAAG,CAAEC,IAAI,IAAK;IACb,MAAMQ,SAAS,GAAGd,WAAW,CAACM,IAAI,CAACE,EAAE,CAAC;IAEtC,IAAI,CAACM,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IAEA,oBACE5B,KAAA,CAAAgB,aAAA,CAACd,kBAAkB;MACjBmB,GAAG,EAAED,IAAI,CAACE,EAAG;MACbO,IAAI,EAAEtB,mBAAmB,CAACa,IAAI,CAACS,IAAI,CAAC,IAAI,OAAQ;MAChDC,IAAI,EAAEF,SAAU;MAChBG,OAAO,eAAE/B,KAAA,CAAAgB,aAAA,CAACZ,gBAAgB;QAACmB,UAAU,EAAEH;MAAK,CAAE;IAAE,CACjD,CAAC;EAEN,CAAC,CAAC,CACDY,MAAM,CAACC,OAAO,CAAC;EAElB,IAAIT,QAAQ,EAAE;IACZ,MAAMU,YAAY,GAAGpB,WAAW,CAACU,QAAQ,CAACF,EAAE,CAAC;IAE7C,IAAIY,YAAY,EAAE;MAChBP,MAAM,CAACQ,IAAI,cACTnC,KAAA,CAAAgB,aAAA,CAACd,kBAAkB;QACjBmB,GAAG,EAAC,eAAe;QACnBQ,IAAI,EAAC,OAAO;QACZC,IAAI,EAAC,GAAG;QACRC,OAAO,eAAE/B,KAAA,CAAAgB,aAAA,CAACX,QAAQ;UAAC+B,EAAE,EAAEF;QAAa,CAAE;MAAE,CACzC,CACH,CAAC;IACH;EACF;EAEA,oBAAOlC,KAAA,CAAAgB,aAAA,CAACb,mBAAmB,QAAEwB,MAA4B,CAAC;AAC5D,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsSettingsPage/AutoPatternsSettingsPage.js ADDED Viewed

@@ -0,0 +1,108 @@
+import React, { useRef } from 'react';
+import { errorHandler } from '@wix/essentials';
+import { MoreActions, SettingsPage, useSettingsPage, useSettings } from '@wix/patterns';
+import { useForm } from '@wix/patterns/form';
+import { ContentCard } from '../layouts/ContentCard';
+import { useSettingsPageMoreActions } from '../../hooks/useSettingsPageMoreActions';
+import { useBaseSDK } from '../../hooks/useBaseSDK';
+import { useSchema } from '../../providers/SchemaContext';
+export const AutoPatternsSettingsPage = _ref => {
+  var _pageLayout$main, _pageLayout$sidebar;
+  let {
+    configuration
+  } = _ref;
+  const {
+    title,
+    subtitle,
+    actions: pageActions,
+    layout: pageLayout
+  } = configuration;
+  const schema = useSchema();
+  const {
+    fields,
+    actions
+  } = schema;
+  const form = useForm({
+    mode: 'onChange'
+  });
+  const inputRefs = useRef({});
+  const setInputRef = (id, input) => {
+    inputRefs.current[id] = input;
+  };
+  const validate = () => {
+    const invalidFieldId = Object.keys(inputRefs.current).find(fieldId => {
+      var _inputRefs$current$fi;
+      // change to get
+      return (_inputRefs$current$fi = inputRefs.current[fieldId]) == null ? void 0 : _inputRefs$current$fi.invalid;
+    });
+    if (invalidFieldId) {
+      var _inputRefs$current$in;
+      (_inputRefs$current$in = inputRefs.current[invalidFieldId]) == null || _inputRefs$current$in.focus == null || _inputRefs$current$in.focus();
+      throw new Error('Invalid form');
+    }
+  };
+  const state = useSettingsPage({
+    form,
+    saveErrorToast: err => ({
+      message: errorHandler.getResolvedError(err).message
+    }),
+    onCancel: async () => {
+      form.reset();
+    },
+    onSave: async () => {
+      validate();
+      const formValues = form.getValues();
+      const currentSettings = state.settings || {};
+      const updatedSettings = {
+        ...currentSettings,
+        ...formValues
+      };
+      await actions.update(updatedSettings);
+    },
+    fetch: async () => {
+      const result = await actions.get('');
+      return {
+        settings: result
+      };
+    }
+  });
+  const settings = useSettings(state);
+  const baseSDK = useBaseSDK();
+  const resolvedMoreActions = useSettingsPageMoreActions(pageActions == null ? void 0 : pageActions.moreActions, baseSDK);
+  return /*#__PURE__*/React.createElement(SettingsPage, {
+    state: state,
+    dataHook: "auto-patterns-settings-page"
+  }, /*#__PURE__*/React.createElement(SettingsPage.Header, {
+    title: {
+      ...title,
+      text: (title == null ? void 0 : title.text) ?? ''
+    },
+    subtitle: subtitle,
+    moreActions: resolvedMoreActions.length > 0 ? /*#__PURE__*/React.createElement(MoreActions, {
+      items: resolvedMoreActions
+    }) : undefined
+  }), /*#__PURE__*/React.createElement(SettingsPage.Content, null, /*#__PURE__*/React.createElement(SettingsPage.MainContent, {
+    dataHook: "settings-page-main-content"
+  }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
+    type: "settings",
+    key: `main-section-card-${layoutIndex}`,
+    layout: layout,
+    sectionId: "main",
+    cardIndex: layoutIndex,
+    setInputRef: setInputRef,
+    fields: fields,
+    form: form,
+    data: settings
+  }))), pageLayout != null && pageLayout.sidebar ? /*#__PURE__*/React.createElement(SettingsPage.AdditionalContent, null, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
+    type: "settings",
+    key: `sidebar-section-card-${layoutIndex}`,
+    layout: layout,
+    sectionId: "sidebar",
+    cardIndex: layoutIndex,
+    setInputRef: setInputRef,
+    fields: fields,
+    form: form,
+    data: settings
+  }))) : null));
+};
+//# sourceMappingURL=AutoPatternsSettingsPage.js.map

package/dist/esm/components/AutoPatternsSettingsPage/AutoPatternsSettingsPage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","useRef","errorHandler","MoreActions","SettingsPage","useSettingsPage","useSettings","useForm","ContentCard","useSettingsPageMoreActions","useBaseSDK","useSchema","AutoPatternsSettingsPage","_ref","_pageLayout$main","_pageLayout$sidebar","configuration","title","subtitle","actions","pageActions","layout","pageLayout","schema","fields","form","mode","inputRefs","setInputRef","id","input","current","validate","invalidFieldId","Object","keys","find","fieldId","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","state","saveErrorToast","err","message","getResolvedError","onCancel","reset","onSave","formValues","getValues","currentSettings","settings","updatedSettings","update","fetch","result","get","baseSDK","resolvedMoreActions","moreActions","createElement","dataHook","Header","text","length","items","undefined","Content","MainContent","main","map","layoutIndex","type","key","sectionId","cardIndex","data","sidebar","AdditionalContent"],"sources":["../../../../src/components/AutoPatternsSettingsPage/AutoPatternsSettingsPage.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { errorHandler } from '@wix/essentials';\nimport {\n MoreActions,\n SettingsPage,\n SettingsPageState,\n useSettingsPage,\n useSettings,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { ContentCard } from '../layouts/ContentCard';\nimport { SettingsPageConfig, BaseInputRef } from '../../types';\nimport { useSettingsPageMoreActions } from '../../hooks/useSettingsPageMoreActions';\nimport { useBaseSDK } from '../../hooks/useBaseSDK';\nimport { useSchema } from '../../providers/SchemaContext';\n\nexport const AutoPatternsSettingsPage: React.FC<{\n configuration: SettingsPageConfig;\n}> = ({ configuration }) => {\n const {\n title,\n subtitle,\n actions: pageActions,\n layout: pageLayout,\n } = configuration;\n\n const schema = useSchema();\n const { fields, actions } = schema;\n\n const form = useForm<any>({\n mode: 'onChange',\n });\n\n const inputRefs = useRef<{ [fieldId: string]: BaseInputRef }>({});\n\n const setInputRef = (id: string, input: BaseInputRef) => {\n inputRefs.current[id] = input;\n };\n\n const validate = () => {\n const invalidFieldId = Object.keys(inputRefs.current).find((fieldId) => {\n // change to get\n return inputRefs.current[fieldId]?.invalid;\n });\n\n if (invalidFieldId) {\n inputRefs.current[invalidFieldId]?.focus?.();\n throw new Error('Invalid form');\n }\n };\n\n const state: SettingsPageState<any> = useSettingsPage<any, any>({\n form,\n saveErrorToast: (err) => ({\n message: errorHandler.getResolvedError(err).message,\n }),\n onCancel: async () => {\n form.reset();\n },\n onSave: async () => {\n validate();\n\n const formValues = form.getValues();\n const currentSettings = state.settings || {};\n const updatedSettings = {\n ...currentSettings,\n ...formValues,\n };\n\n await actions.update(updatedSettings);\n },\n fetch: async () => {\n const result = await actions.get('');\n return { settings: result };\n },\n });\n\n const settings = useSettings(state);\n\n const baseSDK = useBaseSDK();\n const resolvedMoreActions = useSettingsPageMoreActions(\n pageActions?.moreActions,\n baseSDK,\n );\n\n return (\n <SettingsPage state={state} dataHook=\"auto-patterns-settings-page\">\n <SettingsPage.Header\n title={{ ...title, text: title?.text ?? '' }}\n subtitle={subtitle}\n moreActions={\n resolvedMoreActions.length > 0 ? (\n <MoreActions items={resolvedMoreActions} />\n ) : undefined\n }\n />\n <SettingsPage.Content>\n <SettingsPage.MainContent dataHook=\"settings-page-main-content\">\n {pageLayout?.main?.map((layout, layoutIndex) => (\n <ContentCard\n type=\"settings\"\n key={`main-section-card-${layoutIndex}`}\n layout={layout}\n sectionId=\"main\"\n cardIndex={layoutIndex}\n setInputRef={setInputRef}\n fields={fields}\n form={form}\n data={settings}\n />\n ))}\n </SettingsPage.MainContent>\n {pageLayout?.sidebar ? (\n <SettingsPage.AdditionalContent>\n {pageLayout.sidebar?.map((layout, layoutIndex) => (\n <ContentCard\n type=\"settings\"\n key={`sidebar-section-card-${layoutIndex}`}\n layout={layout}\n sectionId=\"sidebar\"\n cardIndex={layoutIndex}\n setInputRef={setInputRef}\n fields={fields}\n form={form}\n data={settings}\n />\n ))}\n </SettingsPage.AdditionalContent>\n ) : null}\n </SettingsPage.Content>\n </SettingsPage>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsSettingsPage/AutoPatternsSettingsPage.uni.driver.js ADDED Viewed

@@ -0,0 +1,10 @@
+import { SettingsPageUniDriver } from '@wix/patterns/testkit/unidriver';
+import { baseUniDriverFactory } from '../AutoPatternsApp/AutoPatternsApp.uni.driver';
+export const AutoPatternsSettingsPageUniDriver = (base, body) => {
+  const settingsPageDriver = SettingsPageUniDriver(base, body);
+  return {
+    ...baseUniDriverFactory(base),
+    ...settingsPageDriver
+  };
+};
+//# sourceMappingURL=AutoPatternsSettingsPage.uni.driver.js.map

package/dist/esm/components/AutoPatternsSettingsPage/AutoPatternsSettingsPage.uni.driver.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["SettingsPageUniDriver","baseUniDriverFactory","AutoPatternsSettingsPageUniDriver","base","body","settingsPageDriver"],"sources":["../../../../src/components/AutoPatternsSettingsPage/AutoPatternsSettingsPage.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { SettingsPageUniDriver } from '@wix/patterns/testkit/unidriver';\nimport { baseUniDriverFactory } from '../AutoPatternsApp/AutoPatternsApp.uni.driver';\n\nexport const AutoPatternsSettingsPageUniDriver = (\n base: UniDriver,\n body: UniDriver,\n) => {\n const settingsPageDriver = SettingsPageUniDriver(base, body);\n\n return {\n ...baseUniDriverFactory(base),\n ...settingsPageDriver,\n };\n};\n"],"mappings":"AACA,SAASA,qBAAqB,QAAQ,iCAAiC;AACvE,SAASC,oBAAoB,QAAQ,+CAA+C;AAEpF,OAAO,MAAMC,iCAAiC,GAAGA,CAC/CC,IAAe,EACfC,IAAe,KACZ;EACH,MAAMC,kBAAkB,GAAGL,qBAAqB,CAACG,IAAI,EAAEC,IAAI,CAAC;EAE5D,OAAO;IACL,GAAGH,oBAAoB,CAACE,IAAI,CAAC;IAC7B,GAAGE;EACL,CAAC;AACH,CAAC","ignoreList":[]}