feat(pagination): remove deprecated order prop (#1541)

-  remove deprecated `order` prop in favor of the `position` prop

BREAKING CHANGE: The `order` prop in OPagination got removed.

Author: mlmoravek

packages/docs/components/Pagination.md

@@ -40,7 +40,6 @@ The component uses the [Button](/components/Button) component for the navigation
 | iconPack          | Icon pack to use                                                                                                                                    | string                          | `mdi`, `fa`, `fas and any other custom icon pack` | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>pagination: {<br>&nbsp;&nbsp;iconPack: undefined<br>}</code>                |
 | iconPrev          | Icon to use for previous button                                                                                                                     | string                          | -                                                 | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>pagination: {<br>&nbsp;&nbsp;iconPrev: "chevron-left"<br>}</code>           |
 | mobileBreakpoint  | Mobile breakpoint as `max-width` value                                                                                                              | string                          | -                                                 | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>pagination: {<br>&nbsp;&nbsp;mobileBreakpoint: undefined<br>}</code>        |
-| <s>order</s>      | <div><b>deprecated</b> - will be renamed to `position`</div><div><s>Buttons order</s></div>                                                         | "centered" \| "left" \| "right" | `centered`, `right`, `left`                       | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>pagination: {<br>&nbsp;&nbsp;order: undefined<br>}</code>                   |
 | override          | Override existing theme classes completely                                                                                                          | boolean                         | -                                                 |                                                                                                                                                                         |
 | perPage           | Items count for each page                                                                                                                           | number \| string                | -                                                 | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>pagination: {<br>&nbsp;&nbsp;perPage: 20<br>}</code>                        |
 | position          | Buttons position order                                                                                                                              | "centered" \| "left" \| "right" | `centered`, `right`, `left`                       | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>pagination: {<br>&nbsp;&nbsp;position: "right"<br>}</code>                  |

packages/oruga/src/components/pagination/Pagination.vue

@@ -32,7 +32,6 @@ const props = withDefaults(defineProps<PaginationProps>(), {
     size: () => getDefault("pagination.size"),
     simple: () => getDefault("pagination.simple", false),
     rounded: () => getDefault("pagination.rounded", false),
-    order: () => getDefault("pagination.order"),
     position: () => getDefault("pagination.position", "right"),
     buttonTag: () => getDefault("pagination.buttonTag", PlainButton),
     iconPack: () => getDefault("pagination.iconPack"),
@@ -278,18 +277,11 @@ function changePage(page: number, event?: Event): void {
 
 const rootClasses = defineClasses(
     ["rootClass", "o-pagination"],
-    // @deprecated `order` will be removed later
-    [
-        "orderClass",
-        "o-pagination--",
-        computed(() => props.order),
-        computed(() => !!props.order),
-    ],
     [
         "positionClass",
         "o-pagination--",
         computed(() => props.position),
-        computed(() => !props.order && !!props.position),
+        computed(() => !!props.position),
     ],
     [
         "sizeClass",

packages/oruga/src/components/pagination/examples/inspector.vue

@@ -12,16 +12,6 @@ const inspectData: InspectData<PaginationClasses, PaginationProps> = {
         description: "Class of the root element when on mobile.",
         info: "Switch to mobile view to see it in action!",
     },
-    orderClass: {
-        class: "orderClass",
-        deprecated: "use `positionClass` instead",
-        description: "Class of the root element with order.",
-        properties: ["order"],
-        suffixes: ["centered", "right", "left"],
-        action: (data): void => {
-            data.order = "centered";
-        },
-    },
     positionClass: {
         class: "positionClass",
         description: "Class of the root element with position.",

packages/oruga/src/components/pagination/props.ts

@@ -28,12 +28,6 @@ export type PaginationProps = {
     size?: string;
     /** Enable simple style */
     simple?: boolean;
-    /**
-     * Buttons order
-     * @values centered, right, left
-     * @deprecated will be renamed to `position`
-     */
-    order?: "centered" | "right" | "left";
     /**
      * Buttons position order
      * @values centered, right, left
@@ -68,11 +62,6 @@ export type PaginationClasses = Partial<{
     rootClass: ComponentClass;
     /** Class of the root element when on mobile */
     mobileClass: ComponentClass;
-    /**
-     * Class of the root element with order
-     * @deprecated use `positionClass` instead
-     */
-    orderClass: ComponentClass;
     /** Class of the root element with position */
     positionClass: ComponentClass;
     /** Class of the root element with size */

packages/oruga/src/components/types.ts

@@ -1969,11 +1969,6 @@ In addition, any CSS selector string or an actual DOM node can be used.
                  * Enable simple style
                  */
                 simple: boolean;
-                /**
-                 * Buttons order
-                 * @deprecated will be renamed to `position`
-                 */
-                order: "centered" | "left" | "right";
                 /**
                  * Buttons position order
                  */
@@ -2022,11 +2017,6 @@ In addition, any CSS selector string or an actual DOM node can be used.
                  * Class of the root element when on mobile
                  */
                 mobileClass: ClassDefinition;
-                /**
-                 * Class of the root element with order
-                 * @deprecated use `positionClass` instead
-                 */
-                orderClass: ClassDefinition;
                 /**
                  * Class of the root element with position
                  */