@citizenplane/pimp 17.0.6 → 17.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citizenplane/pimp",
-  "version": "17.0.6",
+  "version": "17.0.7",
   "scripts": {
     "dev": "storybook dev -p 8081",
     "build-storybook": "storybook build --output-dir ./docs",

package/src/components/CpTable.vue

@@ -135,7 +135,8 @@ import CpTableEmptyState from '@/components/CpTableEmptyState.vue'
 
 import { camelize, decamelize } from '@/helpers/string'
 
-import { PAGINATION_FORMATS, RESERVED_KEYS, VISIBLE_ROWS_MAX } from '@/constants'
+import { RESERVED_KEYS, VISIBLE_ROWS_MAX } from '@/constants'
+import type { PAGINATION_FORMATS } from '@/constants'
 import { capitalizeFirstLetter } from '@/helpers'
 
 interface Emits {
@@ -151,7 +152,7 @@ interface PaginationServer {
 
 interface Pagination {
   enabled?: boolean
-  format?: (typeof PAGINATION_FORMATS)[keyof typeof PAGINATION_FORMATS]
+  format?: PAGINATION_FORMATS
   limit?: number
   server?: PaginationServer
 }
@@ -397,7 +398,7 @@ const paginationState = computed(() => {
 const hasPagination = computed(() => paginationState.value || numberOfResults.value > VISIBLE_ROWS_MAX)
 const paginationFormat = computed(() => {
   if (typeof props.pagination === 'object' && props.pagination.format) return props.pagination.format
-  return PAGINATION_FORMATS.PAGES
+  return 'pages'
 })
 const hasRemainingPages = computed(() => numberOfPages.value > activePage.value)
 const isNextEnabled = computed(() => hasRemainingPages.value && !props.isLoading)
@@ -433,7 +434,7 @@ const pageLastResultIndex = computed(() => {
 })
 
 const paginationLabel = computed(() => {
-  if (paginationFormat.value === PAGINATION_FORMATS.PAGES) {
+  if (paginationFormat.value === 'pages') {
     const pluralizedCount = numberOfPages.value > 1 ? 'pages' : 'page'
     return `${activePage.value}/${numberOfPages.value} ${pluralizedCount}`
   }

package/src/constants/CpTableConfig.ts

@@ -6,7 +6,4 @@ export enum RESERVED_KEYS {
   IS_SELECTED = 'isSelected',
 }
 
-export enum PAGINATION_FORMATS {
-  RESULTS = 'results',
-  PAGES = 'pages',
-}
+export type PAGINATION_FORMATS = 'results' | 'pages'

package/src/constants/index.ts

@@ -1,7 +1,8 @@
 export type { Colors } from './colors/Colors'
 export { Position } from './Position'
 export type { ToggleColors } from './colors/ToggleColors'
-export { PAGINATION_FORMATS, RESERVED_KEYS, VISIBLE_ROWS_MAX } from './CpTableConfig'
+export type { PAGINATION_FORMATS } from './CpTableConfig'
+export { RESERVED_KEYS, VISIBLE_ROWS_MAX } from './CpTableConfig'
 export type { Sizes } from './Sizes'
 
 export { CustomCpIcons } from './CpCustomIcons'

package/src/stories/CpTable.stories.ts

@@ -5,8 +5,6 @@ import type { Meta, StoryObj } from '@storybook/vue3-vite'
 
 import CpTable from '@/components/CpTable.vue'
 
-import { PAGINATION_FORMATS } from '@/constants'
-
 const meta = {
   title: 'Organisms/CpTable',
   component: CpTable,
@@ -133,7 +131,7 @@ export const WithPagination: Story = {
     pagination: {
       enabled: true,
       limit: 3,
-      format: PAGINATION_FORMATS.PAGES,
+      format: 'pages',
     },
   },
 }