@uniformdev/mesh-sdk-react 20.50.2-alpha.117 → 20.50.2-alpha.146

package/dist/index.esm.js

@@ -2378,7 +2378,7 @@ import {
 import { useEffect as useEffect10 } from "react";
 import { Fragment as Fragment6, jsx as jsx27, jsxs as jsxs11 } from "@emotion/react/jsx-runtime";
 function VariablesComposerInput({
-  css: css23,
+  css: css24,
   placeholder,
   ...contentEditableProps
 }) {
@@ -3907,14 +3907,19 @@ function convertRequestDataToDataType(dataType, requestData) {
 // src/components/Delegation/DelegationGate.tsx
 import { Callout as Callout3, LoadingOverlay } from "@uniformdev/design-system";
 import { useEffect as useEffect12 } from "react";
+
+// src/components/Delegation/styles/DelegationGate.style.ts
+import { css as css14 } from "@emotion/react";
+var delegationGateStyle = css14`
+  position: relative;
+  min-height: 12rem;
+  width: 100%;
+`;
+
+// src/components/Delegation/DelegationGate.tsx
 import { Fragment as Fragment10, jsx as jsx46 } from "@emotion/react/jsx-runtime";
-var defaultLoadingWrapperStyle = {
-  position: "relative",
-  minHeight: "12rem",
-  width: "100%"
-};
 function DefaultDelegationLoading() {
-  return /* @__PURE__ */ jsx46("div", { style: defaultLoadingWrapperStyle, children: /* @__PURE__ */ jsx46(LoadingOverlay, { isActive: true, statusMessage: "Connecting to Uniform..." }) });
+  return /* @__PURE__ */ jsx46("div", { css: delegationGateStyle, children: /* @__PURE__ */ jsx46(LoadingOverlay, { isActive: true, statusMessage: "Connecting to Uniform..." }) });
 }
 function DefaultDelegationDisabled() {
   return /* @__PURE__ */ jsx46(Callout3, { type: "caution", title: "Feature unavailable", children: "This app requires permissions that are not currently enabled. Please contact your Uniform administrator to enable identity delegation for this integration." });
@@ -4137,7 +4142,7 @@ var MeshApp = ({
 };
 
 // src/components/ObjectSearch/DataRefreshButton.tsx
-import { css as css14 } from "@emotion/react";
+import { css as css15 } from "@emotion/react";
 import { Button as Button2, LoadingIndicator as LoadingIndicator3 } from "@uniformdev/design-system";
 import { jsx as jsx49, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
 var DataRefreshButton = ({
@@ -4150,7 +4155,7 @@ var DataRefreshButton = ({
     !isLoading ? null : /* @__PURE__ */ jsx49(
       LoadingIndicator3,
       {
-        css: css14`
+        css: css15`
             ${isLoading ? "opacity: 0.2;" : void 0}
           `
       }
@@ -4160,7 +4165,7 @@ var DataRefreshButton = ({
 };
 
 // src/components/ObjectSearch/ObjectSearchContainer.tsx
-import { css as css16 } from "@emotion/react";
+import { css as css17 } from "@emotion/react";
 import { bindVariables } from "@uniformdev/canvas";
 import { Callout as Callout4, Container, ScrollableList, VerticalRhythm as VerticalRhythm3 } from "@uniformdev/design-system";
 
@@ -4286,9 +4291,9 @@ function bindQuery(query, inputs) {
 import { Chip, Popover } from "@uniformdev/design-system";
 
 // src/components/ObjectSearch/styles/ObjectSearchListItem.styles.ts
-import { css as css15 } from "@emotion/react";
+import { css as css16 } from "@emotion/react";
 import { skeletonLoading } from "@uniformdev/design-system";
-var ObjectListItemContainer = css15`
+var ObjectListItemContainer = css16`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -4297,11 +4302,11 @@ var ObjectListItemContainer = css15`
   grid-template-columns: 1fr auto;
   padding: var(--spacing-sm);
 `;
-var ObjectListItemContainerDisabled = css15`
+var ObjectListItemContainerDisabled = css16`
   opacity: var(--opacity-50);
   pointer-events: none;
 `;
-var ObjectListItemLoading = css15`
+var ObjectListItemLoading = css16`
   animation: ${skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
   min-height: 42px;
@@ -4325,37 +4330,37 @@ var ObjectListItemLoading = css15`
     width: 1rem;
   }
 `;
-var ObjectListItemHeadingGroup = css15`
+var ObjectListItemHeadingGroup = css16`
   align-items: center;
   display: grid;
 `;
-var ObjectListItemThumbnail = css15`
+var ObjectListItemThumbnail = css16`
   width: 30px;
   height: 30px;
   object-fit: cover;
 `;
-var ObjectListItemTitle = css15`
+var ObjectListItemTitle = css16`
   color: var(--typography-base);
   display: block;
   font-size: var(--fs-sm);
 `;
-var ObjectListItemSubtitle = css15`
+var ObjectListItemSubtitle = css16`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectListItemInfoContainer = css15`
+var ObjectListItemInfoContainer = css16`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: center;
 `;
-var ObjectListItemControlledContent = css15`
+var ObjectListItemControlledContent = css16`
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectListItemUnControlledContent = css15`
+var ObjectListItemUnControlledContent = css16`
   margin-top: var(--spacing-sm);
   grid-column: 1 / -1;
 `;
@@ -4448,7 +4453,7 @@ var ObjectSearchContainer = ({
     ScrollableList,
     {
       role: "list",
-      css: css16`
+      css: css17`
         > div {
           max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
         }
@@ -4523,8 +4528,8 @@ import { DebouncedInputKeywordSearch, InputSelect as InputSelect3 } from "@unifo
 import { useMemo as useMemo14, useState as useState14 } from "react";
 
 // src/components/ObjectSearch/styles/ObjectSearchFilterContainer.styles.ts
-import { css as css17 } from "@emotion/react";
-var ObjectSearchFilterContainerLabel = css17`
+import { css as css18 } from "@emotion/react";
+var ObjectSearchFilterContainerLabel = css18`
   align-items: center;
   display: flex;
   font-size: var(--fs-sm);
@@ -4532,11 +4537,11 @@ var ObjectSearchFilterContainerLabel = css17`
   line-height: 1rem;
   margin-bottom: var(--spacing-sm);
 `;
-var ObjectSearchFilterContainer = css17`
+var ObjectSearchFilterContainer = css18`
   display: grid;
   gap: var(--spacing-base);
 `;
-var ObjectSearchFilterGrid = (gridColumns) => css17`
+var ObjectSearchFilterGrid = (gridColumns) => css18`
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-base);
@@ -4626,9 +4631,9 @@ function Image({ src, alt, className }) {
 }
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItemButton.styles.ts
-import { css as css18 } from "@emotion/react";
+import { css as css19 } from "@emotion/react";
 import { button as button2 } from "@uniformdev/design-system";
-var ButtonStyles = css18`
+var ButtonStyles = css19`
   ${button2}
   background: transparent;
   border: 1px solid var(--typography-base);
@@ -4656,7 +4661,7 @@ var ButtonStyles = css18`
     text-decoration: none;
   }
 `;
-var ButtonIcon = css18`
+var ButtonIcon = css19`
   width: 1rem;
   height: 1rem;
 `;
@@ -4685,8 +4690,8 @@ var LinkButton = ({
 };
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItem.styles.ts
-import { css as css19 } from "@emotion/react";
-var ObjectSearchResultItemContainer = css19`
+import { css as css20 } from "@emotion/react";
+var ObjectSearchResultItemContainer = css20`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -4702,7 +4707,7 @@ var ObjectSearchResultItemContainer = css19`
     }
   }
 `;
-var ObjectSearchDragHandle = css19`
+var ObjectSearchDragHandle = css20`
   border-left: 2px dotted var(--gray-300);
   border-right: 2px dotted var(--gray-300);
   position: absolute;
@@ -4711,40 +4716,40 @@ var ObjectSearchDragHandle = css19`
   transition: opacity var(--duration-fast) var(--timing-ease-out);
   opacity: 0;
 `;
-var ObjectSearchResultItemSubtitle = css19`
+var ObjectSearchResultItemSubtitle = css20`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectSearchResultItemTitle = css19`
+var ObjectSearchResultItemTitle = css20`
   align-items: center;
   color: var(--typography-base);
   display: flex;
   gap: var(--spacing-xs);
 `;
-var ObjectSearchResultItemTimeStamp = css19`
+var ObjectSearchResultItemTimeStamp = css20`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
-var ObjectSearchResultItemTitleLink = css19`
+var ObjectSearchResultItemTitleLink = css20`
   text-decoration: none;
   color: var(--primary-action-default);
   font-size: var(--fs-sm);
 `;
-var ObjectSearchAuthorStateGroup = css19`
+var ObjectSearchAuthorStateGroup = css20`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchUpdateGroup = css19`
+var ObjectSearchUpdateGroup = css20`
   display: grid;
 `;
-var ObjectSearchContentContainer = css19`
+var ObjectSearchContentContainer = css20`
   display: flex;
   gap: var(--spacing-base);
 `;
-var ObjectSearchImage = css19`
+var ObjectSearchImage = css20`
   width: 56px;
   height: 56px;
   object-fit: cover;
@@ -4850,26 +4855,26 @@ import {
 import { Button as Button4, Counter } from "@uniformdev/design-system";
 
 // src/components/ObjectSearch/styles/ObjectSearchResultList.styles.ts
-import { css as css20 } from "@emotion/react";
-var ObjectSearchResultListContainer = css20`
+import { css as css21 } from "@emotion/react";
+var ObjectSearchResultListContainer = css21`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: space-between;
 `;
-var ObjectSearchDragContainer = css20`
+var ObjectSearchDragContainer = css21`
   margin: 0 0 var(--spacing-sm);
 `;
-var ObjectSearchContainerDragging = css20`
+var ObjectSearchContainerDragging = css21`
   box-shadow: var(--shadow-base);
   opacity: var(--opacity-50);
 `;
-var ObjectSearchResultListCounterContainer = css20`
+var ObjectSearchResultListCounterContainer = css21`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchResultListTitle = css20`
+var ObjectSearchResultListTitle = css21`
   font-weight: var(--fw-bold);
   line-height: 1;
 `;
@@ -6213,21 +6218,21 @@ var TextMultiChoiceEditor = ({
 import { Counter as Counter2, customIcons, Icon as Icon2 } from "@uniformdev/design-system";
 
 // src/components/SearchAndFilter/styles/SearchAndFilter.styles.ts
-import { css as css21 } from "@emotion/react";
+import { css as css22 } from "@emotion/react";
 import { cq, fadeInLtr } from "@uniformdev/design-system";
-var SearchAndFilterControlsWrapper = (gridColumns) => css21`
+var SearchAndFilterControlsWrapper = (gridColumns) => css22`
   align-items: stretch;
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-sm);
 `;
-var SearchAndFilterOutterControlWrapper = (gridColumns) => css21`
+var SearchAndFilterOutterControlWrapper = (gridColumns) => css22`
   align-items: stretch;
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-sm);
 `;
-var ConditionalFilterRow = css21`
+var ConditionalFilterRow = css22`
   align-items: baseline;
   display: grid;
   grid-template-columns: 35px 1fr;
@@ -6263,7 +6268,7 @@ var ConditionalFilterRow = css21`
     animation: ${fadeInLtr} var(--duration-fast) var(--timing-ease-out);
   }
 `;
-var ConditionalInputRow = css21`
+var ConditionalInputRow = css22`
   display: flex;
   gap: var(--spacing-sm);
   flex-wrap: wrap;
@@ -6287,16 +6292,16 @@ var ConditionalInputRow = css21`
     }
   }
 `;
-var ConditionalInputRowEmpty = css21`
+var ConditionalInputRowEmpty = css22`
   flex-wrap: nowrap;
 `;
-var SearchInput = css21`
+var SearchInput = css22`
   && {
     max-height: 40px;
     min-height: unset;
   }
 `;
-var BindableKeywordSearchInputStyles = css21`
+var BindableKeywordSearchInputStyles = css22`
   position: relative;
   width: 100%;
 
@@ -6311,19 +6316,19 @@ var BindableKeywordSearchInputStyles = css21`
     white-space: nowrap;
   }
 `;
-var ClearSearchButtonContainer = css21`
+var ClearSearchButtonContainer = css22`
   align-items: center;
   display: flex;
   position: absolute;
   inset: 0 var(--spacing-lg) 0 auto;
 `;
-var ClearSearchButtonStyles = css21`
+var ClearSearchButtonStyles = css22`
   background: none;
   border: none;
   padding: 0;
   pointer-events: all;
 `;
-var FilterButton = css21`
+var FilterButton = css22`
   align-items: center;
   background: var(--white);
   border: 1px solid var(--gray-300);
@@ -6360,13 +6365,13 @@ var FilterButton = css21`
     opacity: var(--opacity-50);
   }
 `;
-var FilterButtonText = css21`
+var FilterButtonText = css22`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 14ch;
 `;
-var FilterButtonSelected = css21`
+var FilterButtonSelected = css22`
   background: var(--gray-100);
   border-color: var(--gray-300);
 
@@ -6374,7 +6379,7 @@ var FilterButtonSelected = css21`
     color: var(--accent-dark);
   }
 `;
-var FilterButtonWithOptions = css21`
+var FilterButtonWithOptions = css22`
   :where([aria-expanded='true']) {
     background: var(--purple-rain-100);
     border-color: var(--accent-light);
@@ -6386,14 +6391,14 @@ var FilterButtonWithOptions = css21`
     }
   }
 `;
-var SearchIcon = css21`
+var SearchIcon = css22`
   color: var(--icon-color);
   position: absolute;
   inset: 0 var(--spacing-base) 0 auto;
   margin: auto;
   transition: color var(--duration-fast) var(--timing-ease-out);
 `;
-var AddConditionalBtn = css21`
+var AddConditionalBtn = css22`
   align-items: center;
   background: transparent;
   border: none;
@@ -6412,14 +6417,14 @@ var AddConditionalBtn = css21`
     color: var(--gray-400);
   }
 `;
-var Title = css21`
+var Title = css22`
   color: var(--typography-light);
 
   &:focus {
     outline: none;
   }
 `;
-var ResetConditionsBtn = css21`
+var ResetConditionsBtn = css22`
   background: transparent;
   border: none;
   color: var(--action-destructive-default);
@@ -6434,13 +6439,13 @@ var ResetConditionsBtn = css21`
     color: var(--gray-400);
   }
 `;
-var IconBtn = css21`
+var IconBtn = css22`
   align-self: center;
   background: transparent;
   border: none;
   padding: var(--spacing-sm);
 `;
-var SearchAndFilterOptionsContainer = css21`
+var SearchAndFilterOptionsContainer = css22`
   background: var(--gray-50);
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -6451,17 +6456,17 @@ var SearchAndFilterOptionsContainer = css21`
   padding: var(--spacing-md) 0 var(--spacing-base);
   will-change: height;
 `;
-var SearchAndFilterOptionsInnerContainer = css21`
+var SearchAndFilterOptionsInnerContainer = css22`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
   padding-inline: var(--spacing-md);
 `;
-var SearchAndFilterButtonGroup = css21`
+var SearchAndFilterButtonGroup = css22`
   margin-top: var(--spacing-xs);
   margin-left: calc(56px + var(--spacing-md));
 `;
-var SearchAndFilterAdditionalContainer = css21`
+var SearchAndFilterAdditionalContainer = css22`
   align-items: center;
   border-top: 1px solid var(--gray-300);
   display: flex;
@@ -7403,9 +7408,9 @@ var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
 import { InputComboBox as InputComboBox6, InputSelect as InputSelect5, SegmentedControl, VerticalRhythm as VerticalRhythm8 } from "@uniformdev/design-system";
 
 // src/components/SearchAndFilter/styles/SortItems.styles.ts
-import { css as css22 } from "@emotion/react";
+import { css as css23 } from "@emotion/react";
 import { cq as cq2, fadeInLtr as fadeInLtr2 } from "@uniformdev/design-system";
-var ConditionalFilterRow2 = css22`
+var ConditionalFilterRow2 = css23`
   display: grid;
   grid-template-columns: 35px 1fr;
   gap: var(--spacing-sm);
@@ -7442,7 +7447,7 @@ var ConditionalFilterRow2 = css22`
     animation: ${fadeInLtr2} var(--duration-fast) var(--timing-ease-out);
   }
 `;
-var ConditionalInputRow2 = css22`
+var ConditionalInputRow2 = css23`
   display: flex;
   gap: var(--spacing-sm);
   flex-wrap: wrap;
@@ -7465,13 +7470,13 @@ var ConditionalInputRow2 = css22`
     }
   }
 `;
-var SearchInput2 = css22`
+var SearchInput2 = css23`
   && {
     max-height: 40px;
     min-height: unset;
   }
 `;
-var FilterButton3 = css22`
+var FilterButton3 = css23`
   align-items: center;
   background: var(--white);
   border: 1px solid var(--gray-300);
@@ -7508,13 +7513,13 @@ var FilterButton3 = css22`
     opacity: var(--opacity-50);
   }
 `;
-var FilterButtonText2 = css22`
+var FilterButtonText2 = css23`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 14ch;
 `;
-var FilterButtonSelected2 = css22`
+var FilterButtonSelected2 = css23`
   background: var(--gray-100);
   border-color: var(--gray-300);
 
@@ -7522,7 +7527,7 @@ var FilterButtonSelected2 = css22`
     color: var(--accent-dark);
   }
 `;
-var FilterButtonWithOptions2 = css22`
+var FilterButtonWithOptions2 = css23`
   :where([aria-expanded='true']) {
     background: var(--purple-rain-100);
     border-color: var(--accent-light);
@@ -7534,14 +7539,14 @@ var FilterButtonWithOptions2 = css22`
     }
   }
 `;
-var SearchIcon2 = css22`
+var SearchIcon2 = css23`
   color: var(--icon-color);
   position: absolute;
   inset: 0 var(--spacing-base) 0 auto;
   margin: auto;
   transition: color var(--duration-fast) var(--timing-ease-out);
 `;
