@uniformdev/mesh-sdk-react 19.79.1-alpha.11 → 19.79.1-alpha.13

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.
package/dist/index.d.mts CHANGED
@@ -5,7 +5,7 @@ import { TDate } from 'timeago.js';
5
5
  import * as _emotion_react from '@emotion/react';
6
6
  import { Interpolation, Theme, SerializedStyles } from '@emotion/react';
7
7
  import * as _uniformdev_mesh_sdk from '@uniformdev/mesh-sdk';
8
- import { DynamicInput, MeshLocation, SetValueOptions, EditConnectedDataResponseCancellationContext, DynamicInputs, DataSourceLocationValue, DataTypeLocationValue, BindableTypes } from '@uniformdev/mesh-sdk';
8
+ import { DynamicInputs, MeshLocation, SetValueOptions, EditConnectedDataResponseCancellationContext, DataSourceLocationValue, DataTypeLocationValue, BindableTypes } from '@uniformdev/mesh-sdk';
9
9
  export * from '@uniformdev/mesh-sdk';
10
10
  import { DataVariableDefinition, DataResourceVariables, DataType } from '@uniformdev/canvas';
11
11
  import { Emitter } from 'mitt';
@@ -42,21 +42,7 @@ declare const SvgMoreVerticalAlt: (props: SVGProps<SVGSVGElement>) => _emotion_r
42
42
  declare const SvgPlus: (props: SVGProps<SVGSVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
43
43
 
44
44
  declare namespace index {
45
- export {
46
- SvgCaution as Caution,
47
- SvgCheckmark as Checkmark,
48
- SvgChevronDown as ChevronDown,
49
- SvgClose as Close,
50
- SvgDanger as Danger,
51
- SvgExclamationPoint as ExclamationPoint,
52
- SvgInfo as Info,
53
- SvgLightbulb as Lightbulb,
54
- SvgMagnifyingGlass as MagnifyingGlass,
55
- SvgMaximizeAlt as MaximizeAlt,
56
- SvgMinus as Minus,
57
- SvgMoreVerticalAlt as MoreVerticalAlt,
58
- SvgPlus as Plus,
59
- };
45
+ export { SvgCaution as Caution, SvgCheckmark as Checkmark, SvgChevronDown as ChevronDown, SvgClose as Close, SvgDanger as Danger, SvgExclamationPoint as ExclamationPoint, SvgInfo as Info, SvgLightbulb as Lightbulb, SvgMagnifyingGlass as MagnifyingGlass, SvgMaximizeAlt as MaximizeAlt, SvgMinus as Minus, SvgMoreVerticalAlt as MoreVerticalAlt, SvgPlus as Plus };
60
46
  }
61
47
 
62
48
  /** @deprecated please use ObjectSearchListItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-list-item */
@@ -399,11 +385,9 @@ declare const damSelectedItemMediaContainer: _emotion_react.SerializedStyles;
399
385
  declare const damSelectedItemInfoBtn: _emotion_react.SerializedStyles;
400
386
  declare const damSelectItemImage: _emotion_react.SerializedStyles;
401
387
 
402
- type MinimalDynamicInput = Omit<DynamicInput, 'source'>;
403
- type MinimalDynamicInputs = Record<string, MinimalDynamicInput>;
404
388
  type DataResourceDynamicInputProviderProps = {
405
389
  /** Explicitly provide dynamic input values. If not set, Mesh location will be used */
406
- dynamicInputs?: MinimalDynamicInputs;
390
+ dynamicInputs?: DynamicInputs;
407
391
  /** Child components of the provider. Variables-using components, such as InputVariables, can be used here. */
408
392
  children: ReactNode;
409
393
  };
@@ -813,7 +797,7 @@ type InputVariablesProps<TEditorContext = unknown> = {
813
797
  addOmitIfEmpty?: boolean;
814
798
  /** (optional) sets and shows the the error message value */
815
799
  errorMessage?: string;
816
- /** (optional) sets and shows the the warning message value */
800
+ /** (optional) sets and shows the warning message value */
817
801
  warningMessage?: string;
818
802
  /** (optional) sets and shows the the info message value */
819
803
  infoMessage?: string;
@@ -1191,7 +1175,10 @@ type ObjectSearchContainerProps = {
1191
1175
  enableDynamicInputToResultId?: boolean;
1192
1176
  /** a child node that places components within the search location */
1193
1177
  searchFilters: ReactNode;
1194
- /** a child node that places components within a scrollable list location */
1178
+ /**
1179
+ * a child node that places components within a scrollable list location
1180
+ * set to `null` expl
1181
+ */
1195
1182
  resultList?: ReactNode;
1196
1183
  /** allows any child element */
1197
1184
  children?: ReactNode;
@@ -1214,9 +1201,10 @@ type ObjectSearchFilterProps = {
1214
1201
  selectLabel?: string;
1215
1202
  /** sets the select input options, if empty - only keyword search field will be rendered */
1216
1203
  selectOptions?: Array<{
1217
- id: string;
1204
+ id?: string;
1218
1205
  name?: string;
1219
1206
  label: string;
1207
+ value?: string;
1220
1208
  }>;
1221
1209
  /** sets the search input name value
1222
1210
  * @default 'searchText'
@@ -1253,6 +1241,8 @@ type SearchQueryProps<TExtraFilters = unknown> = {
1253
1241
  contentType?: string;
1254
1242
  /** sets the keyword search in the search context */
1255
1243
  keyword?: string;
1244
+ /** sets the locale in the search context */
1245
+ locale?: string;
1256
1246
  } & TExtraFilters;
1257
1247
  type SelectedItemProps<TExtraProps = unknown> = {
1258
1248
  /** sets the id value */
@@ -1323,12 +1313,16 @@ type ObjectSearchContextProps<TExtraFilters = unknown, TExtraItemProps = unknown
1323
1313
  list: ItemListProps<TExtraItemProps>;
1324
1314
  /** function that sets the list of items to state */
1325
1315
  onSetList: (value: ItemListProps) => void;
1316
+ /** is multi items selection allowed or not */
1317
+ isMulti: boolean;
1326
1318
  };
1327
1319
  type ObjectSearchProviderProps = {
1328
1320
  children: ReactNode;
1329
1321
  currentlySelectedItems?: Array<SelectedItemProps>;
1322
+ isMulti?: boolean;
1323
+ defaultQuery?: SearchQueryProps;
1330
1324
  };
1331
- declare const ObjectSearchProvider: ({ currentlySelectedItems, children }: ObjectSearchProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
1325
+ declare const ObjectSearchProvider: ({ currentlySelectedItems, isMulti, children, defaultQuery, }: ObjectSearchProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
1332
1326
  declare function useObjectSearchContext<TExtraSearchFilters = unknown, TExtraItemProps = unknown>(): ObjectSearchContextProps<TExtraSearchFilters, TExtraItemProps>;
1333
1327
 
1334
1328
  type ObjectSearchListItemProps = SelectedItemProps & {
@@ -1337,7 +1331,7 @@ type ObjectSearchListItemProps = SelectedItemProps & {
1337
1331
  /** sets image parameters
1338
1332
  * @deprecated Please use imageUrl to make it compatible with */
1339
1333
  image?: {
1340
- /** sets the src valuue */
1334
+ /** sets the src value */
1341
1335
  src: string;
1342
1336
  /** sets the alt text value */
1343
1337
  alt: string;
@@ -1359,6 +1353,7 @@ type ObjectSearchListItemProps = SelectedItemProps & {
1359
1353
  children?: React$1.ReactNode;
1360
1354
  /** sets whether multiple entries can be added to the results list context
1361
1355
  * @default false
1356
+ * @deprecated Please use isMulti property in <ObjectSearchProvider />
1362
1357
  */
1363
1358
  isMulti?: boolean;
1364
1359
  /** sets disabled state to the interactive element */
@@ -1441,6 +1436,12 @@ type ObjectSearchResultListProps<TRenderComponent extends SelectedItemProps = Se
1441
1436
  multiSelectId?: string;
1442
1437
  /** Rendered when nothing is selected */
1443
1438
  whenNothingSelected?: React.ReactNode;
1439
+ /**
1440
+ * Special case for re-parenting the drag and drop container in case of issues with "position: fixed" and "transform:
1441
+ * You can read more about this here https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/reparenting.md
1442
+ * Providing this getter assumes you have that HTML element in the document, and it will enable re-parenting.
1443
+ */
1444
+ getContainerForDnDReparenting?: () => HTMLElement;
1444
1445
  };
1445
1446
  /**
1446
1447
  * @description An opinionated result list UI component that has built in drag and drop functionality and removal of all selected items from context.
@@ -1448,7 +1449,7 @@ type ObjectSearchResultListProps<TRenderComponent extends SelectedItemProps = Se
1448
1449
  * maintain drag and drop functionality
1449
1450
  * @example <ObjectSearchResultList id="my-id" title="title" renderResultComponent={(values) => <CustomComponent {...values} />} />
1450
1451
  */
1451
- declare function ObjectSearchResultList<TRenderComponent extends SelectedItemProps = SelectedItemProps>({ resultLabelText, removeButtonText, onRemoveAllSelected, hideRemoveButton, additionalButtons, renderResultComponent, multiSelectId, disableDnD, whenNothingSelected, }: ObjectSearchResultListProps<TRenderComponent>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
1452
+ declare function ObjectSearchResultList<TRenderComponent extends SelectedItemProps = SelectedItemProps>({ resultLabelText, removeButtonText, onRemoveAllSelected, hideRemoveButton, additionalButtons, renderResultComponent, multiSelectId, disableDnD, getContainerForDnDReparenting, whenNothingSelected, }: ObjectSearchResultListProps<TRenderComponent>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
1452
1453
 
1453
1454
  type QueryFilterSearchProps = {
1454
1455
  /** sets the count value */
@@ -1665,7 +1666,7 @@ declare function useRequestParameter(paramName: string): {
1665
1666
  declare function useConnectedDataAsVariables(connectedData: Record<string, unknown> | undefined): Record<string, MeshDataVariableDefinition>;
1666
1667
 
1667
1668
  /** Converts dynamic inputs into VariablesProvider-format variables */
1668
- declare function useDynamicInputsAsVariables(dynamicInputs: MinimalDynamicInputs): Record<string, MeshDataVariableDefinition>;
1669
+ declare function useDynamicInputsAsVariables(dynamicInputs: DynamicInputs): Record<string, MeshDataVariableDefinition>;
1669
1670
 
1670
1671
  /**
1671
1672
  * Provides convenient access to the current Uniform Mesh SDK instance via React hook.
@@ -1682,4 +1683,34 @@ declare function useUniformMeshSdk(): _uniformdev_mesh_sdk.UniformMeshSDK;
1682
1683
  */
1683
1684
  declare function createLocationValidator<TSetValue>(setValue: SetLocationValueDispatch<TSetValue>, validate: (newValue: TSetValue, currentResult: SetValueOptions | undefined) => SetValueOptions): SetLocationValueDispatch<TSetValue>;
1684
1685
 
1685
- export { $createVariableNode, $isVariableNode, BaseRequestData, Brand, ControlledValuePlugin, DISCONNECT_VARIABLE_COMMAND, DamItem, DamSelectedItem, DamSelectedItemProps, DataRefreshButton, DataRefreshButtonProps, DataResourceDynamicInputProvider, DataResourceDynamicInputProviderProps, DataResourceVariableRendererProps, DataResourceVariablesList, DataResourceVariablesListExplicit, DataResourceVariablesListProps, DataSourceEditor, DataSourceEditorProps, DataTypeEditor, DataTypeEditorProps, DataVariableDefinitionWithName, DefaultSearchRow, DefaultSelectedItem, DisconnectVariableCommandArguments, DispatchResult, EDIT_VARIABLE_COMMAND, EditVariableCommandArguments, EntrySearch, EntrySearchContentType, EntrySearchProps, EntrySearchQueryOptions, EntrySearchResult, EntrySearchRowProps, EntrySearchSelectedItemProps, GetProductOptions, GetProductsOptions, INSERT_VARIABLE_COMMAND, index as Icons, InputVariables, InputVariablesProps, InsertVariableCommandArguments, ItemListProps, KnownUndefinedVariableInfo, LinkButton, MeshApp, MeshAppProps, MeshDataVariableDefinition, MinimalDynamicInput, MinimalDynamicInputs, NoResultsProps, OPEN_INSERT_VARIABLE_COMMAND, ObjectSearchContainer, ObjectSearchContainerProps, ObjectSearchContextProps, ObjectSearchFilter, ObjectSearchFilterContainer, ObjectSearchFilterContainerProps, ObjectSearchFilterProps, ObjectSearchListItem, ObjectSearchListItemLoadingSkeleton, ObjectSearchListItemProps, ObjectSearchProvider, ObjectSearchProviderProps, ObjectSearchResultItem, ObjectSearchResultItemButton, ObjectSearchResultItemButtonProps, ObjectSearchResultItemProps, ObjectSearchResultList, ObjectSearchResultListProps, ParamTypeDynamicDataProvider, ParamTypeDynamicDataProviderProps, ParameterConnectOptions, ParameterConnectionIndicator, ParameterConnectionIndicatorProps, ParameterOrSingleVariable, ParameterOrSingleVariableProps, ParameterVariables, ParameterVariablesProps, ProductCategory, ProductDynamicSelectorValue, ProductPreviewList, ProductQuery, ProductQueryCategory, ProductQueryContext, ProductQueryContextValue, ProductQueryProps, ProductSearch, ProductSearchContext, ProductSearchContextValue, ProductSearchProps, ProductSearchResult, ProductSearchResults, ProductSearchRow, ProductSelectedItem, QueryFilter, QueryFilterProps, QueryFilterSearchProps, RequestAction, RequestBody, RequestContext, RequestData, RequestHeaders, RequestMethodSelect, RequestParameter, RequestParameters, RequestParametersProps, RequestProvider, RequestProviderProps, RequestTypeContainer, RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, SearchQueryProps, SelectedItemProps, SelectionField, SelectionFieldValue, SerializedVariableNode, SetLocationValueDispatch, SetLocationValueFunction, TextVariableRenderer, UseVariablesMenu, UseVariablesMenuInput, VariableEditor, VariableEditorCompleteEvent, VariableEditorProps, VariableNode, VariableNodeState, VariableSourceGroup, VariablesAction, VariablesContext, VariablesEvents, VariablesList, VariablesPlugin, VariablesPluginProps, VariablesProvider, VariablesProviderProps, badgeIcon, convertConnectedDataToVariable, createLocationValidator, damSelectItemImage, damSelectedItemContainer, damSelectedItemCopy, damSelectedItemDetails, damSelectedItemIcon, damSelectedItemInfoBtn, damSelectedItemInner, damSelectedItemLinkBtn, damSelectedItemLinkContainer, damSelectedItemMediaContainer, damSelectedItemPopover, damSelectedItemPopoverLabel, damSelectedItemSmallText, damSelectedItemTitle, draggableContainer, draggableIcon, draggableIconOffset, draggableIconWrapper, entrySearchBtn, entrySearchConfig, entrySearchConfigHidden, entrySearchLoadMoreBtn, entrySearchResultList, entrySearchSelectIcon, entrySearchSelectImg, entrySearchSelectInput, entrySearchSelectOption, entrySearchWrapper, hasReferencedVariables, prettifyBindExpression, productSearchRowActiveIcon, productSearchRowCategory, productSearchRowContainer, productSearchRowContent, productSearchRowContentActive, productSearchRowDetails, productSearchRowTitle, productSelectedItemContainer, productSelectedItemContent, productSelectedItemDetails, productSelectedItemIcon, productSelectedItemImage, productSelectedItemLinkContainer, productedSelectedItemLinkBtn, productedSelectedItemSmallText, searchRowBtn, searchRowContainer, searchRowContainerActive, searchRowContainerWithPopover, searchRowPopover, searchRowText, searchRowTextSmall, selectItemLinkBtn, selectItemLinkContainer, selectItemPopover, selectItemPopoverLabel, selectItemSmallText, selectedItemContainer, selectedItemCopy, selectedItemDetails, selectedItemIcon, selectedItemInner, selectedItemTitle, serializeVariablesEditorState, setVariablesEditorValue, urlEncodeRequestParameter, urlEncodeRequestUrl, useConnectedDataAsVariables, useDynamicInputsAsVariables, useMeshLocation, useObjectSearchContext, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useUniformMeshSdk, useVariableEditor, useVariables, useVariablesMenu, variableDefaultTextValue, variablePrefix, variableSuffix, variablesToGroupedList, variablesToList };
1686
+ type ContentDataResourceLocaleInfoResult = {
1687
+ /**
1688
+ * Effective locale for data resource. It can be one of two types:
1689
+ * - raw locale string - locale stored in mesh data type/resource (e.g. 'en-US')
1690
+ * - variable reference - locale stored in mesh data type/resource as a variable reference (e.g. '${locale}')
1691
+ */
1692
+ effectiveLocale: string;
1693
+ /** Bound locale value. It can be one of two types:
1694
+ * - raw locale string - locale stored in mesh data type/resource (e.g. 'en-US')
1695
+ * - empty string - if locale was not set
1696
+ */
1697
+ boundLocale: string | undefined;
1698
+ };
1699
+ type ContentDataResourceLocaleInfoProps = {
1700
+ /** Current stored locale in mesh data type/resource.
1701
+ * It can be one of tree types:
1702
+ * - undefined - no locale stored in mesh data type/resource yet or it is not localized
1703
+ * - raw locale string - locale stored in mesh data type/resource (e.g. 'en-US')
1704
+ * - variable reference - locale stored in mesh data type/resource as a variable reference (e.g. '${locale}')
1705
+ *
1706
+ * If locale is empty, fallback to dynamic locale value if it is available.
1707
+ */
1708
+ locale: string | undefined;
1709
+ /** Map of dynamic inputs for current composition. Should be passed down from DataResource metadata */
1710
+ dynamicInputs: DynamicInputs;
1711
+ /** In case of empty locale value, this method is called to bind dynamic locale (sets locale to '${locale}') */
1712
+ setLocale?: (locale: string) => void;
1713
+ };
1714
+ declare function useContentDataResourceLocaleInfo({ locale, setLocale, dynamicInputs, }: ContentDataResourceLocaleInfoProps): ContentDataResourceLocaleInfoResult;
1715
+
1716
+ export { $createVariableNode, $isVariableNode, type BaseRequestData, type Brand, type ContentDataResourceLocaleInfoProps, type ContentDataResourceLocaleInfoResult, ControlledValuePlugin, DISCONNECT_VARIABLE_COMMAND, type DamItem, DamSelectedItem, type DamSelectedItemProps, DataRefreshButton, type DataRefreshButtonProps, DataResourceDynamicInputProvider, type DataResourceDynamicInputProviderProps, type DataResourceVariableRendererProps, DataResourceVariablesList, DataResourceVariablesListExplicit, type DataResourceVariablesListProps, DataSourceEditor, type DataSourceEditorProps, DataTypeEditor, type DataTypeEditorProps, type DataVariableDefinitionWithName, DefaultSearchRow, DefaultSelectedItem, type DisconnectVariableCommandArguments, type DispatchResult, EDIT_VARIABLE_COMMAND, type EditVariableCommandArguments, EntrySearch, type EntrySearchContentType, type EntrySearchProps, type EntrySearchQueryOptions, type EntrySearchResult, type EntrySearchRowProps, type EntrySearchSelectedItemProps, type GetProductOptions, type GetProductsOptions, INSERT_VARIABLE_COMMAND, index as Icons, InputVariables, type InputVariablesProps, type InsertVariableCommandArguments, type ItemListProps, type KnownUndefinedVariableInfo, LinkButton, MeshApp, type MeshAppProps, type MeshDataVariableDefinition, type NoResultsProps, OPEN_INSERT_VARIABLE_COMMAND, ObjectSearchContainer, type ObjectSearchContainerProps, type ObjectSearchContextProps, ObjectSearchFilter, ObjectSearchFilterContainer, type ObjectSearchFilterContainerProps, type ObjectSearchFilterProps, ObjectSearchListItem, ObjectSearchListItemLoadingSkeleton, type ObjectSearchListItemProps, ObjectSearchProvider, type ObjectSearchProviderProps, ObjectSearchResultItem, ObjectSearchResultItemButton, type ObjectSearchResultItemButtonProps, type ObjectSearchResultItemProps, ObjectSearchResultList, type ObjectSearchResultListProps, ParamTypeDynamicDataProvider, type ParamTypeDynamicDataProviderProps, type ParameterConnectOptions, ParameterConnectionIndicator, type ParameterConnectionIndicatorProps, ParameterOrSingleVariable, type ParameterOrSingleVariableProps, ParameterVariables, type ParameterVariablesProps, type ProductCategory, type ProductDynamicSelectorValue, ProductPreviewList, ProductQuery, type ProductQueryCategory, ProductQueryContext, type ProductQueryContextValue, type ProductQueryProps, ProductSearch, ProductSearchContext, type ProductSearchContextValue, type ProductSearchProps, type ProductSearchResult, type ProductSearchResults, ProductSearchRow, ProductSelectedItem, QueryFilter, type QueryFilterProps, type QueryFilterSearchProps, type RequestAction, RequestBody, type RequestContext, type RequestData, RequestHeaders, RequestMethodSelect, type RequestParameter, RequestParameters, type RequestParametersProps, RequestProvider, type RequestProviderProps, RequestTypeContainer, type RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, type SearchQueryProps, type SelectedItemProps, SelectionField, type SelectionFieldValue, type SerializedVariableNode, type SetLocationValueDispatch, type SetLocationValueFunction, TextVariableRenderer, type UseVariablesMenu, type UseVariablesMenuInput, VariableEditor, type VariableEditorCompleteEvent, type VariableEditorProps, VariableNode, type VariableNodeState, type VariableSourceGroup, type VariablesAction, type VariablesContext, type VariablesEvents, VariablesList, VariablesPlugin, type VariablesPluginProps, VariablesProvider, type VariablesProviderProps, badgeIcon, convertConnectedDataToVariable, createLocationValidator, damSelectItemImage, damSelectedItemContainer, damSelectedItemCopy, damSelectedItemDetails, damSelectedItemIcon, damSelectedItemInfoBtn, damSelectedItemInner, damSelectedItemLinkBtn, damSelectedItemLinkContainer, damSelectedItemMediaContainer, damSelectedItemPopover, damSelectedItemPopoverLabel, damSelectedItemSmallText, damSelectedItemTitle, draggableContainer, draggableIcon, draggableIconOffset, draggableIconWrapper, entrySearchBtn, entrySearchConfig, entrySearchConfigHidden, entrySearchLoadMoreBtn, entrySearchResultList, entrySearchSelectIcon, entrySearchSelectImg, entrySearchSelectInput, entrySearchSelectOption, entrySearchWrapper, hasReferencedVariables, prettifyBindExpression, productSearchRowActiveIcon, productSearchRowCategory, productSearchRowContainer, productSearchRowContent, productSearchRowContentActive, productSearchRowDetails, productSearchRowTitle, productSelectedItemContainer, productSelectedItemContent, productSelectedItemDetails, productSelectedItemIcon, productSelectedItemImage, productSelectedItemLinkContainer, productedSelectedItemLinkBtn, productedSelectedItemSmallText, searchRowBtn, searchRowContainer, searchRowContainerActive, searchRowContainerWithPopover, searchRowPopover, searchRowText, searchRowTextSmall, selectItemLinkBtn, selectItemLinkContainer, selectItemPopover, selectItemPopoverLabel, selectItemSmallText, selectedItemContainer, selectedItemCopy, selectedItemDetails, selectedItemIcon, selectedItemInner, selectedItemTitle, serializeVariablesEditorState, setVariablesEditorValue, urlEncodeRequestParameter, urlEncodeRequestUrl, useConnectedDataAsVariables, useContentDataResourceLocaleInfo, useDynamicInputsAsVariables, useMeshLocation, useObjectSearchContext, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useUniformMeshSdk, useVariableEditor, useVariables, useVariablesMenu, variableDefaultTextValue, variablePrefix, variableSuffix, variablesToGroupedList, variablesToList };
package/dist/index.d.ts CHANGED
@@ -5,7 +5,7 @@ import { TDate } from 'timeago.js';
5
5
  import * as _emotion_react from '@emotion/react';
6
6
  import { Interpolation, Theme, SerializedStyles } from '@emotion/react';
7
7
  import * as _uniformdev_mesh_sdk from '@uniformdev/mesh-sdk';
8
- import { DynamicInput, MeshLocation, SetValueOptions, EditConnectedDataResponseCancellationContext, DynamicInputs, DataSourceLocationValue, DataTypeLocationValue, BindableTypes } from '@uniformdev/mesh-sdk';
8
+ import { DynamicInputs, MeshLocation, SetValueOptions, EditConnectedDataResponseCancellationContext, DataSourceLocationValue, DataTypeLocationValue, BindableTypes } from '@uniformdev/mesh-sdk';
9
9
  export * from '@uniformdev/mesh-sdk';
10
10
  import { DataVariableDefinition, DataResourceVariables, DataType } from '@uniformdev/canvas';
11
11
  import { Emitter } from 'mitt';
@@ -42,21 +42,7 @@ declare const SvgMoreVerticalAlt: (props: SVGProps<SVGSVGElement>) => _emotion_r
42
42
  declare const SvgPlus: (props: SVGProps<SVGSVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
43
43
 
44
44
  declare namespace index {
45
- export {
46
- SvgCaution as Caution,
47
- SvgCheckmark as Checkmark,
48
- SvgChevronDown as ChevronDown,
49
- SvgClose as Close,
50
- SvgDanger as Danger,
51
- SvgExclamationPoint as ExclamationPoint,
52
- SvgInfo as Info,
53
- SvgLightbulb as Lightbulb,
54
- SvgMagnifyingGlass as MagnifyingGlass,
55
- SvgMaximizeAlt as MaximizeAlt,
56
- SvgMinus as Minus,
57
- SvgMoreVerticalAlt as MoreVerticalAlt,
58
- SvgPlus as Plus,
59
- };
45
+ export { SvgCaution as Caution, SvgCheckmark as Checkmark, SvgChevronDown as ChevronDown, SvgClose as Close, SvgDanger as Danger, SvgExclamationPoint as ExclamationPoint, SvgInfo as Info, SvgLightbulb as Lightbulb, SvgMagnifyingGlass as MagnifyingGlass, SvgMaximizeAlt as MaximizeAlt, SvgMinus as Minus, SvgMoreVerticalAlt as MoreVerticalAlt, SvgPlus as Plus };
60
46
  }
61
47
 
62
48
  /** @deprecated please use ObjectSearchListItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-list-item */
@@ -399,11 +385,9 @@ declare const damSelectedItemMediaContainer: _emotion_react.SerializedStyles;
399
385
  declare const damSelectedItemInfoBtn: _emotion_react.SerializedStyles;
400
386
  declare const damSelectItemImage: _emotion_react.SerializedStyles;
401
387
 
402
- type MinimalDynamicInput = Omit<DynamicInput, 'source'>;
403
- type MinimalDynamicInputs = Record<string, MinimalDynamicInput>;
404
388
  type DataResourceDynamicInputProviderProps = {
405
389
  /** Explicitly provide dynamic input values. If not set, Mesh location will be used */
406
- dynamicInputs?: MinimalDynamicInputs;
390
+ dynamicInputs?: DynamicInputs;
407
391
  /** Child components of the provider. Variables-using components, such as InputVariables, can be used here. */
408
392
  children: ReactNode;
409
393
  };
@@ -813,7 +797,7 @@ type InputVariablesProps<TEditorContext = unknown> = {
813
797
  addOmitIfEmpty?: boolean;
814
798
  /** (optional) sets and shows the the error message value */
815
799
  errorMessage?: string;
816
- /** (optional) sets and shows the the warning message value */
800
+ /** (optional) sets and shows the warning message value */
817
801
  warningMessage?: string;
818
802
  /** (optional) sets and shows the the info message value */
819
803
  infoMessage?: string;
@@ -1191,7 +1175,10 @@ type ObjectSearchContainerProps = {
1191
1175
  enableDynamicInputToResultId?: boolean;
1192
1176
  /** a child node that places components within the search location */
1193
1177
  searchFilters: ReactNode;
1194
- /** a child node that places components within a scrollable list location */
1178
+ /**
1179
+ * a child node that places components within a scrollable list location
1180
+ * set to `null` expl
1181
+ */
1195
1182
  resultList?: ReactNode;
1196
1183
  /** allows any child element */
1197
1184
  children?: ReactNode;
@@ -1214,9 +1201,10 @@ type ObjectSearchFilterProps = {
1214
1201
  selectLabel?: string;
1215
1202
  /** sets the select input options, if empty - only keyword search field will be rendered */
1216
1203
  selectOptions?: Array<{
1217
- id: string;
1204
+ id?: string;
1218
1205
  name?: string;
1219
1206
  label: string;
1207
+ value?: string;
1220
1208
  }>;
1221
1209
  /** sets the search input name value
1222
1210
  * @default 'searchText'
@@ -1253,6 +1241,8 @@ type SearchQueryProps<TExtraFilters = unknown> = {
1253
1241
  contentType?: string;
1254
1242
  /** sets the keyword search in the search context */
1255
1243
  keyword?: string;
1244
+ /** sets the locale in the search context */
1245
+ locale?: string;
1256
1246
  } & TExtraFilters;
1257
1247
  type SelectedItemProps<TExtraProps = unknown> = {
1258
1248
  /** sets the id value */
@@ -1323,12 +1313,16 @@ type ObjectSearchContextProps<TExtraFilters = unknown, TExtraItemProps = unknown
1323
1313
  list: ItemListProps<TExtraItemProps>;
1324
1314
  /** function that sets the list of items to state */
1325
1315
  onSetList: (value: ItemListProps) => void;
1316
+ /** is multi items selection allowed or not */
1317
+ isMulti: boolean;
1326
1318
  };
1327
1319
  type ObjectSearchProviderProps = {
1328
1320
  children: ReactNode;
1329
1321
  currentlySelectedItems?: Array<SelectedItemProps>;
1322
+ isMulti?: boolean;
1323
+ defaultQuery?: SearchQueryProps;
1330
1324
  };
1331
- declare const ObjectSearchProvider: ({ currentlySelectedItems, children }: ObjectSearchProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
1325
+ declare const ObjectSearchProvider: ({ currentlySelectedItems, isMulti, children, defaultQuery, }: ObjectSearchProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
1332
1326
  declare function useObjectSearchContext<TExtraSearchFilters = unknown, TExtraItemProps = unknown>(): ObjectSearchContextProps<TExtraSearchFilters, TExtraItemProps>;
1333
1327
 
1334
1328
  type ObjectSearchListItemProps = SelectedItemProps & {
@@ -1337,7 +1331,7 @@ type ObjectSearchListItemProps = SelectedItemProps & {
1337
1331
  /** sets image parameters
1338
1332
  * @deprecated Please use imageUrl to make it compatible with */
1339
1333
  image?: {
1340
- /** sets the src valuue */
1334
+ /** sets the src value */
1341
1335
  src: string;
1342
1336
  /** sets the alt text value */
1343
1337
  alt: string;
@@ -1359,6 +1353,7 @@ type ObjectSearchListItemProps = SelectedItemProps & {
1359
1353
  children?: React$1.ReactNode;
1360
1354
  /** sets whether multiple entries can be added to the results list context
1361
1355
  * @default false
1356
+ * @deprecated Please use isMulti property in <ObjectSearchProvider />
1362
1357
  */
1363
1358
  isMulti?: boolean;
1364
1359
  /** sets disabled state to the interactive element */
@@ -1441,6 +1436,12 @@ type ObjectSearchResultListProps<TRenderComponent extends SelectedItemProps = Se
1441
1436
  multiSelectId?: string;
1442
1437
  /** Rendered when nothing is selected */
1443
1438
  whenNothingSelected?: React.ReactNode;
1439
+ /**
1440
+ * Special case for re-parenting the drag and drop container in case of issues with "position: fixed" and "transform:
1441
+ * You can read more about this here https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/reparenting.md
1442
+ * Providing this getter assumes you have that HTML element in the document, and it will enable re-parenting.
1443
+ */
1444
+ getContainerForDnDReparenting?: () => HTMLElement;
1444
1445
  };
1445
1446
  /**
1446
1447
  * @description An opinionated result list UI component that has built in drag and drop functionality and removal of all selected items from context.
@@ -1448,7 +1449,7 @@ type ObjectSearchResultListProps<TRenderComponent extends SelectedItemProps = Se
1448
1449
  * maintain drag and drop functionality
1449
1450
  * @example <ObjectSearchResultList id="my-id" title="title" renderResultComponent={(values) => <CustomComponent {...values} />} />
1450
1451
  */
1451
- declare function ObjectSearchResultList<TRenderComponent extends SelectedItemProps = SelectedItemProps>({ resultLabelText, removeButtonText, onRemoveAllSelected, hideRemoveButton, additionalButtons, renderResultComponent, multiSelectId, disableDnD, whenNothingSelected, }: ObjectSearchResultListProps<TRenderComponent>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
1452
+ declare function ObjectSearchResultList<TRenderComponent extends SelectedItemProps = SelectedItemProps>({ resultLabelText, removeButtonText, onRemoveAllSelected, hideRemoveButton, additionalButtons, renderResultComponent, multiSelectId, disableDnD, getContainerForDnDReparenting, whenNothingSelected, }: ObjectSearchResultListProps<TRenderComponent>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
1452
1453
 
1453
1454
  type QueryFilterSearchProps = {
1454
1455
  /** sets the count value */
@@ -1665,7 +1666,7 @@ declare function useRequestParameter(paramName: string): {
1665
1666
  declare function useConnectedDataAsVariables(connectedData: Record<string, unknown> | undefined): Record<string, MeshDataVariableDefinition>;
1666
1667
 
1667
1668
  /** Converts dynamic inputs into VariablesProvider-format variables */
1668
- declare function useDynamicInputsAsVariables(dynamicInputs: MinimalDynamicInputs): Record<string, MeshDataVariableDefinition>;
1669
+ declare function useDynamicInputsAsVariables(dynamicInputs: DynamicInputs): Record<string, MeshDataVariableDefinition>;
1669
1670
 
1670
1671
  /**
1671
1672
  * Provides convenient access to the current Uniform Mesh SDK instance via React hook.
@@ -1682,4 +1683,34 @@ declare function useUniformMeshSdk(): _uniformdev_mesh_sdk.UniformMeshSDK;
1682
1683
  */
1683
1684
  declare function createLocationValidator<TSetValue>(setValue: SetLocationValueDispatch<TSetValue>, validate: (newValue: TSetValue, currentResult: SetValueOptions | undefined) => SetValueOptions): SetLocationValueDispatch<TSetValue>;
1684
1685
 
1685
- export { $createVariableNode, $isVariableNode, BaseRequestData, Brand, ControlledValuePlugin, DISCONNECT_VARIABLE_COMMAND, DamItem, DamSelectedItem, DamSelectedItemProps, DataRefreshButton, DataRefreshButtonProps, DataResourceDynamicInputProvider, DataResourceDynamicInputProviderProps, DataResourceVariableRendererProps, DataResourceVariablesList, DataResourceVariablesListExplicit, DataResourceVariablesListProps, DataSourceEditor, DataSourceEditorProps, DataTypeEditor, DataTypeEditorProps, DataVariableDefinitionWithName, DefaultSearchRow, DefaultSelectedItem, DisconnectVariableCommandArguments, DispatchResult, EDIT_VARIABLE_COMMAND, EditVariableCommandArguments, EntrySearch, EntrySearchContentType, EntrySearchProps, EntrySearchQueryOptions, EntrySearchResult, EntrySearchRowProps, EntrySearchSelectedItemProps, GetProductOptions, GetProductsOptions, INSERT_VARIABLE_COMMAND, index as Icons, InputVariables, InputVariablesProps, InsertVariableCommandArguments, ItemListProps, KnownUndefinedVariableInfo, LinkButton, MeshApp, MeshAppProps, MeshDataVariableDefinition, MinimalDynamicInput, MinimalDynamicInputs, NoResultsProps, OPEN_INSERT_VARIABLE_COMMAND, ObjectSearchContainer, ObjectSearchContainerProps, ObjectSearchContextProps, ObjectSearchFilter, ObjectSearchFilterContainer, ObjectSearchFilterContainerProps, ObjectSearchFilterProps, ObjectSearchListItem, ObjectSearchListItemLoadingSkeleton, ObjectSearchListItemProps, ObjectSearchProvider, ObjectSearchProviderProps, ObjectSearchResultItem, ObjectSearchResultItemButton, ObjectSearchResultItemButtonProps, ObjectSearchResultItemProps, ObjectSearchResultList, ObjectSearchResultListProps, ParamTypeDynamicDataProvider, ParamTypeDynamicDataProviderProps, ParameterConnectOptions, ParameterConnectionIndicator, ParameterConnectionIndicatorProps, ParameterOrSingleVariable, ParameterOrSingleVariableProps, ParameterVariables, ParameterVariablesProps, ProductCategory, ProductDynamicSelectorValue, ProductPreviewList, ProductQuery, ProductQueryCategory, ProductQueryContext, ProductQueryContextValue, ProductQueryProps, ProductSearch, ProductSearchContext, ProductSearchContextValue, ProductSearchProps, ProductSearchResult, ProductSearchResults, ProductSearchRow, ProductSelectedItem, QueryFilter, QueryFilterProps, QueryFilterSearchProps, RequestAction, RequestBody, RequestContext, RequestData, RequestHeaders, RequestMethodSelect, RequestParameter, RequestParameters, RequestParametersProps, RequestProvider, RequestProviderProps, RequestTypeContainer, RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, SearchQueryProps, SelectedItemProps, SelectionField, SelectionFieldValue, SerializedVariableNode, SetLocationValueDispatch, SetLocationValueFunction, TextVariableRenderer, UseVariablesMenu, UseVariablesMenuInput, VariableEditor, VariableEditorCompleteEvent, VariableEditorProps, VariableNode, VariableNodeState, VariableSourceGroup, VariablesAction, VariablesContext, VariablesEvents, VariablesList, VariablesPlugin, VariablesPluginProps, VariablesProvider, VariablesProviderProps, badgeIcon, convertConnectedDataToVariable, createLocationValidator, damSelectItemImage, damSelectedItemContainer, damSelectedItemCopy, damSelectedItemDetails, damSelectedItemIcon, damSelectedItemInfoBtn, damSelectedItemInner, damSelectedItemLinkBtn, damSelectedItemLinkContainer, damSelectedItemMediaContainer, damSelectedItemPopover, damSelectedItemPopoverLabel, damSelectedItemSmallText, damSelectedItemTitle, draggableContainer, draggableIcon, draggableIconOffset, draggableIconWrapper, entrySearchBtn, entrySearchConfig, entrySearchConfigHidden, entrySearchLoadMoreBtn, entrySearchResultList, entrySearchSelectIcon, entrySearchSelectImg, entrySearchSelectInput, entrySearchSelectOption, entrySearchWrapper, hasReferencedVariables, prettifyBindExpression, productSearchRowActiveIcon, productSearchRowCategory, productSearchRowContainer, productSearchRowContent, productSearchRowContentActive, productSearchRowDetails, productSearchRowTitle, productSelectedItemContainer, productSelectedItemContent, productSelectedItemDetails, productSelectedItemIcon, productSelectedItemImage, productSelectedItemLinkContainer, productedSelectedItemLinkBtn, productedSelectedItemSmallText, searchRowBtn, searchRowContainer, searchRowContainerActive, searchRowContainerWithPopover, searchRowPopover, searchRowText, searchRowTextSmall, selectItemLinkBtn, selectItemLinkContainer, selectItemPopover, selectItemPopoverLabel, selectItemSmallText, selectedItemContainer, selectedItemCopy, selectedItemDetails, selectedItemIcon, selectedItemInner, selectedItemTitle, serializeVariablesEditorState, setVariablesEditorValue, urlEncodeRequestParameter, urlEncodeRequestUrl, useConnectedDataAsVariables, useDynamicInputsAsVariables, useMeshLocation, useObjectSearchContext, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useUniformMeshSdk, useVariableEditor, useVariables, useVariablesMenu, variableDefaultTextValue, variablePrefix, variableSuffix, variablesToGroupedList, variablesToList };
1686
+ type ContentDataResourceLocaleInfoResult = {
1687
+ /**
1688
+ * Effective locale for data resource. It can be one of two types:
1689
+ * - raw locale string - locale stored in mesh data type/resource (e.g. 'en-US')
1690
+ * - variable reference - locale stored in mesh data type/resource as a variable reference (e.g. '${locale}')
1691
+ */
1692
+ effectiveLocale: string;
1693
+ /** Bound locale value. It can be one of two types:
1694
+ * - raw locale string - locale stored in mesh data type/resource (e.g. 'en-US')
1695
+ * - empty string - if locale was not set
1696
+ */
1697
+ boundLocale: string | undefined;
1698
+ };
1699
+ type ContentDataResourceLocaleInfoProps = {
1700
+ /** Current stored locale in mesh data type/resource.
1701
+ * It can be one of tree types:
1702
+ * - undefined - no locale stored in mesh data type/resource yet or it is not localized
1703
+ * - raw locale string - locale stored in mesh data type/resource (e.g. 'en-US')
1704
+ * - variable reference - locale stored in mesh data type/resource as a variable reference (e.g. '${locale}')
1705
+ *
1706
+ * If locale is empty, fallback to dynamic locale value if it is available.
1707
+ */
1708
+ locale: string | undefined;
1709
+ /** Map of dynamic inputs for current composition. Should be passed down from DataResource metadata */
1710
+ dynamicInputs: DynamicInputs;
1711
+ /** In case of empty locale value, this method is called to bind dynamic locale (sets locale to '${locale}') */
1712
+ setLocale?: (locale: string) => void;
1713
+ };
1714
+ declare function useContentDataResourceLocaleInfo({ locale, setLocale, dynamicInputs, }: ContentDataResourceLocaleInfoProps): ContentDataResourceLocaleInfoResult;
1715
+
1716
+ export { $createVariableNode, $isVariableNode, type BaseRequestData, type Brand, type ContentDataResourceLocaleInfoProps, type ContentDataResourceLocaleInfoResult, ControlledValuePlugin, DISCONNECT_VARIABLE_COMMAND, type DamItem, DamSelectedItem, type DamSelectedItemProps, DataRefreshButton, type DataRefreshButtonProps, DataResourceDynamicInputProvider, type DataResourceDynamicInputProviderProps, type DataResourceVariableRendererProps, DataResourceVariablesList, DataResourceVariablesListExplicit, type DataResourceVariablesListProps, DataSourceEditor, type DataSourceEditorProps, DataTypeEditor, type DataTypeEditorProps, type DataVariableDefinitionWithName, DefaultSearchRow, DefaultSelectedItem, type DisconnectVariableCommandArguments, type DispatchResult, EDIT_VARIABLE_COMMAND, type EditVariableCommandArguments, EntrySearch, type EntrySearchContentType, type EntrySearchProps, type EntrySearchQueryOptions, type EntrySearchResult, type EntrySearchRowProps, type EntrySearchSelectedItemProps, type GetProductOptions, type GetProductsOptions, INSERT_VARIABLE_COMMAND, index as Icons, InputVariables, type InputVariablesProps, type InsertVariableCommandArguments, type ItemListProps, type KnownUndefinedVariableInfo, LinkButton, MeshApp, type MeshAppProps, type MeshDataVariableDefinition, type NoResultsProps, OPEN_INSERT_VARIABLE_COMMAND, ObjectSearchContainer, type ObjectSearchContainerProps, type ObjectSearchContextProps, ObjectSearchFilter, ObjectSearchFilterContainer, type ObjectSearchFilterContainerProps, type ObjectSearchFilterProps, ObjectSearchListItem, ObjectSearchListItemLoadingSkeleton, type ObjectSearchListItemProps, ObjectSearchProvider, type ObjectSearchProviderProps, ObjectSearchResultItem, ObjectSearchResultItemButton, type ObjectSearchResultItemButtonProps, type ObjectSearchResultItemProps, ObjectSearchResultList, type ObjectSearchResultListProps, ParamTypeDynamicDataProvider, type ParamTypeDynamicDataProviderProps, type ParameterConnectOptions, ParameterConnectionIndicator, type ParameterConnectionIndicatorProps, ParameterOrSingleVariable, type ParameterOrSingleVariableProps, ParameterVariables, type ParameterVariablesProps, type ProductCategory, type ProductDynamicSelectorValue, ProductPreviewList, ProductQuery, type ProductQueryCategory, ProductQueryContext, type ProductQueryContextValue, type ProductQueryProps, ProductSearch, ProductSearchContext, type ProductSearchContextValue, type ProductSearchProps, type ProductSearchResult, type ProductSearchResults, ProductSearchRow, ProductSelectedItem, QueryFilter, type QueryFilterProps, type QueryFilterSearchProps, type RequestAction, RequestBody, type RequestContext, type RequestData, RequestHeaders, RequestMethodSelect, type RequestParameter, RequestParameters, type RequestParametersProps, RequestProvider, type RequestProviderProps, RequestTypeContainer, type RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, type SearchQueryProps, type SelectedItemProps, SelectionField, type SelectionFieldValue, type SerializedVariableNode, type SetLocationValueDispatch, type SetLocationValueFunction, TextVariableRenderer, type UseVariablesMenu, type UseVariablesMenuInput, VariableEditor, type VariableEditorCompleteEvent, type VariableEditorProps, VariableNode, type VariableNodeState, type VariableSourceGroup, type VariablesAction, type VariablesContext, type VariablesEvents, VariablesList, VariablesPlugin, type VariablesPluginProps, VariablesProvider, type VariablesProviderProps, badgeIcon, convertConnectedDataToVariable, createLocationValidator, damSelectItemImage, damSelectedItemContainer, damSelectedItemCopy, damSelectedItemDetails, damSelectedItemIcon, damSelectedItemInfoBtn, damSelectedItemInner, damSelectedItemLinkBtn, damSelectedItemLinkContainer, damSelectedItemMediaContainer, damSelectedItemPopover, damSelectedItemPopoverLabel, damSelectedItemSmallText, damSelectedItemTitle, draggableContainer, draggableIcon, draggableIconOffset, draggableIconWrapper, entrySearchBtn, entrySearchConfig, entrySearchConfigHidden, entrySearchLoadMoreBtn, entrySearchResultList, entrySearchSelectIcon, entrySearchSelectImg, entrySearchSelectInput, entrySearchSelectOption, entrySearchWrapper, hasReferencedVariables, prettifyBindExpression, productSearchRowActiveIcon, productSearchRowCategory, productSearchRowContainer, productSearchRowContent, productSearchRowContentActive, productSearchRowDetails, productSearchRowTitle, productSelectedItemContainer, productSelectedItemContent, productSelectedItemDetails, productSelectedItemIcon, productSelectedItemImage, productSelectedItemLinkContainer, productedSelectedItemLinkBtn, productedSelectedItemSmallText, searchRowBtn, searchRowContainer, searchRowContainerActive, searchRowContainerWithPopover, searchRowPopover, searchRowText, searchRowTextSmall, selectItemLinkBtn, selectItemLinkContainer, selectItemPopover, selectItemPopoverLabel, selectItemSmallText, selectedItemContainer, selectedItemCopy, selectedItemDetails, selectedItemIcon, selectedItemInner, selectedItemTitle, serializeVariablesEditorState, setVariablesEditorValue, urlEncodeRequestParameter, urlEncodeRequestUrl, useConnectedDataAsVariables, useContentDataResourceLocaleInfo, useDynamicInputsAsVariables, useMeshLocation, useObjectSearchContext, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useUniformMeshSdk, useVariableEditor, useVariables, useVariablesMenu, variableDefaultTextValue, variablePrefix, variableSuffix, variablesToGroupedList, variablesToList };