From 5c7bafe5bb1eb1e6581eaf8e97cac0a781ac36b8 Mon Sep 17 00:00:00 2001 From: melloware Date: Thu, 22 Feb 2024 17:46:49 -0500 Subject: [PATCH 01/14] Fix #6033: Docs Sidebar Headless --- components/doc/sidebar/headlessdoc.js | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/components/doc/sidebar/headlessdoc.js b/components/doc/sidebar/headlessdoc.js index 56d6d9b367..70a7522f80 100644 --- a/components/doc/sidebar/headlessdoc.js +++ b/components/doc/sidebar/headlessdoc.js @@ -1,11 +1,11 @@ import { DocSectionCode } from '@/components/doc/common/docsectioncode'; import { DocSectionText } from '@/components/doc/common/docsectiontext'; -import { Button } from '@/components/lib/button/Button'; -import { Sidebar } from '@/components/lib/sidebar/Sidebar'; import { Avatar } from '@/components/lib/avatar/Avatar'; +import { Button } from '@/components/lib/button/Button'; import { Ripple } from '@/components/lib/ripple/Ripple'; -import { useState, useRef } from 'react'; +import { Sidebar } from '@/components/lib/sidebar/Sidebar'; import { StyleClass } from '@/components/lib/styleclass/StyleClass'; +import { useRef, useState } from 'react'; export function HeadlessDoc(props) { const [visible, setVisible] = useState(false); @@ -207,7 +207,6 @@ export default function HeadlessDemo() { const btnRef2 = useRef(null); const btnRef3 = useRef(null); const btnRef4 = useRef(null); - const [visible, setVisible] = useState(false); return (
From c26d9e7ff280eaa0a2c2cca6a8baecbf8a9a8c1b Mon Sep 17 00:00:00 2001 From: Shawn Harvell Date: Sat, 24 Feb 2024 07:39:23 -0500 Subject: [PATCH 02/14] splitter bug fixes - move step typing to correct element - move role=separator to correct element (per spec should be on the same element that contains aria-orientation and aria-value* attribs) - see https://www.w3.org/TR/wai-aria-1.2/#separator - fix bug where if home/end/enter were used in a splitter that has a minSize, after pressing those buttons, the arrow keys would no longer work --- components/lib/splitter/Splitter.js | 14 +++++++------- .../splitter/__snapshots__/Splitter.spec.js.snap | 14 +++++++------- components/lib/splitter/splitter.d.ts | 10 +++++----- 3 files changed, 19 insertions(+), 19 deletions(-) diff --git a/components/lib/splitter/Splitter.js b/components/lib/splitter/Splitter.js index 1a8e091aa3..6cddd15d13 100644 --- a/components/lib/splitter/Splitter.js +++ b/components/lib/splitter/Splitter.js @@ -253,24 +253,24 @@ export const Splitter = React.memo( } case 'Home': { - resizePanel(index, 100, minSize); + resizePanel(index, 100 - minSize, minSize); event.preventDefault(); break; } case 'End': { - resizePanel(index, minSize, 100); + resizePanel(index, minSize, 100 - minSize); event.preventDefault(); break; } case 'Enter': { - if (prevSize.current > 100 - (minSize || 5)) { - resizePanel(index, minSize, 100); + if (prevSize.current >= 100 - (minSize || 5)) { + resizePanel(index, minSize, 100 - minSize); } else { - resizePanel(index, 100, minSize); + resizePanel(index, 100 - minSize, minSize); } event.preventDefault(); @@ -386,8 +386,7 @@ export const Splitter = React.memo( onTouchStart: (event) => onGutterTouchStart(event, index), onTouchMove: (event) => onGutterTouchMove(event), onTouchEnd: (event) => onGutterTouchEnd(event), - 'data-p-splitter-gutter-resizing': false, - role: 'separator' + 'data-p-splitter-gutter-resizing': false }, ptm('gutter') ); @@ -396,6 +395,7 @@ export const Splitter = React.memo( { tabIndex: getPanelProp(panel, 'tabIndex') || 0, className: cx('gutterHandler'), + role: 'separator', 'aria-orientation': horizontal ? 'vertical' : 'horizontal', 'aria-controls': panelId, 'aria-label': getPanelProp(panel, 'aria-label'), diff --git a/components/lib/splitter/__snapshots__/Splitter.spec.js.snap b/components/lib/splitter/__snapshots__/Splitter.spec.js.snap index ba089e7797..2dd53bf996 100644 --- a/components/lib/splitter/__snapshots__/Splitter.spec.js.snap +++ b/components/lib/splitter/__snapshots__/Splitter.spec.js.snap @@ -23,7 +23,6 @@ exports[`Splitter Nested 1`] = ` class="p-splitter-gutter" data-p-splitter-gutter-resizing="false" data-pc-section="gutter" - role="separator" style="width: 4px;" > @@ -66,7 +66,6 @@ exports[`Splitter Nested 1`] = ` class="p-splitter-gutter" data-p-splitter-gutter-resizing="false" data-pc-section="gutter" - role="separator" style="height: 4px;" > @@ -109,7 +109,6 @@ exports[`Splitter Nested 1`] = ` class="p-splitter-gutter" data-p-splitter-gutter-resizing="false" data-pc-section="gutter" - role="separator" style="width: 4px;" > @@ -165,7 +165,6 @@ exports[`Splitter Single Panel with size 1`] = ` class="p-splitter-gutter" data-p-splitter-gutter-resizing="false" data-pc-section="gutter" - role="separator" style="height: 4px;" > @@ -207,7 +207,6 @@ exports[`Splitter Single Panel without size 1`] = ` class="p-splitter-gutter" data-p-splitter-gutter-resizing="false" data-pc-section="gutter" - role="separator" style="height: 4px;" > @@ -249,7 +249,6 @@ exports[`Splitter Splitter requires two SplitterPanel components to wrap. 1`] = class="p-splitter-gutter" data-p-splitter-gutter-resizing="false" data-pc-section="gutter" - role="separator" style="width: 4px;" > @@ -301,7 +301,6 @@ exports[`Splitter Vertical layout 1`] = ` class="p-splitter-gutter" data-p-splitter-gutter-resizing="false" data-pc-section="gutter" - role="separator" style="height: 4px;" > diff --git a/components/lib/splitter/splitter.d.ts b/components/lib/splitter/splitter.d.ts index d69f2f45db..1c9b0e8a19 100644 --- a/components/lib/splitter/splitter.d.ts +++ b/components/lib/splitter/splitter.d.ts @@ -139,11 +139,6 @@ interface SplitterPanelProps extends Omit Date: Thu, 29 Feb 2024 13:39:17 -0500 Subject: [PATCH 03/14] Fix #6063: Menu Tailwind content CSS --- components/doc/menu/theming/tailwinddoc.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/components/doc/menu/theming/tailwinddoc.js b/components/doc/menu/theming/tailwinddoc.js index fb852ed014..f4184d8ffb 100644 --- a/components/doc/menu/theming/tailwinddoc.js +++ b/components/doc/menu/theming/tailwinddoc.js @@ -23,18 +23,21 @@ const Tailwind = { menu: { className: classNames('m-0 p-0 list-none', 'outline-none') }, - content: ({ context }) => ({ + content: ({ state }) => ({ className: classNames( 'text-gray-700 dark:text-white/80 transition-shadow duration-200 rounded-none', 'hover:text-gray-700 dark:hover:text-white/80 hover:bg-gray-200 dark:hover:bg-gray-800/80', // Hover { - 'bg-gray-300 text-gray-700 dark:text-white/80 dark:bg-gray-800/90': context.focused + 'bg-gray-300 text-gray-700 dark:text-white/80 dark:bg-gray-800/90': state.focused } ) }), action: { className: classNames('text-gray-700 dark:text-white/80 py-3 px-5 select-none', 'cursor-pointer flex items-center no-underline overflow-hidden relative') }, + menuitem: { + className: classNames('hover:bg-gray-200') + }, icon: 'text-gray-600 dark:text-white/70 mr-2', submenuheader: { className: classNames('m-0 p-3 text-gray-700 dark:text-white/80 bg-white dark:bg-gray-900 font-bold rounded-tl-none rounded-tr-none') From a78569721ae48828f8c0be0cfc065de447be394f Mon Sep 17 00:00:00 2001 From: nevermore Date: Mon, 4 Mar 2024 16:21:14 +0800 Subject: [PATCH 04/14] Fix: Tooltip missing type unstyled --- components/lib/tooltip/tooltipoptions.d.ts | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/components/lib/tooltip/tooltipoptions.d.ts b/components/lib/tooltip/tooltipoptions.d.ts index ce7db5af53..cd2e225912 100644 --- a/components/lib/tooltip/tooltipoptions.d.ts +++ b/components/lib/tooltip/tooltipoptions.d.ts @@ -135,6 +135,11 @@ export interface TooltipOptions { * @type {PassThroughOptions} */ ptOptions?: PassThroughOptions; + /** + * When enabled, it removes component related styles in the core. + * @defaultValue false + */ + unstyled?: boolean; /** * Callback to invoke before the tooltip is shown. * @param {TooltipEvent} event - Browser event From df7c4ac0f60f427c67a922c614b82108ca9ed51d Mon Sep 17 00:00:00 2001 From: melloware Date: Wed, 6 Mar 2024 08:22:08 -0500 Subject: [PATCH 05/14] Fix #6094: Calendar Tailwdind Passthrough --- components/lib/passthrough/tailwind/index.js | 38 ++++++++++---------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js index 9e376cb93f..a7410797ef 100644 --- a/components/lib/passthrough/tailwind/index.js +++ b/components/lib/passthrough/tailwind/index.js @@ -1157,11 +1157,11 @@ const Tailwind = { }) }) }, - dropdownButton: ({ props }) => ({ - root: { - className: classNames({ 'rounded-l-none': props.showIcon }) - } - }), + dropdownButton: { + root: ({ props }) => ({ + className: classNames({ 'rounded-l-none': props.icon }) + }) + }, panel: ({ props }) => ({ className: classNames('bg-white dark:bg-gray-900', 'min-w-full', { 'shadow-md border-0 absolute': !props.inline, @@ -1171,7 +1171,7 @@ const Tailwind = { header: { className: classNames('flex items-center justify-between', 'p-2 text-gray-700 dark:text-white/80 bg-white dark:bg-gray-900 font-semibold m-0 border-b border-gray-300 dark:border-blue-900/40 rounded-t-lg') }, - previousbutton: { + previousButton: { className: classNames( 'flex items-center justify-center cursor-pointer overflow-hidden relative', 'w-8 h-8 text-gray-600 dark:text-white/70 border-0 bg-transparent rounded-full transition-colors duration-200 ease-in-out', @@ -1185,7 +1185,7 @@ const Tailwind = { yearTitle: { className: classNames('text-gray-700 dark:text-white/80 transition duration-200 font-semibold p-2', 'hover:text-blue-500') }, - nextbutton: { + nextButton: { className: classNames( 'flex items-center justify-center cursor-pointer overflow-hidden relative', 'w-8 h-8 text-gray-600 dark:text-white/70 border-0 bg-transparent rounded-full transition-colors duration-200 ease-in-out', @@ -1195,10 +1195,10 @@ const Tailwind = { table: { className: classNames('border-collapse w-full', 'my-2') }, - tableheadercell: 'p-2', + tableHeaderCell: 'p-2', weekday: 'text-gray-600 dark:text-white/70', day: 'p-2', - daylabel: ({ context }) => ({ + dayLabel: ({ context }) => ({ className: classNames( 'w-10 h-10 rounded-full transition-shadow duration-200 border-transparent border', 'flex items-center justify-center mx-auto overflow-hidden relative', @@ -1213,7 +1213,7 @@ const Tailwind = { } ) }), - monthpicker: 'my-2', + monthPicker: 'my-2', month: ({ context }) => ({ className: classNames( 'w-1/3 inline-flex items-center justify-center cursor-pointer overflow-hidden relative', @@ -1222,7 +1222,7 @@ const Tailwind = { { 'text-gray-600 dark:text-white/70 bg-transprent hover:bg-gray-200 dark:hover:bg-gray-800/80': !context.selected && !context.disabled, 'text-blue-700 bg-blue-100 hover:bg-blue-200': context.selected && !context.disabled } ) }), - yearpicker: { + yearPicker: { className: classNames('my-2') }, year: ({ context }) => ({ @@ -1236,29 +1236,29 @@ const Tailwind = { } ) }), - timepicker: { + timePicker: { className: classNames('flex justify-center items-center', 'border-t-1 border-solid border-gray-300 p-2') }, - separatorcontainer: 'flex items-center flex-col px-2', + separatorContainer: 'flex items-center flex-col px-2', separator: 'text-xl', - hourpicker: 'flex items-center flex-col px-2', - minutepicker: 'flex items-center flex-col px-2', - ampmpicker: 'flex items-center flex-col px-2', - incrementbutton: { + hourPicker: 'flex items-center flex-col px-2', + minutePicker: 'flex items-center flex-col px-2', + ampmPicker: 'flex items-center flex-col px-2', + incrementButton: { className: classNames( 'flex items-center justify-center cursor-pointer overflow-hidden relative', 'w-8 h-8 text-gray-600 dark:text-white/70 border-0 bg-transparent rounded-full transition-colors duration-200 ease-in-out', 'hover:text-gray-700 dark:hover:text-white/80 hover:border-transparent hover:bg-gray-200 dark:hover:bg-gray-800/80 ' ) }, - decrementbutton: { + decrementButton: { className: classNames( 'flex items-center justify-center cursor-pointer overflow-hidden relative', 'w-8 h-8 text-gray-600 dark:text-white/70 border-0 bg-transparent rounded-full transition-colors duration-200 ease-in-out', 'hover:text-gray-700 dark:hover:text-white/80 hover:border-transparent hover:bg-gray-200 dark:hover:bg-gray-800/80 ' ) }, - groupcontainer: 'flex', + groupContainer: 'flex', group: { className: classNames('flex-1', 'border-l border-gray-300 pr-0.5 pl-0.5 pt-0 pb-0', 'first:pl-0 first:border-l-0') }, From bb1d5b9167fbc22b5395aa138e94e157bcc72dbf Mon Sep 17 00:00:00 2001 From: Arnaud de Muyser Date: Wed, 6 Mar 2024 16:38:24 +0100 Subject: [PATCH 06/14] Avoid throwing error while drop on tree component --- components/lib/tree/Tree.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/lib/tree/Tree.js b/components/lib/tree/Tree.js index 6f5691cd69..ba8d1d082a 100644 --- a/components/lib/tree/Tree.js +++ b/components/lib/tree/Tree.js @@ -107,7 +107,7 @@ export const Tree = React.memo( }; const onDrop = (event) => { - if (validateDropNode(dragState.current.path, event.path)) { + if (validateDropNode(dragState.current?.path, event.path)) { const value = cloneValue(props.value); let dragPaths = dragState.current.path.split('-'); @@ -210,7 +210,7 @@ export const Tree = React.memo( }; const validateDropPoint = (event) => { - let _validateDrop = validateDrop(dragState.current.path, event.path); + let _validateDrop = validateDrop(dragState.current?.path, event.path); if (_validateDrop) { //child dropped to next sibling's drop point From e97105d36af3314033e71d619ceabc864d9c751c Mon Sep 17 00:00:00 2001 From: melloware Date: Thu, 7 Mar 2024 15:07:51 -0500 Subject: [PATCH 07/14] Fix #6113: MultiSelect loading and loadingIcon types --- components/lib/multiselect/MultiSelectBase.js | 1 + components/lib/multiselect/multiselect.d.ts | 11 ++++++++++- 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/components/lib/multiselect/MultiSelectBase.js b/components/lib/multiselect/MultiSelectBase.js index 24f640da70..53a515f6df 100644 --- a/components/lib/multiselect/MultiSelectBase.js +++ b/components/lib/multiselect/MultiSelectBase.js @@ -238,6 +238,7 @@ export const MultiSelectBase = ComponentBase.extend({ itemClassName: null, itemTemplate: null, loading: false, + loadingIcon: null, maxSelectedLabels: null, name: null, onBlur: null, diff --git a/components/lib/multiselect/multiselect.d.ts b/components/lib/multiselect/multiselect.d.ts index cf27b231fc..f284d42ba8 100644 --- a/components/lib/multiselect/multiselect.d.ts +++ b/components/lib/multiselect/multiselect.d.ts @@ -464,7 +464,7 @@ export interface MultiSelectProps extends Omit; + dropdownIcon?: IconType | undefined; /** * Template to display when filtering does not return any results. * @defaultValue No records found @@ -550,6 +550,15 @@ export interface MultiSelectProps extends Omit React.ReactNode); + /** + * Displays a loader to indicate data load is in progress. + * @defaultValue false + */ + loading?: boolean | undefined; + /** + * The icon to show while indicating data load is in progress. + */ + loadingIcon?: IconType | undefined; /** * Decides how many selected item labels to show at most. */ From 954d7a5e1472f8b805db4c1e6a72c80e087f11db Mon Sep 17 00:00:00 2001 From: melloware Date: Fri, 8 Mar 2024 08:06:00 -0500 Subject: [PATCH 08/14] Fix #6116: Tree allow custom node icons --- components/lib/tree/UITreeNode.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/lib/tree/UITreeNode.js b/components/lib/tree/UITreeNode.js index 96a580efc2..055774ab04 100644 --- a/components/lib/tree/UITreeNode.js +++ b/components/lib/tree/UITreeNode.js @@ -714,7 +714,7 @@ export const UITreeNode = React.memo((props) => { getPTOptions('nodeIcon') ); - return ; + return IconUtils.getJSXIcon(icon, { ...nodeIconProps }, { props }); } return null; From ab5b0c02293de5efd8e670325b9431bdd24034b4 Mon Sep 17 00:00:00 2001 From: melloware Date: Thu, 7 Mar 2024 10:53:12 -0500 Subject: [PATCH 09/14] Fix #6111: ConfirmDialog/Popup 'content' not allowed on DIV --- components/lib/confirmdialog/ConfirmDialogBase.js | 1 + components/lib/confirmpopup/ConfirmPopupBase.js | 1 + 2 files changed, 2 insertions(+) diff --git a/components/lib/confirmdialog/ConfirmDialogBase.js b/components/lib/confirmdialog/ConfirmDialogBase.js index 747703edce..9e71b6a627 100644 --- a/components/lib/confirmdialog/ConfirmDialogBase.js +++ b/components/lib/confirmdialog/ConfirmDialogBase.js @@ -23,6 +23,7 @@ export const ConfirmDialogBase = ComponentBase.extend({ breakpoints: null, children: undefined, className: null, + content: null, defaultFocus: 'accept', footer: null, icon: null, diff --git a/components/lib/confirmpopup/ConfirmPopupBase.js b/components/lib/confirmpopup/ConfirmPopupBase.js index 5fbcd4973a..c5ad494c92 100644 --- a/components/lib/confirmpopup/ConfirmPopupBase.js +++ b/components/lib/confirmpopup/ConfirmPopupBase.js @@ -82,6 +82,7 @@ export const ConfirmPopupBase = ComponentBase.extend({ children: undefined, className: null, closeOnEscape: true, + content: null, defaultFocus: 'accept', dismissable: true, footer: null, From 0fef6a27ba611f516883aaf5f2ae6a639af44ec6 Mon Sep 17 00:00:00 2001 From: Melloware Date: Wed, 13 Mar 2024 15:04:02 -0400 Subject: [PATCH 10/14] Fix #6145: AutoComplete change event typedef (#6146) --- components/lib/autocomplete/autocomplete.d.ts | 2 +- components/lib/checkbox/Checkbox.js | 2 +- components/lib/checkbox/CheckboxBase.js | 1 - components/lib/checkbox/checkbox.d.ts | 1 - components/lib/radiobutton/radiobutton.d.ts | 1 + components/lib/togglebutton/togglebutton.d.ts | 3 ++- components/lib/tristatecheckbox/tristatecheckbox.d.ts | 1 + 7 files changed, 6 insertions(+), 5 deletions(-) diff --git a/components/lib/autocomplete/autocomplete.d.ts b/components/lib/autocomplete/autocomplete.d.ts index da565f89f4..2341456751 100755 --- a/components/lib/autocomplete/autocomplete.d.ts +++ b/components/lib/autocomplete/autocomplete.d.ts @@ -227,7 +227,7 @@ export interface AutoCompleteContext { * Defines valid properties in AutoComplete component. In addition to these, all properties of HTMLSpanElement can be used in this component. * @group Properties */ -export interface AutoCompleteProps extends Omit, HTMLSpanElement>, 'onChange' | 'onSelect' | 'ref'> { +export interface AutoCompleteProps extends Omit, HTMLSpanElement>, 'onChange' | 'onSelect' | 'ref'> { /** * Unique identifier of the element. */ diff --git a/components/lib/checkbox/Checkbox.js b/components/lib/checkbox/Checkbox.js index 63a1d56e8d..bbc98352d2 100644 --- a/components/lib/checkbox/Checkbox.js +++ b/components/lib/checkbox/Checkbox.js @@ -21,7 +21,7 @@ export const Checkbox = React.memo( }); useHandleStyle(CheckboxBase.css.styles, isUnstyled, { name: 'checkbox' }); - + const elementRef = React.useRef(null); const inputRef = React.useRef(props.inputRef); diff --git a/components/lib/checkbox/CheckboxBase.js b/components/lib/checkbox/CheckboxBase.js index 1103da19af..4eb62ff033 100644 --- a/components/lib/checkbox/CheckboxBase.js +++ b/components/lib/checkbox/CheckboxBase.js @@ -14,7 +14,6 @@ const classes = { }) }; - export const CheckboxBase = ComponentBase.extend({ defaultProps: { __TYPE: 'Checkbox', diff --git a/components/lib/checkbox/checkbox.d.ts b/components/lib/checkbox/checkbox.d.ts index db831cb5a4..27466145af 100644 --- a/components/lib/checkbox/checkbox.d.ts +++ b/components/lib/checkbox/checkbox.d.ts @@ -74,7 +74,6 @@ export interface CheckboxContext { disabled: boolean; } - /** * Custom change event. * @see {@link CheckboxProps.onChange} diff --git a/components/lib/radiobutton/radiobutton.d.ts b/components/lib/radiobutton/radiobutton.d.ts index 20cd34d8a2..b2324eccb7 100644 --- a/components/lib/radiobutton/radiobutton.d.ts +++ b/components/lib/radiobutton/radiobutton.d.ts @@ -8,6 +8,7 @@ * */ import * as React from 'react'; +import { CheckboxPassThroughType } from '../checkbox/checkbox'; import { ComponentHooks } from '../componentbase/componentbase'; import { PassThroughOptions } from '../passthrough'; import { TooltipPassThroughOptions } from '../tooltip/tooltip'; diff --git a/components/lib/togglebutton/togglebutton.d.ts b/components/lib/togglebutton/togglebutton.d.ts index c4327b135e..b28df7858a 100644 --- a/components/lib/togglebutton/togglebutton.d.ts +++ b/components/lib/togglebutton/togglebutton.d.ts @@ -8,6 +8,7 @@ * */ import * as React from 'react'; +import { CheckboxPassThroughType } from '../checkbox/checkbox'; import { ComponentHooks } from '../componentbase/componentbase'; import { PassThroughOptions } from '../passthrough'; import { TooltipPassThroughOptions } from '../tooltip/tooltip'; @@ -53,7 +54,7 @@ export interface ToggleButtonPassThroughOptions { /** * Uses to pass attributes to the input's DOM element. */ - input?: RadioButtonPassThroughType>; + input?: ToggleButtonPassThroughType>; /** * Used to pass attributes to the box's DOM element. */ diff --git a/components/lib/tristatecheckbox/tristatecheckbox.d.ts b/components/lib/tristatecheckbox/tristatecheckbox.d.ts index 3279f16033..82c3931158 100644 --- a/components/lib/tristatecheckbox/tristatecheckbox.d.ts +++ b/components/lib/tristatecheckbox/tristatecheckbox.d.ts @@ -8,6 +8,7 @@ * */ import * as React from 'react'; +import { CheckboxPassThroughType } from '../checkbox/checkbox'; import { ComponentHooks } from '../componentbase/componentbase'; import { PassThroughOptions } from '../passthrough'; import { TooltipPassThroughOptions } from '../tooltip/tooltip'; From 16f91eaecd4252e16ad88d7b044812927b9a9909 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Wed, 13 Mar 2024 19:04:37 +0000 Subject: [PATCH 11/14] Update API doc --- components/doc/common/apidoc/index.json | 286 +++++++----------------- 1 file changed, 80 insertions(+), 206 deletions(-) diff --git a/components/doc/common/apidoc/index.json b/components/doc/common/apidoc/index.json index 108fd7eb3e..82dec23ee1 100644 --- a/components/doc/common/apidoc/index.json +++ b/components/doc/common/apidoc/index.json @@ -10086,19 +10086,6 @@ "returnType": "void", "description": "Callback to invoke on value change" }, - { - "name": "onClick", - "parameters": [ - { - "name": "event", - "optional": false, - "type": "CheckboxClickEvent", - "description": "Custom click event" - } - ], - "returnType": "void", - "description": "Callback to invoke on value change. Mark the event with preventDefault to prevent the option from changing." - }, { "name": "onContextMenu", "parameters": [ @@ -10161,36 +10148,6 @@ "type": "FormTarget" } ] - }, - "CheckboxClickEvent": { - "description": "Custom click event.", - "relatedProp": "onClick", - "props": [ - { - "name": "originalEvent", - "optional": true, - "readonly": false, - "type": "SyntheticEvent" - }, - { - "name": "value", - "optional": false, - "readonly": false, - "type": "any" - }, - { - "name": "checked", - "optional": true, - "readonly": false, - "type": "boolean" - }, - { - "name": "target", - "optional": false, - "readonly": false, - "type": "FormTarget" - } - ] } } }, @@ -10207,12 +10164,6 @@ "readonly": false, "type": "CheckboxProps" }, - { - "name": "state", - "optional": false, - "readonly": false, - "type": "CheckboxState" - }, { "name": "context", "optional": false, @@ -10240,6 +10191,13 @@ "type": "CheckboxPassThroughType>", "description": "Uses to pass attributes to the input's DOM element." }, + { + "name": "box", + "optional": true, + "readonly": false, + "type": "CheckboxPassThroughType>", + "description": "Used to pass attributes to the box's DOM element." + }, { "name": "icon", "optional": true, @@ -10254,20 +10212,6 @@ "type": "TooltipPassThroughOptions", "description": "Uses to pass attributes tooltip's DOM element." }, - { - "name": "hiddenInputWrapper", - "optional": true, - "readonly": false, - "type": "CheckboxPassThroughType>", - "description": "Uses to pass attributes to the hidden input wrapper's DOM element." - }, - { - "name": "hiddenInput", - "optional": true, - "readonly": false, - "type": "CheckboxPassThroughType>", - "description": "Uses to pass attributes to the hidden input's DOM element." - }, { "name": "hooks", "optional": true, @@ -10298,20 +10242,6 @@ } ], "callbacks": [] - }, - "CheckboxState": { - "description": "Defines current inline state in Checkbox component.", - "relatedProp": "", - "props": [ - { - "name": "focused", - "optional": false, - "readonly": false, - "type": "boolean", - "description": "Current focus state as a boolean." - } - ], - "callbacks": [] } } }, @@ -30790,12 +30720,6 @@ "optional": false, "readonly": false, "type": "InputSwitchProps" - }, - { - "name": "state", - "optional": false, - "readonly": false, - "type": "InputSwitchState" } ], "callbacks": [] @@ -30819,18 +30743,11 @@ "description": "Uses to pass attributes to the slider's DOM element." }, { - "name": "hiddenInputWrapper", - "optional": true, - "readonly": false, - "type": "InputSwitchPassThroughType>", - "description": "Uses to pass attributes to the hidden input wrapper's DOM element." - }, - { - "name": "hiddenInput", + "name": "input", "optional": true, "readonly": false, "type": "InputSwitchPassThroughType>", - "description": "Uses to pass attributes to the hidden input's DOM element." + "description": "Uses to pass attributes to the input's DOM element." }, { "name": "tooltip", @@ -30848,20 +30765,6 @@ } ], "callbacks": [] - }, - "InputSwitchState": { - "description": "Defines current inline state in InputSwitch component.", - "relatedProp": "", - "props": [ - { - "name": "focused", - "optional": false, - "readonly": false, - "type": "boolean", - "description": "Current focus state as a boolean." - } - ], - "callbacks": [] } } }, @@ -41937,7 +41840,7 @@ "readonly": false, "type": "boolean", "default": "false", - "description": "When present, it specifies that the element value cannot be altered." + "description": "When present, it specifies that the component should be disabled." }, { "name": "inputId", @@ -41955,6 +41858,14 @@ "default": "", "description": "Reference of the input element." }, + { + "name": "invalid", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When present, it specifies that the component should have invalid state style." + }, { "name": "name", "optional": true, @@ -41979,6 +41890,14 @@ "default": "", "description": "Used to configure passthrough(pt) options of the component." }, + { + "name": "readonly", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "", + "description": "When present, it specifies that an input field is read-only." + }, { "name": "required", "optional": true, @@ -42036,19 +41955,6 @@ ], "returnType": "void", "description": "Callback to invoke on value change" - }, - { - "name": "onClick", - "parameters": [ - { - "name": "event", - "optional": false, - "type": "RadioButtonClickEvent", - "description": "Custom click event." - } - ], - "returnType": "void", - "description": "Callback to invoke on click. Mark the event with preventDefault to prevent the option from changing." } ] } @@ -42086,36 +41992,6 @@ "type": "FormTarget" } ] - }, - "RadioButtonClickEvent": { - "description": "Custom click event.", - "relatedProp": "onClick", - "props": [ - { - "name": "originalEvent", - "optional": true, - "readonly": false, - "type": "SyntheticEvent" - }, - { - "name": "value", - "optional": false, - "readonly": false, - "type": "any" - }, - { - "name": "checked", - "optional": true, - "readonly": false, - "type": "boolean" - }, - { - "name": "target", - "optional": false, - "readonly": false, - "type": "FormTarget" - } - ] } } }, @@ -42131,12 +42007,6 @@ "optional": false, "readonly": false, "type": "RadioButtonProps" - }, - { - "name": "state", - "optional": false, - "readonly": false, - "type": "RadioButtonState" } ], "callbacks": [] @@ -42152,13 +42022,6 @@ "type": "RadioButtonPassThroughType>", "description": "Uses to pass attributes to the root's DOM element." }, - { - "name": "input", - "optional": true, - "readonly": false, - "type": "RadioButtonPassThroughType>", - "description": "Uses to pass attributes to the input's DOM element." - }, { "name": "icon", "optional": true, @@ -42167,18 +42030,18 @@ "description": "Uses to pass attributes to the icon's DOM element." }, { - "name": "hiddenInputWrapper", + "name": "input", "optional": true, "readonly": false, "type": "RadioButtonPassThroughType>", - "description": "Uses to pass attributes to the hidden accessible DOM element wrapper." + "description": "Uses to pass attributes to the input's DOM element." }, { - "name": "hiddenInput", + "name": "box", "optional": true, "readonly": false, - "type": "RadioButtonPassThroughType>", - "description": "Uses to pass attributes to the hidden accessible DOM element." + "type": "CheckboxPassThroughType>", + "description": "Used to pass attributes to the box's DOM element." }, { "name": "tooltip", @@ -42196,20 +42059,6 @@ } ], "callbacks": [] - }, - "RadioButtonState": { - "description": "Defines current inline state in RadioButton component.", - "relatedProp": "", - "props": [ - { - "name": "focused", - "optional": false, - "readonly": false, - "type": "boolean", - "description": "Current focused state as a boolean." - } - ], - "callbacks": [] } } }, @@ -48894,6 +48743,14 @@ "default": "", "description": "Used to get the child elements of the component." }, + { + "name": "disabled", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When present, it specifies that the element should be disabled." + }, { "name": "iconPos", "optional": true, @@ -48902,6 +48759,14 @@ "default": "left", "description": "Position of the icon, valid values are \"left\" and \"right\"." }, + { + "name": "invalid", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When present, it specifies that the component should have invalid state style." + }, { "name": "offIcon", "optional": true, @@ -48950,6 +48815,14 @@ "default": "", "description": "Used to configure passthrough(pt) options of the component." }, + { + "name": "readonly", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "", + "description": "When present, it specifies that an input field is read-only." + }, { "name": "tooltip", "optional": true, @@ -49108,6 +48981,20 @@ "readonly": false, "type": "ComponentHooks", "description": "Used to manage all lifecycle hooks" + }, + { + "name": "input", + "optional": true, + "readonly": false, + "type": "ToggleButtonPassThroughType>", + "description": "Uses to pass attributes to the input's DOM element." + }, + { + "name": "box", + "optional": true, + "readonly": false, + "type": "CheckboxPassThroughType>", + "description": "Used to pass attributes to the box's DOM element." } ], "callbacks": [] @@ -54526,12 +54413,6 @@ "optional": false, "readonly": false, "type": "TriStateCheckboxProps" - }, - { - "name": "state", - "optional": false, - "readonly": false, - "type": "TriStateCheckboxState" } ], "callbacks": [] @@ -54548,11 +54429,18 @@ "description": "Uses to pass attributes to the root's DOM element." }, { - "name": "checkbox", + "name": "input", "optional": true, "readonly": false, - "type": "TriStateCheckboxPassThroughType>", - "description": "Uses to pass attributes to the checkbox box's DOM element." + "type": "CheckboxPassThroughType>", + "description": "Uses to pass attributes to the input's DOM element." + }, + { + "name": "box", + "optional": true, + "readonly": false, + "type": "CheckboxPassThroughType>", + "description": "Used to pass attributes to the box's DOM element." }, { "name": "tooltip", @@ -54591,20 +54479,6 @@ } ], "callbacks": [] - }, - "TriStateCheckboxState": { - "description": "Defines current inline state in TriStateCheckbox component.", - "relatedProp": "", - "props": [ - { - "name": "focused", - "optional": false, - "readonly": false, - "type": "boolean", - "description": "Focused state as a boolean." - } - ], - "callbacks": [] } } }, @@ -54733,7 +54607,7 @@ "returnType": "void" } ], - "extendedBy": "AutoCompleteChangeEvent,CheckboxChangeEvent,CheckboxClickEvent,ChipsChangeEvent,ColorPickerChangeEvent,DropdownChangeEvent,InputMaskChangeEvent,InputNumberValueChangeEvent,RadioButtonChangeEvent,RadioButtonClickEvent,RatingChangeEvent,SelectButtonChangeEvent,TreeSelectChangeEvent,TriStateCheckboxChangeEvent" + "extendedBy": "AutoCompleteChangeEvent,CheckboxChangeEvent,ChipsChangeEvent,ColorPickerChangeEvent,DropdownChangeEvent,InputMaskChangeEvent,InputNumberValueChangeEvent,RadioButtonChangeEvent,RatingChangeEvent,SelectButtonChangeEvent,TreeSelectChangeEvent,TriStateCheckboxChangeEvent" }, "FormBooleanEvent": { "relatedProp": "", From fd82f0dc6a463e3e634a12af7585a9673452f0ba Mon Sep 17 00:00:00 2001 From: vaelu <72358141+vaelu@users.noreply.github.com> Date: Tue, 12 Mar 2024 09:45:10 +0100 Subject: [PATCH 12/14] Fixed wrong prop in TailwindDoc in Accordion --- components/doc/accordion/theming/tailwinddoc.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/doc/accordion/theming/tailwinddoc.js b/components/doc/accordion/theming/tailwinddoc.js index 1f92bc501a..10ab21f4ad 100644 --- a/components/doc/accordion/theming/tailwinddoc.js +++ b/components/doc/accordion/theming/tailwinddoc.js @@ -34,7 +34,7 @@ const Tailwind = { 'dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80 dark:hover:bg-gray-800/80 dark:focus:shadow-[inset_0_0_0_0.2rem_rgba(147,197,253,0.5)]', // Dark mode 'hover:border-gray-300 hover:bg-gray-200 hover:text-gray-800', // Hover 'focus:outline-none focus:outline-offset-0 focus:shadow-[inset_0_0_0_0.2rem_rgba(191,219,254,1)]', // Focus - { 'rounded-br-md rounded-bl-md': !context.active, 'rounded-br-0 rounded-bl-0 text-gray-800': context.active } // Condition + { 'rounded-br-md rounded-bl-md': !context.selected, 'rounded-br-0 rounded-bl-0 text-gray-800': context.selected } // Condition ) }), headerIcon: 'inline-block mr-2', From 60ee8a9505fada6ef1fc156d88e1f6fb0d238ff2 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Thu, 14 Mar 2024 06:30:19 +0000 Subject: [PATCH 13/14] Update API doc --- components/doc/common/apidoc/index.json | 48 ++++++++++++++++++++----- 1 file changed, 40 insertions(+), 8 deletions(-) diff --git a/components/doc/common/apidoc/index.json b/components/doc/common/apidoc/index.json index 82dec23ee1..8d450870ca 100644 --- a/components/doc/common/apidoc/index.json +++ b/components/doc/common/apidoc/index.json @@ -35038,6 +35038,22 @@ "default": "", "description": "Function that gets the option and returns the content for it." }, + { + "name": "loading", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Displays a loader to indicate data load is in progress." + }, + { + "name": "loadingIcon", + "optional": true, + "readonly": false, + "type": "IconType", + "default": "", + "description": "The icon to show while indicating data load is in progress." + }, { "name": "maxSelectedLabels", "optional": true, @@ -45489,14 +45505,6 @@ "default": "", "description": "Size of the element relative to 100%." }, - { - "name": "step", - "optional": true, - "readonly": false, - "type": "number", - "default": "5", - "description": "Step factor to increment/decrement the size of the panels while pressing the arrow keys." - }, { "name": "style", "optional": true, @@ -45584,6 +45592,14 @@ "default": "session", "description": "Defines where a stateful splitter keeps its state, valid values are \"session\" for sessionStorage and \"local\" for localStorage." }, + { + "name": "step", + "optional": true, + "readonly": false, + "type": "number", + "default": "5", + "description": "Step factor to increment/decrement the size of the panels while pressing the arrow keys." + }, { "name": "unstyled", "optional": true, @@ -49493,6 +49509,14 @@ "default": "", "description": "Target element on global tooltip option." }, + { + "name": "unstyled", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When enabled, it removes component related styles in the core." + }, { "name": "updateDelay", "optional": true, @@ -49882,6 +49906,14 @@ "type": "PassThroughOptions", "default": "", "description": "Used to configure passthrough(pt) options of the component." + }, + { + "name": "unstyled", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When enabled, it removes component related styles in the core." } ] }, From a130c7ce4cd4520aa7fb4d6af8779ff0ec55348a Mon Sep 17 00:00:00 2001 From: Basith <134603758+abdulbasithqb@users.noreply.github.com> Date: Thu, 14 Mar 2024 17:38:25 +0530 Subject: [PATCH 14/14] fix: typo error in the DataTable documentation (#6150) --- components/doc/datatable/scroll/frozencolumnsdoc.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/doc/datatable/scroll/frozencolumnsdoc.js b/components/doc/datatable/scroll/frozencolumnsdoc.js index 99482b6a25..83edd47f84 100644 --- a/components/doc/datatable/scroll/frozencolumnsdoc.js +++ b/components/doc/datatable/scroll/frozencolumnsdoc.js @@ -164,7 +164,7 @@ export default function FrozenColumnsDemo() { <>

- A column can be fixed during horizontal scrolling by enablng the frozen property. The location is defined with the alignFrozen that can be left or right. + A column can be fixed during horizontal scrolling by enabling the frozen property. The location is defined with the alignFrozen that can be left or right.