@mouseless/baked 1.2.4 → 1.2.5

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@mouseless/baked",
   "configKey": "baked",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/DataTable.vue

@@ -23,13 +23,29 @@
       {{ lc("No records found") }}
     </template>
     <div
-      v-if="!paginator && serverPaginatorOptions"
-      class="flex w-full justify-end items-end"
+      class="
+        flex flex-row items-center justify-end
+        gap-4 mb-2 py-4 px-2 rounded-sm
+      "
     >
-      <ServerPaginator
-        :schema="serverPaginatorOptions"
-        :data="data"
-      />
+      <div
+        v-if="sort"
+        class="flex items-end justify-end"
+      >
+        <Bake
+          name="sort"
+          :descriptor="sort"
+        />
+      </div>
+      <div
+        v-if="!paginator && serverPaginatorOptions"
+        class="flex justify-end"
+      >
+        <ServerPaginator
+          :schema="serverPaginatorOptions"
+          :data="data"
+        />
+      </div>
     </div>
     <Column
       v-for="column in columns.filter(c => !c.hidden)"
@@ -168,7 +184,7 @@ const { schema, data } = defineProps({
   schema: { type: null, required: true },
   data: { type: null, required: true }
 });
-const { actions, columns, dataKey, footerTemplate, itemsProp, paginator, rows, rowsWhenLoading, scrollHeight, serverPaginatorOptions } = schema;
+const { actions, columns, dataKey, footerTemplate, itemsProp, paginator, rows, rowsWhenLoading, scrollHeight, serverPaginatorOptions, sort } = schema;
 const exportOptions = schema.exportOptions && {
   buttonIcon: "pi pi-download",
   ...schema.exportOptions

package/dist/runtime/components/Select.vue

@@ -5,7 +5,10 @@
         <Skeleton class="min-h-10" />
       </div>
     </template>
-    <FloatLabel variant="on">
+    <component
+      :is="labelComponent"
+      v-bind="labelProps"
+    >
       <Select
         v-bind="$attrs"
         v-model="selected"
@@ -25,13 +28,18 @@
           <span>{{ getOptionLabel(slotProps) }}</span>
         </template>
       </Select>
-      <label :for="path">{{ l(label) }}</label>
-    </FloatLabel>
+      <label
+        v-if="!noFloatLabel"
+        :for="path"
+      >
+        {{ l(label) }}
+      </label>
+    </component>
   </AwaitLoading>
 </template>
 
 <script setup>
-import { ref, watch } from "vue";
+import { computed, ref, watch } from "vue";
 import { FloatLabel, Select, Skeleton } from "primevue";
 import { useContext, useUiStates, useLocalization } from "#imports";
 import { AwaitLoading } from "#components";
@@ -43,9 +51,11 @@ const { schema, data } = defineProps({
   data: { type: null, required: true }
 });
 const model = defineModel({ type: null, required: true });
-const { filter, label, localizeLabel, optionLabel, optionValue, showClear, stateful, targetProp } = schema;
+const { filter, label, localizeLabel, noFloatLabel, optionLabel, optionValue, showClear, stateful, targetProp } = schema;
 const path = context.injectPath();
 const selected = ref();
+const labelComponent = computed(() => noFloatLabel ? "div" : FloatLabel);
+const labelProps = computed(() => noFloatLabel ? {} : { variant: "on" });
 watch(
   [() => data, getModel],
   ([_data, _model]) => {

package/dist/runtime/components/ServerPaginator.vue

@@ -1,6 +1,17 @@
 <template>
-  <div class="flex items-center gap-1 justify-center">
-    <span class="text-sm mr-2 max-xs:hidden">{{ lc("Page {page}", { page }) }}</span>
+  <div class="flex items-center justify-center gap-1">
+    <Bake
+      v-if="takeComponent && isXs"
+      v-model="take"
+      name="take"
+      class="
+        mr-2 shadow-none rounded-md
+        bg-slate-100 border-slate-100
+        dark:bg-zinc-950 dark:border-zinc-950
+      "
+      :descriptor="takeComponent"
+    />
+    <span class="whitespace-nowrap text-xs max-xs:hidden">{{ lc("Page {page}", { page }) }}</span>
     <Button
       rounded
       variant="text"
@@ -19,12 +30,6 @@
       :disabled="!allowNext"
       @click="page++"
     />
-    <Bake
-      v-if="takeComponent && isXs"
-      v-model="take"
-      name="take"
-      :descriptor="takeComponent"
-    />
   </div>
 </template>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mouseless/baked",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "Baked is an opinionated framework for .NET and Vue. This is the UI package of Baked project.",
   "keywords": [
     "baked",