From db71189a8c0833589f9a504642c0787f5a5f3cd8 Mon Sep 17 00:00:00 2001 From: Ivan Date: Sat, 25 May 2024 21:41:57 +0200 Subject: [PATCH 1/6] fix: Error in type definition --- components/doc/common/apidoc/index.json | 4 ++-- components/lib/inputtext/inputtext.d.ts | 2 +- package-lock.json | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/components/doc/common/apidoc/index.json b/components/doc/common/apidoc/index.json index fda578fbf5..89de0d3f1c 100644 --- a/components/doc/common/apidoc/index.json +++ b/components/doc/common/apidoc/index.json @@ -30412,7 +30412,7 @@ "name": "value", "optional": true, "readonly": false, - "type": "string", + "type": "null | string", "default": "", "description": "The value of component" }, @@ -31914,7 +31914,7 @@ "name": "value", "optional": true, "readonly": false, - "type": "string", + "type": "null | string", "default": "", "description": "The value of component" }, diff --git a/components/lib/inputtext/inputtext.d.ts b/components/lib/inputtext/inputtext.d.ts index 87df9595e3..b7e07ad18d 100644 --- a/components/lib/inputtext/inputtext.d.ts +++ b/components/lib/inputtext/inputtext.d.ts @@ -102,7 +102,7 @@ export interface InputTextProps extends Omit} event - Browser event diff --git a/package-lock.json b/package-lock.json index 87a63854e3..cef6c89e7e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "primereact", - "version": "10.6.5", + "version": "10.6.6", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "primereact", - "version": "10.6.5", + "version": "10.6.6", "dependencies": { "@docsearch/react": "3.5.2", "chart.js": "4.4.2", From 0d4335bcd03da23b9d1098a276179fc5bdb0de6e Mon Sep 17 00:00:00 2001 From: Ivan Date: Tue, 28 May 2024 22:49:22 +0200 Subject: [PATCH 2/6] fix: Missing and wrong defined props --- components/doc/common/apidoc/index.json | 54 ++++++++++++++++++++++--- components/lib/column/column.d.ts | 44 +++++++++++++------- 2 files changed, 78 insertions(+), 20 deletions(-) diff --git a/components/doc/common/apidoc/index.json b/components/doc/common/apidoc/index.json index 89de0d3f1c..002fe3d17e 100644 --- a/components/doc/common/apidoc/index.json +++ b/components/doc/common/apidoc/index.json @@ -13155,7 +13155,7 @@ "name": "filterOperatorDropdown", "optional": true, "readonly": false, - "type": "DropdownPassThroughOptions", + "type": "ColumnPassThroughType>", "description": "Uses to pass attributes to the Dropdown component." }, { @@ -13176,7 +13176,7 @@ "name": "filterMatchModeDropdown", "optional": true, "readonly": false, - "type": "DropdownPassThroughOptions", + "type": "ColumnPassThroughType>", "description": "Uses to pass attributes to the Dropdown component." }, { @@ -13190,7 +13190,7 @@ "name": "filterRemoveButton", "optional": true, "readonly": false, - "type": "DropdownPassThroughOptions", + "type": "ColumnPassThroughType>", "description": "Uses to pass attributes to the Button component." }, { @@ -13204,7 +13204,7 @@ "name": "filterAddRuleButton", "optional": true, "readonly": false, - "type": "DropdownPassThroughOptions", + "type": "ColumnPassThroughType>", "description": "Uses to pass attributes to the Button component." }, { @@ -13218,14 +13218,14 @@ "name": "filterClearButton", "optional": true, "readonly": false, - "type": "ButtonPassThroughOptions", + "type": "ColumnPassThroughType>", "description": "Uses to pass attributes to the Button component." }, { "name": "filterApplyButton", "optional": true, "readonly": false, - "type": "ButtonPassThroughOptions", + "type": "ColumnPassThroughType>", "description": "Uses to pass attributes to the Button component." }, { @@ -13235,6 +13235,13 @@ "type": "ColumnPassThroughType>", "description": "Uses to pass attributes to the body cell's DOM element." }, + { + "name": "footerCell", + "optional": true, + "readonly": false, + "type": "ColumnPassThroughType>", + "description": "Uses to pass attributes to the footer cell's DOM element." + }, { "name": "rowGroupToggler", "optional": true, @@ -13326,6 +13333,41 @@ "type": "ColumnPassThroughType | SVGProps>", "description": "Uses to pass attributes to the row editor cancel icon's DOM element." }, + { + "name": "rowReorderIcon", + "optional": true, + "readonly": false, + "type": "ColumnPassThroughType | SVGProps>", + "description": "Uses to pass attributes to the row reorder icon's DOM element." + }, + { + "name": "radioButton", + "optional": true, + "readonly": false, + "type": "ColumnPassThroughType>", + "description": "Uses to pass attributes to the row radiobutton wrapper's DOM element." + }, + { + "name": "radioButtonInput", + "optional": true, + "readonly": false, + "type": "ColumnPassThroughType>", + "description": "Uses to pass attributes to the row radiobutton input's DOM element." + }, + { + "name": "radioButtonBox", + "optional": true, + "readonly": false, + "type": "ColumnPassThroughType>", + "description": "Uses to pass attributes to the row radiobutton box's DOM element." + }, + { + "name": "radioButtonIcon", + "optional": true, + "readonly": false, + "type": "ColumnPassThroughType>", + "description": "Uses to pass attributes to the row radiobutton icon's DOM element." + }, { "name": "hooks", "optional": true, diff --git a/components/lib/column/column.d.ts b/components/lib/column/column.d.ts index a1168511f6..5b61ab74ae 100644 --- a/components/lib/column/column.d.ts +++ b/components/lib/column/column.d.ts @@ -10,10 +10,8 @@ */ import * as React from 'react'; import { FilterMatchMode } from '../api/api'; -import { ButtonPassThroughOptions } from '../button/button'; import { ComponentHooks } from '../componentbase/componentbase'; import { DataTablePassThroughOptions } from '../datatable/datatable'; -import { DropdownPassThroughOptions } from '../dropdown/dropdown'; import { PassThroughOptions } from '../passthrough'; import { TooltipOptions } from '../tooltip/tooltipoptions'; import { IconType, PassThroughType } from '../utils/utils'; @@ -208,9 +206,8 @@ export interface ColumnPassThroughOptions { filterOperator?: ColumnPassThroughType>; /** * Uses to pass attributes to the Dropdown component. - * @see {@link DropdownPassThroughOptions} */ - filterOperatorDropdown?: DropdownPassThroughOptions; + filterOperatorDropdown?: ColumnPassThroughType>; /** * Uses to pass attributes to the filter constraints' DOM element. */ @@ -221,45 +218,44 @@ export interface ColumnPassThroughOptions { filterConstraint?: ColumnPassThroughType>; /** * Uses to pass attributes to the Dropdown component. - * @see {@link DropdownPassThroughOptions} */ - filterMatchModeDropdown?: DropdownPassThroughOptions; + filterMatchModeDropdown?: ColumnPassThroughType>; /** * Uses to pass attributes to the filter remove button container's DOM element. */ filterRemove?: ColumnPassThroughType>; /** * Uses to pass attributes to the Button component. - * @see {@link DropdownPassThroughOptions} */ - filterRemoveButton?: DropdownPassThroughOptions; + filterRemoveButton?: ColumnPassThroughType>; /** * Uses to pass attributes to the filter add rule's DOM element. */ filterAddRule?: ColumnPassThroughType>; /** * Uses to pass attributes to the Button component. - * @see {@link DropdownPassThroughOptions} */ - filterAddRuleButton?: DropdownPassThroughOptions; + filterAddRuleButton?: ColumnPassThroughType>; /** * Uses to pass attributes to the filter buttonbar's DOM element. */ filterButtonbar?: ColumnPassThroughType>; /** * Uses to pass attributes to the Button component. - * @see {@link ButtonPassThroughOptions} */ - filterClearButton?: ButtonPassThroughOptions; + filterClearButton?: ColumnPassThroughType>; /** * Uses to pass attributes to the Button component. - * @see {@link ButtonPassThroughOptions} */ - filterApplyButton?: ButtonPassThroughOptions; + filterApplyButton?: ColumnPassThroughType>; /** * Uses to pass attributes to the body cell's DOM element. */ bodyCell?: ColumnPassThroughType>; + /** + * Uses to pass attributes to the footer cell's DOM element. + */ + footerCell?: ColumnPassThroughType>; /** * Uses to pass attributes to the rowgroup toggler's DOM element. */ @@ -312,6 +308,26 @@ export interface ColumnPassThroughOptions { * Uses to pass attributes to the row editor cancel icon's DOM element. */ rowEditorCancelIcon?: ColumnPassThroughType | React.HTMLAttributes>; + /** + * Uses to pass attributes to the row reorder icon's DOM element. + */ + rowReorderIcon?: ColumnPassThroughType | React.HTMLAttributes>; + /** + * Uses to pass attributes to the row radiobutton wrapper's DOM element. + */ + radioButton?: ColumnPassThroughType>; + /** + * Uses to pass attributes to the row radiobutton input's DOM element. + */ + radioButtonInput?: ColumnPassThroughType>; + /** + * Uses to pass attributes to the row radiobutton box's DOM element. + */ + radioButtonBox?: ColumnPassThroughType>; + /** + * Uses to pass attributes to the row radiobutton icon's DOM element. + */ + radioButtonIcon?: ColumnPassThroughType>; /** * Used to manage all lifecycle hooks * @see {@link ComponentHooks} From 60e00e7c33acd4b93093fc3c03846267cf32e63c Mon Sep 17 00:00:00 2001 From: Ivan Date: Tue, 28 May 2024 22:50:53 +0200 Subject: [PATCH 3/6] chore: Update datatable documentation and unstyled example --- .../doc/datatable/theming/tailwinddoc.js | 41 ++++++++++++------- components/lib/passthrough/tailwind/index.js | 27 ++++++++---- 2 files changed, 45 insertions(+), 23 deletions(-) diff --git a/components/doc/datatable/theming/tailwinddoc.js b/components/doc/datatable/theming/tailwinddoc.js index e69525cfd8..bb36e0714e 100644 --- a/components/doc/datatable/theming/tailwinddoc.js +++ b/components/doc/datatable/theming/tailwinddoc.js @@ -219,25 +219,38 @@ const Tailwind = { 'dark:text-white/70' // Dark Mode ) }, - radiobuttonwrapper: { + radioButton: { className: classNames('relative inline-flex cursor-pointer select-none align-bottom', 'w-6 h-6') }, - radiobutton: ({ context }) => ({ + radioButtonInput: { className: classNames( - 'flex justify-center items-center', - 'border-2 w-6 h-6 text-gray-700 rounded-full transition duration-200 ease-in-out', - context.checked ? 'border-blue-500 bg-blue-500 dark:border-blue-400 dark:bg-blue-400' : 'border-gray-300 bg-white dark:border-blue-900/40 dark:bg-gray-900', - { - 'hover:border-blue-500 dark:hover:border-blue-400 focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[inset_0_0_0_0.2rem_rgba(147,197,253,0.5)]': !context.disabled, - 'cursor-default opacity-60': context.disabled - } + 'w-full h-full top-0 left-0 absolute appearance-none select-none', + 'p-0 m-0 opacity-0 z-[1] rounded-[50%] outline-none', + 'cursor-pointer peer' ) + }, + radioButtonBox: ({ context }) => ({ + className: classNames( + 'flex items-center justify-center', + 'h-6 w-6 rounded-full border-2 text-gray-700 transition duration-200 ease-in-out', + context.checked + ? 'border-blue-500 bg-blue-500 dark:border-blue-400 dark:bg-blue-400 peer-hover:bg-blue-700 peer-hover:border-blue-700' + : 'border-gray-300 bg-white dark:border-blue-900/40 dark:bg-gray-900 peer-hover:border-blue-500', + { + 'hover:border-blue-500 focus:shadow-input-focus focus:outline-none focus:outline-offset-0 dark:hover:border-blue-400 dark:focus:shadow-[inset_0_0_0_0.2rem_rgba(147,197,253,0.5)]': !context.disabled, + 'cursor-default opacity-60': context.disabled, + }, + ), }), - radiobuttonicon: ({ context }) => ({ - className: classNames('transform rounded-full', 'block w-3 h-3 transition duration-200 bg-white dark:bg-gray-900', { - 'backface-hidden scale-10 invisible': context.checked === false, - 'transform scale-100 visible': context.checked === true - }) + radioButtonIcon: ({ context }) => ({ + className: classNames( + 'transform rounded-full', + 'block h-3 w-3 bg-white transition duration-200 dark:bg-gray-900', + { + 'backface-hidden scale-10 invisible': context.checked === false, + 'visible scale-100 transform': context.checked === true, + }, + ), }), headercheckboxwrapper: { className: classNames('cursor-pointer inline-flex relative select-none align-bottom', 'w-6 h-6') diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js index 3c9f9cfe4a..ec7c835cfa 100644 --- a/components/lib/passthrough/tailwind/index.js +++ b/components/lib/passthrough/tailwind/index.js @@ -3382,24 +3382,33 @@ const Tailwind = { 'dark:text-white/70' // Dark Mode ) }, - radiobuttonwrapper: { + radioButton: { className: classNames('relative inline-flex cursor-pointer select-none align-bottom', 'w-6 h-6') }, - radiobutton: ({ context }) => ({ + radioButtonInput: { className: classNames( - 'flex justify-center items-center', - 'border-2 w-6 h-6 text-gray-700 rounded-full transition duration-200 ease-in-out', - context.checked ? 'border-blue-500 bg-blue-500 dark:border-blue-400 dark:bg-blue-400' : 'border-gray-300 bg-white dark:border-blue-900/40 dark:bg-gray-900', + 'w-full h-full top-0 left-0 absolute appearance-none select-none', + 'p-0 m-0 opacity-0 z-[1] rounded-[50%] outline-none', + 'cursor-pointer peer' + ) + }, + radioButtonBox: ({ context }) => ({ + className: classNames( + 'flex items-center justify-center', + 'h-6 w-6 rounded-full border-2 text-gray-700 transition duration-200 ease-in-out', + context.checked + ? 'border-blue-500 bg-blue-500 dark:border-blue-400 dark:bg-blue-400 peer-hover:bg-blue-700 peer-hover:border-blue-700' + : 'border-gray-300 bg-white dark:border-blue-900/40 dark:bg-gray-900 peer-hover:border-blue-500', { - 'hover:border-blue-500 dark:hover:border-blue-400 focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[inset_0_0_0_0.2rem_rgba(147,197,253,0.5)]': !context.disabled, + 'hover:border-blue-500 focus:shadow-input-focus focus:outline-none focus:outline-offset-0 dark:hover:border-blue-400 dark:focus:shadow-[inset_0_0_0_0.2rem_rgba(147,197,253,0.5)]': !context.disabled, 'cursor-default opacity-60': context.disabled } ) }), - radiobuttonicon: ({ context }) => ({ - className: classNames('transform rounded-full', 'block w-3 h-3 transition duration-200 bg-white dark:bg-gray-900', { + radioButtonIcon: ({ context }) => ({ + className: classNames('transform rounded-full', 'block h-3 w-3 bg-white transition duration-200 dark:bg-gray-900', { 'backface-hidden scale-10 invisible': context.checked === false, - 'transform scale-100 visible': context.checked === true + 'visible scale-100 transform': context.checked === true }) }), headercheckboxwrapper: { From 42553d8ae13150bca38bcbb17b13f43c5d740902 Mon Sep 17 00:00:00 2001 From: Ivan Date: Tue, 28 May 2024 22:53:26 +0200 Subject: [PATCH 4/6] fix: Unstyled prop not propagated --- components/lib/datatable/BodyCell.js | 2 ++ components/lib/datatable/BodyRow.js | 1 + components/lib/datatable/DataTable.js | 11 +++++++---- components/lib/datatable/HeaderCell.js | 2 +- components/lib/datatable/RowRadioButton.js | 1 + components/lib/datatable/TableBody.js | 2 ++ 6 files changed, 14 insertions(+), 5 deletions(-) diff --git a/components/lib/datatable/BodyCell.js b/components/lib/datatable/BodyCell.js index 9ab5617d47..2f9397f4bd 100644 --- a/components/lib/datatable/BodyCell.js +++ b/components/lib/datatable/BodyCell.js @@ -617,6 +617,7 @@ export const BodyCell = React.memo((props) => { ariaLabel={label} ptCallbacks={props.ptCallbacks} metaData={props.metaData} + unstyled={props.unstyled} /> )} {selectionMode === 'multiple' && ( @@ -631,6 +632,7 @@ export const BodyCell = React.memo((props) => { checkIcon={props.checkIcon} ptCallbacks={props.ptCallbacks} metaData={props.metaData} + unstyled={props.unstyled} /> )} diff --git a/components/lib/datatable/BodyRow.js b/components/lib/datatable/BodyRow.js index c72af3eb10..aab438a8d7 100644 --- a/components/lib/datatable/BodyRow.js +++ b/components/lib/datatable/BodyRow.js @@ -456,6 +456,7 @@ export const BodyRow = React.memo((props) => { virtualScrollerOptions={props.virtualScrollerOptions} ptCallbacks={props.ptCallbacks} metaData={props.metaData} + unstyled={props.unstyled} /> ); } diff --git a/components/lib/datatable/DataTable.js b/components/lib/datatable/DataTable.js index a20afd3a12..b3e325a905 100644 --- a/components/lib/datatable/DataTable.js +++ b/components/lib/datatable/DataTable.js @@ -1,4 +1,5 @@ import * as React from 'react'; +import { getStorage } from '../../utils/utils'; import PrimeReact, { FilterMatchMode, FilterOperator, FilterService, PrimeReactContext } from '../api/Api'; import { ColumnBase } from '../column/ColumnBase'; import { useHandleStyle } from '../componentbase/ComponentBase'; @@ -13,7 +14,6 @@ import { DataTableBase } from './DataTableBase'; import { TableBody } from './TableBody'; import { TableFooter } from './TableFooter'; import { TableHeader } from './TableHeader'; -import { getStorage } from '../../utils/utils'; export const DataTable = React.forwardRef((inProps, ref) => { const context = React.useContext(PrimeReactContext); @@ -1533,7 +1533,7 @@ export const DataTable = React.forwardRef((inProps, ref) => { }, ptCallbacks.ptm('loadingIcon') ); - const icon = props.loadingIcon || ; + const icon = props.loadingIcon || ; const loadingIcon = IconUtils.getJSXIcon(icon, { ...loadingIconProps }, { props }); const loadingOverlayProps = mergeProps( { @@ -1707,6 +1707,7 @@ export const DataTable = React.forwardRef((inProps, ref) => { virtualScrollerOptions={options} ptCallbacks={ptCallbacks} metaData={metaData} + unstyled={props.unstyled} /> ); const body = ( @@ -1792,10 +1793,11 @@ export const DataTable = React.forwardRef((inProps, ref) => { virtualScrollerOptions={options} ptCallbacks={ptCallbacks} metaData={metaData} + unstyled={props.unstyled} /> ); const spacerBody = ObjectUtils.isNotEmpty(spacerStyle) ? ( - + ) : null; return ( @@ -1810,7 +1812,7 @@ export const DataTable = React.forwardRef((inProps, ref) => { const createTableFooter = (options) => { const { columns } = options; - return ; + return ; }; const createContent = (processedData, columns, selectionModeInColumn, empty) => { @@ -1844,6 +1846,7 @@ export const DataTable = React.forwardRef((inProps, ref) => { pt={ptCallbacks.ptm('virtualScroller')} __parentMetadata={{ parent: metaData }} showSpacer={false} + unstyled={props.unstyled} contentTemplate={(options) => { const ref = (el) => { tableRef.current = el; diff --git a/components/lib/datatable/HeaderCell.js b/components/lib/datatable/HeaderCell.js index 5e60892e5f..58a9bfb33d 100644 --- a/components/lib/datatable/HeaderCell.js +++ b/components/lib/datatable/HeaderCell.js @@ -303,7 +303,7 @@ export const HeaderCell = React.memo((props) => { if (props.showSelectAll && getColumnProp('selectionMode') === 'multiple' && props.filterDisplay !== 'row') { const allRowsSelected = props.allRowsSelected(props.value); - return ; + return ; } return null; diff --git a/components/lib/datatable/RowRadioButton.js b/components/lib/datatable/RowRadioButton.js index 675064af9d..fd477aaa82 100644 --- a/components/lib/datatable/RowRadioButton.js +++ b/components/lib/datatable/RowRadioButton.js @@ -38,6 +38,7 @@ export const RowRadioButton = React.memo((props) => { disabled: props.disabled, name: `${props.tableSelector}_dt_radio`, onChange: onChange + unstyled: props.unstyled }, getColumnPTOptions('radiobutton') ); diff --git a/components/lib/datatable/TableBody.js b/components/lib/datatable/TableBody.js index f29a344ff5..8e072cb2cc 100644 --- a/components/lib/datatable/TableBody.js +++ b/components/lib/datatable/TableBody.js @@ -943,6 +943,7 @@ export const TableBody = React.memo( collapsedRowIcon={props.collapsedRowIcon} ptCallbacks={props.ptCallbacks} metaData={props.metaData} + unstyled={props.unstyled} /> ); const options = { index: rowIndex, props: props.tableProps, customRendering: false }; @@ -1068,6 +1069,7 @@ export const TableBody = React.memo( virtualScrollerOptions={props.virtualScrollerOptions} ptCallbacks={props.ptCallbacks} metaData={props.metaData} + unstyled={props.unstyled} /> ); } From 1c60228ca9e2ec4e9fbc81e063c419c65c9795e2 Mon Sep 17 00:00:00 2001 From: Ivan Date: Tue, 28 May 2024 22:54:25 +0200 Subject: [PATCH 5/6] fix: Radiobutton working in unstyled mode --- components/lib/datatable/RowRadioButton.js | 5 ++++- components/lib/radiobutton/RadioButton.js | 21 ++++++++++++------- components/lib/radiobutton/RadioButtonBase.js | 6 +++--- 3 files changed, 21 insertions(+), 11 deletions(-) diff --git a/components/lib/datatable/RowRadioButton.js b/components/lib/datatable/RowRadioButton.js index fd477aaa82..452664354c 100644 --- a/components/lib/datatable/RowRadioButton.js +++ b/components/lib/datatable/RowRadioButton.js @@ -37,7 +37,10 @@ export const RowRadioButton = React.memo((props) => { checked: props.checked, disabled: props.disabled, name: `${props.tableSelector}_dt_radio`, - onChange: onChange + onChange: onChange, + input: getColumnPTOptions('radiobuttoninput'), + box: getColumnPTOptions('radiobuttonbox'), + icon: getColumnPTOptions('radiobuttonicon'), unstyled: props.unstyled }, getColumnPTOptions('radiobutton') diff --git a/components/lib/radiobutton/RadioButton.js b/components/lib/radiobutton/RadioButton.js index 7ccc31974f..3e43322949 100644 --- a/components/lib/radiobutton/RadioButton.js +++ b/components/lib/radiobutton/RadioButton.js @@ -116,10 +116,14 @@ export const RadioButton = React.memo( style: props.style, 'data-p-checked': props.checked }, - RadioButtonBase.getOtherProps(props), + otherProps, ptm('root') ); + delete rootProps.input; + delete rootProps.box; + delete rootProps.icon; + const createInputElement = () => { const ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS); const inputProps = mergeProps( @@ -135,10 +139,11 @@ export const RadioButton = React.memo( readOnly: props.readonly, required: props.required, tabIndex: props.tabIndex, - className: cx('input'), + className: cx('radiobuttoninput'), ...ariaProps }, - ptm('input') + inProps.input, + ptm('radiobuttoninput') ); return ; @@ -147,16 +152,18 @@ export const RadioButton = React.memo( const createBoxElement = () => { const boxProps = mergeProps( { - className: cx('box') + className: cx('radiobuttonbox') }, - ptm('box') + inProps.box, + ptm('radiobuttonbox') ); const iconProps = mergeProps( { - className: cx('icon') + className: cx('radiobuttonicon') }, - ptm('icon') + inProps.icon, + ptm('radiobuttonicon') ); return ( diff --git a/components/lib/radiobutton/RadioButtonBase.js b/components/lib/radiobutton/RadioButtonBase.js index c6896607e1..d03ea4332c 100644 --- a/components/lib/radiobutton/RadioButtonBase.js +++ b/components/lib/radiobutton/RadioButtonBase.js @@ -9,9 +9,9 @@ const classes = { 'p-invalid': props.invalid, 'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled' }), - box: 'p-radiobutton-box', - input: 'p-radiobutton-input', - icon: 'p-radiobutton-icon' + radiobuttonbox: 'p-radiobutton-box', + radiobuttoninput: 'p-radiobutton-input', + radiobuttonicon: 'p-radiobutton-icon' }; export const RadioButtonBase = ComponentBase.extend({ From f93e4ba41591ef67864e7341e879b5ca495993be Mon Sep 17 00:00:00 2001 From: Ivan Date: Wed, 29 May 2024 00:35:21 +0200 Subject: [PATCH 6/6] fix: Code format --- components/lib/passthrough/tailwind/index.js | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js index ec7c835cfa..bccd4f616c 100644 --- a/components/lib/passthrough/tailwind/index.js +++ b/components/lib/passthrough/tailwind/index.js @@ -3386,11 +3386,7 @@ const Tailwind = { className: classNames('relative inline-flex cursor-pointer select-none align-bottom', 'w-6 h-6') }, radioButtonInput: { - className: classNames( - 'w-full h-full top-0 left-0 absolute appearance-none select-none', - 'p-0 m-0 opacity-0 z-[1] rounded-[50%] outline-none', - 'cursor-pointer peer' - ) + className: classNames('w-full h-full top-0 left-0 absolute appearance-none select-none', 'p-0 m-0 opacity-0 z-[1] rounded-[50%] outline-none', 'cursor-pointer peer') }, radioButtonBox: ({ context }) => ({ className: classNames(