@wix/patterns 1.57.0 → 1.59.0

package/dist/esm/components/FormPage/FormPageActionsBar.js

@@ -0,0 +1,18 @@
+import { Box, Button, Loader } from '@wix/design-system';
+import React from 'react';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useFormPageContext } from '../../providers';
+import { observer } from 'mobx-react-lite';
+export function _FormPageActionsBar({ moreActions, onCancel, onSave, }) {
+    const { translate: t, initTask } = useWixPatternsContainer();
+    const state = useFormPageContext();
+    if (!initTask.status.isSuccess) {
+        return null;
+    }
+    return (React.createElement(Box, { gap: "SP2" },
+        moreActions,
+        React.createElement(Button, { priority: "secondary", dataHook: "form-page-cancel-btn", onClick: onCancel }, t('cairo.entityPage.header.cancel.CTA')),
+        React.createElement(Button, { dataHook: "form-page-save-btn", onClick: onSave }, state.submitTask.status.isLoading ? (React.createElement(Loader, { size: "tiny" })) : (t('cairo.entityPage.header.save.CTA')))));
+}
+export const FormPageActionsBar = observer(_FormPageActionsBar);
+//# sourceMappingURL=FormPageActionsBar.js.map

package/dist/esm/components/FormPage/FormPageActionsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPageActionsBar.js","sourceRoot":"","sources":["../../../../src/components/FormPage/FormPageActionsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAS3C,MAAM,UAAU,mBAAmB,CAAC,EAClC,WAAW,EACX,QAAQ,EACR,MAAM,GACkB;IACxB,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAC7D,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAC;IAEnC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;QAC9B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;QACX,WAAW;QACZ,oBAAC,MAAM,IACL,QAAQ,EAAC,WAAW,EACpB,QAAQ,EAAC,sBAAsB,EAC/B,OAAO,EAAE,QAAQ,IAEhB,CAAC,CAAC,oCAAoC,CAAC,CACjC;QACT,oBAAC,MAAM,IACL,QAAQ,EAAC,oBAAoB,EAC7B,OAAO,EAAE,MAAM,IAEd,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CACnC,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,GAAG,CACvB,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,kCAAkC,CAAC,CACtC,CACM,CACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/esm/components/FormPage/FormPageProvider.js

@@ -1,10 +1,19 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { FormPageContextProvider } from '@wix/bex-core/react';
 import { PageWrapperBase } from '../PageWrapper';
 import { FormPageState } from '@wix/bex-core';
