Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implemented dnn-textarea input field #1020

Merged
merged 2 commits into from
Mar 17, 2024
Merged

Implemented dnn-textarea input field #1020

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6436265
Made dnn-fieldset optionally resizable
valadas Mar 16, 2024
516b3c1
Implemented dnn-textarea input field
valadas Mar 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions packages/react-library/lib/components/stencil-generated/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@ export const DnnSelect = /*@__PURE__*/createReactComponent<JSX.DnnSelect, HTMLDn
export const DnnSortIcon = /*@__PURE__*/createReactComponent<JSX.DnnSortIcon, HTMLDnnSortIconElement>('dnn-sort-icon');
export const DnnTab = /*@__PURE__*/createReactComponent<JSX.DnnTab, HTMLDnnTabElement>('dnn-tab');
export const DnnTabs = /*@__PURE__*/createReactComponent<JSX.DnnTabs, HTMLDnnTabsElement>('dnn-tabs');
export const DnnTextarea = /*@__PURE__*/createReactComponent<JSX.DnnTextarea, HTMLDnnTextareaElement>('dnn-textarea');
export const DnnToggle = /*@__PURE__*/createReactComponent<JSX.DnnToggle, HTMLDnnToggleElement>('dnn-toggle');
export const DnnTreeviewItem = /*@__PURE__*/createReactComponent<JSX.DnnTreeviewItem, HTMLDnnTreeviewItemElement>('dnn-treeview-item');
export const DnnVerticalOverflowMenu = /*@__PURE__*/createReactComponent<JSX.DnnVerticalOverflowMenu, HTMLDnnVerticalOverflowMenuElement>('dnn-vertical-overflow-menu');
Expand Down
167 changes: 167 additions & 0 deletions packages/stencil-library/custom-elements.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -716,6 +716,15 @@
},
"description": "Sets the text of the fieldset label (caption).",
"required": false
},
{
"name": "resizable",
"type": {
"text": "\"block\" | \"both\" | \"horizontal\" | \"inline\" | \"none\" | \"vertical\""
},
"description": "Can be set to specify if the fieldset can be resized by the user.",
"default": "\"none\"",
"required": false
}
],
"members": [
Expand Down Expand Up @@ -1771,6 +1780,164 @@
}
]
},
{
"kind": "javascript-module",
"path": "src/components/dnn-textarea/dnn-textarea.tsx",
"declarations": [
{
"kind": "class",
"name": "dnn-textarea.tsx",
"tagName": "dnn-textarea",
"description": "A custom textarea component.",
"attributes": [
{
"name": "autocomplete",
"type": {
"text": "string"
},
"description": "Defines the type of auto-completion to use for this field, see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete.",
"default": "\"off\"",
"required": false
},
{
"name": "disabled",
"type": {
"text": "boolean"
},
"description": "Defines whether the field is disabled.",
"required": false
},
{
"name": "help-text",
"type": {
"text": "string"
},
"description": "Defines the help label displayed under the field.",
"required": false
},
{
"name": "label",
"type": {
"text": "string"
},
"description": "The label for this input.",
"required": false
},
{
"name": "maxlength",
"type": {
"text": "number"
},
"description": "Defines the maximum amount of charaters.",
"required": false
},
{
"name": "minlength",
"type": {
"text": "number"
},
"description": "Defines the minimum amount of charaters.",
"required": false
},
{
"name": "name",
"type": {
"text": "string"
},
"description": "The name for this input when used in forms.",
"required": false
},
{
"name": "readonly",
"type": {
"text": "boolean"
},
"description": "Defines wheter the defined value is readonly.",
"required": false
},
{
"name": "required",
"type": {
"text": "boolean"
},
"description": "Defines whether the field requires having a value.",
"required": false
},
{
"name": "resizable",
"type": {
"text": "\"block\" | \"both\" | \"horizontal\" | \"inline\" | \"none\" | \"vertical\""
},
"description": "Can be set to change how the user can resize the field.",
"default": "\"block\"",
"required": false
},
{
"name": "value",
"type": {
"text": "string"
},
"description": "Sets the value of the textarea.",
"required": false
}
],
"members": [
{
"kind": "method",
"name": "checkValidity",
"description": "Reports the input validity details. See https://developer.mozilla.org/en-US/docs/Web/API/ValidityState",
"signature": "checkValidity() => Promise<ValidityState>"
},
{
"kind": "method",
"name": "setCustomValidity",
"description": "Can be used to set a custom validity message.",
"signature": "setCustomValidity(message: string) => Promise<void>"
}
],
"events": [
{
"name": "valueChange",
"type": {
"text": "string"
},
"description": "Fires when the value has changed and the user exits the input."
},
{
"name": "valueInput",
"type": {
"text": "string"
},
"description": "Fires when the using is inputing data (on keystrokes)."
}
],
"slots": [],
"cssProperties": [
{
"name": "--background",
"description": "Defines the background color."
},
{
"name": "--control-radius",
"description": "Defines the radius for the control corners."
},
{
"name": "--danger-color",
"description": "Defines the danger color used for invalid data."
},
{
"name": "--focus-color",
"description": "Defines the color when the component is focused."
},
{
"name": "--foreground",
"description": "Defines the foreground color."
}
],
"cssParts": []
}
]
},
{
"kind": "javascript-module",
"path": "src/components/dnn-toggle/dnn-toggle.tsx",
Expand Down
Loading
Loading