design-system-next 2.12.15 → 2.12.17

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "design-system-next",
   "private": false,
-  "version": "2.12.15",
+  "version": "2.12.17",
   "main": "./dist/design-system-next.umd.js",
   "module": "./dist/design-system-next.es.js",
   "repository": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "design-system-next",
   "private": false,
-  "version": "2.12.15",
+  "version": "2.12.17",
   "main": "./dist/design-system-next.umd.js",
   "module": "./dist/design-system-next.es.js",
   "repository": {

package/src/App.vue

@@ -1,52 +1,3 @@
 <template>
-  <div class="spr-background-color-brand-base">Open Sidepanelsss</div>
-
-  <spr-sidepanel :is-open="isSidepanelOpen" header-title="Sidepanel Example" @close="isSidepanelOpen = false">
-    <div class="p-4">Sidepanel Content</div>
-    <template #footer>
-      <div class="spr-flex spr-justify-end spr-gap-2 spr-px-2">
-        <spr-button>Cancel</spr-button>
-        <spr-button-dropdown
-          v-model="wew"
-          dropdown-id="example1"
-          :menu-list="menuList"
-          placement="top-end"
-          popper-inner-width="200px"
-        >
-          Button Dropdown
-        </spr-button-dropdown>
-      </div>
-    </template>
-  </spr-sidepanel>
-
-  <spr-date-picker id="datepicker" v-model="datePickerModel" label="Date Picker" display-helper />
+  <div>Test Component Here</div>
 </template>
-<script setup>
-import { ref } from 'vue';
-
-import SprButton from './components/button/button.vue';
-import SprButtonDropdown from './components/button/button-dropdown/button-dropdown.vue';
-import SprSidepanel from './components/sidepanel/sidepanel.vue';
-import SprDatePicker from './components/date-picker/date-picker.vue';
-
-const isSidepanelOpen = ref(false);
-
-const wew = ref();
-
-const menuList = ref([
-  {
-    text: 'Option 1',
-    value: 'option1',
-    icon: 'ph:check',
-    iconColor: 'spr-text-color-brand-base',
-  },
-  {
-    text: 'Option 2',
-    value: 'option2',
-    icon: 'ph:check',
-    iconColor: 'spr-text-color-brand-base',
-  },
-]);
-
-const datePickerModel = ref('');
-</script>

package/src/components/select/select.ts

@@ -143,6 +143,7 @@ export const selectEmitTypes = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   'search-string': (_search: string | number) => true,
 
+  'get-selected-option': Object,
   'popper-state': Boolean,
 };
 

package/src/components/select/use-select.ts

@@ -183,6 +183,8 @@ export const useSelect = (props: SelectPropTypes, emit: SetupContext<SelectEmitT
     // If we stored the original object, use it
     if ('_originalObject' in item) {
       selectModel.value = item._originalObject as Record<string, unknown>;
+
+      emit('get-selected-option', item._originalObject);
     } else {
       // For simple types, return the value (try to convert number strings to numbers)
       const itemValue = item.value;
@@ -200,6 +202,8 @@ export const useSelect = (props: SelectPropTypes, emit: SetupContext<SelectEmitT
     // Clone inputText to backup after selection
     inputTextBackup.value = inputText.value;
 
+    emit('get-selected-option', item);
+
     // Always close select for single selection
     setTimeout(() => {
       selectPopperState.value = false;

package/src/components/sidenav/use-sidenav.ts

@@ -81,8 +81,7 @@ export const useSidenav = (props: SidenavPropTypes, emit: SetupContext<SidenavEm
 
   const getPathFromUrl = (url: string): string => {
     const parsedUrl = new URL(url);
-
-    return parsedUrl ? parsedUrl.pathname : '';
+    return parsedUrl ? `${parsedUrl.pathname}${parsedUrl.hash}` : '';
   };
 
   const navLinkCondition = (link: NavItem) => {
@@ -140,7 +139,7 @@ export const useSidenav = (props: SidenavPropTypes, emit: SetupContext<SidenavEm
       redirect: item.url
         ? {
             openInNewTab: item.isNewTab || false,
-            isAbsoluteURL: !confirmIfOwnDomain(item.url as string),
+            isAbsoluteURL: true,
             link: navLinkCondition(item) ?? '',
           }
         : undefined,