Skip to content

Commit

Permalink
Refactor #4431 - For Dropdown
Browse files Browse the repository at this point in the history
  • Loading branch information
@ulasturann
ulasturann committed May 29, 2023
1 parent 26b458f commit b9f66b4
Show file tree
Hide file tree
Showing 9 changed files with 837 additions and 98 deletions.
251 changes: 251 additions & 0 deletions components/doc/common/apidoc/index.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16557,6 +16557,14 @@
"type": "ReactNode",
"default": "",
"description": "Used to get the child elements of the component."
},
{
"name": "pt",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughOptions",
"default": "",
"description": "Uses to pass attributes to DOM elements inside the component."
}
]
},
Expand Down Expand Up @@ -16715,6 +16723,241 @@
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"values": {
"DropdownPassThroughMethodOptions": {
"description": "Custom passthrough(pt) option method.",
"relatedProp": "",
"props": [
{
"name": "props",
"optional": false,
"readonly": false,
"type": "DropdownProps"
},
{
"name": "state",
"optional": false,
"readonly": false,
"type": "DropdownState"
},
{
"name": "context",
"optional": false,
"readonly": false,
"type": "DropdownContext"
}
],
"callbacks": []
},
"DropdownPassThroughOptions": {
"description": "Custom passthrough(pt) options.",
"relatedProp": "pt",
"props": [
{
"name": "root",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the root's DOM element."
},
{
"name": "input",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the input's DOM element."
},
{
"name": "clearIcon",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the clear icon's DOM element."
},
{
"name": "trigger",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the trigger' DOM element."
},
{
"name": "loadingIcon",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the loading icon's DOM element."
},
{
"name": "panel",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the panel's DOM element."
},
{
"name": "header",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the header's DOM element."
},
{
"name": "filterContainer",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the filter container's DOM element."
},
{
"name": "filterInput",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the filter input's DOM element."
},
{
"name": "filterIcon",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the filter icon's DOM element."
},
{
"name": "wrapper",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the wrapper's DOM element."
},
{
"name": "virtualScroller",
"optional": true,
"readonly": false,
"type": "VirtualScrollerPassThroughOptions",
"description": "Uses to pass attributes to the VirtualScroller component."
},
{
"name": "list",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the list's DOM element."
},
{
"name": "itemGroup",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the item group's DOM element."
},
{
"name": "item",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the item's DOM element."
},
{
"name": "emptyMessage",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the empty message's DOM element."
},
{
"name": "hiddenFirstFocusableEl",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the hidden first focusable element's DOM element."
},
{
"name": "hiddenFilterResult",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the hidden filter result's DOM element."
},
{
"name": "hiddenEmptyMessage",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the hidden empty message's DOM element."
},
{
"name": "hiddenSelectedMessage",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the hidden selected message's DOM element."
},
{
"name": "hiddenLastFocusableEl",
"optional": true,
"readonly": false,
"type": "DropdownPassThroughType<HTMLAttributes<HTMLDivElement>>",
"description": "Uses to pass attributes to the hidden last focusable element's DOM element."
}
],
"callbacks": []
},
"DropdownState": {
"description": "Defines current inline state in Dropdown component.",
"relatedProp": "",
"props": [
{
"name": "focused",
"optional": false,
"readonly": false,
"type": "boolean",
"description": "Current focused state as a boolean."
},
{
"name": "filter",
"optional": false,
"readonly": false,
"type": "string",
"description": "Current filter state as a string."
},
{
"name": "overlayVisible",
"optional": false,
"readonly": false,
"type": "boolean",
"description": "Current overlay visible state as a boolean."
}
],
"callbacks": []
},
"DropdownContext": {
"description": "Defines current options in Dropdown component.",
"relatedProp": "",
"props": [
{
"name": "selected",
"optional": false,
"readonly": false,
"type": "boolean",
"description": "Current selection state of the item as a boolean."
},
{
"name": "focused",
"optional": false,
"readonly": false,
"type": "boolean",
"description": "Current focus state of the item as a boolean."
},
{
"name": "disabled",
"optional": false,
"readonly": false,
"type": "boolean",
"description": "Current disabled state of the item as a boolean."
}
],
"callbacks": []
},
"DropdownFilterOptions": {
"description": "Custom filter options",
"relatedProp": "filterTemplate",
Expand All @@ -16735,6 +16978,14 @@
"callbacks": []
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"DropdownPassThroughType": {
"values": "PassThroughType<T, DropdownPassThroughMethodOptions>"
}
}
}
},
"editor": {
Expand Down
Loading

0 comments on commit b9f66b4

Please sign in to comment.