@uniformdev/mesh-sdk-react 19.135.0 → 19.135.1-alpha.11
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 +795 -125
- package/dist/index.d.ts +795 -125
- package/dist/index.esm.js +3711 -894
- package/dist/index.js +3698 -873
- package/dist/index.mjs +3711 -894
- package/package.json +19 -18
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import React__default, { SVGProps, ReactNode, MutableRefObject, ComponentType, PropsWithChildren, HTMLAttributes, AnchorHTMLAttributes } from 'react';
|
|
4
4
|
import { TDate } from 'timeago.js';
|
|
@@ -9,37 +9,37 @@ import { DynamicInputs, MeshLocation, SetValueOptions, EditConnectedDataResponse
|
|
|
9
9
|
export * from '@uniformdev/mesh-sdk';
|
|
10
10
|
import { DataVariableDefinition, DataResourceVariables, DataType } from '@uniformdev/canvas';
|
|
11
11
|
import { Emitter } from 'mitt';
|
|
12
|
-
import { BadgeThemeProps, InputSelectProps } from '@uniformdev/design-system';
|
|
13
|
-
export { AddListButton, AddListButtonProps, Button, ButtonProps, Callout, CalloutProps, DrawerContent, Heading, HeadingProps, Input, InputComboBox, InputComboBoxProps, InputKeywordSearch, InputProps, InputSelect, InputToggle, InputToggleProps, Label, LabelProps, LoadingIndicator, LoadingOverlay, Menu, MenuItem, MenuItemProps, MenuProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Switch, SwitchProps, Textarea, TextareaProps, Theme, ThemeProps, useParameterShell } from '@uniformdev/design-system';
|
|
12
|
+
import { BadgeThemeProps, IconType, InputSelectProps } from '@uniformdev/design-system';
|
|
13
|
+
export { AddListButton, AddListButtonProps, Button, ButtonProps, Callout, CalloutProps, DrawerContent, Heading, HeadingProps, Input, InputComboBox, InputComboBoxProps, InputKeywordSearch, InputProps, InputSelect, InputToggle, InputToggleProps, Label, LabelProps, LoadingIndicator, LoadingOverlay, Menu, MenuItem, MenuItemProps, MenuProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Switch, SwitchProps, Textarea, TextareaProps, Theme, ThemeProps, useParameterShell, utilityColors } from '@uniformdev/design-system';
|
|
14
14
|
import * as lexical from 'lexical';
|
|
15
|
-
import { SerializedEditorState, SerializedLexicalNode, Spread, DecoratorNode, NodeKey, LexicalNode, LexicalEditor, EditorState } from 'lexical';
|
|
15
|
+
import { SerializedEditorState, SerializedLexicalNode, Spread, DecoratorNode, NodeKey, LexicalNode, LexicalEditor, EditorState, SerializedRootNode } from 'lexical';
|
|
16
16
|
import { MenuOption } from '@lexical/react/LexicalTypeaheadMenuPlugin';
|
|
17
17
|
|
|
18
|
-
declare const SvgCaution: (props: SVGProps<SVGSVGElement>) =>
|
|
18
|
+
declare const SvgCaution: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
19
19
|
|
|
20
|
-
declare const SvgCheckmark: (props: SVGProps<SVGSVGElement>) =>
|
|
20
|
+
declare const SvgCheckmark: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
21
21
|
|
|
22
|
-
declare const SvgChevronDown: (props: SVGProps<SVGSVGElement>) =>
|
|
22
|
+
declare const SvgChevronDown: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
23
23
|
|
|
24
|
-
declare const SvgClose: (props: SVGProps<SVGSVGElement>) =>
|
|
24
|
+
declare const SvgClose: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
25
25
|
|
|
26
|
-
declare const SvgDanger: (props: SVGProps<SVGSVGElement>) =>
|
|
26
|
+
declare const SvgDanger: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
27
27
|
|
|
28
|
-
declare const SvgExclamationPoint: (props: SVGProps<SVGSVGElement>) =>
|
|
28
|
+
declare const SvgExclamationPoint: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
29
29
|
|
|
30
|
-
declare const SvgInfo: (props: SVGProps<SVGSVGElement>) =>
|
|
30
|
+
declare const SvgInfo: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
31
31
|
|
|
32
|
-
declare const SvgLightbulb: (props: SVGProps<SVGSVGElement>) =>
|
|
32
|
+
declare const SvgLightbulb: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
33
33
|
|
|
34
|
-
declare const SvgMagnifyingGlass: (props: SVGProps<SVGSVGElement>) =>
|
|
34
|
+
declare const SvgMagnifyingGlass: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
35
35
|
|
|
36
|
-
declare const SvgMaximizeAlt: (props: SVGProps<SVGSVGElement>) =>
|
|
36
|
+
declare const SvgMaximizeAlt: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
37
37
|
|
|
38
|
-
declare const SvgMinus: (props: SVGProps<SVGSVGElement>) =>
|
|
38
|
+
declare const SvgMinus: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
39
39
|
|
|
40
|
-
declare const SvgMoreVerticalAlt: (props: SVGProps<SVGSVGElement>) =>
|
|
40
|
+
declare const SvgMoreVerticalAlt: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
41
41
|
|
|
42
|
-
declare const SvgPlus: (props: SVGProps<SVGSVGElement>) =>
|
|
42
|
+
declare const SvgPlus: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
43
43
|
|
|
44
44
|
declare namespace index {
|
|
45
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 };
|
|
@@ -118,7 +118,7 @@ interface NoResultsProps {
|
|
|
118
118
|
selectedContentType: string | undefined;
|
|
119
119
|
}
|
|
120
120
|
/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-container-with-inputs for implementation details */
|
|
121
|
-
declare const EntrySearch: <TResult extends EntrySearchResult>({ search, results, contentTypes, selectedItems, logoIcon, select, multiSelect, multiSelectId, rowComponent, selectedItemComponent, totalResults, cursor, resultsLoading, requireContentType, onAddNew, onEditClosed, onCancel, noResultsComponent, helpComponent, onSort, typeSelectorLabel, typeSelectorAllTypesOptionText, loadingIndicatorDelay, }: EntrySearchProps<TResult>) =>
|
|
121
|
+
declare const EntrySearch: <TResult extends EntrySearchResult>({ search, results, contentTypes, selectedItems, logoIcon, select, multiSelect, multiSelectId, rowComponent, selectedItemComponent, totalResults, cursor, resultsLoading, requireContentType, onAddNew, onEditClosed, onCancel, noResultsComponent, helpComponent, onSort, typeSelectorLabel, typeSelectorAllTypesOptionText, loadingIndicatorDelay, }: EntrySearchProps<TResult>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
122
122
|
|
|
123
123
|
/** @deprecated please use ObjectSearchResultItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-result-item */
|
|
124
124
|
interface EntrySearchRowProps<TResult extends EntrySearchResult = EntrySearchResult> {
|
|
@@ -196,8 +196,8 @@ interface ProductCategory {
|
|
|
196
196
|
|
|
197
197
|
/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
|
|
198
198
|
declare const ProductPreviewList: ({ products, }: {
|
|
199
|
-
products: ProductSearchResults[
|
|
200
|
-
}) =>
|
|
199
|
+
products: ProductSearchResults["products"] | undefined;
|
|
200
|
+
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
201
201
|
|
|
202
202
|
/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
|
|
203
203
|
interface ProductDynamicSelectorValue {
|
|
@@ -246,7 +246,7 @@ interface Brand {
|
|
|
246
246
|
name: string;
|
|
247
247
|
}
|
|
248
248
|
/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
|
|
249
|
-
declare const ProductQuery: ({ value, setValue, brands, categories, loading, categoriesLoading, brandsLoading, logoIcon, onGetProducts, sortOptions, sortOrderOptions, categoryLabel, brandLabel, disableBrands, restrictToSingleCategory, }: ProductQueryProps) =>
|
|
249
|
+
declare const ProductQuery: ({ value, setValue, brands, categories, loading, categoriesLoading, brandsLoading, logoIcon, onGetProducts, sortOptions, sortOrderOptions, categoryLabel, brandLabel, disableBrands, restrictToSingleCategory, }: ProductQueryProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
250
250
|
/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
|
|
251
251
|
interface ProductQueryContextValue {
|
|
252
252
|
categories: ProductQueryProps['categories'];
|
|
@@ -282,7 +282,7 @@ interface GetProductOptions {
|
|
|
282
282
|
cursor?: string;
|
|
283
283
|
}
|
|
284
284
|
/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs for implementation details */
|
|
285
|
-
declare function ProductSearch({ selectedProducts, setSelectedProducts, onGetCategories, onSearchProducts, logoIcon, multiSelect, multiSelectId, selectedItemComponent, rowComponent, errorComponent, helpComponent, noResultsComponent, onSort, typeSelectorAllTypesOptionText, typeSelectorLabel, }: ProductSearchProps):
|
|
285
|
+
declare function ProductSearch({ selectedProducts, setSelectedProducts, onGetCategories, onSearchProducts, logoIcon, multiSelect, multiSelectId, selectedItemComponent, rowComponent, errorComponent, helpComponent, noResultsComponent, onSort, typeSelectorAllTypesOptionText, typeSelectorLabel, }: ProductSearchProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
286
286
|
interface ProductSearchContextValue {
|
|
287
287
|
logoIcon: ProductSearchProps['logoIcon'];
|
|
288
288
|
categories: ProductCategory[] | undefined;
|
|
@@ -291,17 +291,17 @@ declare const ProductSearchContext: React__default.Context<ProductSearchContextV
|
|
|
291
291
|
declare const useProductSearchContext: () => ProductSearchContextValue;
|
|
292
292
|
|
|
293
293
|
/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
|
|
294
|
-
declare function ProductSearchRow({ result, isSelected, triggerSelection, }: EntrySearchRowProps<ProductSearchResult>):
|
|
294
|
+
declare function ProductSearchRow({ result, isSelected, triggerSelection, }: EntrySearchRowProps<ProductSearchResult>): _emotion_react_jsx_runtime.JSX.Element;
|
|
295
295
|
|
|
296
296
|
/** @deprecated please use ObjectSearchResultItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-result-item*/
|
|
297
|
-
declare function ProductSelectedItem({ selectedItem, onDeselect, }: EntrySearchSelectedItemProps<ProductSearchResult>):
|
|
297
|
+
declare function ProductSelectedItem({ selectedItem, onDeselect, }: EntrySearchSelectedItemProps<ProductSearchResult>): _emotion_react_jsx_runtime.JSX.Element;
|
|
298
298
|
|
|
299
299
|
/** @deprecated please use DataRefreshButtonProps - https://mesh-design-system.netlify.app/?path=/story/object-search--data-refresh-button */
|
|
300
300
|
declare const ResolvableLoadingValue: ({ value, text, loading, }: {
|
|
301
301
|
value: string;
|
|
302
302
|
text: string | undefined;
|
|
303
303
|
loading: boolean;
|
|
304
|
-
}) =>
|
|
304
|
+
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
305
305
|
|
|
306
306
|
/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
|
|
307
307
|
type SelectionFieldValue = {
|
|
@@ -317,7 +317,7 @@ declare const SelectionField: ({ id, label, loading, selectedValues, values, onA
|
|
|
317
317
|
values: SelectionFieldValue[];
|
|
318
318
|
onAdd: (id: string) => void;
|
|
319
319
|
onRemove: (id: string) => void;
|
|
320
|
-
}) =>
|
|
320
|
+
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
321
321
|
|
|
322
322
|
declare const productSearchRowContainer: _emotion_react.SerializedStyles;
|
|
323
323
|
declare const productSearchRowContent: _emotion_react.SerializedStyles;
|
|
@@ -368,7 +368,7 @@ interface DamSelectedItemProps<TResult extends DamItem = DamItem> {
|
|
|
368
368
|
}>;
|
|
369
369
|
}
|
|
370
370
|
/** @deprecated please use ObjectSearchResultItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-result-item */
|
|
371
|
-
declare function DamSelectedItem({ selectedItem, onDeselect, onEditClosed, logoIcon, itemDetailsRendererComponent, }: DamSelectedItemProps):
|
|
371
|
+
declare function DamSelectedItem({ selectedItem, onDeselect, onEditClosed, logoIcon, itemDetailsRendererComponent, }: DamSelectedItemProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
372
372
|
|
|
373
373
|
declare const damSelectedItemContainer: _emotion_react.SerializedStyles;
|
|
374
374
|
declare const damSelectedItemInner: _emotion_react.SerializedStyles;
|
|
@@ -391,12 +391,14 @@ type DataResourceDynamicInputProviderProps = {
|
|
|
391
391
|
/** Child components of the provider. Variables-using components, such as InputVariables, can be used here. */
|
|
392
392
|
children: ReactNode;
|
|
393
393
|
};
|
|
394
|
+
declare const DataResourceInputContext: React$1.Context<DynamicInputs | undefined>;
|
|
395
|
+
declare const useDataResourceDynamicInputs: () => DynamicInputs | undefined;
|
|
394
396
|
/**
|
|
395
397
|
* Wrapper for data resource locations. Provides read-only access to dynamic inputs as if they were variables,
|
|
396
398
|
* using variables-aware components (i.e. InputVariables). This simplifies building dynamic-input-aware editors,
|
|
397
399
|
* where a data resource variable could be a static value or bound to a dynamic input from the route (project map).
|
|
398
400
|
*/
|
|
399
|
-
declare function DataResourceDynamicInputProvider(props: DataResourceDynamicInputProviderProps):
|
|
401
|
+
declare function DataResourceDynamicInputProvider(props: DataResourceDynamicInputProviderProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
400
402
|
|
|
401
403
|
/**
|
|
402
404
|
* Provides convenient access to the current Uniform Mesh location via React hook.
|
|
@@ -423,6 +425,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
|
|
|
423
425
|
type: TLocationType;
|
|
424
426
|
}> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
|
|
425
427
|
type: TLocationType;
|
|
428
|
+
}> | Extract<_uniformdev_mesh_sdk.CanvasEditorToolsLocation, {
|
|
429
|
+
type: TLocationType;
|
|
426
430
|
}> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
|
|
427
431
|
type: TLocationType;
|
|
428
432
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
|
|
@@ -444,6 +448,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
|
|
|
444
448
|
type: TLocationType;
|
|
445
449
|
}> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
|
|
446
450
|
type: TLocationType;
|
|
451
|
+
}> | Extract<_uniformdev_mesh_sdk.CanvasEditorToolsLocation, {
|
|
452
|
+
type: TLocationType;
|
|
447
453
|
}> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
|
|
448
454
|
type: TLocationType;
|
|
449
455
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
|
|
@@ -464,6 +470,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
|
|
|
464
470
|
type: TLocationType;
|
|
465
471
|
}> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
|
|
466
472
|
type: TLocationType;
|
|
473
|
+
}> | Extract<_uniformdev_mesh_sdk.CanvasEditorToolsLocation, {
|
|
474
|
+
type: TLocationType;
|
|
467
475
|
}> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
|
|
468
476
|
type: TLocationType;
|
|
469
477
|
}> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
|
|
@@ -512,7 +520,7 @@ type VariableNodeState = {
|
|
|
512
520
|
* Note that this is ignored if `isFresh` is true, which is set for the result of edits or insertions
|
|
513
521
|
* made after the editor has mounted (which we know are good and don't validate to prevent flicker or false errors)
|
|
514
522
|
*/
|
|
515
|
-
referenceIsValid: boolean | 'info';
|
|
523
|
+
referenceIsValid: boolean | 'info' | 'warning';
|
|
516
524
|
/**
|
|
517
525
|
* Whether the variable node has been inserted or edited during this editing session
|
|
518
526
|
* Fresh nodes are always considered "valid" because they are the result of a user action
|
|
@@ -564,11 +572,22 @@ declare class VariableNode extends DecoratorNode<JSX.Element> {
|
|
|
564
572
|
* NOTE: this is effectively an island of React, and you may not call hooks,
|
|
565
573
|
* rely on Context, etc in this renderer.
|
|
566
574
|
*/
|
|
567
|
-
decorate():
|
|
575
|
+
decorate(): _emotion_react_jsx_runtime.JSX.Element;
|
|
568
576
|
}
|
|
569
577
|
declare function $createVariableNode(variableReference: string, state: VariableNodeState): VariableNode;
|
|
570
578
|
declare function $isVariableNode(node: LexicalNode | null | undefined): node is VariableNode;
|
|
571
579
|
|
|
580
|
+
/** Chip to display a reference to a variable in a variables-supporting input or other reference display */
|
|
581
|
+
declare function VariableChip({ displayName, referenceIsValid, tooltip, reference, onClick, clickToEdit, isFresh, selected, disabled, errorMessage, }: Omit<VariableNodeState, 'hasClickEvent' | 'displayName'> & {
|
|
582
|
+
reference: string;
|
|
583
|
+
displayName?: ReactNode;
|
|
584
|
+
clickToEdit?: boolean;
|
|
585
|
+
onClick: (() => void) | undefined;
|
|
586
|
+
selected: boolean;
|
|
587
|
+
disabled?: boolean;
|
|
588
|
+
errorMessage?: string;
|
|
589
|
+
}): _emotion_react_jsx_runtime.JSX.Element;
|
|
590
|
+
|
|
572
591
|
type MeshDataVariableDefinition = Omit<DataVariableDefinition, 'default'> & {
|
|
573
592
|
/** When used in code, variables may have non-string defaults */
|
|
574
593
|
default: unknown;
|
|
@@ -602,6 +621,7 @@ type MeshDataVariableDefinition = Omit<DataVariableDefinition, 'default'> & {
|
|
|
602
621
|
type KnownUndefinedVariableInfo = {
|
|
603
622
|
error?: string;
|
|
604
623
|
info?: string;
|
|
624
|
+
warning?: string;
|
|
605
625
|
displayName?: string;
|
|
606
626
|
};
|
|
607
627
|
type DataVariableDefinitionWithName = {
|
|
@@ -613,9 +633,25 @@ type DataVariableDefinitionWithName = {
|
|
|
613
633
|
*/
|
|
614
634
|
declare function variablesToList(variables: Record<string, MeshDataVariableDefinition> | undefined): Array<DataVariableDefinitionWithName>;
|
|
615
635
|
|
|
636
|
+
type KnownUndefinedVariableInfoWithName = KnownUndefinedVariableInfo & {
|
|
637
|
+
name: string;
|
|
638
|
+
resultType: 'undefined';
|
|
639
|
+
};
|
|
640
|
+
type VariableEditorProps<TEditorContext = unknown, TEditVariableCompletedContext = unknown, TEditVariableCancelledContext = unknown> = {
|
|
641
|
+
variable: string;
|
|
642
|
+
onSubmit: (values: DataVariableDefinitionWithName | KnownUndefinedVariableInfoWithName, context: TEditVariableCompletedContext) => void | Promise<void>;
|
|
643
|
+
/** Disables the tip about Mesh integrations. Intended for use when this is placed on a custom Mesh integration to edit variables. */
|
|
644
|
+
disableMeshTip?: boolean;
|
|
645
|
+
onCancel: (context: TEditVariableCancelledContext) => void;
|
|
646
|
+
context: TEditorContext | undefined;
|
|
647
|
+
disableAutoFocusOnMount?: boolean;
|
|
648
|
+
showDisplayName?: boolean;
|
|
649
|
+
};
|
|
650
|
+
declare function VariableEditor({ variable, onSubmit, onCancel, showDisplayName, disableMeshTip, }: VariableEditorProps<any, unknown, EditConnectedDataResponseCancellationContext>): _emotion_react_jsx_runtime.JSX.Element;
|
|
651
|
+
|
|
616
652
|
type SelectVariableMenuProps<TEditorContext = undefined> = {
|
|
617
653
|
/** sets the onClick menu item event. Also called if the menu adds a variable with the newly added variable. */
|
|
618
|
-
onSelectVariable: (selectedVariable: DataVariableDefinitionWithName) => void;
|
|
654
|
+
onSelectVariable: (selectedVariable: DataVariableDefinitionWithName | KnownUndefinedVariableInfoWithName) => void;
|
|
619
655
|
/** Controls whether one can add variables from the menu */
|
|
620
656
|
showAddVariableMenuOption?: boolean | string;
|
|
621
657
|
/** Emotion styles to apply to the menu trigger icon button */
|
|
@@ -765,6 +801,11 @@ type UseInputVariablesStateProps<TEditorContext = unknown> = {
|
|
|
765
801
|
filterVariable?: SelectVariableMenuProps<TEditorContext>['filterVariable'];
|
|
766
802
|
/** Sets the tooltip shown on hover over the insert-variable menu */
|
|
767
803
|
menuTooltip?: string;
|
|
804
|
+
/**
|
|
805
|
+
* @deprecated beta used internally
|
|
806
|
+
* If the menu should be rendered in a portal
|
|
807
|
+
*/
|
|
808
|
+
renderMenuInPortal?: boolean;
|
|
768
809
|
};
|
|
769
810
|
|
|
770
811
|
type InputVariablesProps<TEditorContext = unknown> = {
|
|
@@ -784,10 +825,23 @@ type InputVariablesProps<TEditorContext = unknown> = {
|
|
|
784
825
|
* @deprecated this is ignored if passed, computation is now automatic
|
|
785
826
|
*/
|
|
786
827
|
disableReset?: boolean;
|
|
828
|
+
/**
|
|
829
|
+
* By default when keyDown happens in the variables input, any active variable editor is dismissed automatically.
|
|
830
|
+
* This makes sense, until you want to put a variables input _into_ a variables editor component. In that case,
|
|
831
|
+
* disable it with this prop.
|
|
832
|
+
*/
|
|
833
|
+
disableDismissEditorOnChange?: boolean;
|
|
787
834
|
/** Enables mutliple lines in the input (\n in the value) */
|
|
788
835
|
multiLine?: boolean;
|
|
789
836
|
/** Disables the inline variable selection menu when rendering a variables input */
|
|
790
837
|
disableInlineMenu?: boolean | 'by-label' | 'by-input';
|
|
838
|
+
/**
|
|
839
|
+
* Defines single place to render "Insert variable" menu buttons.
|
|
840
|
+
* Be aware that it will override "disableInlineMenu" if set.
|
|
841
|
+
*
|
|
842
|
+
* @deprecated beta
|
|
843
|
+
*/
|
|
844
|
+
showMenuPosition?: 'label' | 'input' | 'inline-right';
|
|
791
845
|
/**
|
|
792
846
|
* Enables clicking a variable reference to edit the variable
|
|
793
847
|
* Note: automatically disabled if `disabled` or `disableVariables` is set
|
|
@@ -824,12 +878,17 @@ type InputVariablesProps<TEditorContext = unknown> = {
|
|
|
824
878
|
styleVariant?: 'default' | 'compact';
|
|
825
879
|
/** Set the menu dropdown to render in a portal, this helps fix z-indexing issue */
|
|
826
880
|
renderMenuInPortal?: boolean;
|
|
881
|
+
/**
|
|
882
|
+
* Reconfigures the editor to have a single dynamic token value, not allow static text, and replace
|
|
883
|
+
* any existing value on insert a new dynamic token.
|
|
884
|
+
*/
|
|
885
|
+
singleTokenMode?: boolean;
|
|
827
886
|
} & PasteTransformerPluginProps & UseInputVariablesStateProps<TEditorContext>;
|
|
828
887
|
/**
|
|
829
888
|
* An input box that enables insertion of 'variables', provided by VariablesProvider,
|
|
830
889
|
* into its value.
|
|
831
890
|
*/
|
|
832
|
-
declare function InputVariables<TEditorContext = unknown>(props: InputVariablesProps<TEditorContext>):
|
|
891
|
+
declare function InputVariables<TEditorContext = unknown>(props: InputVariablesProps<TEditorContext>): _emotion_react_jsx_runtime.JSX.Element;
|
|
833
892
|
|
|
834
893
|
type ParameterConnectionIndicatorProps = {
|
|
835
894
|
/** Disables the menu, hiding it from view entirely */
|
|
@@ -842,12 +901,21 @@ type ParameterConnectionIndicatorProps = {
|
|
|
842
901
|
menuOptions: ReactNode;
|
|
843
902
|
/** Sets the tooltip shown on hover over the insert-variable menu */
|
|
844
903
|
menuTooltip?: string;
|
|
904
|
+
/**
|
|
905
|
+
* @deprecated beta used internally
|
|
906
|
+
* Sets margin bottom styles for the menu button, we use margin to allow for negative values */
|
|
907
|
+
overrideMenuButtonParentMargin?: number | string;
|
|
908
|
+
/**
|
|
909
|
+
* @deprecated beta used internally
|
|
910
|
+
* Set to `true` to render the menu in a portal
|
|
911
|
+
*/
|
|
912
|
+
renderMenuInPortal?: boolean;
|
|
845
913
|
};
|
|
846
914
|
/**
|
|
847
915
|
* An input box that enables insertion of 'variables', provided by VariablesProvider,
|
|
848
916
|
* into its value. Designed specifically for use in the Canvas Parameter Editor.
|
|
849
917
|
*/
|
|
850
|
-
declare function ParameterConnectionIndicator({ children, value, menuOptions, disabled, menuTooltip, }: ParameterConnectionIndicatorProps):
|
|
918
|
+
declare function ParameterConnectionIndicator({ children, value, menuOptions, disabled, menuTooltip, overrideMenuButtonParentMargin, renderMenuInPortal, }: ParameterConnectionIndicatorProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
851
919
|
|
|
852
920
|
type ParameterOrSingleVariableProps<TEditorContext = unknown> = {
|
|
853
921
|
disabled?: boolean;
|
|
@@ -867,7 +935,7 @@ type ParameterOrSingleVariableProps<TEditorContext = unknown> = {
|
|
|
867
935
|
* possibly because they bind to objects or arrays.
|
|
868
936
|
* Designed visually for use in the Canvas Parameter Editor.
|
|
869
937
|
*/
|
|
870
|
-
declare function ParameterOrSingleVariable<TEditorContext = unknown>(props: ParameterOrSingleVariableProps<TEditorContext>):
|
|
938
|
+
declare function ParameterOrSingleVariable<TEditorContext = unknown>(props: ParameterOrSingleVariableProps<TEditorContext>): _emotion_react_jsx_runtime.JSX.Element;
|
|
871
939
|
|
|
872
940
|
type ParameterVariablesProps<TEditorContext = unknown> = {
|
|
873
941
|
/** sets the input aria-label value. */
|
|
@@ -897,19 +965,7 @@ type ParameterVariablesProps<TEditorContext = unknown> = {
|
|
|
897
965
|
* An input box that enables insertion of 'variables', provided by VariablesProvider,
|
|
898
966
|
* into its value. Designed visually for use in the Canvas Parameter Editor.
|
|
899
967
|
*/
|
|
900
|
-
declare function ParameterVariables<TEditorContext = unknown>(props: ParameterVariablesProps<TEditorContext>):
|
|
901
|
-
|
|
902
|
-
type VariableEditorProps<TEditorContext = unknown, TEditVariableCompletedContext = unknown, TEditVariableCancelledContext = unknown> = {
|
|
903
|
-
variable: string;
|
|
904
|
-
onSubmit: (values: DataVariableDefinitionWithName, context: TEditVariableCompletedContext) => void | Promise<void>;
|
|
905
|
-
/** Disables the tip about Mesh integrations. Intended for use when this is placed on a custom Mesh integration to edit variables. */
|
|
906
|
-
disableMeshTip?: boolean;
|
|
907
|
-
onCancel: (context: TEditVariableCancelledContext) => void;
|
|
908
|
-
context: TEditorContext | undefined;
|
|
909
|
-
disableAutoFocusOnMount?: boolean;
|
|
910
|
-
showDisplayName?: boolean;
|
|
911
|
-
};
|
|
912
|
-
declare function VariableEditor({ variable, onSubmit, onCancel, showDisplayName, disableMeshTip, }: VariableEditorProps<any, unknown, EditConnectedDataResponseCancellationContext>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
968
|
+
declare function ParameterVariables<TEditorContext = unknown>(props: ParameterVariablesProps<TEditorContext>): _emotion_react_jsx_runtime.JSX.Element;
|
|
913
969
|
|
|
914
970
|
type VariablesProviderProps<TEditVariableContext = unknown, TEditVariableCompletedContext = unknown, TEditVariableCancelledContext = unknown> = React.PropsWithChildren<{
|
|
915
971
|
/**
|
|
@@ -930,6 +986,14 @@ type VariablesProviderProps<TEditVariableContext = unknown, TEditVariableComplet
|
|
|
930
986
|
knownUndefinedValues?: Record<string, KnownUndefinedVariableInfo>;
|
|
931
987
|
/** Function to handle mutations to the variable values (optional when readOnly is true) */
|
|
932
988
|
onChange?: (newValue: Record<string, MeshDataVariableDefinition>) => void;
|
|
989
|
+
/**
|
|
990
|
+
* Called when a custom editVariableComponent signals that it wants to add a known undefined value to the variable context
|
|
991
|
+
* instead of a valid variable. This is useful when the variable editor component may be allowed to select invalid values that should produce
|
|
992
|
+
* warning or info messages when referenced, rather than being treated as an error.
|
|
993
|
+
*
|
|
994
|
+
* The caller must wire up the logic to pass back new `knownUndefinedValues` after they are modified.
|
|
995
|
+
*/
|
|
996
|
+
onChangeKnownUndefinedValue?: (name: string, value: KnownUndefinedVariableInfo) => void;
|
|
933
997
|
/**
|
|
934
998
|
* Provide a component to handle editing a variable definition (e.g. a modal wrapper)
|
|
935
999
|
* If not passed, the editor will be rendered inline, with potentially strange results.
|
|
@@ -966,7 +1030,7 @@ type VariablesAction<TEditVariableContext> = {
|
|
|
966
1030
|
type VariableEditorCompleteEvent<TEditVariableCompletedContext, TEditVariableCancelledContext> = {
|
|
967
1031
|
canceled: false;
|
|
968
1032
|
/** Selected variable */
|
|
969
|
-
selectedVariable: DataVariableDefinitionWithName;
|
|
1033
|
+
selectedVariable: DataVariableDefinitionWithName | KnownUndefinedVariableInfoWithName;
|
|
970
1034
|
/**
|
|
971
1035
|
* Arbitrary object that was returned by the variables editor component's onSubmit
|
|
972
1036
|
* Can be used to convey context data about the submit from custom editor components
|
|
@@ -1028,7 +1092,7 @@ type VariablesContext<TEditVariableContext, TEditVariableCompletedContext, TEdit
|
|
|
1028
1092
|
*/
|
|
1029
1093
|
isLoading: boolean;
|
|
1030
1094
|
};
|
|
1031
|
-
declare function VariablesProvider<TEditComponentContext = never, TEditVariableCompletedContext = never, TEditVariableCancelledContext = never>({ value, onChange, editVariableComponent, readOnly, isLoading, children, knownUndefinedValues, }: VariablesProviderProps<TEditComponentContext, TEditVariableCompletedContext, TEditVariableCancelledContext>):
|
|
1095
|
+
declare function VariablesProvider<TEditComponentContext = never, TEditVariableCompletedContext = never, TEditVariableCancelledContext = never>({ value, onChange, editVariableComponent, readOnly, isLoading, children, knownUndefinedValues, onChangeKnownUndefinedValue, }: VariablesProviderProps<TEditComponentContext, TEditVariableCompletedContext, TEditVariableCancelledContext>): _emotion_react_jsx_runtime.JSX.Element;
|
|
1032
1096
|
declare function useVariables<TEditComponentContext = unknown, TEditVariableCompletedContext = unknown, TEditVariableCancelledContext = unknown>(returnEmptyWithoutProvider?: boolean): VariablesContext<TEditComponentContext, TEditVariableCompletedContext, TEditVariableCancelledContext>;
|
|
1033
1097
|
|
|
1034
1098
|
declare function useVariableEditor<TEditorContext = unknown, TEditVariableCompletedContext = unknown, TEditVariableCancelledContext = unknown>(): {
|
|
@@ -1040,6 +1104,7 @@ declare function convertConnectedDataToVariable(bindExpression: string, value: u
|
|
|
1040
1104
|
|
|
1041
1105
|
/**
|
|
1042
1106
|
* Returns true if the string expression has variable references in it
|
|
1107
|
+
* @deprecated use the same named function from @uniformdev/canvas instead
|
|
1043
1108
|
*/
|
|
1044
1109
|
declare function hasReferencedVariables(value: string): boolean;
|
|
1045
1110
|
|
|
@@ -1050,6 +1115,7 @@ declare function prettifyBindExpression(bindExpression: string): string;
|
|
|
1050
1115
|
* Note: if no content is in the editor state, undefined will be returned.
|
|
1051
1116
|
*/
|
|
1052
1117
|
declare function serializeVariablesEditorState(editorState: EditorState): string | undefined;
|
|
1118
|
+
declare function serializeVariablesEditorSerializedState(serializedEditorState: SerializedRootNode<SerializedLexicalNode>): string | undefined;
|
|
1053
1119
|
|
|
1054
1120
|
/**
|
|
1055
1121
|
* Programmatically sets the current value of a variables editor after it has already initialized
|
|
@@ -1060,7 +1126,7 @@ declare function serializeVariablesEditorState(editorState: EditorState): string
|
|
|
1060
1126
|
* If newValue is a string, it will be treated as a variable-reference-containing string, and parsed to a Lexical AST
|
|
1061
1127
|
* If newValue is a serialized Lexical AST, it will be used as-is. If the AST is invalid, the editor will be set to an empty state.
|
|
1062
1128
|
*/
|
|
1063
|
-
declare function setVariablesEditorValue(editor: LexicalEditor, newValue: string | undefined | SerializedEditorState<SerializedLexicalNode
|
|
1129
|
+
declare function setVariablesEditorValue(editor: LexicalEditor, newValue: string | undefined | SerializedEditorState<SerializedLexicalNode>, tag?: string): void;
|
|
1064
1130
|
|
|
1065
1131
|
declare function variableDefaultTextValue(defaultValue: unknown): string;
|
|
1066
1132
|
|
|
@@ -1075,7 +1141,7 @@ declare const variablePrefix = "${";
|
|
|
1075
1141
|
*/
|
|
1076
1142
|
declare const variableSuffix = "}";
|
|
1077
1143
|
|
|
1078
|
-
declare function VariablesList():
|
|
1144
|
+
declare function VariablesList(): _emotion_react_jsx_runtime.JSX.Element;
|
|
1079
1145
|
|
|
1080
1146
|
type DataResourceVariablesListProps = {
|
|
1081
1147
|
/**
|
|
@@ -1101,7 +1167,7 @@ type DataResourceVariablesListProps = {
|
|
|
1101
1167
|
* Using the optional `type` attribute of variables, one can use custom components to render different
|
|
1102
1168
|
* variables using this component, enabling flexibility for more than just text inputs.
|
|
1103
1169
|
*/
|
|
1104
|
-
declare function DataResourceVariablesList(props: DataResourceVariablesListProps):
|
|
1170
|
+
declare function DataResourceVariablesList(props: DataResourceVariablesListProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
1105
1171
|
/**
|
|
1106
1172
|
* Renders a list of Data Type-provided variables that can be set on a Data Resource.
|
|
1107
1173
|
*
|
|
@@ -1112,7 +1178,7 @@ declare function DataResourceVariablesListExplicit({ setVariables, noVariables:
|
|
|
1112
1178
|
value: DataResourceVariables;
|
|
1113
1179
|
dataType: DataType;
|
|
1114
1180
|
dynamicInputs: DynamicInputs;
|
|
1115
|
-
}):
|
|
1181
|
+
}): _emotion_react_jsx_runtime.JSX.Element;
|
|
1116
1182
|
type DataResourceVariableRendererProps = {
|
|
1117
1183
|
/** Current value of the variable on the data resource */
|
|
1118
1184
|
value: string | undefined;
|
|
@@ -1122,7 +1188,7 @@ type DataResourceVariableRendererProps = {
|
|
|
1122
1188
|
definition: DataVariableDefinitionWithName;
|
|
1123
1189
|
};
|
|
1124
1190
|
/** Default data resource variable renderer, uses a text input that supports dynamic input binding */
|
|
1125
|
-
declare function TextVariableRenderer({ definition, value, setValue }: DataResourceVariableRendererProps):
|
|
1191
|
+
declare function TextVariableRenderer({ definition, value, setValue }: DataResourceVariableRendererProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
1126
1192
|
|
|
1127
1193
|
type DataSourceEditorProps = PropsWithChildren<{
|
|
1128
1194
|
/**
|
|
@@ -1136,7 +1202,7 @@ type DataSourceEditorProps = PropsWithChildren<{
|
|
|
1136
1202
|
* Wrapper for editing a data source using Uniform Mesh SDK components that rely on `useRequest()`
|
|
1137
1203
|
* or `useVariables()`, or custom components that use the same hooks.
|
|
1138
1204
|
*/
|
|
1139
|
-
declare function DataSourceEditor({ onChange, children, editVariableComponent }: DataSourceEditorProps):
|
|
1205
|
+
declare function DataSourceEditor({ onChange, children, editVariableComponent }: DataSourceEditorProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
1140
1206
|
|
|
1141
1207
|
type DataTypeEditorProps = PropsWithChildren<{
|
|
1142
1208
|
/**
|
|
@@ -1150,7 +1216,7 @@ type DataTypeEditorProps = PropsWithChildren<{
|
|
|
1150
1216
|
* Wrapper for editing a data type using Uniform Mesh SDK components that rely on `useRequest()`
|
|
1151
1217
|
* or `useVariables()`, or custom components that use the same hooks.
|
|
1152
1218
|
*/
|
|
1153
|
-
declare function DataTypeEditor({ onChange, children, editVariableComponent }: DataTypeEditorProps):
|
|
1219
|
+
declare function DataTypeEditor({ onChange, children, editVariableComponent }: DataTypeEditorProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
1154
1220
|
|
|
1155
1221
|
type MeshAppProps = {
|
|
1156
1222
|
loadingComponent?: React__default.ComponentType;
|
|
@@ -1171,7 +1237,7 @@ type DataRefreshButtonProps = HTMLAttributes<HTMLButtonElement> & {
|
|
|
1171
1237
|
/**
|
|
1172
1238
|
* @description The data refresh button is a UI component to indicate to users a request for data is taking place
|
|
1173
1239
|
* @example <DataRefreshButton buttonText="my button" isLoading /> */
|
|
1174
|
-
declare const DataRefreshButton: ({ buttonText, isLoading, onRefreshData, ...props }: DataRefreshButtonProps) =>
|
|
1240
|
+
declare const DataRefreshButton: ({ buttonText, isLoading, onRefreshData, ...props }: DataRefreshButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1175
1241
|
|
|
1176
1242
|
type ObjectSearchContainerProps = {
|
|
1177
1243
|
/**
|
|
@@ -1197,56 +1263,10 @@ type ObjectSearchContainerProps = {
|
|
|
1197
1263
|
};
|
|
1198
1264
|
/**
|
|
1199
1265
|
* @description Object search container is an opinionated layout for search parameters and retrieved results
|
|
1200
|
-
* @example <ObjectSearchContainer searchFilters={<>your component</>} resultList={<>your result list component<>} onSave={yourSaveAction} onCancel={yourCancelAction} />
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
type ObjectSearchFilterProps = {
|
|
1204
|
-
/** shows or hides the required content type select option */
|
|
1205
|
-
requireContentType?: boolean;
|
|
1206
|
-
/** sets the text for the required content type select option
|
|
1207
|
-
* @default 'All content types'
|
|
1208
|
-
*/
|
|
1209
|
-
typeSelectorAllTypesOptionText?: string;
|
|
1210
|
-
/** sets the select input value label text
|
|
1211
|
-
* @default 'Content Type Select'
|
|
1212
|
-
*/
|
|
1213
|
-
selectLabel?: string;
|
|
1214
|
-
/** sets the select input options, if empty - only keyword search field will be rendered */
|
|
1215
|
-
selectOptions?: Array<{
|
|
1216
|
-
id?: string;
|
|
1217
|
-
name?: string;
|
|
1218
|
-
label: string;
|
|
1219
|
-
value?: string;
|
|
1220
|
-
}>;
|
|
1221
|
-
/** sets the search input name value
|
|
1222
|
-
* @default 'searchText'
|
|
1223
|
-
*/
|
|
1224
|
-
searchInputName?: string;
|
|
1225
|
-
/** sets the search input placeholder text
|
|
1226
|
-
* @default 'Enter keyword to narrow your results'
|
|
1227
|
-
*/
|
|
1228
|
-
searchInputPlaceholderText?: string;
|
|
1229
|
-
};
|
|
1230
|
-
/**
|
|
1231
|
-
* @description Object search filter is an opinionated filter that has pre-defined query and setQuery functions
|
|
1232
|
-
* that can be extended with custom functions
|
|
1233
|
-
* @example <ObjectSearchFilter selectOptions={[{ id: 'id value', name: 'name value'}]} /> */
|
|
1234
|
-
declare const ObjectSearchFilter: ({ requireContentType, typeSelectorAllTypesOptionText, searchInputName, searchInputPlaceholderText, selectLabel, selectOptions, }: ObjectSearchFilterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
1235
|
-
|
|
1236
|
-
type ObjectSearchFilterContainerProps = {
|
|
1237
|
-
/**
|
|
1238
|
-
* sets the title for the container
|
|
1239
|
-
* @deprecated we recommend setting the label on ObjectSearchContainer instead
|
|
1240
|
-
*/
|
|
1241
|
-
label?: string;
|
|
1242
|
-
/** sets child components in an opinionated layout */
|
|
1243
|
-
children?: React.ReactNode;
|
|
1244
|
-
};
|
|
1245
|
-
/**
|
|
1246
|
-
* @description an opinionated layout for search filters
|
|
1247
|
-
* @example <ObjectSearchFilterContainer label="my label"><input type="text" aria-label="my input" /></ObjectSearchFilterContainer>
|
|
1266
|
+
* @example <ObjectSearchContainer searchFilters={<>your component</>} resultList={<>your result list component<>} onSave={yourSaveAction} onCancel={yourCancelAction} />
|
|
1267
|
+
* @deprecated Please use ControlledObjectSearchProvider with SearchAndFilter instead. You can use Mesh Example for reference.
|
|
1248
1268
|
*/
|
|
1249
|
-
declare const
|
|
1269
|
+
declare const ObjectSearchContainer: ({ label, enableDynamicInputToResultId, searchFilters, resultList, children, }: ObjectSearchContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1250
1270
|
|
|
1251
1271
|
type SearchQueryProps<TExtraFilters = unknown> = {
|
|
1252
1272
|
/** sets the content type in the search context */
|
|
@@ -1255,6 +1275,7 @@ type SearchQueryProps<TExtraFilters = unknown> = {
|
|
|
1255
1275
|
keyword?: string;
|
|
1256
1276
|
/** sets the locale in the search context */
|
|
1257
1277
|
locale?: string;
|
|
1278
|
+
dynamicEntryId?: string;
|
|
1258
1279
|
} & TExtraFilters;
|
|
1259
1280
|
type SelectedItemProps<TExtraProps = unknown> = {
|
|
1260
1281
|
/** sets the id value */
|
|
@@ -1324,18 +1345,97 @@ type ObjectSearchContextProps<TExtraFilters = unknown, TExtraItemProps = unknown
|
|
|
1324
1345
|
/** current list of results in state */
|
|
1325
1346
|
list: ItemListProps<TExtraItemProps>;
|
|
1326
1347
|
/** function that sets the list of items to state */
|
|
1327
|
-
onSetList
|
|
1348
|
+
onSetList?: (value: ItemListProps) => void;
|
|
1328
1349
|
/** is multi items selection allowed or not */
|
|
1329
1350
|
isMulti: boolean;
|
|
1351
|
+
localeOptions?: {
|
|
1352
|
+
label: string;
|
|
1353
|
+
value: string;
|
|
1354
|
+
}[];
|
|
1355
|
+
enableFilterByLocale?: boolean;
|
|
1356
|
+
isListLoading?: boolean;
|
|
1357
|
+
isSelectedItemsListLoading?: boolean;
|
|
1358
|
+
dynamicEntryId?: string;
|
|
1330
1359
|
};
|
|
1360
|
+
declare const ObjectSearchContext: React$1.Context<ObjectSearchContextProps<unknown, unknown>>;
|
|
1331
1361
|
type ObjectSearchProviderProps = {
|
|
1332
1362
|
children: ReactNode;
|
|
1333
1363
|
currentlySelectedItems?: Array<SelectedItemProps>;
|
|
1364
|
+
searchResultList?: Array<SelectedItemProps>;
|
|
1334
1365
|
isMulti?: boolean;
|
|
1335
1366
|
defaultQuery?: SearchQueryProps;
|
|
1336
1367
|
};
|
|
1337
|
-
|
|
1368
|
+
/**
|
|
1369
|
+
* @deprecated Please use ControlledObjectSearchProvider with SearchAndFilter instead. You can use Mesh Example for reference.
|
|
1370
|
+
*/
|
|
1371
|
+
declare const ObjectSearchProvider: ({ currentlySelectedItems, isMulti, children, defaultQuery, }: ObjectSearchProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1338
1372
|
declare function useObjectSearchContext<TExtraSearchFilters = unknown, TExtraItemProps = unknown>(): ObjectSearchContextProps<TExtraSearchFilters, TExtraItemProps>;
|
|
1373
|
+
declare function bindQuery(query: SearchQueryProps, inputs: Record<string, unknown>): {
|
|
1374
|
+
/** sets the content type in the search context */
|
|
1375
|
+
contentType?: string;
|
|
1376
|
+
/** sets the keyword search in the search context */
|
|
1377
|
+
keyword?: string;
|
|
1378
|
+
/** sets the locale in the search context */
|
|
1379
|
+
locale?: string;
|
|
1380
|
+
dynamicEntryId?: string;
|
|
1381
|
+
};
|
|
1382
|
+
|
|
1383
|
+
type ObjectSearchFilterProps = {
|
|
1384
|
+
/** shows or hides the required content type select option */
|
|
1385
|
+
requireContentType?: boolean;
|
|
1386
|
+
/** sets the text for the required content type select option
|
|
1387
|
+
* @default 'All content types'
|
|
1388
|
+
*/
|
|
1389
|
+
typeSelectorAllTypesOptionText?: string;
|
|
1390
|
+
/** sets the select input value label text
|
|
1391
|
+
* @default 'Content Type Select'
|
|
1392
|
+
*/
|
|
1393
|
+
selectLabel?: string;
|
|
1394
|
+
/** sets the select input options, if empty - only keyword search field will be rendered */
|
|
1395
|
+
selectOptions?: Array<{
|
|
1396
|
+
id?: string;
|
|
1397
|
+
name?: string;
|
|
1398
|
+
label: string;
|
|
1399
|
+
value?: string;
|
|
1400
|
+
}>;
|
|
1401
|
+
/** sets the search input name value
|
|
1402
|
+
* @default 'searchText'
|
|
1403
|
+
*/
|
|
1404
|
+
searchInputName?: string;
|
|
1405
|
+
/** sets the search input placeholder text
|
|
1406
|
+
* @default 'Enter keyword to narrow your results'
|
|
1407
|
+
*/
|
|
1408
|
+
searchInputPlaceholderText?: string;
|
|
1409
|
+
/** sets the label for the locale selectbox filter */
|
|
1410
|
+
localeFilterLabel?: string;
|
|
1411
|
+
/** sets the locale options for the locale selectbox filter */
|
|
1412
|
+
localeOptions?: ObjectSearchContextProps['localeOptions'];
|
|
1413
|
+
/** enables or disables the locale filter */
|
|
1414
|
+
enableFilterByLocale?: ObjectSearchContextProps['enableFilterByLocale'];
|
|
1415
|
+
};
|
|
1416
|
+
/**
|
|
1417
|
+
* @description Object search filter is an opinionated filter that has pre-defined query and setQuery functions
|
|
1418
|
+
* that can be extended with custom functions
|
|
1419
|
+
* @example <ObjectSearchFilter selectOptions={[{ id: 'id value', name: 'name value'}]} />
|
|
1420
|
+
* @deprecated Please use SearchAndFilter from @uniformdev/design-system instead.
|
|
1421
|
+
*/
|
|
1422
|
+
declare const ObjectSearchFilter: ({ requireContentType, typeSelectorAllTypesOptionText, searchInputName, searchInputPlaceholderText, selectLabel, localeFilterLabel, selectOptions, }: ObjectSearchFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1423
|
+
|
|
1424
|
+
type ObjectSearchFilterContainerProps = {
|
|
1425
|
+
/**
|
|
1426
|
+
* sets the title for the container
|
|
1427
|
+
* @deprecated we recommend setting the label on ObjectSearchContainer instead
|
|
1428
|
+
*/
|
|
1429
|
+
label?: string;
|
|
1430
|
+
/** sets child components in an opinionated layout */
|
|
1431
|
+
children?: React.ReactNode;
|
|
1432
|
+
};
|
|
1433
|
+
/**
|
|
1434
|
+
* @description an opinionated layout for search filters
|
|
1435
|
+
* @example <ObjectSearchFilterContainer label="my label"><input type="text" aria-label="my input" /></ObjectSearchFilterContainer>
|
|
1436
|
+
* @deprecated Please use SearchAndFilter from @uniformdev/design-system instead.
|
|
1437
|
+
*/
|
|
1438
|
+
declare const ObjectSearchFilterContainer: ({ label, children }: ObjectSearchFilterContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1339
1439
|
|
|
1340
1440
|
type ObjectSearchListItemProps = SelectedItemProps & {
|
|
1341
1441
|
/** sets the content type value, this is normally used for subtitles e.g. Kitchens */
|
|
@@ -1374,12 +1474,12 @@ type ObjectSearchListItemProps = SelectedItemProps & {
|
|
|
1374
1474
|
/**
|
|
1375
1475
|
* @description entry search list item is an opinionated UI component best used for initial retrieved results
|
|
1376
1476
|
* @example <ObjectSearchListItem id="my-result-item" title="title" popoverData={<p>some data info</p>}><div>example of uncontrolled content</div></ObjectSearchListItem> */
|
|
1377
|
-
declare const ObjectSearchListItem: ({ id, title, contentType, image, imageUrl, popoverData, onSelect, isMulti, disabled, children, ...props }: ObjectSearchListItemProps & React$1.HTMLAttributes<HTMLDivElement>) =>
|
|
1477
|
+
declare const ObjectSearchListItem: ({ id, title, contentType, image, imageUrl, popoverData, onSelect, isMulti, disabled, children, ...props }: ObjectSearchListItemProps & React$1.HTMLAttributes<HTMLDivElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1378
1478
|
/**
|
|
1379
1479
|
* An opinionated loading skeleton component best used with ObjectSearchListItem
|
|
1380
1480
|
* @example <ObjectSearchListItemLoadingSkeleton />
|
|
1381
1481
|
*/
|
|
1382
|
-
declare const ObjectSearchListItemLoadingSkeleton: () =>
|
|
1482
|
+
declare const ObjectSearchListItemLoadingSkeleton: () => _emotion_react_jsx_runtime.JSX.Element;
|
|
1383
1483
|
|
|
1384
1484
|
type ObjectSearchResultItemProps = SelectedItemProps & {
|
|
1385
1485
|
/** sets additional remove functionality onto of default removal */
|
|
@@ -1399,7 +1499,7 @@ type ObjectSearchResultItemProps = SelectedItemProps & {
|
|
|
1399
1499
|
* @description An opinionated result item, best used for selected results
|
|
1400
1500
|
* @example <ObjectSearchResultItem id="my-result" title="title" />
|
|
1401
1501
|
*/
|
|
1402
|
-
declare const ObjectSearchResultItem: ({ id, title, name, contentType, popoverData, publishStatus, editLinkIcon, editLink, imageUrl, onRemove, createdAt, publishedAt, hideRemoveButton, disableDnD, children, }: ObjectSearchResultItemProps) =>
|
|
1502
|
+
declare const ObjectSearchResultItem: ({ id, title, name, contentType, popoverData, publishStatus, editLinkIcon, editLink, imageUrl, onRemove, createdAt, publishedAt, hideRemoveButton, disableDnD, children, }: ObjectSearchResultItemProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1403
1503
|
|
|
1404
1504
|
type ObjectSearchResultItemButtonProps<THtml extends HTMLAttributes<HTMLElement> = HTMLAttributes<HTMLButtonElement>> = {
|
|
1405
1505
|
/** sets the button or link text value */
|
|
@@ -1413,13 +1513,13 @@ type ObjectSearchResultItemButtonProps<THtml extends HTMLAttributes<HTMLElement>
|
|
|
1413
1513
|
* @description An opinionated button component best used within the ObjectSearchResultItem component
|
|
1414
1514
|
* @example <ObjectSearchResultItemButton text="button text" icon="/my-image.png" onClick={() => myFunction()} />
|
|
1415
1515
|
*/
|
|
1416
|
-
declare const ObjectSearchResultItemButton: ({ text, icon, ...props }: ObjectSearchResultItemButtonProps<HTMLAttributes<HTMLButtonElement>>) =>
|
|
1516
|
+
declare const ObjectSearchResultItemButton: ({ text, icon, ...props }: ObjectSearchResultItemButtonProps<HTMLAttributes<HTMLButtonElement>>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1417
1517
|
/**
|
|
1418
1518
|
* @description An opinionated link component styled the same of the ObjectSearchResultItemButton component,
|
|
1419
1519
|
* that automatically sets the target and rel attributes. Best used within the ObjectSearchResultItem component
|
|
1420
1520
|
* @example <LinkButton text="link text" icon="/my-image.png" />
|
|
1421
1521
|
*/
|
|
1422
|
-
declare const LinkButton: ({ text, icon, ...props }: ObjectSearchResultItemButtonProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>,
|
|
1522
|
+
declare const LinkButton: ({ text, icon, ...props }: ObjectSearchResultItemButtonProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "rel">>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1423
1523
|
|
|
1424
1524
|
type ObjectSearchResultListProps<TRenderComponent extends SelectedItemProps = SelectedItemProps> = {
|
|
1425
1525
|
/** sets the result label value
|
|
@@ -1463,7 +1563,7 @@ type ObjectSearchResultListProps<TRenderComponent extends SelectedItemProps = Se
|
|
|
1463
1563
|
* maintain drag and drop functionality
|
|
1464
1564
|
* @example <ObjectSearchResultList id="my-id" title="title" renderResultComponent={(values) => <CustomComponent {...values} />} />
|
|
1465
1565
|
*/
|
|
1466
|
-
declare function ObjectSearchResultList<TRenderComponent extends SelectedItemProps = SelectedItemProps>({ resultLabelText, removeButtonText, onRemoveAllSelected, hideRemoveButton, resultLabelOverride, additionalButtons, renderResultComponent, multiSelectId, disableDnD, getContainerForDnDReparenting, whenNothingSelected, }: ObjectSearchResultListProps<TRenderComponent>):
|
|
1566
|
+
declare function ObjectSearchResultList<TRenderComponent extends SelectedItemProps = SelectedItemProps>({ resultLabelText, removeButtonText, onRemoveAllSelected, hideRemoveButton, resultLabelOverride, additionalButtons, renderResultComponent, multiSelectId, disableDnD, getContainerForDnDReparenting, whenNothingSelected, }: ObjectSearchResultListProps<TRenderComponent>): _emotion_react_jsx_runtime.JSX.Element;
|
|
1467
1567
|
|
|
1468
1568
|
type QueryFilterSearchProps = {
|
|
1469
1569
|
/** sets the count value */
|
|
@@ -1540,8 +1640,578 @@ type QueryFilterProps<TSelectOptions extends QueryFilterSelectionOptionProps = Q
|
|
|
1540
1640
|
/**
|
|
1541
1641
|
* @description An opinionated multi query filter UI component, best used for querying product data or more complex scenarios
|
|
1542
1642
|
* @example <QueryFilter contentTypeOptions={[{ id: 'id', name: 'name' }]} sortOptions={[{ id: 'id', name: 'name' }]} sortOrderOptions={[{ id: 'id', name: 'name' }]} />
|
|
1643
|
+
* @deprecated Please use SearchAndFilter from @uniformdev/design-system instead.
|
|
1543
1644
|
*/
|
|
1544
|
-
declare const QueryFilter: ({ requireContentType, queryFilterTitle, contentTypeLabel, typeSelectorAllTypesOptionText, contentTypeOptions, searchInputName, searchInputPlaceholderText, searchInputLabel, countLabel, countValue, sortLabel, sortOptions, sortOrderLabel, sortOrderOptions, children, }: QueryFilterProps) =>
|
|
1645
|
+
declare const QueryFilter: ({ requireContentType, queryFilterTitle, contentTypeLabel, typeSelectorAllTypesOptionText, contentTypeOptions, searchInputName, searchInputPlaceholderText, searchInputLabel, countLabel, countValue, sortLabel, sortOptions, sortOrderLabel, sortOrderOptions, children, }: QueryFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1646
|
+
|
|
1647
|
+
declare function ObjectSearchListOfSearchResults(): _emotion_react_jsx_runtime.JSX.Element | _emotion_react_jsx_runtime.JSX.Element[] | undefined;
|
|
1648
|
+
|
|
1649
|
+
/** @deprecated beta - Filter editor component names */
|
|
1650
|
+
type FilterEditor = 'singleChoice' | 'multiChoice' | 'dateRange' | 'date' | 'text' | 'textMultiChoice' | 'empty' | 'number' | 'numberRange' | 'statusMultiChoice' | 'statusSingleChoice' | (string & {});
|
|
1651
|
+
/** @deprecated beta - Input option props */
|
|
1652
|
+
type InputOption = InputOptionGroup | InputOptionValue;
|
|
1653
|
+
/** @deprecated beta - Input option group props */
|
|
1654
|
+
type InputOptionGroup = {
|
|
1655
|
+
type: 'group';
|
|
1656
|
+
/** The label for the option group */
|
|
1657
|
+
label: string;
|
|
1658
|
+
/**
|
|
1659
|
+
* Option values to select when clicking the group
|
|
1660
|
+
* If not provided, the group will not be clickable when multiple selection is allowed
|
|
1661
|
+
*/
|
|
1662
|
+
value?: string[];
|
|
1663
|
+
/** Options in the option group */
|
|
1664
|
+
options: InputOptionValue[];
|
|
1665
|
+
};
|
|
1666
|
+
/** @deprecated beta - Input option props */
|
|
1667
|
+
type InputOptionValue = {
|
|
1668
|
+
/** The label for the option */
|
|
1669
|
+
label: string;
|
|
1670
|
+
/**
|
|
1671
|
+
* The value to select for the option.
|
|
1672
|
+
* If an array, multiple other option values will be selected when the option is clicked (they should exist as single-valued options)
|
|
1673
|
+
* Note that array-valued options are hidden when in a single-select editor
|
|
1674
|
+
*/
|
|
1675
|
+
value: string | string[];
|
|
1676
|
+
};
|
|
1677
|
+
/** @deprecated beta - Operator option props */
|
|
1678
|
+
type Operator = {
|
|
1679
|
+
/** The label for the operator */
|
|
1680
|
+
label: string;
|
|
1681
|
+
/** The stored value for the operator */
|
|
1682
|
+
value?: string;
|
|
1683
|
+
/** The editor type for the operator */
|
|
1684
|
+
options?: Array<InputOption>;
|
|
1685
|
+
/** The editor type for the operator */
|
|
1686
|
+
editorType?: FilterEditor;
|
|
1687
|
+
/**
|
|
1688
|
+
* Controls whether the operator's right-hand-side allows bound dynamic tokens.
|
|
1689
|
+
*
|
|
1690
|
+
* When false or unspecified: dynamic tokens are disallowed at all times.
|
|
1691
|
+
* When true: dynamic tokens are allowed when the `editorType` supports dynamic tokens
|
|
1692
|
+
*
|
|
1693
|
+
* NOTE: Operator-level bindable setting will override FilterOption-level setting, unless the operator bindable is undefined.
|
|
1694
|
+
*
|
|
1695
|
+
* When operators are switched from a bindable operator to a non-bindable operator, and the RH value has bindings, it will be cleared.
|
|
1696
|
+
*/
|
|
1697
|
+
bindable?: boolean;
|
|
1698
|
+
/**
|
|
1699
|
+
* The expected right-hand-side value type for the operator.
|
|
1700
|
+
* If not provided, the value can be any allowed type.
|
|
1701
|
+
*
|
|
1702
|
+
* When provided, tells the editor to expect a specific type. This information is used
|
|
1703
|
+
* to determine what to do when swapping between operators:
|
|
1704
|
+
*
|
|
1705
|
+
* - 'single': single value is expected, array value will be converted to single value, none value will be empty
|
|
1706
|
+
* - 'array': array value is expected, single value will be converted to one-element array value, none value will be empty
|
|
1707
|
+
* - 'between': two-element array value is expected, single value will be converted to first element of a two-element array
|
|
1708
|
+
* - 'none': no value is expected, incoming single and array values will be converted to empty value
|
|
1709
|
+
* - 'any other string': the value is hardcoded to this when switched to. It is cleared when switched away from.
|
|
1710
|
+
* - undefined: either single or array values are allowed. No conversion is done when switching operators, unless switching from none/any other value to this operator.
|
|
1711
|
+
*/
|
|
1712
|
+
expectedValueType: ('single' | 'array' | 'between' | 'none') | {} | undefined;
|
|
1713
|
+
};
|
|
1714
|
+
/** @deprecated beta - Filter option props */
|
|
1715
|
+
type FilterOptionLeftHandComponentProps = {
|
|
1716
|
+
deselectFilterOption: () => void;
|
|
1717
|
+
filterOption: FilterOption;
|
|
1718
|
+
filter: Filter;
|
|
1719
|
+
setFilterDynamicValue: ((dynamicValue: string | undefined) => void) | undefined;
|
|
1720
|
+
};
|
|
1721
|
+
/** @deprecated beta - Filter option props */
|
|
1722
|
+
type FilterOption = {
|
|
1723
|
+
/** The label for the option */
|
|
1724
|
+
label: string;
|
|
1725
|
+
/** The value for the option */
|
|
1726
|
+
value: string;
|
|
1727
|
+
/** The operator options for the option */
|
|
1728
|
+
operatorOptions?: Operator[];
|
|
1729
|
+
/** The value options for the option */
|
|
1730
|
+
valueOptions?: InputOption[];
|
|
1731
|
+
/** Set a readonly state on the input */
|
|
1732
|
+
readOnly?: boolean;
|
|
1733
|
+
/** Set a disabled state on the input */
|
|
1734
|
+
disabled?: boolean;
|
|
1735
|
+
/**
|
|
1736
|
+
* Controls whether the filter's right-hand-side allows bound dynamic tokens.
|
|
1737
|
+
*
|
|
1738
|
+
* When false or unspecified: dynamic tokens are disallowed by default.
|
|
1739
|
+
* When true: dynamic tokens are allowed when the selected operator's `editorType` supports dynamic tokens
|
|
1740
|
+
*
|
|
1741
|
+
* NOTE: in most cases, one should set bindable on the operator level instead of the filter level.
|
|
1742
|
+
* Operator-level bindable setting will override FilterOption-level setting, unless the operator bindable is undefined.
|
|
1743
|
+
*/
|
|
1744
|
+
bindable?: boolean;
|
|
1745
|
+
/** If value should be excluded from the sort options */
|
|
1746
|
+
excludeFromSort?: boolean;
|
|
1747
|
+
/**
|
|
1748
|
+
* Custom component that is rendered instead of the filter menu when this filter option is selected
|
|
1749
|
+
* Used to allow dynamic tokens to be set as a filter.
|
|
1750
|
+
*/
|
|
1751
|
+
leftHandSideComponentWhenSelected?: ComponentType<FilterOptionLeftHandComponentProps>;
|
|
1752
|
+
};
|
|
1753
|
+
/** @deprecated beta - Filter option props */
|
|
1754
|
+
type FilterOptionGroup = {
|
|
1755
|
+
/** The label for the option group */
|
|
1756
|
+
label: string;
|
|
1757
|
+
/** Value for the option group. Should be unique, not stored. */
|
|
1758
|
+
value: string;
|
|
1759
|
+
/** The options for the option */
|
|
1760
|
+
options?: FilterOption[];
|
|
1761
|
+
};
|
|
1762
|
+
/** @deprecated beta - Filter selected and query value props */
|
|
1763
|
+
type Filter = {
|
|
1764
|
+
/** The field value selected */
|
|
1765
|
+
field: string;
|
|
1766
|
+
/**
|
|
1767
|
+
* If a field allows for dynamic variations of itself, such as bindings, this stores the dynamic value
|
|
1768
|
+
*/
|
|
1769
|
+
dynamicField?: string;
|
|
1770
|
+
/** The operator value selected */
|
|
1771
|
+
operator: string;
|
|
1772
|
+
/** The value selected */
|
|
1773
|
+
value: string | string[];
|
|
1774
|
+
};
|
|
1775
|
+
type FilterEditorRendererProps<TValue extends string | string[]> = Pick<FilterOption, 'readOnly' | 'disabled' | 'bindable'> & {
|
|
1776
|
+
ariaLabel?: string;
|
|
1777
|
+
/** The type of filter editor to render */
|
|
1778
|
+
editorType: FilterEditor;
|
|
1779
|
+
/** The options for the filter editor if it has a controlled set of options */
|
|
1780
|
+
options?: Array<InputOption>;
|
|
1781
|
+
/** The current value for the filter editor */
|
|
1782
|
+
value: TValue | undefined;
|
|
1783
|
+
/** The onChange event for the filter editor */
|
|
1784
|
+
onChange: (e: TValue | undefined) => void;
|
|
1785
|
+
/** Sets the data-testid value */
|
|
1786
|
+
valueTestId?: string;
|
|
1787
|
+
};
|
|
1788
|
+
|
|
1789
|
+
/** @deprecated beta - a list of possible operator values that sync with uniform search api */
|
|
1790
|
+
type OperatorValue = 'eq' | 'sys-date-eq' | 'neq' | 'gt' | 'sys-date-gt' | 'gte' | 'sys-date-gte' | 'lt' | 'sys-date-lt' | 'lte' | 'sys-date-lte' | 'in' | 'nin' | 'between' | 'sys-date-between' | 'ndef' | 'def' | 'match' | 'starts';
|
|
1791
|
+
type OperatorValueType = {
|
|
1792
|
+
value: OperatorValue;
|
|
1793
|
+
};
|
|
1794
|
+
/** @deprecated beta - a list of possible operator types */
|
|
1795
|
+
type OperatorType = Array<Omit<Operator, 'value'> & OperatorValueType>;
|
|
1796
|
+
/** @deprecated beta - uniform number operators */
|
|
1797
|
+
declare const NUMBER_OPERATORS: OperatorType;
|
|
1798
|
+
/** @deprecated beta - uniform date operators */
|
|
1799
|
+
declare const DATE_OPERATORS: OperatorType;
|
|
1800
|
+
/** @deprecated beta - uniform textbox operators */
|
|
1801
|
+
declare const TEXTBOX_OPERATORS: OperatorType;
|
|
1802
|
+
/** @deprecated beta - uniform user operators */
|
|
1803
|
+
declare const USER_OPERATORS: OperatorType;
|
|
1804
|
+
/** @deprecated beta - uniform system date operators */
|
|
1805
|
+
declare const DATE_TIME_OPERATORS: OperatorType;
|
|
1806
|
+
/** @deprecated beta - uniform rich text operators */
|
|
1807
|
+
declare const RICHTEXT_OPERATORS: OperatorType;
|
|
1808
|
+
/** @deprecated beta - uniform checkbox operators */
|
|
1809
|
+
declare const CHECKBOX_OPERATORS: OperatorType;
|
|
1810
|
+
/** @deprecated beta - uniform system field operators */
|
|
1811
|
+
declare const SYSTEM_FIELD_OPERATORS: OperatorType;
|
|
1812
|
+
/** @deprecated beta - uniform optional system field operators */
|
|
1813
|
+
declare const OPTIONAL_SYSTEM_FIELD_OPERATORS: OperatorType;
|
|
1814
|
+
/** @deprecated beta - uniform publish status field operators */
|
|
1815
|
+
declare const PUBLISH_STATUS_FIELD_OPERATORS: OperatorType;
|
|
1816
|
+
/** @deprecated beta - uniform select field operators */
|
|
1817
|
+
declare const SELECT_OPERATORS: OperatorType;
|
|
1818
|
+
/** @deprecated beta - uniform multi-select field operators */
|
|
1819
|
+
declare const MULTI_SELECT_OPERATORS: OperatorType;
|
|
1820
|
+
|
|
1821
|
+
/**
|
|
1822
|
+
* @deprecated beta - Renders a date input field for filtering
|
|
1823
|
+
* @example <DateEditor ariaLabel="Date" value={value} onChange={onChange} />
|
|
1824
|
+
*/
|
|
1825
|
+
declare const DateEditor: ({ onChange, ariaLabel, disabled, value, readOnly, valueTestId, }: FilterEditorRendererProps<string>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1826
|
+
|
|
1827
|
+
/**
|
|
1828
|
+
* @deprecated beta - Renders a date range input field for filtering
|
|
1829
|
+
* @example <DateRangeEditor ariaLabel="Date Range" value={value} onChange={onChange} />
|
|
1830
|
+
*/
|
|
1831
|
+
declare const DateRangeEditor: ({ ariaLabel, onChange, disabled, value, readOnly, valueTestId, }: FilterEditorRendererProps<string[]>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1832
|
+
|
|
1833
|
+
/**
|
|
1834
|
+
* @deprecated beta - Multie select filter component
|
|
1835
|
+
* @example <FilterMultiChoiceEditor options={options} value={options.filter((option) => values.includes(option.value)} onChange={(e) => onChange(e.map((option) => option.value))} />
|
|
1836
|
+
*/
|
|
1837
|
+
declare const FilterMultiChoiceEditor: ({ value, options, disabled, readOnly, valueTestId, ...props }: FilterEditorRendererProps<string[]>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1838
|
+
|
|
1839
|
+
/**
|
|
1840
|
+
* @deprecated beta - Single select filter component
|
|
1841
|
+
* @example <FilterSingleChoiceEditor options={options} value={options.find((option) => values.includes(option.value)} onChange={(e) => onChange(e.value)} />
|
|
1842
|
+
*/
|
|
1843
|
+
declare const FilterSingleChoiceEditor: ({ options, value, disabled, readOnly, onChange, valueTestId, }: FilterEditorRendererProps<string>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1844
|
+
|
|
1845
|
+
/**
|
|
1846
|
+
* @deprecated beta - Renders a number input field for filtering
|
|
1847
|
+
* @example <NumberEditor ariaLabel="Number" value={value} onChange={onChange} />
|
|
1848
|
+
*/
|
|
1849
|
+
declare const NumberEditor: ({ ariaLabel, onChange, disabled, value, readOnly, valueTestId, }: FilterEditorRendererProps<string>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1850
|
+
|
|
1851
|
+
/**
|
|
1852
|
+
* @deprecated beta - Renders a number range input field for filtering
|
|
1853
|
+
* @example <NumberRangeEditor ariaLabel="Number Range" value={value} onChange={onChange} />
|
|
1854
|
+
*/
|
|
1855
|
+
declare const NumberRangeEditor: ({ onChange, disabled, ariaLabel, value, readOnly, valueTestId, }: FilterEditorRendererProps<string[]>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1856
|
+
|
|
1857
|
+
/**
|
|
1858
|
+
* @deprecated beta - Status multi select filter component that renders a custom dropdown menu
|
|
1859
|
+
* @example <StatusMultiEditor options={options} value={value} onChange={onChange} />
|
|
1860
|
+
*/
|
|
1861
|
+
declare const StatusMultiEditor: ({ options, value, disabled, readOnly, onChange, valueTestId, }: FilterEditorRendererProps<string[]>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1862
|
+
|
|
1863
|
+
/**
|
|
1864
|
+
* @deprecated beta - Status single select filter component that renders a custom dropdown menu
|
|
1865
|
+
* @example <StatusSingleEditor options={options} value={value} onChange={onChange} />
|
|
1866
|
+
*/
|
|
1867
|
+
declare const StatusSingleEditor: ({ options, value, disabled, readOnly, onChange, valueTestId, }: FilterEditorRendererProps<string>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1868
|
+
|
|
1869
|
+
/**
|
|
1870
|
+
* @deprecated beta - Renders a text input field for filtering
|
|
1871
|
+
* @example <TextEditor ariaLabel="Search" value={value} onChange={onChange} />
|
|
1872
|
+
*/
|
|
1873
|
+
declare const TextEditor: ({ onChange, ariaLabel, value, readOnly, valueTestId, }: FilterEditorRendererProps<string>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1874
|
+
|
|
1875
|
+
/**
|
|
1876
|
+
* @deprecated beta - Text value multi select filter component
|
|
1877
|
+
*/
|
|
1878
|
+
declare const TextMultiChoiceEditor: ({ value, disabled, readOnly, valueTestId, ...props }: FilterEditorRendererProps<string[]>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1879
|
+
|
|
1880
|
+
/** @description beta - filter button type */
|
|
1881
|
+
type FilterButtonProps = {
|
|
1882
|
+
/** text to display on the button
|
|
1883
|
+
* @default "Filters"
|
|
1884
|
+
*/
|
|
1885
|
+
text?: string;
|
|
1886
|
+
/** icon to display on the button
|
|
1887
|
+
* @default "filter-add"
|
|
1888
|
+
*/
|
|
1889
|
+
icon?: IconType;
|
|
1890
|
+
/** number of filters to display on the button and sets the styles on the button */
|
|
1891
|
+
filterCount?: number;
|
|
1892
|
+
/** sets the selected styles on the button */
|
|
1893
|
+
hasSelectedValue?: boolean;
|
|
1894
|
+
/** sets the data-testid attribute on the button */
|
|
1895
|
+
dataTestId?: string;
|
|
1896
|
+
} & HTMLAttributes<HTMLButtonElement>;
|
|
1897
|
+
/**
|
|
1898
|
+
* @deprecated beta - A filter button component used to display filter menu options
|
|
1899
|
+
* @example <FilterButton text="Filters" filterCount={3} />
|
|
1900
|
+
*/
|
|
1901
|
+
declare const FilterButton: ({ text, icon, filterCount, hasSelectedValue, dataTestId, ...props }: FilterButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1902
|
+
|
|
1903
|
+
/**
|
|
1904
|
+
* @deprecated beta - Default filter controls for search and filter
|
|
1905
|
+
* @example <FilterControls />
|
|
1906
|
+
*/
|
|
1907
|
+
declare const FilterControls: ({ children, hideSearchInput, }: {
|
|
1908
|
+
/** optional param to allow you to add your own controls */
|
|
1909
|
+
children?: ReactNode;
|
|
1910
|
+
/** optional param to hide the search input */
|
|
1911
|
+
hideSearchInput?: boolean;
|
|
1912
|
+
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1913
|
+
|
|
1914
|
+
/**
|
|
1915
|
+
* @deprecated beta - Renders a filter editor component
|
|
1916
|
+
* @example <FilterEditorRenderer editorType="multiChoice" options={options} value={value} onChange={onChange} />
|
|
1917
|
+
*/
|
|
1918
|
+
declare const FilterEditorRenderer: ({ editorType, ...props }: FilterEditorRendererProps<never>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1919
|
+
/** @deprecated beta - A mapper for filter editor components */
|
|
1920
|
+
declare const filterMapper: Record<FilterEditor, ComponentType<FilterEditorRendererProps<any>> | null>;
|
|
1921
|
+
declare const bindableFiltersMapper: typeof filterMapper;
|
|
1922
|
+
|
|
1923
|
+
type FilterItemProps = {
|
|
1924
|
+
/** the index of the filter row */
|
|
1925
|
+
index: number;
|
|
1926
|
+
/** function to trigger filter change events */
|
|
1927
|
+
onFilterOptionChange: (newFilter: string) => void;
|
|
1928
|
+
/** Called when a custom LHS component sets a dynamic filter value */
|
|
1929
|
+
onFilterDynamicChange?: (newFilterDynamic: string | undefined) => void;
|
|
1930
|
+
/** the list of operator options for each filter row */
|
|
1931
|
+
operatorOptions: Operator[];
|
|
1932
|
+
/** function to trigger operator change events */
|
|
1933
|
+
onOperatorChange: (newOperator: string) => void;
|
|
1934
|
+
/** function to trigger value change events */
|
|
1935
|
+
onValueChange: (newValue: string | string[]) => void;
|
|
1936
|
+
/** the list of value options for each filter row */
|
|
1937
|
+
valueOptions: InputOption[];
|
|
1938
|
+
/** Sets the title before the first criteria (i.e. "When", "Where") */
|
|
1939
|
+
initialCriteriaTitle?: string;
|
|
1940
|
+
/** How multiple criteria are joined together */
|
|
1941
|
+
criteriaGroupOperator?: 'and' | 'or';
|
|
1942
|
+
};
|
|
1943
|
+
/** @deprecated beta - A filter item component used to display filter options */
|
|
1944
|
+
declare const FilterItem: ({ index, operatorOptions, valueOptions, onFilterOptionChange, onFilterDynamicChange, onOperatorChange, onValueChange, initialCriteriaTitle, criteriaGroupOperator, }: FilterItemProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1945
|
+
|
|
1946
|
+
type FilterMapper = Record<string, ComponentType<any> | null>;
|
|
1947
|
+
type SearchAndFilterProviderProps = {
|
|
1948
|
+
/** sets the filter values */
|
|
1949
|
+
filters: Filter[];
|
|
1950
|
+
/** sets the initial filter visibility */
|
|
1951
|
+
filterVisible?: boolean;
|
|
1952
|
+
/** makes the filter UI always visible no matter what (ignores filterVisible, and subsequent internal visibility changes) */
|
|
1953
|
+
alwaysVisible?: boolean;
|
|
1954
|
+
/** function to trigger search change event */
|
|
1955
|
+
onSearchChange?: (term: string) => void;
|
|
1956
|
+
/** function to trigger filter change events */
|
|
1957
|
+
onChange: (filters: Filter[]) => void;
|
|
1958
|
+
/** Sets default value for full text search input, useful for bindable search */
|
|
1959
|
+
defaultSearchTerm?: string;
|
|
1960
|
+
/** sets the reset filter values
|
|
1961
|
+
* @default "[{ field: '', operator: '', value: '' }]"
|
|
1962
|
+
*/
|
|
1963
|
+
resetFilterValues?: Filter[];
|
|
1964
|
+
/** sets the list of filter options for each filter row */
|
|
1965
|
+
filterOptions: FilterOptionGroup[];
|
|
1966
|
+
/** the total number of results */
|
|
1967
|
+
totalResults?: number;
|
|
1968
|
+
/** the filter mapper function */
|
|
1969
|
+
filterMapper?: FilterMapper;
|
|
1970
|
+
/** sets child components giving access to useSearchAndFilter context */
|
|
1971
|
+
children: ReactNode;
|
|
1972
|
+
/** Allow to bind dynamic inputs to the search term */
|
|
1973
|
+
allowBindingSearchTerm?: boolean;
|
|
1974
|
+
};
|
|
1975
|
+
type SearchAndFilterContextProps = {
|
|
1976
|
+
/** the search term value */
|
|
1977
|
+
searchTerm: string;
|
|
1978
|
+
/** sets the search term value */
|
|
1979
|
+
setSearchTerm: (term: string) => void;
|
|
1980
|
+
/** current filter visibility */
|
|
1981
|
+
filterVisibility?: boolean;
|
|
1982
|
+
/** sets the filter visibility */
|
|
1983
|
+
setFilterVisibility: (visible: boolean) => void;
|
|
1984
|
+
/** sets the initial filters */
|
|
1985
|
+
filters: Filter[];
|
|
1986
|
+
/** function to update the current filters */
|
|
1987
|
+
setFilters: (updatedFilters: Filter[]) => void;
|
|
1988
|
+
/** function that adds a blank set of filter options */
|
|
1989
|
+
handleAddFilter: () => void;
|
|
1990
|
+
/** function to reset all filter values and search term */
|
|
1991
|
+
handleResetFilters: () => void;
|
|
1992
|
+
/** function that deletes a row and it's values visually and from state */
|
|
1993
|
+
handleDeleteFilter: (index: number) => void;
|
|
1994
|
+
/** sets the initial list of filter options */
|
|
1995
|
+
filterOptions: FilterOptionGroup[];
|
|
1996
|
+
/** a valid list of valid filter options */
|
|
1997
|
+
validFilterQuery: Filter[] | undefined;
|
|
1998
|
+
/** a component list to map filter options */
|
|
1999
|
+
filterMapper?: FilterMapper;
|
|
2000
|
+
/** the total number of results */
|
|
2001
|
+
totalResults?: number;
|
|
2002
|
+
/** Allow to bind dynamic inputs to the search term */
|
|
2003
|
+
allowBindingSearchTerm?: boolean;
|
|
2004
|
+
};
|
|
2005
|
+
declare const SearchAndFilterContext: React$1.Context<SearchAndFilterContextProps>;
|
|
2006
|
+
/**
|
|
2007
|
+
* @deprecated beta - Search and filter provider
|
|
2008
|
+
* @example <SearchAndFilterProvider filters={filters} filterOptions={filterOptions} onSearchChange={onSearchChange} onChange={onChange}>Children</SearchAndFilterProvider>
|
|
2009
|
+
* */
|
|
2010
|
+
declare const SearchAndFilterProvider: ({ filters, filterOptions, filterVisible, alwaysVisible, defaultSearchTerm, onSearchChange, onChange, resetFilterValues, totalResults, filterMapper, children, allowBindingSearchTerm, }: SearchAndFilterProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2011
|
+
/** @deprecated beta - Search and filter hook
|
|
2012
|
+
* @example const { searchTerm, setSearchTerm, filterVisibility, setFilterVisibility, filters, setFilters, handleAddFilter, handleResetFilters, handleDeleteFilter, filterOptions, validFilterQuery } = useSearchAndFilter();
|
|
2013
|
+
*/
|
|
2014
|
+
declare const useSearchAndFilter: () => {
|
|
2015
|
+
/** the search term value */
|
|
2016
|
+
searchTerm: string;
|
|
2017
|
+
/** sets the search term value */
|
|
2018
|
+
setSearchTerm: (term: string) => void;
|
|
2019
|
+
/** current filter visibility */
|
|
2020
|
+
filterVisibility?: boolean;
|
|
2021
|
+
/** sets the filter visibility */
|
|
2022
|
+
setFilterVisibility: (visible: boolean) => void;
|
|
2023
|
+
/** sets the initial filters */
|
|
2024
|
+
filters: Filter[];
|
|
2025
|
+
/** function to update the current filters */
|
|
2026
|
+
setFilters: (updatedFilters: Filter[]) => void;
|
|
2027
|
+
/** function that adds a blank set of filter options */
|
|
2028
|
+
handleAddFilter: () => void;
|
|
2029
|
+
/** function to reset all filter values and search term */
|
|
2030
|
+
handleResetFilters: () => void;
|
|
2031
|
+
/** function that deletes a row and it's values visually and from state */
|
|
2032
|
+
handleDeleteFilter: (index: number) => void;
|
|
2033
|
+
/** sets the initial list of filter options */
|
|
2034
|
+
filterOptions: FilterOptionGroup[];
|
|
2035
|
+
/** a valid list of valid filter options */
|
|
2036
|
+
validFilterQuery: Filter[] | undefined;
|
|
2037
|
+
/** a component list to map filter options */
|
|
2038
|
+
filterMapper?: FilterMapper;
|
|
2039
|
+
/** the total number of results */
|
|
2040
|
+
totalResults?: number;
|
|
2041
|
+
/** Allow to bind dynamic inputs to the search term */
|
|
2042
|
+
allowBindingSearchTerm?: boolean;
|
|
2043
|
+
};
|
|
2044
|
+
|
|
2045
|
+
type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
|
|
2046
|
+
/** The filter controls to be displayed
|
|
2047
|
+
* @default '<FilterControls />'
|
|
2048
|
+
*/
|
|
2049
|
+
filterControls?: React$1.ReactNode;
|
|
2050
|
+
/** sets the filter mode */
|
|
2051
|
+
filterVisible?: boolean;
|
|
2052
|
+
/** The view switch controls to be displayed */
|
|
2053
|
+
viewSwitchControls?: React$1.ReactNode;
|
|
2054
|
+
/** The number of total results */
|
|
2055
|
+
totalResults?: number;
|
|
2056
|
+
/** The results container view
|
|
2057
|
+
* @default '<SearchAndFilterResultContainer />'
|
|
2058
|
+
*/
|
|
2059
|
+
resultsContainerView?: React$1.ReactNode;
|
|
2060
|
+
/** sets the reset filter values */
|
|
2061
|
+
resetFilterValues?: Filter[];
|
|
2062
|
+
/** The filter mapper function */
|
|
2063
|
+
filterMapper?: Record<FilterEditor, React$1.ComponentType<any> | null>;
|
|
2064
|
+
/** Component to render inside filters container right below main Filters widget
|
|
2065
|
+
* that should contain additional controls like filters
|
|
2066
|
+
* which do not fit main structure or sorting */
|
|
2067
|
+
additionalFiltersContainer?: React$1.ReactNode;
|
|
2068
|
+
};
|
|
2069
|
+
/**
|
|
2070
|
+
* @deprecated beta - Search and filter component
|
|
2071
|
+
* @example <SearchAndFilter filters={filters} filterOptions={filterOptions} onChange={onChange} onSearchChange={onSearchChange} onSearchReset={onSearchReset} totalResults={totalResults} />
|
|
2072
|
+
* */
|
|
2073
|
+
declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, filterControls, viewSwitchControls, resultsContainerView, filterMapper, additionalFiltersContainer, onChange, defaultSearchTerm, onSearchChange, totalResults, allowBindingSearchTerm, resetFilterValues, }: SearchAndFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2074
|
+
|
|
2075
|
+
type FilterItemsProps = {
|
|
2076
|
+
/** The text for the add button */
|
|
2077
|
+
addButtonText?: string;
|
|
2078
|
+
additionalFiltersContainer: SearchAndFilterProps['additionalFiltersContainer'];
|
|
2079
|
+
filterTitle?: string;
|
|
2080
|
+
resetButtonText?: string;
|
|
2081
|
+
} & Pick<FilterItemProps, 'initialCriteriaTitle' | 'criteriaGroupOperator'>;
|
|
2082
|
+
/** @deprecated beta - A filter items component used to display filter options */
|
|
2083
|
+
declare const FilterItems: ({ addButtonText, additionalFiltersContainer, filterTitle, resetButtonText, initialCriteriaTitle, criteriaGroupOperator, }: FilterItemsProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2084
|
+
|
|
2085
|
+
type SearchAndFilterOptionsContainerProps = {
|
|
2086
|
+
/** The button row to be displayed at the bottom of the container */
|
|
2087
|
+
buttonRow?: React__default.ReactNode;
|
|
2088
|
+
/** The children of the container */
|
|
2089
|
+
children: React__default.ReactNode;
|
|
2090
|
+
additionalFiltersContainer?: SearchAndFilterProps['additionalFiltersContainer'];
|
|
2091
|
+
};
|
|
2092
|
+
/**
|
|
2093
|
+
* @deprecated beta - A container component for search and filter options
|
|
2094
|
+
* @example <SearchAndFilterOptionsContainer buttonRow={<button>Button</button>}>Children</SearchAndFilterOptionsContainer>
|
|
2095
|
+
* */
|
|
2096
|
+
declare const SearchAndFilterOptionsContainer: ({ buttonRow, additionalFiltersContainer, children, }: SearchAndFilterOptionsContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2097
|
+
type FiltersProps = {
|
|
2098
|
+
/** The id of the filter menu */
|
|
2099
|
+
id: string;
|
|
2100
|
+
/** The text for the filter title */
|
|
2101
|
+
filterTitle?: string;
|
|
2102
|
+
/** The controls to be displayed at the bottom of the filter menu */
|
|
2103
|
+
menuControls?: React__default.ReactNode;
|
|
2104
|
+
/** The children of the filter menu */
|
|
2105
|
+
children: React__default.ReactNode;
|
|
2106
|
+
/** Sets the data-test-id attribute for the filter menu */
|
|
2107
|
+
dataTestId?: string;
|
|
2108
|
+
/** The text for the reset button
|
|
2109
|
+
* @default 'reset'
|
|
2110
|
+
*/
|
|
2111
|
+
resetButtonText?: string;
|
|
2112
|
+
additionalFiltersContainer?: SearchAndFilterProps['additionalFiltersContainer'];
|
|
2113
|
+
};
|
|
2114
|
+
/**
|
|
2115
|
+
* @deprecated beta - A filter menu component used to display filter options
|
|
2116
|
+
* @example <FilterMenu id="search-and-filter-options">Children</FilterMenu>
|
|
2117
|
+
* */
|
|
2118
|
+
declare const FilterMenu: ({ id, filterTitle, menuControls, additionalFiltersContainer, children, dataTestId, resetButtonText, }: FiltersProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2119
|
+
|
|
2120
|
+
type SearchAndFilterResultContainerProps = {
|
|
2121
|
+
/** The label for the clear button
|
|
2122
|
+
* @default 'Clear'
|
|
2123
|
+
*/
|
|
2124
|
+
clearButtonLabel?: string;
|
|
2125
|
+
/** The text for the button */
|
|
2126
|
+
buttonText?: string;
|
|
2127
|
+
/** The title for the callout */
|
|
2128
|
+
calloutTitle?: string;
|
|
2129
|
+
/** The text for the callout */
|
|
2130
|
+
calloutText?: string;
|
|
2131
|
+
/** The function to handle the clear button */
|
|
2132
|
+
onHandleClear?: () => void;
|
|
2133
|
+
/** Sets whether to show or hide both clear search buttons */
|
|
2134
|
+
hideClearButton?: boolean;
|
|
2135
|
+
};
|
|
2136
|
+
/** @deprecated beta - Search and filter results container */
|
|
2137
|
+
declare const SearchAndFilterResultContainer: ({ buttonText, clearButtonLabel, calloutTitle, calloutText, onHandleClear, hideClearButton, }: SearchAndFilterResultContainerProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
2138
|
+
|
|
2139
|
+
declare const SearchOnlyContext: React$1.Context<Pick<SearchAndFilterContextProps, "searchTerm" | "setSearchTerm">>;
|
|
2140
|
+
type SearchOnlyProviderProps = Pick<SearchAndFilterProviderProps, 'onSearchChange'> & {
|
|
2141
|
+
/** sets the max width of input wrapper
|
|
2142
|
+
* @default '712px'
|
|
2143
|
+
*/
|
|
2144
|
+
maxWidth?: string;
|
|
2145
|
+
};
|
|
2146
|
+
declare const SearchOnlyFilter: ({ onSearchChange, maxWidth }: SearchOnlyProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2147
|
+
|
|
2148
|
+
type SortItemsProps = {
|
|
2149
|
+
/** The label for the sort by field
|
|
2150
|
+
* @default 'Sort by'
|
|
2151
|
+
*/
|
|
2152
|
+
sortByLabel?: string;
|
|
2153
|
+
/** The label for the locale returned field
|
|
2154
|
+
* @default 'Enabled locale'
|
|
2155
|
+
*/
|
|
2156
|
+
localeLabel?: string;
|
|
2157
|
+
/** sets the list of sort options */
|
|
2158
|
+
sortOptions: FilterOptionGroup[];
|
|
2159
|
+
/** the default sort by value */
|
|
2160
|
+
sortByValue?: string;
|
|
2161
|
+
/** function to trigger sort change events */
|
|
2162
|
+
onSortChange: (sort: string) => void;
|
|
2163
|
+
/** sets the list of locale options */
|
|
2164
|
+
localeOptions?: InputOption[];
|
|
2165
|
+
/** function to trigger locale change events */
|
|
2166
|
+
onLocaleChange?: (locale: string) => void;
|
|
2167
|
+
/** sets the default locale option value */
|
|
2168
|
+
localeValue?: string;
|
|
2169
|
+
/**
|
|
2170
|
+
* Optionally disable the binding for sorting inputs.
|
|
2171
|
+
* Mostly used to disable binding for Single/Multiple data resources
|
|
2172
|
+
*/
|
|
2173
|
+
disableSortBinding?: boolean;
|
|
2174
|
+
};
|
|
2175
|
+
/**
|
|
2176
|
+
Copy of Design System <SortItems > component with ability to bind variables to inputs.
|
|
2177
|
+
*/
|
|
2178
|
+
declare const SortItems: ({ sortByLabel, localeLabel, sortOptions, sortByValue, onSortChange, localeValue, localeOptions, onLocaleChange, disableSortBinding, }: SortItemsProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2179
|
+
|
|
2180
|
+
type ControlledObjectSearchProviderProps = {
|
|
2181
|
+
children: ReactNode;
|
|
2182
|
+
/**
|
|
2183
|
+
* List of selected items controlled by parent component.
|
|
2184
|
+
* "undefined" value together with "selectedItemsLoading" prop indicate that list is initially loading or it is reloading on select action.
|
|
2185
|
+
* In case of reloading on select action, this component will render selected item right away to avoid waiting for backend response to smooth user experience.
|
|
2186
|
+
*/
|
|
2187
|
+
selectedItems: Array<SelectedItemProps> | undefined;
|
|
2188
|
+
/**
|
|
2189
|
+
* List of search results for "single" and "multiple" archetypes usually. From this list custom will be able to select items.
|
|
2190
|
+
* Undefined in case when there is no search, e.g. Query archetype.
|
|
2191
|
+
*/
|
|
2192
|
+
searchResultItems: Array<SelectedItemProps> | undefined;
|
|
2193
|
+
/** Indicates that selected items are loading. only used during initial render and on user interaction does not effect anything */
|
|
2194
|
+
selectedItemsLoading?: boolean;
|
|
2195
|
+
/** Indicates that search result list is loading. */
|
|
2196
|
+
searchResultListLoading?: boolean;
|
|
2197
|
+
/** @deprecated Please use <SearchAndFilter> component instead */
|
|
2198
|
+
onQueryChange?: (value: SearchQueryProps) => void;
|
|
2199
|
+
/** Callback to to receive new selected items list, usually updated on list item selection or list clearing */
|
|
2200
|
+
onSelectItemsChange: (selectedItems: Array<SelectedItemProps>) => void;
|
|
2201
|
+
/** Indicates that user can select multiple items from the list */
|
|
2202
|
+
isMulti?: boolean;
|
|
2203
|
+
/** @deprecated Please use <SearchAndFilter> component instead */
|
|
2204
|
+
query?: SearchQueryProps;
|
|
2205
|
+
/** @deprecated Please use <SearchAndFilter> component instead */
|
|
2206
|
+
localeOptions?: InputOption[];
|
|
2207
|
+
/** @deprecated Please use <SearchAndFilter> component instead */
|
|
2208
|
+
enableFilterByLocale?: ObjectSearchContextProps['enableFilterByLocale'];
|
|
2209
|
+
/** @deprecated Please use <SearchAndFilter> component instead. It also recommended to have separate archetype for data types to load content by single bindable values */
|
|
2210
|
+
dynamicEntryId?: ObjectSearchContextProps['dynamicEntryId'];
|
|
2211
|
+
/** Used for archetypes where you expect user to select items manually, comparing to automatic selection based on query */
|
|
2212
|
+
isManualSelection?: boolean;
|
|
2213
|
+
};
|
|
2214
|
+
declare const ControlledObjectSearchProvider: ({ selectedItems, searchResultItems, selectedItemsLoading, searchResultListLoading, onQueryChange, onSelectItemsChange, isMulti, children, query, enableFilterByLocale, localeOptions, dynamicEntryId, isManualSelection, }: ControlledObjectSearchProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1545
2215
|
|
|
1546
2216
|
type ParamTypeDynamicDataProviderProps = {
|
|
1547
2217
|
/** Child components of the provider. Variables-using components, such as ParameterVariables, can be used here. */
|
|
@@ -1560,20 +2230,20 @@ type ParameterConnectOptions = {
|
|
|
1560
2230
|
* using variables-aware components (i.e. InputVariables). This simplifies building dynamic-input-aware editors,
|
|
1561
2231
|
* where a data resource variable could be a static value or bound to a dynamic input from the route (project map).
|
|
1562
2232
|
*/
|
|
1563
|
-
declare function ParamTypeDynamicDataProvider(props: ParamTypeDynamicDataProviderProps):
|
|
2233
|
+
declare function ParamTypeDynamicDataProvider(props: ParamTypeDynamicDataProviderProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
1564
2234
|
|
|
1565
2235
|
/** Editor component to let you write a request body for POST requests */
|
|
1566
|
-
declare function RequestBody():
|
|
2236
|
+
declare function RequestBody(): _emotion_react_jsx_runtime.JSX.Element;
|
|
1567
2237
|
|
|
1568
2238
|
/** Editor component to manage HTTP headers on a request */
|
|
1569
|
-
declare function RequestHeaders({ disableVariables, addOmitIfEmpty, }: Pick<InputVariablesProps, 'disableVariables' | 'addOmitIfEmpty'>):
|
|
2239
|
+
declare function RequestHeaders({ disableVariables, addOmitIfEmpty, }: Pick<InputVariablesProps, 'disableVariables' | 'addOmitIfEmpty'>): _emotion_react_jsx_runtime.JSX.Element;
|
|
1570
2240
|
|
|
1571
2241
|
/** Dropdown to pick a HTTP method for a request */
|
|
1572
|
-
declare function RequestMethodSelect(props: Omit<InputSelectProps, 'value' | 'onChange' | 'options'>):
|
|
2242
|
+
declare function RequestMethodSelect(props: Omit<InputSelectProps, 'value' | 'onChange' | 'options'>): _emotion_react_jsx_runtime.JSX.Element;
|
|
1573
2243
|
|
|
1574
2244
|
type RequestParametersProps = Pick<InputVariablesProps, 'disableVariables'>;
|
|
1575
2245
|
/** Component to manage query parameters on a request */
|
|
1576
|
-
declare function RequestParameters({ disableVariables, addOmitIfEmpty, }: Pick<InputVariablesProps, 'disableVariables' | 'addOmitIfEmpty'>):
|
|
2246
|
+
declare function RequestParameters({ disableVariables, addOmitIfEmpty, }: Pick<InputVariablesProps, 'disableVariables' | 'addOmitIfEmpty'>): _emotion_react_jsx_runtime.JSX.Element;
|
|
1577
2247
|
|
|
1578
2248
|
type RequestParameter = {
|
|
1579
2249
|
key: string;
|
|
@@ -1627,7 +2297,7 @@ type RequestContext = {
|
|
|
1627
2297
|
request: Readonly<RequestData>;
|
|
1628
2298
|
};
|
|
1629
2299
|
/** Provides a mutable HTTP request object context. Components such as RequestBody and RequestUrl use this context to render. */
|
|
1630
|
-
declare function RequestProvider({ value, onChange, children }: RequestProviderProps):
|
|
2300
|
+
declare function RequestProvider({ value, onChange, children }: RequestProviderProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
1631
2301
|
declare function useRequest(): RequestContext;
|
|
1632
2302
|
|
|
1633
2303
|
type RequestTypeContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
@@ -1643,18 +2313,18 @@ type RequestTypeContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
1643
2313
|
* <label>Name <input type="text" /></label>
|
|
1644
2314
|
* <label>Name <input type="text" /></label>
|
|
1645
2315
|
* </div> */
|
|
1646
|
-
declare const RequestTypeContainer: ({ bgColor, children, ...props }: RequestTypeContainerProps) =>
|
|
2316
|
+
declare const RequestTypeContainer: ({ bgColor, children, ...props }: RequestTypeContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1647
2317
|
|
|
1648
2318
|
/**
|
|
1649
2319
|
* Displays the current full URL of the request, including the base URL if one is set
|
|
1650
2320
|
*/
|
|
1651
|
-
declare function RequestUrl():
|
|
2321
|
+
declare function RequestUrl(): _emotion_react_jsx_runtime.JSX.Element;
|
|
1652
2322
|
|
|
1653
2323
|
/**
|
|
1654
2324
|
* Editor to modify the current URL of the request
|
|
1655
2325
|
* Note: entering query string parameters automatically converts them and syncs the request state with them
|
|
1656
2326
|
*/
|
|
1657
|
-
declare function RequestUrlInput(props: Omit<InputVariablesProps, 'value' | 'onChange'> & Pick<InputVariablesProps, 'showAddVariableMenuOption' | 'enableEditingVariables'>):
|
|
2327
|
+
declare function RequestUrlInput(props: Omit<InputVariablesProps, 'value' | 'onChange'> & Pick<InputVariablesProps, 'showAddVariableMenuOption' | 'enableEditingVariables'>): _emotion_react_jsx_runtime.JSX.Element;
|
|
1658
2328
|
|
|
1659
2329
|
declare function urlEncodeRequestUrl(url: string, varValues?: Record<string, MeshDataVariableDefinition>): string;
|
|
1660
2330
|
declare function urlEncodeRequestParameter(parameter: RequestParameter, varValues?: Record<string, MeshDataVariableDefinition>): RequestParameter;
|
|
@@ -1734,4 +2404,4 @@ type ContentDataResourceLocaleInfoProps = {
|
|
|
1734
2404
|
};
|
|
1735
2405
|
declare function useContentDataResourceLocaleInfo({ locale, setLocale, dynamicInputs, }: ContentDataResourceLocaleInfoProps): ContentDataResourceLocaleInfoResult;
|
|
1736
2406
|
|
|
1737
|
-
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 };
|
|
2407
|
+
export { $createVariableNode, $isVariableNode, type BaseRequestData, type Brand, CHECKBOX_OPERATORS, type ContentDataResourceLocaleInfoProps, type ContentDataResourceLocaleInfoResult, ControlledObjectSearchProvider, type ControlledObjectSearchProviderProps, ControlledValuePlugin, DATE_OPERATORS, DATE_TIME_OPERATORS, DISCONNECT_VARIABLE_COMMAND, type DamItem, DamSelectedItem, type DamSelectedItemProps, DataRefreshButton, type DataRefreshButtonProps, DataResourceDynamicInputProvider, type DataResourceDynamicInputProviderProps, DataResourceInputContext, type DataResourceVariableRendererProps, DataResourceVariablesList, DataResourceVariablesListExplicit, type DataResourceVariablesListProps, DataSourceEditor, type DataSourceEditorProps, DataTypeEditor, type DataTypeEditorProps, type DataVariableDefinitionWithName, DateEditor, DateRangeEditor, 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 Filter, FilterButton, type FilterButtonProps, FilterControls, type FilterEditor, FilterEditorRenderer, type FilterEditorRendererProps, FilterItem, type FilterItemProps, FilterItems, type FilterItemsProps, type FilterMapper, FilterMenu, FilterMultiChoiceEditor, type FilterOption, type FilterOptionGroup, type FilterOptionLeftHandComponentProps, FilterSingleChoiceEditor, type FiltersProps, type GetProductOptions, type GetProductsOptions, INSERT_VARIABLE_COMMAND, index as Icons, type InputOption, type InputOptionGroup, type InputOptionValue, InputVariables, type InputVariablesProps, type InsertVariableCommandArguments, type ItemListProps, type KnownUndefinedVariableInfo, type KnownUndefinedVariableInfoWithName, LinkButton, MULTI_SELECT_OPERATORS, MeshApp, type MeshAppProps, type MeshDataVariableDefinition, NUMBER_OPERATORS, type NoResultsProps, NumberEditor, NumberRangeEditor, OPEN_INSERT_VARIABLE_COMMAND, OPTIONAL_SYSTEM_FIELD_OPERATORS, ObjectSearchContainer, type ObjectSearchContainerProps, ObjectSearchContext, type ObjectSearchContextProps, ObjectSearchFilter, ObjectSearchFilterContainer, type ObjectSearchFilterContainerProps, type ObjectSearchFilterProps, ObjectSearchListItem, ObjectSearchListItemLoadingSkeleton, type ObjectSearchListItemProps, ObjectSearchListOfSearchResults, ObjectSearchProvider, type ObjectSearchProviderProps, ObjectSearchResultItem, ObjectSearchResultItemButton, type ObjectSearchResultItemButtonProps, type ObjectSearchResultItemProps, ObjectSearchResultList, type ObjectSearchResultListProps, type Operator, type OperatorType, type OperatorValue, type OperatorValueType, PUBLISH_STATUS_FIELD_OPERATORS, 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, RICHTEXT_OPERATORS, type RequestAction, RequestBody, type RequestContext, type RequestData, RequestHeaders, RequestMethodSelect, type RequestParameter, RequestParameters, type RequestParametersProps, RequestProvider, type RequestProviderProps, RequestTypeContainer, type RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, SELECT_OPERATORS, SYSTEM_FIELD_OPERATORS, SearchAndFilter, SearchAndFilterContext, type SearchAndFilterContextProps, SearchAndFilterOptionsContainer, type SearchAndFilterOptionsContainerProps, type SearchAndFilterProps, SearchAndFilterProvider, type SearchAndFilterProviderProps, SearchAndFilterResultContainer, type SearchAndFilterResultContainerProps, SearchOnlyContext, SearchOnlyFilter, type SearchOnlyProviderProps, type SearchQueryProps, type SelectedItemProps, SelectionField, type SelectionFieldValue, type SerializedVariableNode, type SetLocationValueDispatch, type SetLocationValueFunction, SortItems, type SortItemsProps, StatusMultiEditor, StatusSingleEditor, TEXTBOX_OPERATORS, TextEditor, TextMultiChoiceEditor, TextVariableRenderer, USER_OPERATORS, type UseVariablesMenu, type UseVariablesMenuInput, VariableChip, VariableEditor, type VariableEditorCompleteEvent, type VariableEditorProps, VariableNode, type VariableNodeState, type VariableSourceGroup, type VariablesAction, type VariablesContext, type VariablesEvents, VariablesList, VariablesPlugin, type VariablesPluginProps, VariablesProvider, type VariablesProviderProps, badgeIcon, bindQuery, bindableFiltersMapper, 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, filterMapper, 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, serializeVariablesEditorSerializedState, serializeVariablesEditorState, setVariablesEditorValue, urlEncodeRequestParameter, urlEncodeRequestUrl, useConnectedDataAsVariables, useContentDataResourceLocaleInfo, useDataResourceDynamicInputs, useDynamicInputsAsVariables, useMeshLocation, useObjectSearchContext, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useSearchAndFilter, useUniformMeshSdk, useVariableEditor, useVariables, useVariablesMenu, variableDefaultTextValue, variablePrefix, variableSuffix, variablesToGroupedList, variablesToList };
|