@uniformdev/design-system 19.134.3-alpha.28 → 19.136.0
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/esm/index.js +696 -677
- package/dist/index.d.mts +62 -132
- package/dist/index.d.ts +62 -132
- package/dist/index.js +713 -707
- package/package.json +5 -4
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { RefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, CSSProperties, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent,
|
|
4
|
-
import { GroupBase
|
|
3
|
+
import React__default, { RefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, CSSProperties, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
|
|
4
|
+
import { GroupBase } from 'react-select';
|
|
5
5
|
export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
|
|
6
6
|
import * as _emotion_react from '@emotion/react';
|
|
7
7
|
import { SerializedStyles } from '@emotion/react';
|
|
@@ -21766,7 +21766,7 @@ type ComboBoxGroupBase<TOption> = GroupBase<TOption>;
|
|
|
21766
21766
|
* InputComboBox
|
|
21767
21767
|
* @component
|
|
21768
21768
|
* @example <InputComboBox name="name" id="combo-box" options={[{ value: 'chocolate', label: 'Chocolate' }, { value: 'strawberry', label: 'Strawberry' }, { value: 'vanilla', label: 'Vanilla' }]} isMulti /> */
|
|
21769
|
-
declare function InputComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props:
|
|
21769
|
+
declare function InputComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props: InputComboBoxProps<TOption, IsMulti, TGroup>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21770
21770
|
|
|
21771
21771
|
type InputInlineSelectOption = {
|
|
21772
21772
|
/** sets the display name of the option */
|
|
@@ -23052,8 +23052,6 @@ type FilterOption = {
|
|
|
23052
23052
|
readOnly?: boolean;
|
|
23053
23053
|
/** Set a disabled state on the input */
|
|
23054
23054
|
disabled?: boolean;
|
|
23055
|
-
/** If filter operator allows it allow bind dynamic value to this filter */
|
|
23056
|
-
bindable?: boolean;
|
|
23057
23055
|
};
|
|
23058
23056
|
/** @deprecated beta - Filter selected and query value props */
|
|
23059
23057
|
type Filter = {
|
|
@@ -23064,6 +23062,11 @@ type Filter = {
|
|
|
23064
23062
|
/** The value selected */
|
|
23065
23063
|
value: string | string[];
|
|
23066
23064
|
};
|
|
23065
|
+
/** @deprecated beta - Locale filter options */
|
|
23066
|
+
type LocaleOptions = {
|
|
23067
|
+
label: string;
|
|
23068
|
+
value: string;
|
|
23069
|
+
}[];
|
|
23067
23070
|
|
|
23068
23071
|
/** @deprecated beta - a list of possible operator values that sync with uniform search api */
|
|
23069
23072
|
type OperatorValue = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'in' | 'nin' | 'between' | 'ndef' | 'def' | 'match';
|
|
@@ -23088,6 +23091,8 @@ declare const RICHTEXT_OPERATORS: OperatorType;
|
|
|
23088
23091
|
declare const CHECKBOX_OPERATORS: OperatorType;
|
|
23089
23092
|
/** @deprecated beta - uniform system field operators */
|
|
23090
23093
|
declare const SYSTEM_FIELD_OPERATORS: OperatorType;
|
|
23094
|
+
/** @deprecated beta - uniform publish status field operators */
|
|
23095
|
+
declare const PUBLISH_STATUS_FIELD_OPERATORS: OperatorType;
|
|
23091
23096
|
|
|
23092
23097
|
/** @description beta - filter button type */
|
|
23093
23098
|
type FilterButtonProps = {
|
|
@@ -23116,109 +23121,13 @@ declare const FilterButton: ({ text, icon, filterCount, hasSelectedValue, dataTe
|
|
|
23116
23121
|
* @deprecated beta - Default filter controls for search and filter
|
|
23117
23122
|
* @example <FilterControls />
|
|
23118
23123
|
*/
|
|
23119
|
-
declare const FilterControls: ({ children,
|
|
23124
|
+
declare const FilterControls: ({ children, hideSearchInput, }: {
|
|
23120
23125
|
/** optional param to allow you to add your own controls */
|
|
23121
23126
|
children?: ReactNode;
|
|
23122
23127
|
/** optional param to hide the search input */
|
|
23123
23128
|
hideSearchInput?: boolean | undefined;
|
|
23124
|
-
/** The default sort by value */
|
|
23125
|
-
defaultSortByValue: string;
|
|
23126
23129
|
}) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23127
23130
|
|
|
23128
|
-
type FilterEditorProps = Record<FilterEditor, ComponentType<{
|
|
23129
|
-
label?: string;
|
|
23130
|
-
value?: string;
|
|
23131
|
-
options: any;
|
|
23132
|
-
onChange: (value: any) => void;
|
|
23133
|
-
}> | (() => ReactNode) | null>;
|
|
23134
|
-
type ComboboxOption = {
|
|
23135
|
-
label: string;
|
|
23136
|
-
value: string;
|
|
23137
|
-
};
|
|
23138
|
-
type SingleValueComboboxProps = Omit<FilterEditorCommonInputProps, 'value'> & {
|
|
23139
|
-
value?: string;
|
|
23140
|
-
options: ComboboxOption[];
|
|
23141
|
-
onChange: (e: string) => void;
|
|
23142
|
-
};
|
|
23143
|
-
type MultiValueComboboxProps = Omit<FilterEditorCommonInputProps, 'value'> & {
|
|
23144
|
-
value?: string[];
|
|
23145
|
-
options: ComboboxOption[];
|
|
23146
|
-
onChange: (e: string[]) => void;
|
|
23147
|
-
};
|
|
23148
|
-
type FilterEditorCommonInputProps = {
|
|
23149
|
-
ariaLabel: string;
|
|
23150
|
-
onChange: (e: string | string[]) => void;
|
|
23151
|
-
disabled?: boolean;
|
|
23152
|
-
value?: string | string[];
|
|
23153
|
-
readOnly?: boolean;
|
|
23154
|
-
valueTestId?: string;
|
|
23155
|
-
bindable?: boolean;
|
|
23156
|
-
};
|
|
23157
|
-
/**
|
|
23158
|
-
* @deprecated beta - Multie select filter component
|
|
23159
|
-
* @example <FilterMultiChoiceEditor options={options} value={options.filter((option) => values.includes(option.value)} onChange={(e) => onChange(e.map((option) => option.value))} />
|
|
23160
|
-
*/
|
|
23161
|
-
declare const FilterMultiChoiceEditor: ({ value, options, disabled, readOnly, valueTestId, ...props }: MultiValueComboboxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23162
|
-
/**
|
|
23163
|
-
* @deprecated beta - Single select filter component
|
|
23164
|
-
* @example <FilterSingleChoiceEditor options={options} value={options.find((option) => values.includes(option.value)} onChange={(e) => onChange(e.value)} />
|
|
23165
|
-
*/
|
|
23166
|
-
declare const FilterSingleChoiceEditor: ({ options, value, disabled, readOnly, onChange, valueTestId, }: SingleValueComboboxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23167
|
-
/**
|
|
23168
|
-
* @deprecated beta - Status multi select filter component that renders a custom dropdown menu
|
|
23169
|
-
* @example <StatusMultiEditor options={options} value={value} onChange={onChange} />
|
|
23170
|
-
*/
|
|
23171
|
-
declare const StatusMultiEditor: ({ options, value, disabled, readOnly, onChange, valueTestId, }: MultiValueComboboxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23172
|
-
/**
|
|
23173
|
-
* @deprecated beta - Status single select filter component that renders a custom dropdown menu
|
|
23174
|
-
* @example <StatusSingleEditor options={options} value={value} onChange={onChange} />
|
|
23175
|
-
*/
|
|
23176
|
-
declare const StatusSingleEditor: ({ options, value, disabled, readOnly, onChange, valueTestId, }: SingleValueComboboxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23177
|
-
/**
|
|
23178
|
-
* @deprecated beta - Renders a text input field for filtering
|
|
23179
|
-
* @example <TextEditor ariaLabel="Search" value={value} onChange={onChange} />
|
|
23180
|
-
*/
|
|
23181
|
-
declare const TextEditor: ({ onChange, ariaLabel, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23182
|
-
/**
|
|
23183
|
-
* @deprecated beta - Renders a number range input field for filtering
|
|
23184
|
-
* @example <NumberRangeEditor ariaLabel="Number Range" value={value} onChange={onChange} />
|
|
23185
|
-
*/
|
|
23186
|
-
declare const NumberRangeEditor: ({ onChange, disabled, ariaLabel, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23187
|
-
/**
|
|
23188
|
-
* @deprecated beta - Renders a number input field for filtering
|
|
23189
|
-
* @example <NumberEditor ariaLabel="Number" value={value} onChange={onChange} />
|
|
23190
|
-
*/
|
|
23191
|
-
declare const NumberEditor: ({ ariaLabel, onChange, disabled, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23192
|
-
/**
|
|
23193
|
-
* @deprecated beta - Renders a date input field for filtering
|
|
23194
|
-
* @example <DateEditor ariaLabel="Date" value={value} onChange={onChange} />
|
|
23195
|
-
*/
|
|
23196
|
-
declare const DateEditor: ({ onChange, ariaLabel, disabled, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23197
|
-
/**
|
|
23198
|
-
* @deprecated beta - Renders a date range input field for filtering
|
|
23199
|
-
* @example <DateRangeEditor ariaLabel="Date Range" value={value} onChange={onChange} />
|
|
23200
|
-
*/
|
|
23201
|
-
declare const DateRangeEditor: ({ ariaLabel, onChange, disabled, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23202
|
-
type FilterEditorRendererProps = Pick<FilterOption, 'readOnly' | 'disabled' | 'bindable'> & {
|
|
23203
|
-
/** The type of filter editor to render */
|
|
23204
|
-
editorType: FilterEditor;
|
|
23205
|
-
/** The options for the filter editor */
|
|
23206
|
-
options?: Array<Operator>;
|
|
23207
|
-
/** The value for the filter editor */
|
|
23208
|
-
value?: string | string[] | InputOption[] | InputOption;
|
|
23209
|
-
/** The onChange event for the filter editor */
|
|
23210
|
-
onChange: (e: string) => void;
|
|
23211
|
-
/** Sets the data-testid value */
|
|
23212
|
-
valueTestId?: string;
|
|
23213
|
-
};
|
|
23214
|
-
/**
|
|
23215
|
-
* @deprecated beta - Renders a filter editor component
|
|
23216
|
-
* @example <FilterEditorRenderer editorType="multiChoice" options={options} value={value} onChange={onChange} />
|
|
23217
|
-
*/
|
|
23218
|
-
declare const FilterEditorRenderer: ({ editorType, ...props }: FilterEditorRendererProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
|
|
23219
|
-
/** @deprecated beta - A mapper for filter editor components */
|
|
23220
|
-
declare const filterMapper: Record<FilterEditor, ComponentType<any> | null>;
|
|
23221
|
-
|
|
23222
23131
|
type FilterRowProps = {
|
|
23223
23132
|
/** the index of the filter row */
|
|
23224
23133
|
index: number;
|
|
@@ -23240,15 +23149,15 @@ declare const FilterItem: ({ index, paramOptions, operatorOptions, valueOptions,
|
|
|
23240
23149
|
type FilterItemsProps = {
|
|
23241
23150
|
/** The text for the add button */
|
|
23242
23151
|
addButtonText?: string;
|
|
23243
|
-
/** The text for the reset button */
|
|
23244
|
-
resetButtonText?: string;
|
|
23245
23152
|
};
|
|
23246
23153
|
/** @deprecated beta - A filter items component used to display filter options */
|
|
23247
|
-
declare const FilterItems: ({ addButtonText
|
|
23154
|
+
declare const FilterItems: ({ addButtonText }: FilterItemsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23248
23155
|
|
|
23249
23156
|
type SearchAndFilterOptionsContainerProps = {
|
|
23250
23157
|
/** The button row to be displayed at the bottom of the container */
|
|
23251
23158
|
buttonRow?: React__default.ReactNode;
|
|
23159
|
+
/** The sort controls to be displayed at the bottom of the container */
|
|
23160
|
+
sortControls?: React__default.ReactNode;
|
|
23252
23161
|
/** The children of the container */
|
|
23253
23162
|
children: React__default.ReactNode;
|
|
23254
23163
|
};
|
|
@@ -23256,7 +23165,7 @@ type SearchAndFilterOptionsContainerProps = {
|
|
|
23256
23165
|
* @deprecated beta - A container component for search and filter options
|
|
23257
23166
|
* @example <SearchAndFilterOptionsContainer buttonRow={<button>Button</button>}>Children</SearchAndFilterOptionsContainer>
|
|
23258
23167
|
* */
|
|
23259
|
-
declare const SearchAndFilterOptionsContainer: ({ buttonRow, children, }: SearchAndFilterOptionsContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23168
|
+
declare const SearchAndFilterOptionsContainer: ({ buttonRow, sortControls, children, }: SearchAndFilterOptionsContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23260
23169
|
type FiltersProps = {
|
|
23261
23170
|
/** The id of the filter menu */
|
|
23262
23171
|
id: string;
|
|
@@ -23264,23 +23173,29 @@ type FiltersProps = {
|
|
|
23264
23173
|
filterTitle?: string;
|
|
23265
23174
|
/** The controls to be displayed at the bottom of the filter menu */
|
|
23266
23175
|
menuControls?: React__default.ReactNode;
|
|
23176
|
+
/** Sort options controls that display at the bottom of the filter menu */
|
|
23177
|
+
sortControls?: React__default.ReactNode;
|
|
23267
23178
|
/** The children of the filter menu */
|
|
23268
23179
|
children: React__default.ReactNode;
|
|
23269
23180
|
/** Sets the data-test-id attribute for the filter menu */
|
|
23270
23181
|
dataTestId?: string;
|
|
23182
|
+
/** The text for the reset button
|
|
23183
|
+
* @default 'reset'
|
|
23184
|
+
*/
|
|
23185
|
+
resetButtonText?: string;
|
|
23271
23186
|
};
|
|
23272
23187
|
/**
|
|
23273
23188
|
* @deprecated beta - A filter menu component used to display filter options
|
|
23274
23189
|
* @example <FilterMenu id="search-and-filter-options">Children</FilterMenu>
|
|
23275
23190
|
* */
|
|
23276
|
-
declare const FilterMenu: ({ id, filterTitle, menuControls, children, dataTestId, }: FiltersProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23191
|
+
declare const FilterMenu: ({ id, filterTitle, menuControls, sortControls, children, dataTestId, resetButtonText, }: FiltersProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23277
23192
|
|
|
23278
|
-
type FilterMapper = Record<string, ComponentType<any> | null>;
|
|
23279
23193
|
type SearchAndFilterProviderProps = {
|
|
23280
23194
|
/** sets the filter values */
|
|
23281
23195
|
filters: Filter[];
|
|
23282
23196
|
/** sets the filter mode */
|
|
23283
|
-
|
|
23197
|
+
/** sets the filter visibility */
|
|
23198
|
+
filterVisible?: boolean;
|
|
23284
23199
|
/** function to trigger search change event */
|
|
23285
23200
|
onSearchChange?: (term: string) => void;
|
|
23286
23201
|
/** function to trigger filter change events */
|
|
@@ -23288,7 +23203,7 @@ type SearchAndFilterProviderProps = {
|
|
|
23288
23203
|
/** function to trigger sort change events */
|
|
23289
23204
|
onSortChange: (sort: string) => void;
|
|
23290
23205
|
/** sets the reset filter values
|
|
23291
|
-
* @default []
|
|
23206
|
+
* @default "[{ field: '', operator: '', value: '' }]"
|
|
23292
23207
|
*/
|
|
23293
23208
|
resetFilterValues?: Filter[];
|
|
23294
23209
|
/** sets the list of filter options for each filter row */
|
|
@@ -23297,10 +23212,14 @@ type SearchAndFilterProviderProps = {
|
|
|
23297
23212
|
sortOptions: FilterOption[];
|
|
23298
23213
|
/** the default sort by value */
|
|
23299
23214
|
defaultSortByValue: string;
|
|
23215
|
+
/** sets the list of locale options */
|
|
23216
|
+
localeOptions?: LocaleOptions;
|
|
23217
|
+
/** function to trigger locale change events */
|
|
23218
|
+
onLocaleChange?: (locale: string) => void;
|
|
23219
|
+
/** sets the default locale option value */
|
|
23220
|
+
defaultLocale?: string;
|
|
23300
23221
|
/** the total number of results */
|
|
23301
23222
|
totalResults?: number;
|
|
23302
|
-
/** the filter mapper function */
|
|
23303
|
-
filterMapper?: FilterMapper;
|
|
23304
23223
|
/** sets child components giving access to useSearchAndFilter context */
|
|
23305
23224
|
children: ReactNode;
|
|
23306
23225
|
};
|
|
@@ -23311,9 +23230,9 @@ type SearchAndFilterContextProps = {
|
|
|
23311
23230
|
/** sets the search term value */
|
|
23312
23231
|
setSearchTerm: (term: string) => void;
|
|
23313
23232
|
/** current filter visibility */
|
|
23314
|
-
filterVisibility?:
|
|
23233
|
+
filterVisibility?: boolean;
|
|
23315
23234
|
/** sets the filter visibility */
|
|
23316
|
-
setFilterVisibility: (
|
|
23235
|
+
setFilterVisibility: (visible: boolean) => void;
|
|
23317
23236
|
/** sets the initial filters */
|
|
23318
23237
|
filters: Filter[];
|
|
23319
23238
|
/** function to update the current filters */
|
|
@@ -23326,16 +23245,20 @@ type SearchAndFilterContextProps = {
|
|
|
23326
23245
|
handleResetFilters: (filters?: Filter[]) => void;
|
|
23327
23246
|
/** function that deletes a row and it's values visually and from state */
|
|
23328
23247
|
handleDeleteFilter: (index: number) => void;
|
|
23248
|
+
/** function to handle locale change */
|
|
23249
|
+
handleLocaleChange: (locale: string) => void;
|
|
23329
23250
|
/** sets the initial list of filter options */
|
|
23330
23251
|
filterOptions: FilterOption[];
|
|
23331
23252
|
/** sets the initial list of sort options */
|
|
23332
23253
|
sortOptions: FilterOption[];
|
|
23333
|
-
/** a
|
|
23254
|
+
/** a value of the selected sort by value */
|
|
23334
23255
|
sortByValue: string;
|
|
23256
|
+
/** sets the initial list of locale options */
|
|
23257
|
+
localeOptions?: LocaleOptions;
|
|
23258
|
+
/** the value of the selected locale */
|
|
23259
|
+
localeValue?: string;
|
|
23335
23260
|
/** a valid list of valid filter options */
|
|
23336
23261
|
validFilterQuery: Filter[] | undefined;
|
|
23337
|
-
/** a component list to map filter options */
|
|
23338
|
-
filterMapper?: FilterMapper;
|
|
23339
23262
|
/** the total number of results */
|
|
23340
23263
|
totalResults?: number;
|
|
23341
23264
|
};
|
|
@@ -23344,7 +23267,7 @@ declare const SearchAndFilterContext: React$1.Context<SearchAndFilterContextProp
|
|
|
23344
23267
|
* @deprecated beta - Search and filter provider
|
|
23345
23268
|
* @example <SearchAndFilterProvider filters={filters} filterOptions={filterOptions} onSearchChange={onSearchChange} onChange={onChange}>Children</SearchAndFilterProvider>
|
|
23346
23269
|
* */
|
|
23347
|
-
declare const SearchAndFilterProvider: ({ filters, filterOptions, sortOptions, defaultSortByValue,
|
|
23270
|
+
declare const SearchAndFilterProvider: ({ filters, filterOptions, sortOptions, defaultSortByValue, defaultLocale, localeOptions, onLocaleChange, filterVisible, onSearchChange, onChange, onSortChange, resetFilterValues, totalResults, children, }: SearchAndFilterProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23348
23271
|
/** @deprecated beta - Search and filter hook
|
|
23349
23272
|
* @example const { searchTerm, setSearchTerm, filterVisibility, setFilterVisibility, filters, setFilters, handleAddFilter, handleResetFilters, handleDeleteFilter, filterOptions, validFilterQuery } = useSearchAndFilter();
|
|
23350
23273
|
*/
|
|
@@ -23354,9 +23277,9 @@ declare const useSearchAndFilter: () => {
|
|
|
23354
23277
|
/** sets the search term value */
|
|
23355
23278
|
setSearchTerm: (term: string) => void;
|
|
23356
23279
|
/** current filter visibility */
|
|
23357
|
-
filterVisibility?:
|
|
23280
|
+
filterVisibility?: boolean | undefined;
|
|
23358
23281
|
/** sets the filter visibility */
|
|
23359
|
-
setFilterVisibility: (
|
|
23282
|
+
setFilterVisibility: (visible: boolean) => void;
|
|
23360
23283
|
/** sets the initial filters */
|
|
23361
23284
|
filters: Filter[];
|
|
23362
23285
|
/** function to update the current filters */
|
|
@@ -23369,16 +23292,20 @@ declare const useSearchAndFilter: () => {
|
|
|
23369
23292
|
handleResetFilters: (filters?: Filter[]) => void;
|
|
23370
23293
|
/** function that deletes a row and it's values visually and from state */
|
|
23371
23294
|
handleDeleteFilter: (index: number) => void;
|
|
23295
|
+
/** function to handle locale change */
|
|
23296
|
+
handleLocaleChange: (locale: string) => void;
|
|
23372
23297
|
/** sets the initial list of filter options */
|
|
23373
23298
|
filterOptions: FilterOption[];
|
|
23374
23299
|
/** sets the initial list of sort options */
|
|
23375
23300
|
sortOptions: FilterOption[];
|
|
23376
|
-
/** a
|
|
23301
|
+
/** a value of the selected sort by value */
|
|
23377
23302
|
sortByValue: string;
|
|
23303
|
+
/** sets the initial list of locale options */
|
|
23304
|
+
localeOptions?: LocaleOptions | undefined;
|
|
23305
|
+
/** the value of the selected locale */
|
|
23306
|
+
localeValue?: string | undefined;
|
|
23378
23307
|
/** a valid list of valid filter options */
|
|
23379
23308
|
validFilterQuery: Filter[] | undefined;
|
|
23380
|
-
/** a component list to map filter options */
|
|
23381
|
-
filterMapper?: FilterMapper | undefined;
|
|
23382
23309
|
/** the total number of results */
|
|
23383
23310
|
totalResults?: number | undefined;
|
|
23384
23311
|
};
|
|
@@ -23389,11 +23316,9 @@ type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
|
|
|
23389
23316
|
*/
|
|
23390
23317
|
filterControls?: React$1.ReactNode;
|
|
23391
23318
|
/** sets the filter mode */
|
|
23392
|
-
|
|
23319
|
+
filterVisible?: boolean;
|
|
23393
23320
|
/** The view switch controls to be displayed */
|
|
23394
23321
|
viewSwitchControls?: React$1.ReactNode;
|
|
23395
|
-
/** The default sort by value */
|
|
23396
|
-
defaultSortByValue: string;
|
|
23397
23322
|
/** The number of total results */
|
|
23398
23323
|
totalResults?: number;
|
|
23399
23324
|
/** The results container view
|
|
@@ -23404,14 +23329,12 @@ type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
|
|
|
23404
23329
|
resetFilterValues?: Filter[];
|
|
23405
23330
|
/** The children of the search and filter component */
|
|
23406
23331
|
children?: React$1.ReactNode;
|
|
23407
|
-
/** The filter mapper function */
|
|
23408
|
-
filterMapper?: Record<FilterEditor, React$1.ComponentType<any> | null>;
|
|
23409
23332
|
};
|
|
23410
23333
|
/**
|
|
23411
23334
|
* @deprecated beta - Search and filter component
|
|
23412
23335
|
* @example <SearchAndFilter filters={filters} filterOptions={filterOptions} onChange={onChange} onSearchChange={onSearchChange} onSearchReset={onSearchReset} totalResults={totalResults} />
|
|
23413
23336
|
* */
|
|
23414
|
-
declare const SearchAndFilter: ({ filters, filterOptions,
|
|
23337
|
+
declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, sortOptions, defaultSortByValue, filterControls, viewSwitchControls, resultsContainerView, children, onChange, onSearchChange, onSortChange, onLocaleChange, totalResults, resetFilterValues, defaultLocale, localeOptions, }: SearchAndFilterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23415
23338
|
|
|
23416
23339
|
type SearchAndFilterResultContainerProps = {
|
|
23417
23340
|
/** The label for the clear button
|
|
@@ -23445,6 +23368,7 @@ type SegmentedControlOption<TValue extends string = string> = {
|
|
|
23445
23368
|
icon?: IconType;
|
|
23446
23369
|
tooltip?: string;
|
|
23447
23370
|
disabled?: boolean;
|
|
23371
|
+
'data-testid'?: string;
|
|
23448
23372
|
};
|
|
23449
23373
|
type SegmentedControlProps<TValue extends string = string> = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
|
|
23450
23374
|
/** A unique name for the component, used to group the options */
|
|
@@ -23468,13 +23392,19 @@ type SegmentedControlProps<TValue extends string = string> = Omit<React__default
|
|
|
23468
23392
|
* The size of the input
|
|
23469
23393
|
* @default 'md'
|
|
23470
23394
|
*/
|
|
23471
|
-
size?: 'sm' | 'md' | 'lg';
|
|
23395
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
23396
|
+
/** Hides the text of the options */
|
|
23397
|
+
hideOptionText?: boolean;
|
|
23398
|
+
/** The size of the icon
|
|
23399
|
+
* @default '1.5em'
|
|
23400
|
+
*/
|
|
23401
|
+
iconSize?: string;
|
|
23472
23402
|
};
|
|
23473
23403
|
/**
|
|
23474
23404
|
* Horizontal control with multiple segments. Can be used as a replacement of radio buttons.
|
|
23475
23405
|
* @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
|
|
23476
23406
|
*/
|
|
23477
|
-
declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, ...props }: SegmentedControlProps<TValue>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23407
|
+
declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, hideOptionText, iconSize, ...props }: SegmentedControlProps<TValue>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23478
23408
|
|
|
23479
23409
|
declare function ShortcutContext({ children }: {
|
|
23480
23410
|
children: React__default.ReactNode;
|
|
@@ -23919,4 +23849,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
23919
23849
|
};
|
|
23920
23850
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23921
23851
|
|
|
23922
|
-
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, type ArrowPositionProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, CHECKBOX_OPERATORS, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DATE_OPERATORS, DashedBox, type DashedBoxProps,
|
|
23852
|
+
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, type ArrowPositionProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, CHECKBOX_OPERATORS, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DATE_OPERATORS, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, Fieldset, type FieldsetProps, type Filter, FilterButton, type FilterButtonProps, FilterControls, type FilterEditor, FilterItem, FilterItems, type FilterItemsProps, FilterMenu, type FilterOption, type FilterRowProps, type FiltersProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, InlineAlert, type InlineAlertProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputOption, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuGroup, type MenuGroupProps, MenuItem, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, NUMBER_OPERATORS, type Operator, type OperatorType, type OperatorValue, type OperatorValueType, PUBLISH_STATUS_FIELD_OPERATORS, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, RICHTEXT_OPERATORS, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, SYSTEM_DATE_OPERATORS, SYSTEM_FIELD_OPERATORS, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchAndFilter, SearchAndFilterContext, type SearchAndFilterContextProps, SearchAndFilterOptionsContainer, type SearchAndFilterOptionsContainerProps, type SearchAndFilterProps, SearchAndFilterProvider, type SearchAndFilterProviderProps, SearchAndFilterResultContainer, type SearchAndFilterResultContainerProps, SearchOnlyContext, SearchOnlyFilter, type SearchOnlyProviderProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TEXTBOX_OPERATORS, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, USER_OPERATORS, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, type filterMode, fullWidthScreenIcon, getDrawerAttributes, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, useSearchAndFilter, useShortcut, warningIcon, yesNoIcon };
|