Refactor #5784, #5785

primefaces · May 27, 2024 · 543b69e · 543b69e
1 parent a3292d5
commit 543b69e
Show file tree

Hide file tree

Showing 24 changed files with 59 additions and 59 deletions.
diff --git a/api-generator/components/calendar.js b/api-generator/components/calendar.js
@@ -48,7 +48,7 @@ const CalendarProps = [
         description: 'Icon of the calendar button.'
     },
     {
-        name: 'previousIcon',
+        name: 'prevIcon',
         type: 'string',
         default: 'null',
         description: 'Icon to show in the previous button.'
@@ -484,7 +484,7 @@ const CalendarSlots = [
         description: 'Custom dropdown icon template.'
     },
     {
-        name: 'previousicon',
+        name: 'prevIcon',
         description: 'Custom previous icon template.'
     },
     {

diff --git a/api-generator/components/carousel.js b/api-generator/components/carousel.js
@@ -115,7 +115,7 @@ const CarouselSlots = [
         description: 'Custom content for the component item.'
     },
     {
-        name: 'previousicon',
+        name: 'previcon',
         description: 'Custom previous icon template.'
     },
     {

diff --git a/api-generator/components/datepicker.js b/api-generator/components/datepicker.js
@@ -48,7 +48,7 @@ const DatePickerProps = [
         description: 'Icon of the calendar button.'
     },
     {
-        name: 'previousIcon',
+        name: 'previcon',
         type: 'string',
         default: 'null',
         description: 'Icon to show in the previous button.'
@@ -484,7 +484,7 @@ const DatePickerSlots = [
         description: 'Custom dropdown icon template.'
     },
     {
-        name: 'previousicon',
+        name: 'previcon',
         description: 'Custom previous icon template.'
     },
     {

diff --git a/api-generator/components/tabview.js b/api-generator/components/tabview.js
@@ -30,7 +30,7 @@ const TabViewProps = [
         description: 'When enabled, the focused tab is activated.'
     },
     {
-        name: 'previousButtonProps',
+        name: 'prevButtonProps',
         type: 'any',
         default: 'null',
         description: 'Used to pass all properties of the HTMLButtonElement to the previous button.'

diff --git a/components/lib/carousel/Carousel.d.ts b/components/lib/carousel/Carousel.d.ts
@@ -88,7 +88,7 @@ export interface CarouselPassThroughOptions {
      * Used to pass attributes to the previous button's DOM element.
      * @see {@link ButtonPassThroughOptions}
      */
-    pcPreviousButton?: ButtonPassThroughOptions<CarouselSharedPassThroughMethodOptions>;
+    pcPrevButton?: ButtonPassThroughOptions<CarouselSharedPassThroughMethodOptions>;
     /**
      * Used to pass attributes to the viewport's DOM element.
      */

diff --git a/components/lib/carousel/Carousel.vue b/components/lib/carousel/Carousel.vue
@@ -7,18 +7,18 @@
             <div :class="[cx('content'), contentClass]" :aria-live="allowAutoplay ? 'polite' : 'off'" v-bind="ptm('content')">
                 <Button
                     v-if="showNavigators"
-                    :class="cx('pcPreviousButton')"
+                    :class="cx('pcPrevButton')"
                     :disabled="backwardIsDisabled"
                     :aria-label="ariaPrevButtonLabel"
                     :unstyled="unstyled"
                     @click="navBackward"
                     v-bind="prevButtonProps"
-                    :pt="ptm('pcPreviousButton')"
+                    :pt="ptm('pcPrevButton')"
                     data-pc-group-section="navigator"
                 >
                     <template #icon="slotProps">
-                        <slot name="previousicon">
-                            <component :is="isVertical() ? 'ChevronUpIcon' : 'ChevronLeftIcon'" :class="[cx('previousButtonIcon'), slotProps.icon]" v-bind="ptm('pcPreviousButton')['icon']" />
+                        <slot name="previcon">
+                            <component :is="isVertical() ? 'ChevronUpIcon' : 'ChevronLeftIcon'" :class="slotProps.icon" v-bind="ptm('pcPrevButton')['icon']" />
                         </slot>
                     </template>
                 </Button>
@@ -72,7 +72,7 @@
                 >
                     <template #icon="slotProps">
                         <slot name="nexticon">
-                            <component :is="isVertical() ? 'ChevronDownIcon' : 'ChevronRightIcon'" :class="[cx('nextButtonIcon'), slotProps.class]" v-bind="ptm('pcNextButton')['icon']" />
+                            <component :is="isVertical() ? 'ChevronDownIcon' : 'ChevronRightIcon'" :class="slotProps.class" v-bind="ptm('pcNextButton')['icon']" />
                         </slot>
                     </template>
                 </Button>

diff --git a/components/lib/carousel/style/CarouselStyle.d.ts b/components/lib/carousel/style/CarouselStyle.d.ts
@@ -29,7 +29,7 @@ export enum CarouselClasses {
     /**
      * Class name of the previous button element
      */
-    pcPreviousButton = 'p-carousel-prev-button',
+    pcPrevButton = 'p-carousel-prev-button',
     /**
      * Class name of the viewport element
      */

diff --git a/components/lib/carousel/style/CarouselStyle.js b/components/lib/carousel/style/CarouselStyle.js
@@ -103,7 +103,7 @@ const classes = {
     header: 'p-carousel-header',
     contentContainer: 'p-carousel-content-container',
     content: 'p-carousel-content',
-    pcPreviousButton: ({ instance }) => [
+    pcPrevButton: ({ instance }) => [
         'p-carousel-prev-button',
         {
             'p-disabled': instance.backwardIsDisabled

diff --git a/components/lib/datepicker/BaseDatePicker.vue b/components/lib/datepicker/BaseDatePicker.vue
@@ -39,7 +39,7 @@ export default {
             type: String,
             default: undefined
         },
-        previousIcon: {
+        prevIcon: {
             type: String,
             default: undefined
         },

diff --git a/components/lib/datepicker/DatePicker.d.ts b/components/lib/datepicker/DatePicker.d.ts
@@ -175,7 +175,7 @@ export interface DatePickerPassThroughOptions {
      * Used to pass attributes to the previous button's DOM element.
      * @see {@link ButtonPassThroughOptions}
      */
-    pcPreviousButton?: ButtonPassThroughOptions<DatePickerSharedPassThroughMethodOptions>;
+    pcPrevButton?: ButtonPassThroughOptions<DatePickerSharedPassThroughMethodOptions>;
     /**
      * Used to pass attributes to the title's DOM element.
      */
@@ -570,9 +570,9 @@ export interface DatePickerProps {
     icon?: string | undefined;
     /**
      * Icon to show in the previous button.
-     * @deprecated since v3.27.0. Use 'previousicon' slot.
+     * @deprecated since v3.27.0. Use 'previcon' slot.
      */
-    previousIcon?: string | undefined;
+    prevIcon?: string | undefined;
     /**
      * Icon to show in the next button.
      * @deprecated since v3.27.0. Use 'nexticon' slot.
@@ -937,7 +937,7 @@ export interface DatePickerSlots {
      * Custom previous icon template.
      * @param {Object} scope - previous icon slot's params.
      */
-    previousicon(scope: {
+    previcon(scope: {
         /**
          * Style class of the previous icon
          */

diff --git a/components/lib/datepicker/DatePicker.vue b/components/lib/datepicker/DatePicker.vue
@@ -78,19 +78,19 @@
                                     <Button
                                         v-show="showOtherMonths ? groupIndex === 0 : false"
                                         :ref="previousButtonRef"
-                                        :class="cx('pcPreviousButton')"
+                                        :class="cx('pcPrevButton')"
                                         :disabled="disabled"
                                         :aria-label="currentView === 'year' ? $primevue.config.locale.prevDecade : currentView === 'month' ? $primevue.config.locale.prevYear : $primevue.config.locale.prevMonth"
                                         :unstyled="unstyled"
                                         @click="onPrevButtonClick"
                                         @keydown="onContainerButtonKeydown"
                                         v-bind="navigatorButtonProps"
-                                        :pt="ptm('pcPreviousButton')"
+                                        :pt="ptm('pcPrevButton')"
                                         data-pc-group-section="navigator"
                                     >
                                         <template #icon="slotProps">
-                                            <slot name="previousicon">
-                                                <component :is="previousIcon ? 'span' : 'ChevronLeftIcon'" :class="[previousIcon, slotProps.class]" v-bind="ptm('pcPreviousButton')['icon']" />
+                                            <slot name="previcon">
+                                                <component :is="prevIcon ? 'span' : 'ChevronLeftIcon'" :class="[prevIcon, slotProps.class]" v-bind="ptm('pcPrevButton')['icon']" />
                                             </slot>
                                         </template>
                                     </Button>

diff --git a/components/lib/datepicker/style/DatePickerStyle.d.ts b/components/lib/datepicker/style/DatePickerStyle.d.ts
@@ -49,7 +49,7 @@ export enum DatePickerClasses {
     /**
      * Class name of the previous button element
      */
-    pcPreviousButton = 'p-datepicker-prev-button',
+    pcPrevButton = 'p-datepicker-prev-button',
     /**
      * Class name of the title element
      */

diff --git a/components/lib/datepicker/style/DatePickerStyle.js b/components/lib/datepicker/style/DatePickerStyle.js
@@ -381,7 +381,7 @@ const classes = {
     calendarContainer: 'p-datepicker-calendar-container',
     calendar: 'p-datepicker-calendar',
     header: 'p-datepicker-header',
-    pcPreviousButton: 'p-datepicker-prev-button',
+    pcPrevButton: 'p-datepicker-prev-button',
     title: 'p-datepicker-title',
     viewMonth: 'p-datepicker-view-month',
     viewYear: 'p-datepicker-view-year',

diff --git a/components/lib/tablist/TabList.d.ts b/components/lib/tablist/TabList.d.ts
@@ -56,7 +56,7 @@ export interface TabListPassThroughOptions {
     /**
      * Used to pass attributes to the previous button component.
      */
-    previousButton?: TabListPassThroughOptionType;
+    prevButton?: TabListPassThroughOptionType;
     /**
      * Used to pass attributes to the next button component.
      */

diff --git a/components/lib/tablist/TabList.vue b/components/lib/tablist/TabList.vue
@@ -4,14 +4,14 @@
             v-if="showNavigators && isPrevButtonEnabled"
             ref="prevButton"
             v-ripple
-            :class="cx('previousButton')"
+            :class="cx('prevButton')"
             :aria-label="prevButtonAriaLabel"
             :tabindex="$pcTabs.tabindex"
             @click="onPrevButtonClick"
-            v-bind="ptm('previousButton')"
+            v-bind="ptm('prevButton')"
             data-pc-group-section="navigator"
         >
-            <component :is="templates.previousicon || 'ChevronLeftIcon'" aria-hidden="true" v-bind="ptm('previousIcon')" />
+            <component :is="templates.previcon || 'ChevronLeftIcon'" aria-hidden="true" v-bind="ptm('prevIcon')" />
         </button>
         <div ref="content" :class="cx('content')" @scroll="onScroll" v-bind="ptm('content')">
             <div ref="tabs" :class="cx('tabs')" role="tablist" :aria-orientation="$pcTabs.orientation || 'horizontal'" v-bind="ptm('tabs')">

diff --git a/components/lib/tablist/style/TabListStyle.d.ts b/components/lib/tablist/style/TabListStyle.d.ts
@@ -29,7 +29,7 @@ export enum TabListClasses {
     /**
      * Class name of the previous button element
      */
-    previousButton = 'p-tablist-prev-button',
+    prevButton = 'p-tablist-prev-button',
     /**
      * Class name of the next button element
      */

diff --git a/components/lib/tablist/style/TabListStyle.js b/components/lib/tablist/style/TabListStyle.js
@@ -10,7 +10,7 @@ const classes = {
     ],
     tabs: 'p-tablist-tab-list',
     inkbar: 'p-tablist-active-bar',
-    previousButton: 'p-tablist-prev-button p-tablist-nav-button',
+    prevButton: 'p-tablist-prev-button p-tablist-nav-button',
     nextButton: 'p-tablist-next-button p-tablist-nav-button'
 };
 

diff --git a/components/lib/tabs/Tabs.d.ts b/components/lib/tabs/Tabs.d.ts
@@ -146,7 +146,7 @@ export interface TabsSlots {
     /**
      * Previous button icon template for the scrollable component.
      */
-    previousicon(): VNode[];
+    previcon(): VNode[];
     /**
      * Next button icon template for the scrollable component.
      */

diff --git a/components/lib/tabview/BaseTabView.vue b/components/lib/tabview/BaseTabView.vue
@@ -26,7 +26,7 @@ export default {
             type: Boolean,
             default: false
         },
-        previousButtonProps: {
+        prevButtonProps: {
             type: null,
             default: null
         },

diff --git a/components/lib/tabview/TabView.d.ts b/components/lib/tabview/TabView.d.ts
@@ -96,11 +96,11 @@ export interface TabViewPassThroughOptions {
     /**
      * Used to pass attributes to the previous button's DOM element.
      */
-    previousButton?: TabViewPassThroughOptionType;
+    prevButton?: TabViewPassThroughOptionType;
     /**
      * Used to pass attributes to the previous button icon's DOM element.
      */
-    previousIcon?: TabViewPassThroughOptionType;
+    prevIcon?: TabViewPassThroughOptionType;
     /**
      * Used to pass attributes to the next button's DOM element.
      */
@@ -193,15 +193,15 @@ export interface TabViewProps {
      * Used to pass all properties of the HTMLButtonElement to the previous button.
      * @deprecated since v3.26.0. Use 'pt' property instead.
      */
-    previousButtonProps?: ButtonHTMLAttributes | undefined;
+    prevButtonProps?: ButtonHTMLAttributes | undefined;
     /**
      * Used to pass all properties of the HTMLButtonElement to the next button.
      * @deprecated since v3.26.0. Use 'pt' property instead.
      */
     nextButtonProps?: ButtonHTMLAttributes | undefined;
     /**
      * Previous icon of the scrollable tabview.
-     * @deprecated since v3.27.0. Use 'previousicon' slot.
+     * @deprecated since v3.27.0. Use 'previcon' slot.
      */
     prevIcon?: string | undefined;
     /**
@@ -241,7 +241,7 @@ export interface TabViewSlots {
     /**
      * Previous button icon template for the scrollable component.
      */
-    previousicon(): VNode[];
+    previcon(): VNode[];
     /**
      * Next button icon template for the scrollable component.
      */

diff --git a/components/lib/tabview/TabView.vue b/components/lib/tabview/TabView.vue
@@ -6,15 +6,15 @@
                 ref="prevBtn"
                 v-ripple
                 type="button"
-                :class="cx('previousButton')"
+                :class="cx('prevButton')"
                 :tabindex="tabindex"
                 :aria-label="prevButtonAriaLabel"
                 @click="onPrevButtonClick"
-                v-bind="{ ...previousButtonProps, ...ptm('previousButton') }"
+                v-bind="{ ...prevButtonProps, ...ptm('prevButton') }"
                 data-pc-group-section="navbutton"
             >
-                <slot name="previousicon">
-                    <component :is="prevIcon ? 'span' : 'ChevronLeftIcon'" aria-hidden="true" :class="prevIcon" v-bind="ptm('previousIcon')" />
+                <slot name="previcon">
+                    <component :is="prevIcon ? 'span' : 'ChevronLeftIcon'" aria-hidden="true" :class="prevIcon" v-bind="ptm('prevIcon')" />
                 </slot>
             </button>
             <div ref="content" :class="cx('navContent')" @scroll="onScroll" v-bind="ptm('navContent')">

diff --git a/components/lib/tabview/style/TabViewStyle.d.ts b/components/lib/tabview/style/TabViewStyle.d.ts
@@ -22,7 +22,7 @@ export enum TabViewClasses {
     /**
      * Class name of the previous button element
      */
-    previousButton = 'p-tabview-prev-button',
+    prevButton = 'p-tabview-prev-button',
     /**
      * Class name of the nav content element
      */

diff --git a/components/lib/tabview/style/TabViewStyle.js b/components/lib/tabview/style/TabViewStyle.js
@@ -139,7 +139,7 @@ const classes = {
         }
     ],
     navContainer: 'p-tabview-tablist-container',
-    previousButton: 'p-tabview-prev-button',
+    prevButton: 'p-tabview-prev-button',
     navContent: 'p-tabview-tablist-scroll-container',
     nav: 'p-tabview-tablist',
     tab: {