vueless - npm Package Compare versions

Comparing version 0.0.800 to 0.0.801

package.json

 {
   "name": "vueless",
-  "version": "0.0.800",
+  "version": "0.0.801",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",

ui.data-table/config.ts

@@ -52,3 +52,3 @@ export default /*tw*/ {
   bodyRowAfter: "!p-0",
-  bodyRowDateDivider: "",
+  bodyRowDateDivider: "first:hidden",
   bodyRowCheckedDateDivider: "{>bodyRowChecked} {>bodyRowChecked}",
@@ -55,0 +55,0 @@ bodyCellBase: {

ui.data-table/storybook/stories.ts

@@ -67,12 +67,26 @@ import type { Meta, StoryFn } from "@storybook/vue3";
 
-function getDateDividerRow() {
-  return {
-    id: getRandomId(),
-    isChecked: false,
-    rowDate: new Date().toString(),
-    key_1: "Info",
-    key_2: "Statistics",
-    key_3: "Reports",
-    key_4: "Discounts",
-  };
+function getDateDividerRow(rowAmount: number) {
+  return Array(rowAmount)
+    .fill({})
+    .map((_, index) => {
+      let rowDate = new Date().toString();
+
+      if (index > Math.round(rowAmount / 2)) {
+        const date = new Date();
+
+        date.setFullYear(date.getFullYear() + 1);
+
+        rowDate = date.toDateString();
+      }
+
+      return {
+        id: getRandomId(),
+        isChecked: false,
+        rowDate,
+        key_1: "Info",
+        key_2: "Statistics",
+        key_3: "Reports",
+        key_4: "Discounts",
+      };
+    });
 }
@@ -331,12 +345,13 @@
 export const DateDivider = DefaultTemplate.bind({});
-DateDivider.args = { dateDivider: true, row: getDateDividerRow };
+DateDivider.args = { dateDivider: true, rows: getDateDividerRow(10) };
 
 export const DateDividerCustomLabel = DefaultTemplate.bind({});
+
+const dateDividerCustomLabelRows = getDateDividerRow(10);
+
 DateDividerCustomLabel.args = {
-  rows: Array(10)
-    .fill({})
-    .map(() => getDateDividerRow()),
+  rows: dateDividerCustomLabelRows,
   dateDivider: [
     {
-      date: new Date().toString(),
+      date: dateDividerCustomLabelRows.at(6)!.rowDate,
       label: "Custom label for specific date",
@@ -343,0 +358,0 @@ config: { label: "!text-orange-400", divider: "!border-orange-300" },

No alert changes

Improved metrics

Total package byte prevSize

1064283

increased by0.04%

Lines of code

22268

increased by0.04%

No dependency changes