-var AddConditionalBtn2 = css22`
+var AddConditionalBtn2 = css23`
   align-items: center;
   background: transparent;
   border: none;
@@ -7560,14 +7565,14 @@ var AddConditionalBtn2 = css22`
     color: var(--gray-400);
   }
 `;
-var Title2 = css22`
+var Title2 = css23`
   color: var(--typography-light);
 
   &:focus {
     outline: none;
   }
 `;
-var ResetConditionsBtn2 = css22`
+var ResetConditionsBtn2 = css23`
   background: transparent;
   border: none;
   color: var(--action-destructive-default);
@@ -7579,12 +7584,12 @@ var ResetConditionsBtn2 = css22`
     color: var(--action-destructive-hover);
   }
 `;
-var IconBtn2 = css22`
+var IconBtn2 = css23`
   background: transparent;
   border: none;
   padding: var(--spacing-sm);
 `;
-var SearchAndFilterOptionsContainer3 = css22`
+var SearchAndFilterOptionsContainer3 = css23`
   background: var(--gray-50);
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -7597,17 +7602,17 @@ var SearchAndFilterOptionsContainer3 = css22`
   position: relative;
   z-index: 1;
 `;
-var SearchAndFilterOptionsInnerContainer2 = css22`
+var SearchAndFilterOptionsInnerContainer2 = css23`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
   padding-inline: var(--spacing-md);
 `;
-var SearchAndFilterButtonGroup2 = css22`
+var SearchAndFilterButtonGroup2 = css23`
   margin-top: var(--spacing-xs);
   margin-left: calc(56px + var(--spacing-md));
 `;
-var SortFilterWrapper = (hiddenLocaleInput) => css22`
+var SortFilterWrapper = (hiddenLocaleInput) => css23`
   align-items: center;
   display: flex;
   gap: var(--spacing-base);
@@ -7618,13 +7623,13 @@ var SortFilterWrapper = (hiddenLocaleInput) => css22`
     grid-template-columns: ${hiddenLocaleInput ? "1fr" : "1fr minmax(140px, 0.25fr)"};
   }
 `;
-var SortFilterInputRow = css22`
+var SortFilterInputRow = css23`
   align-items: center;
   display: grid;
   grid-template-columns: 1fr auto;
   gap: var(--spacing-base);
 `;
-var InputVariableWrapper = css22`
+var InputVariableWrapper = css23`
   flex-grow: 1;
 
   // we need to override label styles nested within the input variable