@membranehq/react 0.15.5 → 0.15.7

package/dist/cjs/components/DropdownUI/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/item-aria-context.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/sva-recipe.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/DropdownUI/utils.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/FloatingPortalBoundary/index.cjs

@@ -2,15 +2,15 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var react = require('@ark-ui/react');
+var React = require('react');
 
 const BoundaryContext = React.createContext("");
 const BOUNDARY_DATA_KEY = "data-floating-portal-boundary";

package/dist/cjs/components/IntegrationElements/DataSource/DataCollectionSelect.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -10,13 +10,13 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var sdk = require('@membranehq/sdk');
-var jsConvertCase = require('js-convert-case');
-var useSWR = require('swr');
 var ComboBox = require('../../ComboBox/ComboBox.cjs');
-var formComponentsContext = require('../../DataBuilder/form-components-context.cjs');
 var Form = require('../../DataBuilder/Form.cjs');
+var formComponentsContext = require('../../DataBuilder/form-components-context.cjs');
 var index = require('../../DataBuilder/Formula/index.cjs');
-var integrationAppContext = require('../../../contexts/integration-app-context.cjs');
+var useIntegrationApp = require('../../../contexts/use-integration-app.cjs');
+var jsConvertCase = require('js-convert-case');
+var useSWR = require('swr');
 var index$1 = require('../../DataBuilder/index.cjs');
 require('../../DataBuilderUI/FieldControlPanel/index.cjs');
 require('../../DataBuilderUI/ActionBar.cjs');
@@ -25,16 +25,17 @@ require('clsx');
 require('../../DataBuilderUI/styles.module.css.cjs');
 var Row = require('../../DataBuilderUI/Row.cjs');
 require('../../DataBuilderUI/Title.cjs');
