Class ToolbarIconSelectorDialog

Hierarchy

ReactDialog<string | undefined>
- ToolbarIconSelectorDialog

Constructors

constructor

new ToolbarIconSelectorDialog(props): ToolbarIconSelectorDialog
Parameters
- props: DialogProps
Returns ToolbarIconSelectorDialog
Overrides ReactDialog<string | undefined>.constructor
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:64

Properties

`Protected` activeIconPrefix

activeIconPrefix: IconSet = IconSet.CODICON

`Protected` `Readonly` codiconIcons

codiconIcons: string[]

`Protected` controlPanelRoot

controlPanelRoot: Root

`Protected` debounceHandleSearch

debounceHandleSearch: DebouncedFunc<any> = ...

`Protected` deferredScrollContainer

deferredScrollContainer: Deferred<HTMLDivElement> = ...

`Protected` doShowFilterPlaceholder

doShowFilterPlaceholder: boolean = false

`Protected` `Readonly` faIcons

faIcons: string[]

`Protected` `Readonly` fileService

fileService: FileService

`Protected` filterRef

filterRef: HTMLInputElement

`Protected` filteredIcons

filteredIcons: string[] = []

`Protected` `Readonly` fuzzySearch

fuzzySearch: FuzzySearch

`Protected` iconSets

iconSets: Map<string, string[]> = ...

`Protected` `Readonly` props

props: DialogProps

scrollOptions

scrollOptions: Options = ...

`Protected` selectedIcon

selectedIcon: undefined | string

`Protected` `Readonly` toolbarCommand

toolbarCommand: Command

`Static` ID

ID: string = 'toolbar-icon-selector-dialog'

Accessors

value

get value(): undefined | string
Returns undefined | string
Overrides ReactDialog.value
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:103

Methods

`Protected` assignFilterRef

assignFilterRef(element): void
Parameters
- element: HTMLInputElement
Returns void
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:98

`Protected` assignScrollContainerRef

assignScrollContainerRef(element): void
Parameters
- element: HTMLDivElement
Returns void
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:93

`Protected` doAccept

doAccept(e): void
Parameters
- e: ReactInteraction<HTMLButtonElement>
Returns void
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:224

`Protected` doAssignFilterRef

doAssignFilterRef(element): void
Parameters
- element: HTMLInputElement
Returns void
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:99

`Protected` doAssignScrollContainerRef

doAssignScrollContainerRef(element): void
Parameters
- element: HTMLDivElement
Returns void
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:94

`Protected` doClose

doClose(): void
Returns void
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:232

`Protected` doHandleOnIconBlur

doHandleOnIconBlur(e): void
Parameters
- e: FocusEvent<HTMLDivElement, Element>
Returns void
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:220

`Protected` doHandleOnIconClick

doHandleOnIconClick(e): void
Parameters
- e: ReactInteraction<HTMLDivElement>
Returns void
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:207

`Protected` doHandleSearch

doHandleSearch(): Promise<void>
Returns Promise<void>
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:184

`Protected` doHandleSelectOnChange

doHandleSelectOnChange(e): Promise<void>
Parameters
- e: ChangeEvent<HTMLSelectElement>
Returns Promise<void>
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:108

getScrollContainer

getScrollContainer(): Promise<HTMLElement>
Returns Promise<HTMLElement>
Overrides ReactDialog.getScrollContainer
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:89

`Protected` handleOnIconBlur

handleOnIconBlur(e): void
Parameters
- e: FocusEvent<HTMLDivElement, Element>
Returns void
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:219

`Protected` handleOnIconClick

handleOnIconClick(e): void
Parameters
- e: ReactInteraction<HTMLDivElement>
Returns void
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:206

`Protected` handleSelectOnChange

handleSelectOnChange(e): Promise<void>
Parameters
- e: ChangeEvent<HTMLSelectElement>
Returns Promise<void>
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:107

`Protected` init

init(): void
Returns void
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:78

`Protected` onUpdateRequest

onUpdateRequest(msg): void
Parameters
- msg: Message
Returns void
Overrides ReactDialog.onUpdateRequest
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:72

`Protected` render

render(): ReactNode
Returns ReactNode
Overrides ReactDialog.render
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:175

`Protected` renderControls

renderControls(): ReactElement<any, string | JSXElementConstructor<any>>
Returns ReactElement<any, string | JSXElementConstructor<any>>
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:237

`Protected` renderIconGrid

renderIconGrid(): ReactNode
Returns ReactNode
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:145

`Protected` renderIconSelectorOptions

renderIconSelectorOptions(): ReactNode
Returns ReactNode
- Defined in packages/toolbar/src/browser/toolbar-icon-selector-dialog.tsx:116

Class ToolbarIconSelectorDialog

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

Returns ToolbarIconSelectorDialog

Properties

Protected activeIconPrefix

Protected Readonly codiconIcons

Protected controlPanelRoot

Protected debounceHandleSearch

Protected deferredScrollContainer

Protected doShowFilterPlaceholder

Protected Readonly faIcons

Protected Readonly fileService

Protected filterRef

Protected filteredIcons

Protected Readonly fuzzySearch

Protected iconSets

Protected Readonly props

scrollOptions

Protected selectedIcon

Protected Readonly toolbarCommand

Static ID

Accessors

value

Returns undefined | string

Methods

Protected assignFilterRef

Parameters

Returns void

Protected assignScrollContainerRef

Parameters

Returns void

Protected doAccept

Parameters

Returns void

Protected doAssignFilterRef

Parameters

Returns void

Protected doAssignScrollContainerRef

Parameters

Returns void

Protected doClose

Returns void

Protected doHandleOnIconBlur

Parameters

Returns void

Protected doHandleOnIconClick

Parameters

Returns void

Protected doHandleSearch

Returns Promise<void>

Protected doHandleSelectOnChange

Parameters

Returns Promise<void>

getScrollContainer

Returns Promise<HTMLElement>

Protected handleOnIconBlur

Parameters

Returns void

Protected handleOnIconClick

Parameters

Returns void

Protected handleSelectOnChange

Parameters

Returns Promise<void>

Protected init

Returns void

Protected onUpdateRequest

Parameters

Returns void

Protected render

Returns ReactNode

Protected renderControls

`Protected` activeIconPrefix

`Protected` `Readonly` codiconIcons

`Protected` controlPanelRoot

`Protected` debounceHandleSearch

`Protected` deferredScrollContainer

`Protected` doShowFilterPlaceholder

`Protected` `Readonly` faIcons

`Protected` `Readonly` fileService

`Protected` filterRef

`Protected` filteredIcons

`Protected` `Readonly` fuzzySearch

`Protected` iconSets

`Protected` `Readonly` props

`Protected` selectedIcon

`Protected` `Readonly` toolbarCommand

`Static` ID

`Protected` assignFilterRef

`Protected` assignScrollContainerRef

`Protected` doAccept

`Protected` doAssignFilterRef

`Protected` doAssignScrollContainerRef

`Protected` doClose

`Protected` doHandleOnIconBlur

`Protected` doHandleOnIconClick

`Protected` doHandleSearch

`Protected` doHandleSelectOnChange

`Protected` handleOnIconBlur

`Protected` handleOnIconClick

`Protected` handleSelectOnChange

`Protected` init

`Protected` onUpdateRequest

`Protected` render

`Protected` renderControls

`Protected` renderIconGrid

`Protected` renderIconSelectorOptions