+import { useForm } from 'react-hook-form';
 export function FormPageProvider({ children, state, }) {
-    const [formPage] = useState(() => state ?? new FormPageState());
-    return (React.createElement(FormPageContextProvider, { value: formPage },
+    const newState = useForm();
+    const [formPageState] = useState(() => state ?? new FormPageState({ form: newState }));
+    const { form: { formState: { isSubmitSuccessful, isDirty } } } = formPageState;
+    /* formState is wrapped with a Proxy to improve render performance and skip extra logic if specific state is not subscribed to.
+    Therefore, make sure you invoke or read it before a render in order to enable the state update. */
+    useEffect(() => {
+        formPageState._isSubmitSuccessful = isSubmitSuccessful;
+        formPageState._isFormDirty = isDirty;
+    }, [isSubmitSuccessful, isDirty]);
+    return (React.createElement(FormPageContextProvider, { value: formPageState },
         React.createElement(PageWrapperBase, null, children)));
 }
 //# sourceMappingURL=FormPageProvider.js.map

package/dist/esm/components/FormPage/FormPageProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormPageProvider.js","sourceRoot":"","sources":["../../../../src/components/FormPage/FormPageProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,KAAK,GAIN;IACC,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,IAAI,aAAa,EAAE,CAAC,CAAC;IAEhE,OAAO,CACL,oBAAC,uBAAuB,IAAC,KAAK,EAAE,QAAQ;QACtC,oBAAC,eAAe,QAAE,QAAQ,CAAmB,CACrB,CAC3B,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FormPageProvider.js","sourceRoot":"","sources":["../../../../src/components/FormPage/FormPageProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAe,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,UAAU,gBAAgB,CAAsC,EACpE,QAAQ,EACR,KAAK,GAIN;IACC,MAAM,QAAQ,GAAG,OAAO,EAAK,CAAA;IAC7B,MAAM,CAAC,aAAa,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,IAAI,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IAEvF,MAAM,EACJ,IAAI,EAAE,EAAE,SAAS,EAAE,EAAE,kBAAkB,EAAE,OAAO,EAAE,EAAE,EACrD,GAAG,aAAa,CAAC;IAElB;sGACkG;IAClG,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,mBAAmB,GAAG,kBAAkB,CAAC;QACvD,aAAa,CAAC,YAAY,GAAG,OAAO,CAAC;IACvC,CAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,oBAAC,uBAAuB,IAAC,KAAK,EAAE,aAAa;QACzC,oBAAC,eAAe,QAAE,QAAQ,CAAmB,CACvB,CAC3B,CAAC;AACJ,CAAC"}

package/dist/esm/components/FormPage/WidgetsFormProvider.js

@@ -0,0 +1,10 @@
+import React, { useState } from 'react';
+import { WidgetsFormContextProvider } from '@wix/bex-core/react';
+import { PageWrapperBase } from '../PageWrapper';
+import { WidgetsFormState } from '@wix/bex-core';
+export function WidgetsFormProvider({ children, state, }) {
+    const [widgetsFormState] = useState(() => state ?? new WidgetsFormState());
+    return (React.createElement(WidgetsFormContextProvider, { value: widgetsFormState },
+        React.createElement(PageWrapperBase, null, children)));
+}
+//# sourceMappingURL=WidgetsFormProvider.js.map

package/dist/esm/components/FormPage/WidgetsFormProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetsFormProvider.js","sourceRoot":"","sources":["../../../../src/components/FormPage/WidgetsFormProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAK,GAIN;IACC,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAE3E,OAAO,CACL,oBAAC,0BAA0B,IAAC,KAAK,EAAE,gBAAgB;QACjD,oBAAC,eAAe,QAAE,QAAQ,CAAmB,CAClB,CAC9B,CAAC;AACJ,CAAC"}

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

@@ -1,3 +1,5 @@
 export * from './FormPage';
 export * from './FormPageProvider';
+export * from './WidgetsFormProvider';
+export * from './FormPageActionsBar';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormPage/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormPage/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC"}

package/dist/esm/components/FormPageAdditionalContent/FormPageAdditionalContent.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Box, Cell } from '@wix/design-system';
+export function FormPageAdditionalContent(props) {
+    const { children, ...rest } = props;
+    return (React.createElement(Cell, { span: 4, ...rest },
+        React.createElement(Box, { direction: "vertical", gap: "SP4" }, children)));
+}
+FormPageAdditionalContent.displayName = 'FormPageAdditionalContent';
+//# sourceMappingURL=FormPageAdditionalContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormPageAdditionalContent.js","sourceRoot":"","sources":["../../../../src/components/FormPageAdditionalContent/FormPageAdditionalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAU/C,MAAM,UAAU,yBAAyB,CACvC,KAAqC;IAErC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,CAAC,KAAM,IAAI;QACrB,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,IAChC,QAAQ,CACL,CACD,CACR,CAAC;AACJ,CAAC;AAED,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormPageAdditionalContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}

package/dist/esm/components/FormPageCard/FormPageCard.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { useFormPageContext } from '../../providers';
+import { observer } from 'mobx-react-lite';
+import { CardContainer } from '../CardContainer';
+export function _FormPageCard(props) {
+    const { status: statusProp, ...rest } = props;
+    const pageState = useFormPageContext();
+    const status = !pageState || pageState.isFetching ? 'loading' : statusProp;
+    return React.createElement(CardContainer, { status: status, ...rest });
+}
+_FormPageCard.displayName = 'FormPageCard';
+export const FormPageCard = observer(_FormPageCard);
+//# sourceMappingURL=FormPageCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormPageCard.js","sourceRoot":"","sources":["../../../../src/components/FormPageCard/FormPageCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAC;AAIrE,MAAM,UAAU,aAAa,CAAC,KAAwB;IACpD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,SAAS,GAAG,kBAAkB,EAAE,CAAC;IACvC,MAAM,MAAM,GAAG,CAAC,SAAS,IAAI,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IAE3E,OAAO,oBAAC,aAAa,IAAC,MAAM,EAAE,MAAM,KAAM,IAAI,GAAI,CAAC;AACrD,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,cAAc,CAAC;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+import CardContainerUniDriver from '../CardContainer/CardContainer.uni.driver';
+export default (base, body) => {
+    return CardContainerUniDriver(base, body);
+};
+//# sourceMappingURL=FormPageCard.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormPageCard.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/FormPageCard/FormPageCard.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,sBAAsB,MAAM,2CAA2C,CAAC;AAE/E,eAAe,CAAC,IAAe,EAAE,IAAe,EAAE,EAAE;IAClD,OAAO,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAC5C,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormPageCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/FormPageContent/FormPageContent.js

@@ -0,0 +1,7 @@
+import { useFormPageContent } from '../../state/FormPage';
+export function FormPageContent(_props) {
+    return null;
+}
+FormPageContent.useFormPageContent = useFormPageContent;
+FormPageContent.displayName = 'FormPageContent';
+//# sourceMappingURL=FormPageContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormPageContent.js","sourceRoot":"","sources":["../../../../src/components/FormPageContent/FormPageContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAc1D,MAAM,UAAU,eAAe,CAAC,MAA4B;IAC1D,OAAO,IAAI,CAAC;AACd,CAAC;AAED,eAAe,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;AACxD,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormPageContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/esm/components/FormPageHeader/FormPageHeader.js

@@ -0,0 +1,7 @@
+import { useFormPageHeader } from '../../state/FormPage';
+export function FormPageHeader(_props) {
+    return null;
+}
+FormPageHeader.useFormPageHeader = useFormPageHeader;
+FormPageHeader.displayName = 'FormPageHeader';
+//# sourceMappingURL=FormPageHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormPageHeader.js","sourceRoot":"","sources":["../../../../src/components/FormPageHeader/FormPageHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA0BzD,MAAM,UAAU,cAAc,CAAC,MAA2B;IACxD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,cAAc,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;AACrD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormPageHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/FormPageMainContent/FormPageMainContent.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Box, Cell } from '@wix/design-system';
+export function FormPageMainContent(props) {
+    const { children, ...rest } = props;
+    return (React.createElement(Cell, { ...rest },
+        React.createElement(Box, { direction: "vertical", gap: "SP4" }, children)));
+}
+FormPageMainContent.displayName = 'FormPageMainContent';
+//# sourceMappingURL=FormPageMainContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormPageMainContent.js","sourceRoot":"","sources":["../../../../src/components/FormPageMainContent/FormPageMainContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAU/C,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,oBAAC,IAAI,OAAK,IAAI;QACZ,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,IAChC,QAAQ,CACL,CACD,CACR,CAAC;AACJ,CAAC;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormPageMainContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/esm/components/Heading/Heading.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading491296540";
+var _namespace_ = "Heading3948191784";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Heading491296540__root" };
+export var classes = { "root": "Heading3948191784__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wBAAwB,EAAC,CAAC;AACvD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACxD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow1975783416";
+var _namespace_ = "InputOverflow3515995523";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "InputOverflow1975783416__root" };
+export var classes = { "root": "InputOverflow3515995523__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow3718005570";
+var _namespace_ = "LoadingRow78947468";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "LoadingRow3718005570__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow3718005570__gradientSwoosh" };
+export var classes = { "root": "LoadingRow78947468__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow78947468__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,gBAAgB,EAAC,sCAAsC,EAAC,CAAC;AACjF,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AACzD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,gBAAgB,EAAC,oCAAoC,EAAC,CAAC;AAC/E,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxHeightText3594968260";
+var _namespace_ = "MaxHeightText2138802060";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxHeightText3594968260__root" };
+export var classes = { "root": "MaxHeightText2138802060__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxLines/MaxLines.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxLines3884903035";
+var _namespace_ = "MaxLines1422367240";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxLines3884903035__root" };
+export var classes = { "root": "MaxLines1422367240__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar1487621547";
+var _namespace_ = "MultiBulkActionToolbar2709836477";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultiBulkActionToolbar1487621547__root" };
+export var classes = { "root": "MultiBulkActionToolbar2709836477__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTableMainColumnTitle.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ChevronCollapseSmall, ChevronExpandSmall, } from '@wix/wix-ui-icons-common';
+import { TextButton } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+const _NestedTableMainColumnTitle = ({ state, }) => {
+    if (state.nestedMode.isFetchAllAborted) {
+        return null;
+    }
+    const isAllCollapsed = state.nestedMode.isAllCollapsed;
+    return (React.createElement(TextButton, { size: "small", prefixIcon: isAllCollapsed ? React.createElement(ChevronExpandSmall, null) : React.createElement(ChevronCollapseSmall, null), onClick: () => {
+            state.nestedMode.keyedItems.forEach((keyedItem) => {
+                const node = state.nestedMode.getNode(keyedItem.key);
+                if (!isAllCollapsed === node?._expanded) {
+                    node?.toggleExpand();
+                }
+            });
+        } }));
+};
+export const NestedTableMainColumnTitle = observer(_NestedTableMainColumnTitle);
+//# sourceMappingURL=NestedTableMainColumnTitle.js.map

package/dist/esm/components/NestedTable/NestedTableMainColumnTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTableMainColumnTitle.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableMainColumnTitle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAM3C,MAAM,2BAA2B,GAAG,CAAmB,EACrD,KAAK,GAC8B,EAAE,EAAE;IACvC,IAAI,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE;QACtC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;IAEvD,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,UAAU,EACR,cAAc,CAAC,CAAC,CAAC,oBAAC,kBAAkB,OAAG,CAAC,CAAC,CAAC,oBAAC,oBAAoB,OAAG,EAEpE,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;gBAChD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,CACnC,SAAS,CAAC,GAAG,CACuB,CAAC;gBAEvC,IAAI,CAAC,cAAc,KAAK,IAAI,EAAE,SAAS,EAAE;oBACvC,IAAI,EAAE,YAAY,EAAE,CAAC;iBACtB;YACH,CAAC,CAAC,CAAC;QACL,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,2BAA2B,CAAC,CAAC"}

package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTablePlaceholderStatesRow3309882604";
+var _namespace_ = "NestedTablePlaceholderStatesRow2902782927";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTablePlaceholderStatesRow3309882604__root" };
+export var classes = { "root": "NestedTablePlaceholderStatesRow2902782927__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTableRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow2512173199";
+var _namespace_ = "NestedTableRow2954320840";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableRow2512173199__root", "firstLevel": "NestedTableRow2512173199__firstLevel", "placeholder": "NestedTableRow2512173199__placeholder", "parentHovered": "NestedTableRow2512173199__parentHovered" };
+export var classes = { "root": "NestedTableRow2954320840__root", "firstLevel": "NestedTableRow2954320840__firstLevel", "placeholder": "NestedTableRow2954320840__placeholder", "parentHovered": "NestedTableRow2954320840__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/useNestedModeColumns.js

@@ -2,6 +2,7 @@ import { NestedTableParentCell } from './NestedTableParentCell';
 import React from 'react';
 import { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';
 import { useNestedTableActionCell } from './useNestedTableActionCell';
+import { NestedTableMainColumnTitle } from './NestedTableMainColumnTitle';
 export function useNestedModeColumns(props) {
     const { state, actionCellProps, actionCellWidth, horizontalScroll, dragAndDrop, } = props;
     const { toolbar } = state;
@@ -15,7 +16,7 @@ export function useNestedModeColumns(props) {
     const mainColumn = {
         key: 'nested-mode-main-column',
         dataHook: 'nested-mode-main-column',
-        title: '',
+        title: React.createElement(NestedTableMainColumnTitle, { state: state }),
         width: '326px',
         ...state.mainColumn,
         style: undefined,

package/dist/esm/components/NestedTable/useNestedModeColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNestedModeColumns.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/useNestedModeColumns.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAYtE,MAAM,UAAU,oBAAoB,CAClC,KAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,WAAW,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,MAAM,EAAE,2BAA2B,EAAE,GAAG,OAAO,CAAC;IAEhD,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEzE,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;QAChD,KAAK,EAAE,KAAK,CAAC,MAAM;QACnB,eAAe;QACf,eAAe;KAChB,CAAC,CAAC;IAEH,MAAM,UAAU,GAAwD;QACtE,GAAG,EAAE,yBAAyB;QAC9B,QAAQ,EAAE,yBAAyB;QACnC,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,OAAO;QACd,GAAG,KAAK,CAAC,UAAU;QACnB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE;YAC5B,IAAI,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE;gBACpC,OAAO,CACL,oBAAC,qBAAqB,IACpB,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,EAC3B,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;aACH;YAED,OAAO,IAAI,CAAC;QACd,CAAC;KACF,CAAC;IAEF,MAAM,aAAa,GAAG,2BAA2B,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QAC/D,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;QAChC,OAAO;YACL,GAAG,MAAM;YACT,cAAc,EACZ,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;YACvE,MAAM,EAAE,CACN,EAAE,IAAI,EAAuC,EAC7C,MAAc,EACd,EAAE;gBACF,IAAI,IAAI,CAAC,iBAAiB,EAAE;oBAC1B,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAC/B,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAC3B,MAAM,CACP,CAAC;iBACH;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF,CAAC;IACJ,CAAC,CAAa,CAAC;IAEf,OAAO;QACL,GAAG,CAAC,UAAU,EAAE,GAAG,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YAClE,OAAO;gBACL,GAAG,MAAM;gBACT,GAAG,mBAAmB,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC;aAC9C,CAAC;QACJ,CAAC,CAAC;QACF,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAChD,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useNestedModeColumns.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/useNestedModeColumns.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAU1E,MAAM,UAAU,oBAAoB,CAClC,KAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,WAAW,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,MAAM,EAAE,2BAA2B,EAAE,GAAG,OAAO,CAAC;IAEhD,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEzE,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;QAChD,KAAK,EAAE,KAAK,CAAC,MAAM;QACnB,eAAe;QACf,eAAe;KAChB,CAAC,CAAC;IAEH,MAAM,UAAU,GAAwD;QACtE,GAAG,EAAE,yBAAyB;QAC9B,QAAQ,EAAE,yBAAyB;QACnC,KAAK,EAAE,oBAAC,0BAA0B,IAAC,KAAK,EAAE,KAAK,GAAI;QACnD,KAAK,EAAE,OAAO;QACd,GAAG,KAAK,CAAC,UAAU;QACnB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE;YAC5B,IAAI,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE;gBACpC,OAAO,CACL,oBAAC,qBAAqB,IACpB,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,EAC3B,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;aACH;YAED,OAAO,IAAI,CAAC;QACd,CAAC;KACF,CAAC;IAEF,MAAM,aAAa,GAAG,2BAA2B,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QAC/D,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;QAChC,OAAO;YACL,GAAG,MAAM;YACT,cAAc,EACZ,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;YACvE,MAAM,EAAE,CACN,EAAE,IAAI,EAAuC,EAC7C,MAAc,EACd,EAAE;gBACF,IAAI,IAAI,CAAC,iBAAiB,EAAE;oBAC1B,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAC/B,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAC3B,MAAM,CACP,CAAC;iBACH;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF,CAAC;IACJ,CAAC,CAAa,CAAC;IAEf,OAAO;QACL,GAAG,CAAC,UAAU,EAAE,GAAG,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YAClE,OAAO;gBACL,GAAG,MAAM;gBACT,GAAG,mBAAmB,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC;aAC9C,CAAC;QACJ,CAAC,CAAC;QACF,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAChD,CAAC;AACJ,CAAC"}

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultipleDragOverlayEffect507833454";
+var _namespace_ = "MultipleDragOverlayEffect3710412864";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultipleDragOverlayEffect507833454__root" };
+export var classes = { "root": "MultipleDragOverlayEffect3710412864__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleDragOverlayEffect.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oCAAoC,CAAC;AACvD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0CAA0C,EAAC,CAAC;AACzE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MultipleDragOverlayEffect.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2CAA2C,EAAC,CAAC;AAC1E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableDragAndDropRow2229753757";
+var _namespace_ = "NestedTableDragAndDropRow347753303";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableDragAndDropRow2229753757__root" };
+export var classes = { "root": "NestedTableDragAndDropRow347753303__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2CAA2C,EAAC,CAAC;AAC1E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oCAAoC,CAAC;AACvD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0CAA0C,EAAC,CAAC;AACzE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/PickerContent/PickerContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContent1644094144";
+var _namespace_ = "PickerContent3001597203";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContent1644094144__root" };
+export var classes = { "root": "PickerContent3001597203__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep2628312461";
+var _namespace_ = "PickerContentAdditionalStep3950218386";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContentAdditionalStep2628312461__root", "titles": "PickerContentAdditionalStep2628312461__titles", "suffix": "PickerContentAdditionalStep2628312461__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep3950218386__root", "titles": "PickerContentAdditionalStep3950218386__titles", "suffix": "PickerContentAdditionalStep3950218386__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerTableListItem4000567210";
+var _namespace_ = "PickerTableListItem3025003652";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerTableListItem4000567210__root" };
+export var classes = { "root": "PickerTableListItem3025003652__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ScrollableContent857634436";
+var _namespace_ = "ScrollableContent3114692929";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ScrollableContent857634436__root" };
+export var classes = { "root": "ScrollableContent3114692929__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,CAAC;AACjE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,CAAC;AAClE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/SettingsPage/SettingsPage.js

@@ -0,0 +1,33 @@
+import React, { useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { SettingsPageWrapper } from './SettingsPageWrapper';
+import { SettingsPageContextProvider } from '../../providers';
+import { FormProvider } from 'react-hook-form';
+import { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';
+import { FormPageProvider } from '../FormPage';
+import { SettingsPageHeader } from '../SettingsPageHeader';
+import { FormPageCard } from '../FormPageCard';
+import { SettingsPageContent } from '../SettingsPageContent';
+import { SettingsPageMainContent } from '../SettingsPageMainContent';
+import { SettingsPageAdditionalContent } from '../SettingsPageAdditionalContent';
+function _SettingsPage({ state, ...rest }) {
+    if (process.env.NODE_ENV !== 'production') {
+        minimalRequiredWdsRuntimeCheck({
+            required: '^1.73.0',
+            requiredBy: 'WixPatterns/SettingsPage',
+        });
+    }
+    useEffect(() => state.init(), []);
+    return (React.createElement(SettingsPageContextProvider, { value: state },
+        React.createElement(FormPageProvider, { state: state.formPage },
+            React.createElement(FormProvider, { ...state.form },
+                React.createElement(SettingsPageWrapper, { state: state, ...rest })))));
+}
+_SettingsPage.Header = SettingsPageHeader;
+_SettingsPage.Content = SettingsPageContent;
+_SettingsPage.MainContent = SettingsPageMainContent;
+_SettingsPage.AdditionalContent = SettingsPageAdditionalContent;
+_SettingsPage.Card = FormPageCard;
+_SettingsPage.displayName = 'SettingsPage';
+export const SettingsPage = observer(_SettingsPage);
+//# sourceMappingURL=SettingsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.js","sourceRoot":"","sources":["../../../../src/components/SettingsPage/SettingsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAe,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AAUjF,SAAS,aAAa,CAAyC,EAC7D,KAAK,EACL,GAAG,IAAI,EACiB;IACxB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,8BAA8B,CAAC;YAC7B,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,0BAA0B;SACvC,CAAC,CAAC;KACJ;IAED,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,OAAO,CACL,oBAAC,2BAA2B,IAAC,KAAK,EAAE,KAAK;QACvC,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,CAAC,QAAQ;YACrC,oBAAC,YAAY,OAAK,KAAK,CAAC,IAAI;gBAC1B,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,KAAM,IAAI,GAAI,CAClC,CACE,CACS,CAC/B,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,MAAM,GAAG,kBAAkB,CAAC;AAC1C,aAAa,CAAC,OAAO,GAAG,mBAAmB,CAAC;AAC5C,aAAa,CAAC,WAAW,GAAG,uBAAuB,CAAC;AACpD,aAAa,CAAC,iBAAiB,GAAG,6BAA6B,CAAC;AAChE,aAAa,CAAC,IAAI,GAAG,YAAY,CAAC;AAElC,aAAa,CAAC,WAAW,GAAG,cAAc,CAAC;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}