-var integrationElementContext = require('../integration-element-context.cjs');
+var useIntegrationElement = require('../use-integration-element.cjs');
 var formulaComponentsContext = require('../../DataBuilder/Formula/formula-components-context.cjs');
 
 function DataCollectionSelect({
   value,
   onChange,
-  variablesSchema
+  variablesSchema,
+  readOnly
 }) {
-  const { integrationId } = integrationElementContext.useIntegrationElementContext();
-  const client = integrationAppContext.useMembrane();
+  const { integrationId } = useIntegrationElement.useIntegrationElementContext();
+  const client = useIntegrationApp.useMembrane();
   let currentKey = value?.collectionKey;
   let currentParameters = value?.collectionParameters;
   const isDynamicLocation = !!sdk.getFormula(currentKey);
@@ -93,7 +94,7 @@ function DataCollectionSelect({
         {
           value: currentKey,
           onChange: handleKeyChange,
-          disabled: isLoading,
+          disabled: isLoading || readOnly,
           options: options?.length > 0 ? options : void 0,
           schema: { type: "string" },
           variablesSchema
@@ -103,6 +104,7 @@ function DataCollectionSelect({
     showParameters && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
       Form.DataBuilderForm,
       {
+        readOnly,
         onChange: handleParametersChange,
         field: index$1.makeDataField({
           schema: sdk.schemaWithTitle(

package/dist/cjs/components/IntegrationElements/DataSource/UdmSelect.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/IntegrationElements/DataSource/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -21,7 +21,7 @@ require('../../DataBuilderUI/Row.cjs');
 require('../../DataBuilderUI/Title.cjs');
 require('../../Textarea/index.cjs');
 require('../../SimpleInput/recipe.cjs');
-var integrationElementContext = require('../integration-element-context.cjs');
+var useIntegrationElement = require('../use-integration-element.cjs');
 var DataCollectionSelect = require('./DataCollectionSelect.cjs');
 var UdmSelect = require('./UdmSelect.cjs');
 
@@ -29,7 +29,7 @@ function DataSourceConfig(props) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 mb-2", children: /* @__PURE__ */ jsxRuntime.jsx(LevelSpecificDataSourceConfig, { ...props }) });
 }
 function LevelSpecificDataSourceConfig(props) {
-  const { level } = integrationElementContext.useIntegrationElementContext();
+  const { level } = useIntegrationElement.useIntegrationElementContext();
   const { value, onChange, configureEvents } = props;
   function patchValue(patch) {
     onChange({
@@ -62,7 +62,8 @@ function LevelSpecificDataSourceConfig(props) {
 }
 function DataSourceConfigureEvents({
   value,
-  onChange
+  onChange,
+  readOnly
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Change how often we pulls updates from the data source." }),
@@ -71,6 +72,7 @@ function DataSourceConfigureEvents({
       {
         label: "Pull updates interval (seconds)",
         value: value?.pullUpdatesIntervalSeconds?.toString(),
+        disabled: readOnly,
         onChange: (pullUpdatesIntervalSeconds) => onChange({
           ...value,
           pullUpdatesIntervalSeconds: Number(pullUpdatesIntervalSeconds)
@@ -82,6 +84,7 @@ function DataSourceConfigureEvents({
       {
         label: "Full sync interval (seconds)",
         value: value?.fullSyncIntervalSeconds?.toString(),
+        disabled: readOnly,
         onChange: (fullSyncIntervalSeconds) => onChange({
           ...value,
           fullSyncIntervalSeconds: Number(fullSyncIntervalSeconds)

package/dist/cjs/components/IntegrationElements/integration-element-context.cjs

@@ -2,34 +2,32 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var sdk = require('@membranehq/sdk');
 var integrationAppConnectionContext = require('../../contexts/integration-app-connection-context.cjs');
 var integrationAppIntegrationContext = require('../../contexts/integration-app-integration-context.cjs');
+var useIntegrationAppConnection = require('../../contexts/use-integration-app-connection.cjs');
+var useIntegrationAppIntegration = require('../../contexts/use-integration-app-integration.cjs');
+var useIntegrationElement = require('./use-integration-element.cjs');
 
-const IntegrationElementContext = React.createContext({});
-function useIntegrationElementContext() {
-  return React.useContext(IntegrationElementContext);
-}
 const IntegrationElementProvider = ({
   children,
   integrationId: integrationIdfromParams,
   connectionId: connectionIdFromParams
 }) => {
-  const { connectionId: connectionIdFromContext } = integrationAppConnectionContext.useIntegrationAppConnection();
-  const { integrationId: integrationIdFromContext } = integrationAppIntegrationContext.useIntegrationAppIntegration();
+  const { connectionId: connectionIdFromContext } = useIntegrationAppConnection.useIntegrationAppConnection();
+  const { integrationId: integrationIdFromContext } = useIntegrationAppIntegration.useIntegrationAppIntegration();
   const integrationId = integrationIdfromParams ?? integrationIdFromContext;
   const connectionId = connectionIdFromParams ?? connectionIdFromContext;
   const level = connectionId ? sdk.IntegrationElementLevel.CONNECTION : integrationId ? sdk.IntegrationElementLevel.CONNECTOR : sdk.IntegrationElementLevel.UNIVERSAL;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    IntegrationElementContext.Provider,
+    useIntegrationElement.IntegrationElementContext.Provider,
     {
       value: {
         integrationId,
@@ -42,4 +40,3 @@ const IntegrationElementProvider = ({
 };
 
 exports.IntegrationElementProvider = IntegrationElementProvider;
-exports.useIntegrationElementContext = useIntegrationElementContext;

package/dist/cjs/components/IntegrationElements/use-integration-element.cjs

@@ -0,0 +1,19 @@
+"use strict";
+/*
+ * Membrane React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.15.7
+ */
+'use client';
+
+'use strict';
+
+var React = require('react');
+
+const IntegrationElementContext = React.createContext({});
+function useIntegrationElementContext() {
+  return React.useContext(IntegrationElementContext);
+}
+
+exports.IntegrationElementContext = IntegrationElementContext;
+exports.useIntegrationElementContext = useIntegrationElementContext;

package/dist/cjs/components/Integrations/IntegrationAvatar/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/Integrations/IntegrationItem/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/Integrations/IntegrationItemSkeleton.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/Notification/Notification.module.css.cjs

@@ -1,7 +1,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/Notification/index.cjs

@@ -2,16 +2,16 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var clsx = require('clsx');
 var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
+var React = require('react');
 var index$1 = require('../SvgIcon/index.cjs');
 var index = require('../Tooltip/index.cjs');
 var Notification_module = require('./Notification.module.css.cjs');

package/dist/cjs/components/Popover/index.cjs

@@ -2,15 +2,15 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var index = require('../FloatingPortalBoundary/index.cjs');
+var React = require('react');
 var popover = require('../../ui-kit/styled/popover.cjs');
 
 const DefaultPopper = React.forwardRef(

package/dist/cjs/components/Portal/index.cjs

@@ -2,15 +2,15 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var reactPortal = require('react-portal');
 var getRefElement = require('../../helpers/getRefElement.cjs');
+var reactPortal = require('react-portal');
 
 const isStorybook = Boolean(globalThis?.__STORYBOOK_PREVIEW__);
 const storybookPortalNode = "#storybook-root";

package/dist/cjs/components/SimpleInput/SimpleInput.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/SimpleInput/recipe.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/SvgIcon/BasicEntities.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/SvgIcon/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/SvgIcon/svg-icon-type.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/Tag/Components.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -12,8 +12,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
 var useEventStopPropagation = require('../../helpers/hooks/useEventStopPropagation.cjs');
-var styles_module = require('./styles.module.css.cjs');
 var index = require('../SvgIcon/index.cjs');
+var styles_module = require('./styles.module.css.cjs');
 
 function TagSvgIcon({ type, className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { className: clsx.clsx(styles_module.default.tagIcon, className), type, ...props });

package/dist/cjs/components/Tag/Tag.cjs

@@ -2,21 +2,21 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var clsx = require('clsx');
 var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
 var useEventStopPropagation = require('../../helpers/hooks/useEventStopPropagation.cjs');
+var React = require('react');
+var index$1 = require('../Tooltip/index.cjs');
 var index = require('../Truncate/index.cjs');
 var Components = require('./Components.cjs');
 var styles_module = require('./styles.module.css.cjs');
-var index$1 = require('../Tooltip/index.cjs');
 
 const GenericTag = React.forwardRef(function({ truncate, inactive, disabled, className, onClick, children, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/cjs/components/Tag/TagPlaceholder.cjs

@@ -2,15 +2,15 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var clsx = require('clsx');
+var React = require('react');
 var styles_module = require('./styles.module.css.cjs');
 var Tag = require('./Tag.cjs');
 

package/dist/cjs/components/Tag/styles.module.css.cjs

@@ -1,7 +1,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/Textarea/index.cjs

@@ -2,15 +2,15 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var clsx = require('clsx');
+var React = require('react');
 var recipe = require('./recipe.cjs');
 
 const CssPropTextareaMaxHeight = "--uikit-textarea-max-height";

package/dist/cjs/components/Textarea/recipe.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/Toggle/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 

package/dist/cjs/components/Tooltip/index.cjs

@@ -2,15 +2,15 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var index = require('../FloatingPortalBoundary/index.cjs');
+var React = require('react');
 require('../../styled-system/css/css.cjs');
 require('../../styled-system/helpers.cjs');
 var sva = require('../../styled-system/css/sva.cjs');

package/dist/cjs/components/Truncate/index.cjs

@@ -2,15 +2,15 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var useIsTextTruncated = require('../../helpers/hooks/useIsTextTruncated.cjs');
+var React = require('react');
 require('../../styled-system/css/css.cjs');
 require('../../styled-system/helpers.cjs');
 require('../../styled-system/jsx/is-valid-prop.cjs');

package/dist/cjs/contexts/integration-app-client-context.cjs

@@ -2,27 +2,17 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var useMembraneClient = require('./use-membrane-client.cjs');
 
-const MembraneClientContext = React.createContext({
-  /* FIXME: strictNullCheck temporary fix */
-  // @ts-expect-error TS(2322): Type 'null' is not assignable to type 'Integration... Remove this comment to see the full error message
-  client: null
-});
-MembraneClientContext.displayName = "MembraneClientContext";
 const MembraneClientProvider = ({ client, children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(MembraneClientContext.Provider, { value: { client }, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(useMembraneClient.MembraneClientContext.Provider, { value: { client }, children });
 };
-function useMembraneClient() {
-  return React.useContext(MembraneClientContext);
-}
 
 exports.MembraneClientProvider = MembraneClientProvider;
-exports.useMembraneClient = useMembraneClient;

package/dist/cjs/contexts/integration-app-connection-context.cjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
@@ -10,20 +10,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var useIntegrationAppConnection = require('./use-integration-app-connection.cjs');
 
-const IntegrationAppConnectionContext = React.createContext({
-  /* FIXME: strictNullCheck temporary fix */
-  // @ts-expect-error TS(2322): Type 'null' is not assignable to type 'string'.
-  connectionId: null
-});
-IntegrationAppConnectionContext.displayName = "IntegrationAppConnectionContext";
 const IntegrationAppConnectionProvider = ({ connectionId, children }) => {
   const value = React.useMemo(() => ({ connectionId }), [connectionId]);
-  return /* @__PURE__ */ jsxRuntime.jsx(IntegrationAppConnectionContext.Provider, { value, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(useIntegrationAppConnection.IntegrationAppConnectionContext.Provider, { value, children });
 };
-function useIntegrationAppConnection() {
-  return React.useContext(IntegrationAppConnectionContext);
-}
 
 exports.IntegrationAppConnectionProvider = IntegrationAppConnectionProvider;
-exports.useIntegrationAppConnection = useIntegrationAppConnection;

package/dist/cjs/contexts/integration-app-context.cjs

@@ -2,18 +2,17 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.15.5
+ * v0.15.7
  */
 'use client';
 
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var sdk = require('@membranehq/sdk');
+var React = require('react');
+var useIntegrationApp = require('./use-integration-app.cjs');
 
-const IntegrationAppContext = React.createContext(null);
-IntegrationAppContext.displayName = "MembraneClientContext";
 const IntegrationAppProvider = ({
   token,
   fetchToken,
@@ -38,15 +37,9 @@ const IntegrationAppProvider = ({
     }),
     [token, JSON.stringify(credentials), apiUri, uiUri]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(IntegrationAppContext.Provider, { value: client, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(useIntegrationApp.IntegrationAppContext.Provider, { value: client, children });
 };
-function useIntegrationApp() {
-  return React.useContext(IntegrationAppContext);
-}
 const MembraneProvider = IntegrationAppProvider;
-const useMembrane = useIntegrationApp;
 
 exports.IntegrationAppProvider = IntegrationAppProvider;
 exports.MembraneProvider = MembraneProvider;
-exports.useIntegrationApp = useIntegrationApp;
-exports.useMembrane = useMembrane;