fds-vue-core 7.1.2 → 7.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fds-vue-core",
-  "version": "7.1.2",
+  "version": "7.1.4",
   "description": "FDS Vue Core Component Library",
   "type": "module",
   "main": "./dist/fds-vue-core.cjs.js",
@@ -66,7 +66,7 @@
     "@vitest/browser": "3.2.4",
     "dotenv": "16.4.5",
     "eslint-plugin-storybook": "10.1.10",
-    "fg-devkit": "1.7.6",
+    "fg-devkit": "1.7.7",
     "storybook": "10.2.12",
     "tsx": "4.21.0",
     "vite": "7.3.2",

package/src/components/FdsWeekCalendar/FdsWeekCalendar.vue

@@ -46,6 +46,18 @@ const weekToRender = computed(() => getDaysInWeek(currentWeek.value))
 const visibleWeekDays = computed(() => weekToRender.value.filter((day) => getISODay(day) <= 5))
 const lastWeek = computed(() => getDaysOfLastWeek(subWeeks(currentWeek.value, 1)))
 
+const onHandleSelectedDay = (weekDay: Date | null) => {
+  selectedDay.value = weekDay
+  emit('select-date', weekDay)
+}
+
+const onHandleSetCurrentWeek = (week: Date) => {
+  if (selectedDay.value && !isSameWeek(selectedDay.value, week, { weekStartsOn: 1 })) {
+    onHandleSelectedDay(null)
+  }
+  currentWeek.value = week
+}
+
 const weekText = computed(
   () =>
     `${getOverlappingMonths(currentWeek.value, locale.value)} (${t('FdsWeekCalendar.week')} ${getISOWeek(currentWeek.value)})`,
@@ -132,18 +144,6 @@ watch(
   { immediate: true },
 )
 
-const onHandleSelectedDay = (weekDay: Date | null) => {
-  selectedDay.value = weekDay
-  emit('select-date', weekDay)
-}
-
-const onHandleSetCurrentWeek = (week: Date) => {
-  if (selectedDay.value && !isSameWeek(selectedDay.value, week, { weekStartsOn: 1 })) {
-    onHandleSelectedDay(null)
-  }
-  currentWeek.value = week
-}
-
 const navigateToWeek = (week: Date) => {
   const normalizedWeek = startOfISOWeek(week)
   if (isSameWeek(normalizedWeek, currentWeek.value, { weekStartsOn: 1 })) return

package/src/components/Table/FdsTableHead/FdsTableHead.stories.ts

@@ -9,13 +9,11 @@ const meta: Meta<typeof FdsTableHead> = {
     heading: { control: { type: 'text' } },
     align: { control: { type: 'radio' }, options: ['left', 'center', 'right'] },
     icon: { control: { type: 'select' }, options: ['sort', 'ascending', 'descending'] },
-    isSortActive: { control: { type: 'boolean' } },
   },
   args: {
     heading: 'Namn',
     align: 'left',
     icon: 'sort',
-    isSortActive: false,
   },
 }
 
@@ -65,7 +63,7 @@ export const Sortable: Story = {
 }
 
 export const SortedAsc: Story = {
-  args: { icon: 'ascending', isSortActive: true },
+  args: { icon: 'ascending' },
   render: (args: Story['args']) => ({
     components: { FdsTableHead },
     setup: () => ({ args }),
@@ -87,7 +85,7 @@ export const SortedAsc: Story = {
 }
 
 export const SortedDesc: Story = {
-  args: { icon: 'descending', isSortActive: true },
+  args: { icon: 'descending' },
   render: (args: Story['args']) => ({
     components: { FdsTableHead },
     setup: () => ({ args }),

package/src/components/Table/FdsTableHead/FdsTableHead.vue

@@ -9,7 +9,6 @@ const props = withDefaults(defineProps<FdsTableHeadProps>(), {
   icon: undefined,
   heading: undefined,
   dataTestid: undefined,
-  isSortActive: false,
 })
 
 const hasSlot = useHasSlot()
@@ -22,11 +21,6 @@ const headerClasses = computed(() => [
     'text-blue-600! hover:bg-blue_t-200 cursor-pointer focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-500 active:bg-blue_t-300',
 ])
 
-const iconClasses = computed(() => [
-  'fill-blue-500 ml-1 transition-opacity',
-  iconName.value && !props.isSortActive && 'opacity-20',
-])
-
 /* Sending an icon makes the th sortable */
 const iconName = computed(() => props.icon)
 
@@ -62,7 +56,7 @@ defineSlots<{
     >
       <span v-if="hasSlot"><slot /></span>
       <span v-else>{{ heading }}</span>
-      <FdsIcon :name="iconName" size="24px" :class="iconClasses" />
+      <FdsIcon :name="iconName" size="24px" class="fill-blue-500 ml-1" />
     </button>
     <div v-else :class="headerClasses">
       <span v-if="hasSlot"><slot /></span>

package/src/components/Table/FdsTableHead/types.ts

@@ -5,5 +5,4 @@ export interface FdsTableHeadProps extends /* @vue-ignore */ HTMLAttributes {
   align?: 'left' | 'center' | 'right'
   icon?: 'sort' | 'ascending' | 'descending'
   dataTestid?: string
-  isSortActive?: boolean
 }