sprintify-ui 0.8.13 → 0.8.15

package/dist/types/components/BaseAutocomplete.vue.d.ts

@@ -96,6 +96,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: PropType<SelectConfiguration | undefined>;
     };
+    twInput: {
+        default: undefined;
+        type: PropType<string | string[]>;
+    };
 }, {
     focus: typeof focus;
     blur: typeof blur;
@@ -200,6 +204,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: PropType<SelectConfiguration | undefined>;
     };
+    twInput: {
+        default: undefined;
+        type: PropType<string | string[]>;
+    };
 }>> & {
     onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -228,6 +236,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     showEmptyOption: boolean;
     showRemoveButton: boolean;
     emptyOptionLabel: string;
+    twInput: string | string[];
 }, {}>, {
     empty?(_: {
         focus: typeof focus;

package/dist/types/components/BaseAutocompleteFetch.vue.d.ts

@@ -81,6 +81,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: PropType<SelectConfiguration | undefined>;
     };
+    twInput: {
+        default: undefined;
+        type: PropType<string | string[]>;
+    };
 }, {
     focus: () => void | undefined;
     blur: () => void | undefined;
@@ -174,6 +178,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: PropType<SelectConfiguration | undefined>;
     };
+    twInput: {
+        default: undefined;
+        type: PropType<string | string[]>;
+    };
 }>> & {
     onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -197,6 +205,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     showEmptyOption: boolean;
     showRemoveButton: boolean;
     emptyOptionLabel: string;
+    twInput: string | string[];
     queryKey: string;
 }, {}>, {
     option?(_: {

package/dist/types/components/BaseLayoutSidebarConfigurable.vue.d.ts

@@ -91,6 +91,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     logoTo: RouteLocationRaw;
     notifications: NotificationsConfig;
 }, {}>, {
+    navbar?(_: {}): any;
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/types/components/BaseRadioGroup.vue.d.ts

@@ -92,8 +92,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     name: string;
     disabled: boolean;
     hasError: boolean;
-    labelClass: string;
     twInput: string;
+    labelClass: string;
 }, {}>, {
     option?(_: {
         option: NormalizedOption;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.8.13",
+  "version": "0.8.15",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseAutocomplete.vue

@@ -211,6 +211,10 @@ const props = defineProps({
     default: undefined,
     type: Object as PropType<SelectConfiguration | undefined>,
   },
+  twInput: {
+    default: undefined,
+    type: [String, Array] as PropType<string | string[]>,
+  },
 });
 
 const emit = defineEmits([
@@ -521,7 +525,8 @@ const inputClasses = computed(() => {
   return [
     base,
     withSelect,
-    paddingRight
+    paddingRight,
+    props.twInput,
   ];
 })
 

package/src/components/BaseAutocompleteFetch.vue

@@ -23,6 +23,7 @@
     :show-remove-button="showRemoveButton"
     :select="select"
     :filter="filterOptions"
+    :tw-input="twInput"
     @clear="onClear"
     @open="onOpen"
     @typing="onTyping"
@@ -167,6 +168,10 @@ const props = defineProps({
     default: undefined,
     type: Object as PropType<SelectConfiguration | undefined>,
   },
+  twInput: {
+    default: undefined,
+    type: [String, Array] as PropType<string | string[]>,
+  },
 });
 
 const emit = defineEmits([

package/src/components/BaseLayoutSidebarConfigurable.stories.js

@@ -3,6 +3,7 @@ import PageDashboard from '../../.storybook/components/PageDashboard.vue';
 import BaseLayoutSidebarConfigurable from './BaseLayoutSidebarConfigurable.vue';
 import { useSystemAlertStore } from '../stores/systemAlerts';
 import { sizes } from '../../.storybook/utils';
+import BaseAutocompleteFetch from './BaseAutocompleteFetch.vue';
 
 export default {
   title: 'Layout/BaseLayoutSidebarConfigurable',
@@ -149,6 +150,7 @@ const Template = (args) => ({
   components: {
     BaseLayoutSidebarConfigurable,
     PageDashboard,
+    BaseAutocompleteFetch,
   },
   setup() {
 
@@ -162,6 +164,19 @@ const Template = (args) => ({
   },
   template: `
     <BaseLayoutSidebarConfigurable v-bind="args">
+
+      <template #navbar>
+        <div class="hidden items-center grow || sm:flex">
+          <BaseAutocompleteFetch
+            url="https://faker.witify.io/api/todos"
+            labelKey="title"
+            valueKey="id"
+            class="w-full"
+            size="md"
+          />
+        </div>
+      </template>
+
       <div class="py-10 bg-slate-50">
         <PageDashboard />
       </div>

package/src/components/BaseLayoutSidebarConfigurable.vue

@@ -67,8 +67,8 @@
 
     <template #navbar>
       <div class="flex flex-1 justify-between px-4">
-        <div class="flex flex-1">
-          <!-- Good spot for search bar... -->
+        <div class="flex grow">
+          <slot name="navbar" />
         </div>
 
         <div class="ml-4 flex items-center md:ml-6">