@uniformdev/design-system 19.79.1-alpha.13 → 19.79.1-alpha.25
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/LICENSE +1 -1
- package/dist/esm/{importedIcons-GRLD5JXK.js → importedIcons-XEGXOSVC.js} +2 -0
- package/dist/esm/index.js +2741 -849
- package/dist/index.d.mts +538 -13
- package/dist/index.d.ts +538 -13
- package/dist/index.js +3332 -1388
- package/package.json +10 -8
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, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
|
|
4
|
-
import { GroupBase } from 'react-select';
|
|
3
|
+
import React__default, { RefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, CSSProperties, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent, ComponentType, HtmlHTMLAttributes } from 'react';
|
|
4
|
+
import { GroupBase, Props } 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';
|
|
@@ -156,6 +156,7 @@ declare const skeletonLoading: _emotion_react.Keyframes;
|
|
|
156
156
|
declare const fadeInLtr: _emotion_react.Keyframes;
|
|
157
157
|
declare const fadeInRtl: _emotion_react.Keyframes;
|
|
158
158
|
declare const slideInTtb: _emotion_react.Keyframes;
|
|
159
|
+
declare const spin: _emotion_react.Keyframes;
|
|
159
160
|
|
|
160
161
|
/** Custom scrollbar styles */
|
|
161
162
|
declare const scrollbarStyles: _emotion_react.SerializedStyles;
|
|
@@ -20354,6 +20355,8 @@ declare const allSupportedIcons: {
|
|
|
20354
20355
|
'magic-wand': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
20355
20356
|
'list-view-short': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
20356
20357
|
'list-view-long': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
20358
|
+
'filter-add': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
20359
|
+
refresh: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
20357
20360
|
'add-r': _react_icons_all_files_lib.IconType;
|
|
20358
20361
|
add: _react_icons_all_files_lib.IconType;
|
|
20359
20362
|
airplane: _react_icons_all_files_lib.IconType;
|
|
@@ -20539,6 +20542,7 @@ declare const allSupportedIcons: {
|
|
|
20539
20542
|
compress: _react_icons_all_files_lib.IconType;
|
|
20540
20543
|
controller: _react_icons_all_files_lib.IconType;
|
|
20541
20544
|
copy: _react_icons_all_files_lib.IconType;
|
|
20545
|
+
'copy-all': _react_icons_all_files_lib.IconType;
|
|
20542
20546
|
copyright: _react_icons_all_files_lib.IconType;
|
|
20543
20547
|
'corner-double-down-left': _react_icons_all_files_lib.IconType;
|
|
20544
20548
|
'corner-double-down-right': _react_icons_all_files_lib.IconType;
|
|
@@ -21003,7 +21007,7 @@ type IconName = keyof typeof allSupportedIcons;
|
|
|
21003
21007
|
/** sets fill color of the svg icon
|
|
21004
21008
|
* @default 'default'
|
|
21005
21009
|
*/
|
|
21006
|
-
type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'accent' | 'currentColor' | 'accent-light';
|
|
21010
|
+
type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light';
|
|
21007
21011
|
/** sets the type of icon to use from the available list */
|
|
21008
21012
|
type IconType = IconName | IconType$1;
|
|
21009
21013
|
interface IconProps extends IconBaseProps {
|
|
@@ -21063,6 +21067,8 @@ declare const customIcons: {
|
|
|
21063
21067
|
'magic-wand': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
21064
21068
|
'list-view-short': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
21065
21069
|
'list-view-long': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
21070
|
+
'filter-add': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
21071
|
+
refresh: (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
21066
21072
|
};
|
|
21067
21073
|
|
|
21068
21074
|
type IconsMap = Record<string, IconType$1>;
|
|
@@ -21090,7 +21096,7 @@ interface ActionButtonsProps {
|
|
|
21090
21096
|
*/
|
|
21091
21097
|
buttonType?: ButtonThemeProps;
|
|
21092
21098
|
/** sets the button text value */
|
|
21093
|
-
buttonText:
|
|
21099
|
+
buttonText: React$1.ReactNode;
|
|
21094
21100
|
/** sets a leading icon supporting the button text */
|
|
21095
21101
|
icon?: IconName;
|
|
21096
21102
|
/** adds child components to the ButtonWithMenu component */
|
|
@@ -21099,6 +21105,15 @@ interface ActionButtonsProps {
|
|
|
21099
21105
|
size?: ButtonSizeProps;
|
|
21100
21106
|
/** sets additional Menu component styles */
|
|
21101
21107
|
menuContainerCssClasses?: SerializedStyles;
|
|
21108
|
+
/** sets whether to use a React portal rendering or not.
|
|
21109
|
+
* @default false
|
|
21110
|
+
*/
|
|
21111
|
+
withoutPortal?: boolean;
|
|
21112
|
+
/** (optional) sets the maximum height of the menu
|
|
21113
|
+
* setting a max menu height value will make the menu scrollable if the content exceeds the height
|
|
21114
|
+
* this is not compatible with nested menus that expand to the left or right of the menu
|
|
21115
|
+
*/
|
|
21116
|
+
maxMenuHeight?: string;
|
|
21102
21117
|
}
|
|
21103
21118
|
/** ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes */
|
|
21104
21119
|
type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
@@ -21124,7 +21139,7 @@ type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttributes<HTM
|
|
|
21124
21139
|
</MenuItem>
|
|
21125
21140
|
</ButtonWithMenu>
|
|
21126
21141
|
*/
|
|
21127
|
-
declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, icon, disabled, children, placement, size, menuContainerCssClasses, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21142
|
+
declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, icon, disabled, children, placement, size, menuContainerCssClasses, withoutPortal, maxMenuHeight, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21128
21143
|
|
|
21129
21144
|
/**
|
|
21130
21145
|
* A string in the ISO 8601 date format: YYYY-MM-DD
|
|
@@ -21313,7 +21328,7 @@ interface DateTimePickerValue {
|
|
|
21313
21328
|
type DateTimePickerProps = {
|
|
21314
21329
|
id: string;
|
|
21315
21330
|
/** (optional) sets the label value */
|
|
21316
|
-
label?:
|
|
21331
|
+
label?: ReactNode;
|
|
21317
21332
|
/** The current controlled value of the picker */
|
|
21318
21333
|
value: DateTimePickerValue | null | undefined;
|
|
21319
21334
|
/** (optional) The minimum visible date. The calendar will not show previous months */
|
|
@@ -21753,7 +21768,7 @@ type ComboBoxGroupBase<TOption> = GroupBase<TOption>;
|
|
|
21753
21768
|
* InputComboBox
|
|
21754
21769
|
* @component
|
|
21755
21770
|
* @example <InputComboBox name="name" id="combo-box" options={[{ value: 'chocolate', label: 'Chocolate' }, { value: 'strawberry', label: 'Strawberry' }, { value: 'vanilla', label: 'Vanilla' }]} isMulti /> */
|
|
21756
|
-
declare function InputComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props:
|
|
21771
|
+
declare function InputComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props: Props<TOption, IsMulti, TGroup>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21757
21772
|
|
|
21758
21773
|
type InputInlineSelectOption = {
|
|
21759
21774
|
/** sets the display name of the option */
|
|
@@ -21813,9 +21828,23 @@ interface InputKeywordSearchProps extends React$1.InputHTMLAttributes<HTMLInputE
|
|
|
21813
21828
|
}
|
|
21814
21829
|
/**
|
|
21815
21830
|
* Component used for keyword search functionality
|
|
21816
|
-
*
|
|
21831
|
+
*
|
|
21832
|
+
* @example <InputKeywordSearch onSearchTextChanged={setKeyword} delay={500} value={keyword} compact />
|
|
21817
21833
|
*/
|
|
21818
21834
|
declare const InputKeywordSearch: ({ onSearchTextChanged, disabled, placeholder, inputFieldName, disabledFieldSubmission, value, onClear, compact, rounded, ...props }: InputKeywordSearchProps) => React$1.ReactElement;
|
|
21835
|
+
type DebouncedInputKeywordSearchProps = Omit<InputKeywordSearchProps, 'value'> & {
|
|
21836
|
+
/** Debounce delay in milliseconds */
|
|
21837
|
+
delay?: number;
|
|
21838
|
+
/**Default value to initialize field with, as it is not controlled component and does not support providing values */
|
|
21839
|
+
defaultValue?: string;
|
|
21840
|
+
};
|
|
21841
|
+
/**
|
|
21842
|
+
* Wrapper for InputKeywordSearch that debounces the onSearchTextChanged callback
|
|
21843
|
+
* to avoid triggering any business logic on every keystroke.
|
|
21844
|
+
*
|
|
21845
|
+
* @example <DebouncedInputKeywordSearch onSearchTextChanged={setKeyword} delay={500} />
|
|
21846
|
+
*/
|
|
21847
|
+
declare const DebouncedInputKeywordSearch: ({ delay, onSearchTextChanged, defaultValue, ...props }: DebouncedInputKeywordSearchProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21819
21848
|
|
|
21820
21849
|
type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
|
|
21821
21850
|
/** (optional) sets the first item in the options list with empty value */
|
|
@@ -22355,6 +22384,11 @@ interface MenuProps extends MenuProps$2 {
|
|
|
22355
22384
|
withoutPortal?: boolean;
|
|
22356
22385
|
/** (optional) sets the test id attribute */
|
|
22357
22386
|
testId?: string;
|
|
22387
|
+
/** (optional) sets the maximum height of the menu
|
|
22388
|
+
* setting a max menu height value will make the menu scrollable if the content exceeds the height
|
|
22389
|
+
* this is not compatible with nested menus that expand to the left or right of the menu
|
|
22390
|
+
*/
|
|
22391
|
+
maxMenuHeight?: string;
|
|
22358
22392
|
}
|
|
22359
22393
|
/**
|
|
22360
22394
|
* Component used for creating clickable menus
|
|
@@ -22415,6 +22449,25 @@ declare const MenuItemInner: React$1.FC<MenuItemProps>;
|
|
|
22415
22449
|
|
|
22416
22450
|
declare const MenuItemSeparator: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22417
22451
|
|
|
22452
|
+
type MenuButtonProp = {
|
|
22453
|
+
children: React.ReactNode;
|
|
22454
|
+
} & HTMLAttributes<HTMLButtonElement>;
|
|
22455
|
+
declare const MenuButton: React$1.ForwardRefExoticComponent<{
|
|
22456
|
+
children: React.ReactNode;
|
|
22457
|
+
} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
22458
|
+
type MenuThreeDotsProps = {
|
|
22459
|
+
/** sets the aria-label and title value on the button
|
|
22460
|
+
* @default 'More options'
|
|
22461
|
+
*/
|
|
22462
|
+
buttonTitle?: string;
|
|
22463
|
+
} & HTMLAttributes<HTMLButtonElement>;
|
|
22464
|
+
declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
|
|
22465
|
+
/** sets the aria-label and title value on the button
|
|
22466
|
+
* @default 'More options'
|
|
22467
|
+
*/
|
|
22468
|
+
buttonTitle?: string | undefined;
|
|
22469
|
+
} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
22470
|
+
|
|
22418
22471
|
type MediaCardProps = Omit<CardProps, 'menuItems'> & {
|
|
22419
22472
|
title: string;
|
|
22420
22473
|
subtitle?: React.ReactNode;
|
|
@@ -22422,9 +22475,10 @@ type MediaCardProps = Omit<CardProps, 'menuItems'> & {
|
|
|
22422
22475
|
cover?: React.ReactNode;
|
|
22423
22476
|
menuItems?: React.ReactElement<MenuItemProps>[] | React.ReactNode;
|
|
22424
22477
|
sideSection?: React.ReactNode;
|
|
22478
|
+
buttonType?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
22425
22479
|
onClick?: () => void;
|
|
22426
22480
|
};
|
|
22427
|
-
declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, ...cardProps }: MediaCardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22481
|
+
declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, buttonType, ...cardProps }: MediaCardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22428
22482
|
|
|
22429
22483
|
type ModalProps = {
|
|
22430
22484
|
header?: React__default.ReactNode;
|
|
@@ -22444,6 +22498,8 @@ type ModalProps = {
|
|
|
22444
22498
|
* @deprecated the dialog is not rendered inside a wrapper anymore.
|
|
22445
22499
|
*/
|
|
22446
22500
|
wrapperClassName?: string;
|
|
22501
|
+
/** Removes the default padding on the content wrapper */
|
|
22502
|
+
withoutContentPadding?: boolean;
|
|
22447
22503
|
/** Places buttons at the bottom of the modal */
|
|
22448
22504
|
buttonGroup?: ReactNode;
|
|
22449
22505
|
} & React__default.HTMLProps<HTMLDialogElement>;
|
|
@@ -22453,6 +22509,9 @@ type ModalProps = {
|
|
|
22453
22509
|
*/
|
|
22454
22510
|
declare const Modal: React__default.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React__default.RefAttributes<HTMLDialogElement>>;
|
|
22455
22511
|
|
|
22512
|
+
type ModalDialogProps = Omit<ModalProps, 'width'>;
|
|
22513
|
+
declare const ModalDialog: React$1.ForwardRefExoticComponent<Omit<ModalDialogProps, "ref"> & React$1.RefAttributes<HTMLDialogElement>>;
|
|
22514
|
+
|
|
22456
22515
|
declare function Pagination({ limit, offset, total, onPageChange, }: {
|
|
22457
22516
|
limit: number;
|
|
22458
22517
|
offset: number;
|
|
@@ -22970,12 +23029,472 @@ type ProgressListItem<IdType extends string = string> = {
|
|
|
22970
23029
|
};
|
|
22971
23030
|
declare const ProgressListItem: ({ children, status, error, errorLevel, autoEllipsis, }: ProgressListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22972
23031
|
|
|
23032
|
+
/** @deprecated beta - Filter editor component names */
|
|
23033
|
+
type FilterEditor = 'singleChoice' | 'multiChoice' | 'dateRange' | 'date' | 'text' | 'empty' | 'number' | 'numberRange' | 'statusMultiChoice' | 'statusSingleChoice';
|
|
23034
|
+
/** @deprecated beta - Input option props */
|
|
23035
|
+
type InputOption = {
|
|
23036
|
+
/** The label for the option */
|
|
23037
|
+
label: string;
|
|
23038
|
+
/** The value for the option */
|
|
23039
|
+
value?: string | undefined;
|
|
23040
|
+
/** The options for the option */
|
|
23041
|
+
options?: Array<FilterOption>;
|
|
23042
|
+
/** Set a disabled state on the input */
|
|
23043
|
+
isDisabled?: boolean;
|
|
23044
|
+
/** Set a readonly state on the input */
|
|
23045
|
+
readOnly?: boolean;
|
|
23046
|
+
};
|
|
23047
|
+
/** @deprecated beta - Operator option props */
|
|
23048
|
+
type Operator = {
|
|
23049
|
+
/** The label for the operator */
|
|
23050
|
+
label: string;
|
|
23051
|
+
/** The symbol for the operator */
|
|
23052
|
+
value?: string;
|
|
23053
|
+
/** The symbol for the operator */
|
|
23054
|
+
symbol?: string;
|
|
23055
|
+
/** The editor type for the operator */
|
|
23056
|
+
options?: Array<InputOption>;
|
|
23057
|
+
/** The editor type for the operator */
|
|
23058
|
+
editorType?: FilterEditor;
|
|
23059
|
+
};
|
|
23060
|
+
/** @deprecated beta - Filter option props */
|
|
23061
|
+
type FilterOption = {
|
|
23062
|
+
/** The label for the option */
|
|
23063
|
+
label: string;
|
|
23064
|
+
/** The value for the option */
|
|
23065
|
+
value: string;
|
|
23066
|
+
/** The options for the option */
|
|
23067
|
+
options?: FilterOption[];
|
|
23068
|
+
/** The operator options for the option */
|
|
23069
|
+
operatorOptions?: Operator[];
|
|
23070
|
+
/** The value options for the option */
|
|
23071
|
+
valueOptions?: InputOption[];
|
|
23072
|
+
/** Set a readonly state on the input */
|
|
23073
|
+
readOnly?: boolean;
|
|
23074
|
+
/** Set a disabled state on the input */
|
|
23075
|
+
disabled?: boolean;
|
|
23076
|
+
/** If filter operator allows it allow bind dynamic value to this filter */
|
|
23077
|
+
bindable?: boolean;
|
|
23078
|
+
};
|
|
23079
|
+
/** @deprecated beta - Filter selected and query value props */
|
|
23080
|
+
type Filter = {
|
|
23081
|
+
/** The field value selected */
|
|
23082
|
+
field: string;
|
|
23083
|
+
/** The operator value selected */
|
|
23084
|
+
operator: string;
|
|
23085
|
+
/** The value selected */
|
|
23086
|
+
value: string | string[];
|
|
23087
|
+
};
|
|
23088
|
+
/** @deprecated beta - Locale filter options */
|
|
23089
|
+
type LocaleOptions = {
|
|
23090
|
+
label: string;
|
|
23091
|
+
value: string;
|
|
23092
|
+
}[];
|
|
23093
|
+
|
|
23094
|
+
/** @deprecated beta - a list of possible operator values that sync with uniform search api */
|
|
23095
|
+
type OperatorValue = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'in' | 'nin' | 'between' | 'ndef' | 'def' | 'match';
|
|
23096
|
+
type OperatorValueType = {
|
|
23097
|
+
value: OperatorValue;
|
|
23098
|
+
};
|
|
23099
|
+
/** @deprecated beta - a list of possible operator types */
|
|
23100
|
+
type OperatorType = Array<Omit<Operator, 'value'> & OperatorValueType>;
|
|
23101
|
+
/** @deprecated beta - uniform number operators */
|
|
23102
|
+
declare const NUMBER_OPERATORS: OperatorType;
|
|
23103
|
+
/** @deprecated beta - uniform date operators */
|
|
23104
|
+
declare const DATE_OPERATORS: OperatorType;
|
|
23105
|
+
/** @deprecated beta - uniform textbox operators */
|
|
23106
|
+
declare const TEXTBOX_OPERATORS: OperatorType;
|
|
23107
|
+
/** @deprecated beta - uniform user operators */
|
|
23108
|
+
declare const USER_OPERATORS: OperatorType;
|
|
23109
|
+
/** @deprecated beta - uniform system date operators */
|
|
23110
|
+
declare const SYSTEM_DATE_OPERATORS: OperatorType;
|
|
23111
|
+
/** @deprecated beta - uniform rich text operators */
|
|
23112
|
+
declare const RICHTEXT_OPERATORS: OperatorType;
|
|
23113
|
+
/** @deprecated beta - uniform checkbox operators */
|
|
23114
|
+
declare const CHECKBOX_OPERATORS: OperatorType;
|
|
23115
|
+
/** @deprecated beta - uniform system field operators */
|
|
23116
|
+
declare const SYSTEM_FIELD_OPERATORS: OperatorType;
|
|
23117
|
+
/** @deprecated beta - uniform publish status field operators */
|
|
23118
|
+
declare const PUBLISH_STATUS_FIELD_OPERATORS: OperatorType;
|
|
23119
|
+
|
|
23120
|
+
/** @description beta - filter button type */
|
|
23121
|
+
type FilterButtonProps = {
|
|
23122
|
+
/** text to display on the button
|
|
23123
|
+
* @default "Filters"
|
|
23124
|
+
*/
|
|
23125
|
+
text?: string;
|
|
23126
|
+
/** icon to display on the button
|
|
23127
|
+
* @default "filter-add"
|
|
23128
|
+
*/
|
|
23129
|
+
icon?: IconType;
|
|
23130
|
+
/** number of filters to display on the button and sets the styles on the button */
|
|
23131
|
+
filterCount?: number;
|
|
23132
|
+
/** sets the selected styles on the button */
|
|
23133
|
+
hasSelectedValue?: boolean;
|
|
23134
|
+
/** sets the data-testid attribute on the button */
|
|
23135
|
+
dataTestId?: string;
|
|
23136
|
+
} & HTMLAttributes<HTMLButtonElement>;
|
|
23137
|
+
/**
|
|
23138
|
+
* @deprecated beta - A filter button component used to display filter menu options
|
|
23139
|
+
* @example <FilterButton text="Filters" filterCount={3} />
|
|
23140
|
+
*/
|
|
23141
|
+
declare const FilterButton: ({ text, icon, filterCount, hasSelectedValue, dataTestId, ...props }: FilterButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23142
|
+
|
|
23143
|
+
/**
|
|
23144
|
+
* @deprecated beta - Default filter controls for search and filter
|
|
23145
|
+
* @example <FilterControls />
|
|
23146
|
+
*/
|
|
23147
|
+
declare const FilterControls: ({ children, hideSearchInput, }: {
|
|
23148
|
+
/** optional param to allow you to add your own controls */
|
|
23149
|
+
children?: ReactNode;
|
|
23150
|
+
/** optional param to hide the search input */
|
|
23151
|
+
hideSearchInput?: boolean | undefined;
|
|
23152
|
+
}) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23153
|
+
|
|
23154
|
+
type FilterEditorProps = Record<FilterEditor, ComponentType<{
|
|
23155
|
+
label?: string;
|
|
23156
|
+
value?: string;
|
|
23157
|
+
options: any;
|
|
23158
|
+
onChange: (value: any) => void;
|
|
23159
|
+
}> | (() => ReactNode) | null>;
|
|
23160
|
+
type ComboboxOption = {
|
|
23161
|
+
label: string;
|
|
23162
|
+
value: string;
|
|
23163
|
+
};
|
|
23164
|
+
type SingleValueComboboxProps = Omit<FilterEditorCommonInputProps, 'value'> & {
|
|
23165
|
+
value?: string;
|
|
23166
|
+
options: ComboboxOption[];
|
|
23167
|
+
onChange: (e: string) => void;
|
|
23168
|
+
};
|
|
23169
|
+
type MultiValueComboboxProps = Omit<FilterEditorCommonInputProps, 'value'> & {
|
|
23170
|
+
value?: string[];
|
|
23171
|
+
options: ComboboxOption[];
|
|
23172
|
+
onChange: (e: string[]) => void;
|
|
23173
|
+
};
|
|
23174
|
+
type FilterEditorCommonInputProps = {
|
|
23175
|
+
ariaLabel: string;
|
|
23176
|
+
onChange: (e: string | string[]) => void;
|
|
23177
|
+
disabled?: boolean;
|
|
23178
|
+
value?: string | string[];
|
|
23179
|
+
readOnly?: boolean;
|
|
23180
|
+
valueTestId?: string;
|
|
23181
|
+
bindable?: boolean;
|
|
23182
|
+
};
|
|
23183
|
+
/**
|
|
23184
|
+
* @deprecated beta - Multie select filter component
|
|
23185
|
+
* @example <FilterMultiChoiceEditor options={options} value={options.filter((option) => values.includes(option.value)} onChange={(e) => onChange(e.map((option) => option.value))} />
|
|
23186
|
+
*/
|
|
23187
|
+
declare const FilterMultiChoiceEditor: ({ value, options, disabled, readOnly, valueTestId, ...props }: MultiValueComboboxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23188
|
+
/**
|
|
23189
|
+
* @deprecated beta - Single select filter component
|
|
23190
|
+
* @example <FilterSingleChoiceEditor options={options} value={options.find((option) => values.includes(option.value)} onChange={(e) => onChange(e.value)} />
|
|
23191
|
+
*/
|
|
23192
|
+
declare const FilterSingleChoiceEditor: ({ options, value, disabled, readOnly, onChange, valueTestId, }: SingleValueComboboxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23193
|
+
/**
|
|
23194
|
+
* @deprecated beta - Status multi select filter component that renders a custom dropdown menu
|
|
23195
|
+
* @example <StatusMultiEditor options={options} value={value} onChange={onChange} />
|
|
23196
|
+
*/
|
|
23197
|
+
declare const StatusMultiEditor: ({ options, value, disabled, readOnly, onChange, valueTestId, }: MultiValueComboboxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23198
|
+
/**
|
|
23199
|
+
* @deprecated beta - Status single select filter component that renders a custom dropdown menu
|
|
23200
|
+
* @example <StatusSingleEditor options={options} value={value} onChange={onChange} />
|
|
23201
|
+
*/
|
|
23202
|
+
declare const StatusSingleEditor: ({ options, value, disabled, readOnly, onChange, valueTestId, }: SingleValueComboboxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23203
|
+
/**
|
|
23204
|
+
* @deprecated beta - Renders a text input field for filtering
|
|
23205
|
+
* @example <TextEditor ariaLabel="Search" value={value} onChange={onChange} />
|
|
23206
|
+
*/
|
|
23207
|
+
declare const TextEditor: ({ onChange, ariaLabel, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23208
|
+
/**
|
|
23209
|
+
* @deprecated beta - Renders a number range input field for filtering
|
|
23210
|
+
* @example <NumberRangeEditor ariaLabel="Number Range" value={value} onChange={onChange} />
|
|
23211
|
+
*/
|
|
23212
|
+
declare const NumberRangeEditor: ({ onChange, disabled, ariaLabel, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23213
|
+
/**
|
|
23214
|
+
* @deprecated beta - Renders a number input field for filtering
|
|
23215
|
+
* @example <NumberEditor ariaLabel="Number" value={value} onChange={onChange} />
|
|
23216
|
+
*/
|
|
23217
|
+
declare const NumberEditor: ({ ariaLabel, onChange, disabled, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23218
|
+
/**
|
|
23219
|
+
* @deprecated beta - Renders a date input field for filtering
|
|
23220
|
+
* @example <DateEditor ariaLabel="Date" value={value} onChange={onChange} />
|
|
23221
|
+
*/
|
|
23222
|
+
declare const DateEditor: ({ onChange, ariaLabel, disabled, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23223
|
+
/**
|
|
23224
|
+
* @deprecated beta - Renders a date range input field for filtering
|
|
23225
|
+
* @example <DateRangeEditor ariaLabel="Date Range" value={value} onChange={onChange} />
|
|
23226
|
+
*/
|
|
23227
|
+
declare const DateRangeEditor: ({ ariaLabel, onChange, disabled, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23228
|
+
type FilterEditorRendererProps = Pick<FilterOption, 'readOnly' | 'disabled' | 'bindable'> & {
|
|
23229
|
+
/** The type of filter editor to render */
|
|
23230
|
+
editorType: FilterEditor;
|
|
23231
|
+
/** The options for the filter editor */
|
|
23232
|
+
options?: Array<Operator>;
|
|
23233
|
+
/** The value for the filter editor */
|
|
23234
|
+
value?: string | string[] | InputOption[] | InputOption;
|
|
23235
|
+
/** The onChange event for the filter editor */
|
|
23236
|
+
onChange: (e: string) => void;
|
|
23237
|
+
/** Sets the data-testid value */
|
|
23238
|
+
valueTestId?: string;
|
|
23239
|
+
};
|
|
23240
|
+
/**
|
|
23241
|
+
* @deprecated beta - Renders a filter editor component
|
|
23242
|
+
* @example <FilterEditorRenderer editorType="multiChoice" options={options} value={value} onChange={onChange} />
|
|
23243
|
+
*/
|
|
23244
|
+
declare const FilterEditorRenderer: ({ editorType, ...props }: FilterEditorRendererProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
|
|
23245
|
+
/** @deprecated beta - A mapper for filter editor components */
|
|
23246
|
+
declare const filterMapper: Record<FilterEditor, ComponentType<any> | null>;
|
|
23247
|
+
|
|
23248
|
+
type FilterRowProps = {
|
|
23249
|
+
/** the index of the filter row */
|
|
23250
|
+
index: number;
|
|
23251
|
+
/** the list of filter options for each filter row */
|
|
23252
|
+
paramOptions: FilterOption[];
|
|
23253
|
+
/** function to trigger filter change events */
|
|
23254
|
+
onParamChange: (e: string) => void;
|
|
23255
|
+
/** the list of operator options for each filter row */
|
|
23256
|
+
operatorOptions: Operator[];
|
|
23257
|
+
/** function to trigger operator change events */
|
|
23258
|
+
onOperatorChange: (e: string) => void;
|
|
23259
|
+
/** function to trigger value change events */
|
|
23260
|
+
onValueChange: (e: string) => void;
|
|
23261
|
+
/** the list of value options for each filter row */
|
|
23262
|
+
valueOptions: InputOption[];
|
|
23263
|
+
};
|
|
23264
|
+
/** @deprecated beta - A filter item component used to display filter options */
|
|
23265
|
+
declare const FilterItem: ({ index, paramOptions, operatorOptions, valueOptions, onParamChange, onOperatorChange, onValueChange, }: FilterRowProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23266
|
+
type FilterItemsProps = {
|
|
23267
|
+
/** The text for the add button */
|
|
23268
|
+
addButtonText?: string;
|
|
23269
|
+
};
|
|
23270
|
+
/** @deprecated beta - A filter items component used to display filter options */
|
|
23271
|
+
declare const FilterItems: ({ addButtonText }: FilterItemsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23272
|
+
|
|
23273
|
+
type SearchAndFilterOptionsContainerProps = {
|
|
23274
|
+
/** The button row to be displayed at the bottom of the container */
|
|
23275
|
+
buttonRow?: React__default.ReactNode;
|
|
23276
|
+
/** The sort controls to be displayed at the bottom of the container */
|
|
23277
|
+
sortControls?: React__default.ReactNode;
|
|
23278
|
+
/** The children of the container */
|
|
23279
|
+
children: React__default.ReactNode;
|
|
23280
|
+
};
|
|
23281
|
+
/**
|
|
23282
|
+
* @deprecated beta - A container component for search and filter options
|
|
23283
|
+
* @example <SearchAndFilterOptionsContainer buttonRow={<button>Button</button>}>Children</SearchAndFilterOptionsContainer>
|
|
23284
|
+
* */
|
|
23285
|
+
declare const SearchAndFilterOptionsContainer: ({ buttonRow, sortControls, children, }: SearchAndFilterOptionsContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23286
|
+
type FiltersProps = {
|
|
23287
|
+
/** The id of the filter menu */
|
|
23288
|
+
id: string;
|
|
23289
|
+
/** The text for the filter title */
|
|
23290
|
+
filterTitle?: string;
|
|
23291
|
+
/** The controls to be displayed at the bottom of the filter menu */
|
|
23292
|
+
menuControls?: React__default.ReactNode;
|
|
23293
|
+
/** Sort options controls that display at the bottom of the filter menu */
|
|
23294
|
+
sortControls?: React__default.ReactNode;
|
|
23295
|
+
/** The children of the filter menu */
|
|
23296
|
+
children: React__default.ReactNode;
|
|
23297
|
+
/** Sets the data-test-id attribute for the filter menu */
|
|
23298
|
+
dataTestId?: string;
|
|
23299
|
+
/** The text for the reset button
|
|
23300
|
+
* @default 'reset'
|
|
23301
|
+
*/
|
|
23302
|
+
resetButtonText?: string;
|
|
23303
|
+
};
|
|
23304
|
+
/**
|
|
23305
|
+
* @deprecated beta - A filter menu component used to display filter options
|
|
23306
|
+
* @example <FilterMenu id="search-and-filter-options">Children</FilterMenu>
|
|
23307
|
+
* */
|
|
23308
|
+
declare const FilterMenu: ({ id, filterTitle, menuControls, sortControls, children, dataTestId, resetButtonText, }: FiltersProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23309
|
+
|
|
23310
|
+
type FilterMapper = Record<string, ComponentType<any> | null>;
|
|
23311
|
+
type SearchAndFilterProviderProps = {
|
|
23312
|
+
/** sets the filter values */
|
|
23313
|
+
filters: Filter[];
|
|
23314
|
+
/** sets the filter mode */
|
|
23315
|
+
/** sets the filter visibility */
|
|
23316
|
+
filterVisible?: boolean;
|
|
23317
|
+
/** function to trigger search change event */
|
|
23318
|
+
onSearchChange?: (term: string) => void;
|
|
23319
|
+
/** function to trigger filter change events */
|
|
23320
|
+
onChange: (filters: Filter[]) => void;
|
|
23321
|
+
/** function to trigger sort change events */
|
|
23322
|
+
onSortChange: (sort: string) => void;
|
|
23323
|
+
/** sets the reset filter values
|
|
23324
|
+
* @default "[{ field: '', operator: '', value: '' }]"
|
|
23325
|
+
*/
|
|
23326
|
+
resetFilterValues?: Filter[];
|
|
23327
|
+
/** sets the list of filter options for each filter row */
|
|
23328
|
+
filterOptions: FilterOption[];
|
|
23329
|
+
/** sets the list of sort options */
|
|
23330
|
+
sortOptions: FilterOption[];
|
|
23331
|
+
/** the default sort by value */
|
|
23332
|
+
defaultSortByValue: string;
|
|
23333
|
+
/** sets the list of locale options */
|
|
23334
|
+
localeOptions?: LocaleOptions;
|
|
23335
|
+
/** function to trigger locale change events */
|
|
23336
|
+
onLocaleChange?: (locale: string) => void;
|
|
23337
|
+
/** sets the default locale option value */
|
|
23338
|
+
defaultLocale?: string;
|
|
23339
|
+
/** the total number of results */
|
|
23340
|
+
totalResults?: number;
|
|
23341
|
+
/** the filter mapper function */
|
|
23342
|
+
filterMapper?: FilterMapper;
|
|
23343
|
+
/** sets child components giving access to useSearchAndFilter context */
|
|
23344
|
+
children: ReactNode;
|
|
23345
|
+
};
|
|
23346
|
+
type filterMode = 'filters' | 'sort' | undefined;
|
|
23347
|
+
type SearchAndFilterContextProps = {
|
|
23348
|
+
/** the search term value */
|
|
23349
|
+
searchTerm: string;
|
|
23350
|
+
/** sets the search term value */
|
|
23351
|
+
setSearchTerm: (term: string) => void;
|
|
23352
|
+
/** current filter visibility */
|
|
23353
|
+
filterVisibility?: boolean;
|
|
23354
|
+
/** sets the filter visibility */
|
|
23355
|
+
setFilterVisibility: (visible: boolean) => void;
|
|
23356
|
+
/** sets the initial filters */
|
|
23357
|
+
filters: Filter[];
|
|
23358
|
+
/** function to update the current filters */
|
|
23359
|
+
setFilters: (updatedFilters: Filter[]) => void;
|
|
23360
|
+
/** function to update the current sort */
|
|
23361
|
+
setSortBy: (sort: string) => void;
|
|
23362
|
+
/** function that adds a blank set of filter options */
|
|
23363
|
+
handleAddFilter: () => void;
|
|
23364
|
+
/** function to reset all filter values */
|
|
23365
|
+
handleResetFilters: (filters?: Filter[]) => void;
|
|
23366
|
+
/** function that deletes a row and it's values visually and from state */
|
|
23367
|
+
handleDeleteFilter: (index: number) => void;
|
|
23368
|
+
/** function to handle locale change */
|
|
23369
|
+
handleLocaleChange: (locale: string) => void;
|
|
23370
|
+
/** sets the initial list of filter options */
|
|
23371
|
+
filterOptions: FilterOption[];
|
|
23372
|
+
/** sets the initial list of sort options */
|
|
23373
|
+
sortOptions: FilterOption[];
|
|
23374
|
+
/** a value of the selected sort by value */
|
|
23375
|
+
sortByValue: string;
|
|
23376
|
+
/** sets the initial list of locale options */
|
|
23377
|
+
localeOptions?: LocaleOptions;
|
|
23378
|
+
/** the value of the selected locale */
|
|
23379
|
+
localeValue?: string;
|
|
23380
|
+
/** a valid list of valid filter options */
|
|
23381
|
+
validFilterQuery: Filter[] | undefined;
|
|
23382
|
+
/** a component list to map filter options */
|
|
23383
|
+
filterMapper?: FilterMapper;
|
|
23384
|
+
/** the total number of results */
|
|
23385
|
+
totalResults?: number;
|
|
23386
|
+
};
|
|
23387
|
+
declare const SearchAndFilterContext: React$1.Context<SearchAndFilterContextProps>;
|
|
23388
|
+
/**
|
|
23389
|
+
* @deprecated beta - Search and filter provider
|
|
23390
|
+
* @example <SearchAndFilterProvider filters={filters} filterOptions={filterOptions} onSearchChange={onSearchChange} onChange={onChange}>Children</SearchAndFilterProvider>
|
|
23391
|
+
* */
|
|
23392
|
+
declare const SearchAndFilterProvider: ({ filters, filterOptions, sortOptions, defaultSortByValue, defaultLocale, localeOptions, onLocaleChange, filterVisible, onSearchChange, onChange, onSortChange, resetFilterValues, totalResults, filterMapper, children, }: SearchAndFilterProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23393
|
+
/** @deprecated beta - Search and filter hook
|
|
23394
|
+
* @example const { searchTerm, setSearchTerm, filterVisibility, setFilterVisibility, filters, setFilters, handleAddFilter, handleResetFilters, handleDeleteFilter, filterOptions, validFilterQuery } = useSearchAndFilter();
|
|
23395
|
+
*/
|
|
23396
|
+
declare const useSearchAndFilter: () => {
|
|
23397
|
+
/** the search term value */
|
|
23398
|
+
searchTerm: string;
|
|
23399
|
+
/** sets the search term value */
|
|
23400
|
+
setSearchTerm: (term: string) => void;
|
|
23401
|
+
/** current filter visibility */
|
|
23402
|
+
filterVisibility?: boolean | undefined;
|
|
23403
|
+
/** sets the filter visibility */
|
|
23404
|
+
setFilterVisibility: (visible: boolean) => void;
|
|
23405
|
+
/** sets the initial filters */
|
|
23406
|
+
filters: Filter[];
|
|
23407
|
+
/** function to update the current filters */
|
|
23408
|
+
setFilters: (updatedFilters: Filter[]) => void;
|
|
23409
|
+
/** function to update the current sort */
|
|
23410
|
+
setSortBy: (sort: string) => void;
|
|
23411
|
+
/** function that adds a blank set of filter options */
|
|
23412
|
+
handleAddFilter: () => void;
|
|
23413
|
+
/** function to reset all filter values */
|
|
23414
|
+
handleResetFilters: (filters?: Filter[]) => void;
|
|
23415
|
+
/** function that deletes a row and it's values visually and from state */
|
|
23416
|
+
handleDeleteFilter: (index: number) => void;
|
|
23417
|
+
/** function to handle locale change */
|
|
23418
|
+
handleLocaleChange: (locale: string) => void;
|
|
23419
|
+
/** sets the initial list of filter options */
|
|
23420
|
+
filterOptions: FilterOption[];
|
|
23421
|
+
/** sets the initial list of sort options */
|
|
23422
|
+
sortOptions: FilterOption[];
|
|
23423
|
+
/** a value of the selected sort by value */
|
|
23424
|
+
sortByValue: string;
|
|
23425
|
+
/** sets the initial list of locale options */
|
|
23426
|
+
localeOptions?: LocaleOptions | undefined;
|
|
23427
|
+
/** the value of the selected locale */
|
|
23428
|
+
localeValue?: string | undefined;
|
|
23429
|
+
/** a valid list of valid filter options */
|
|
23430
|
+
validFilterQuery: Filter[] | undefined;
|
|
23431
|
+
/** a component list to map filter options */
|
|
23432
|
+
filterMapper?: FilterMapper | undefined;
|
|
23433
|
+
/** the total number of results */
|
|
23434
|
+
totalResults?: number | undefined;
|
|
23435
|
+
};
|
|
23436
|
+
|
|
23437
|
+
type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
|
|
23438
|
+
/** The filter controls to be displayed
|
|
23439
|
+
* @default '<FilterControls />'
|
|
23440
|
+
*/
|
|
23441
|
+
filterControls?: React$1.ReactNode;
|
|
23442
|
+
/** sets the filter mode */
|
|
23443
|
+
filterVisible?: boolean;
|
|
23444
|
+
/** The view switch controls to be displayed */
|
|
23445
|
+
viewSwitchControls?: React$1.ReactNode;
|
|
23446
|
+
/** The number of total results */
|
|
23447
|
+
totalResults?: number;
|
|
23448
|
+
/** The results container view
|
|
23449
|
+
* @default '<SearchAndFilterResultContainer />'
|
|
23450
|
+
*/
|
|
23451
|
+
resultsContainerView?: React$1.ReactNode;
|
|
23452
|
+
/** sets the reset filter values */
|
|
23453
|
+
resetFilterValues?: Filter[];
|
|
23454
|
+
/** The children of the search and filter component */
|
|
23455
|
+
children?: React$1.ReactNode;
|
|
23456
|
+
/** The filter mapper function */
|
|
23457
|
+
filterMapper?: Record<FilterEditor, React$1.ComponentType<any> | null>;
|
|
23458
|
+
};
|
|
23459
|
+
/**
|
|
23460
|
+
* @deprecated beta - Search and filter component
|
|
23461
|
+
* @example <SearchAndFilter filters={filters} filterOptions={filterOptions} onChange={onChange} onSearchChange={onSearchChange} onSearchReset={onSearchReset} totalResults={totalResults} />
|
|
23462
|
+
* */
|
|
23463
|
+
declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, sortOptions, defaultSortByValue, filterControls, viewSwitchControls, resultsContainerView, children, filterMapper, onChange, onSearchChange, onSortChange, onLocaleChange, totalResults, resetFilterValues, defaultLocale, localeOptions, }: SearchAndFilterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23464
|
+
|
|
23465
|
+
type SearchAndFilterResultContainerProps = {
|
|
23466
|
+
/** The label for the clear button
|
|
23467
|
+
* @default 'Clear'
|
|
23468
|
+
*/
|
|
23469
|
+
clearButtonLabel?: string;
|
|
23470
|
+
/** The text for the button */
|
|
23471
|
+
buttonText?: string;
|
|
23472
|
+
/** The title for the callout */
|
|
23473
|
+
calloutTitle?: string;
|
|
23474
|
+
/** The text for the callout */
|
|
23475
|
+
calloutText?: string;
|
|
23476
|
+
/** The function to handle the clear button */
|
|
23477
|
+
onHandleClear?: () => void;
|
|
23478
|
+
};
|
|
23479
|
+
/** @deprecated beta - Search and filter results container */
|
|
23480
|
+
declare const SearchAndFilterResultContainer: ({ buttonText, clearButtonLabel, calloutTitle, calloutText, onHandleClear, }: SearchAndFilterResultContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
|
|
23481
|
+
|
|
23482
|
+
declare const SearchOnlyContext: React$1.Context<Pick<SearchAndFilterContextProps, "searchTerm" | "setSearchTerm">>;
|
|
23483
|
+
type SearchOnlyProviderProps = Pick<SearchAndFilterProviderProps, 'onSearchChange'> & {
|
|
23484
|
+
/** sets the max width of input wrapper
|
|
23485
|
+
* @default '712px'
|
|
23486
|
+
*/
|
|
23487
|
+
maxWidth?: string;
|
|
23488
|
+
};
|
|
23489
|
+
declare const SearchOnlyFilter: ({ onSearchChange, maxWidth }: SearchOnlyProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23490
|
+
|
|
22973
23491
|
type SegmentedControlOption<TValue extends string = string> = {
|
|
22974
23492
|
value: TValue;
|
|
22975
23493
|
label?: string;
|
|
22976
23494
|
icon?: IconType;
|
|
22977
23495
|
tooltip?: string;
|
|
22978
23496
|
disabled?: boolean;
|
|
23497
|
+
'data-testid'?: string;
|
|
22979
23498
|
};
|
|
22980
23499
|
type SegmentedControlProps<TValue extends string = string> = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
|
|
22981
23500
|
/** A unique name for the component, used to group the options */
|
|
@@ -22999,13 +23518,19 @@ type SegmentedControlProps<TValue extends string = string> = Omit<React__default
|
|
|
22999
23518
|
* The size of the input
|
|
23000
23519
|
* @default 'md'
|
|
23001
23520
|
*/
|
|
23002
|
-
size?: 'sm' | 'md' | 'lg';
|
|
23521
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
23522
|
+
/** Hides the text of the options */
|
|
23523
|
+
hideOptionText?: boolean;
|
|
23524
|
+
/** The size of the icon
|
|
23525
|
+
* @default '1.5em'
|
|
23526
|
+
*/
|
|
23527
|
+
iconSize?: string;
|
|
23003
23528
|
};
|
|
23004
23529
|
/**
|
|
23005
23530
|
* Horizontal control with multiple segments. Can be used as a replacement of radio buttons.
|
|
23006
23531
|
* @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
|
|
23007
23532
|
*/
|
|
23008
|
-
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;
|
|
23533
|
+
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;
|
|
23009
23534
|
|
|
23010
23535
|
declare function ShortcutContext({ children }: {
|
|
23011
23536
|
children: React__default.ReactNode;
|
|
@@ -23433,7 +23958,7 @@ type ParagraphProps = {
|
|
|
23433
23958
|
*/
|
|
23434
23959
|
declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23435
23960
|
|
|
23436
|
-
type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous' | 'Unknown';
|
|
23961
|
+
type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous' | 'Unknown' | 'Deleted';
|
|
23437
23962
|
type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
23438
23963
|
/** sets the current status */
|
|
23439
23964
|
status: StatusTypeProps;
|
|
@@ -23450,4 +23975,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
23450
23975
|
};
|
|
23451
23976
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23452
23977
|
|
|
23453
|
-
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, 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, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, type DateTimePickerValue, DateTimePickerVariant, 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, 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 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, type ModalProps, MultilineChip, type MultilineChipProps, 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, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, 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, 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, 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, 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, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, useShortcut, warningIcon, yesNoIcon };
|
|
23978
|
+
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, DateEditor, DateRangeEditor, 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, type FilterEditorCommonInputProps, type FilterEditorProps, FilterEditorRenderer, type FilterEditorRendererProps, FilterItem, FilterItems, type FilterItemsProps, type FilterMapper, FilterMenu, FilterMultiChoiceEditor, type FilterOption, type FilterRowProps, FilterSingleChoiceEditor, 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, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, NUMBER_OPERATORS, NumberEditor, NumberRangeEditor, 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, StatusMultiEditor, StatusSingleEditor, 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, TextEditor, 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, filterMapper, 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 };
|