fds-vue-core 4.12.2 → 4.12.3

package/components.d.ts

@@ -19,6 +19,7 @@ import type { FdsModalProps } from './src/components/FdsModal/types'
 import type { FdsPaginationProps } from './src/components/FdsPagination/types'
 import type { FdsPopoverProps } from './src/components/FdsPopover/types'
 import type { FdsSearchSelectProps } from './src/components/FdsSearchSelect/types'
+import type { FdsSearchSelectProProps } from './src/components/FdsSearchSelectPro/types'
 import type { FdsSpinnerProps } from './src/components/FdsSpinner/types'
 import type { FdsStickerProps } from './src/components/FdsSticker/types'
 import type { WrapperProps } from './src/components/FdsTreeView/types'
@@ -74,6 +75,7 @@ declare module 'vue' {
     FdsPagination: DefineComponent<FdsPaginationProps>
     FdsPopover: DefineComponent<FdsPopoverProps>
     FdsSearchSelect: DefineComponent<FdsSearchSelectProps>
+    FdsSearchSelectPro: DefineComponent<FdsSearchSelectProProps>
     FdsTruncatedText: DefineComponent<FdsTruncatedTextProps>
     FdsWizard: DefineComponent<FdsWizardProps>
     FdsH1: DefineComponent<FdsH1Props>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fds-vue-core",
-  "version": "4.12.2",
+  "version": "4.12.3",
   "description": "FDS Vue Core Component Library",
   "type": "module",
   "main": "./dist/fds-vue-core.cjs.js",

package/src/components/FdsSearchSelectPro/FdsSearchSelectPro.stories.ts

@@ -129,6 +129,10 @@ const meta: Meta<typeof FdsSearchSelect> = {
       control: { type: 'boolean' },
       description: 'Shows valid icon when an item is selected',
     },
+    invalidOnEmptySelection: {
+      control: { type: 'boolean' },
+      description: 'When false, does not set invalid state when all selections are removed',
+    },
     invalidMessage: {
       control: { type: 'text' },
       description: 'Error message displayed when validation is false',
@@ -179,6 +183,7 @@ const meta: Meta<typeof FdsSearchSelect> = {
     searchContext: { context: 'organisationer', linkWord: 'av' },
     valid: undefined,
     validIconOnSelected: false,
+    invalidOnEmptySelection: true,
     invalidMessage: 'Vänligen välj en organisation',
     noResultPrompt: 'Inga resultat hittades',
     maxListHeight: undefined,
@@ -336,6 +341,16 @@ export const ValidIconOnSelected: Story = {
   },
 }
 
+export const MultiSelectNoInvalidOnDeselect: Story = {
+  args: {
+    items: mockItems,
+    multiple: true,
+    label: 'Välj organisationer',
+    invalidOnEmptySelection: false,
+    invalidMessage: 'Vänligen välj minst en organisation',
+  },
+}
+
 export const WithLabelLeft: Story = {
   render: (args: Story['args']) => ({
     components: { FdsSearchSelect },