@worknice/whiteboard 0.14.0 → 0.15.0

package/dist/layouts/FullLayout_module.css

@@ -199,12 +199,12 @@
 
 @media (min-width: 1440px) {
   .centerLayoutContent-OXDuxB {
-    padding: var(--size-p5) var(--size-p5);
+    padding: var(--size-p4) var(--size-p4);
   }
 }
 
 .narrowLayoutContent-v6PtTH {
-  padding: 70px var(--size-00) var(--size-00);
+  padding: 60px var(--size-00) var(--size-00);
   grid-template-columns: minmax(0, 720px);
   justify-content: center;
   display: grid;
@@ -212,19 +212,19 @@
 
 @media (min-width: 768px) {
   .narrowLayoutContent-v6PtTH {
-    padding: 70px var(--size-p3) var(--size-p3);
+    padding: 60px var(--size-p3) var(--size-p3);
   }
 }
 
 @media (min-width: 1440px) {
   .narrowLayoutContent-v6PtTH {
-    padding: 70px var(--size-p5) var(--size-p5);
+    padding: 60px var(--size-p4) var(--size-p4);
   }
 }
 
 .content-kaxfp0 {
   column-gap: var(--size-p2);
-  padding-top: 70px;
+  padding-top: 60px;
   padding-bottom: var(--size-00);
   padding-left: var(--size-00);
   padding-right: var(--size-00);
@@ -234,7 +234,7 @@
 
 @media (min-width: 768px) {
   .content-kaxfp0 {
-    padding: 70px var(--size-p3) var(--size-p3);
+    padding: 60px var(--size-p3) var(--size-p3);
   }
 }
 
@@ -255,9 +255,9 @@
 
 @media (min-width: 1440px) {
   .content-kaxfp0 {
-    padding-bottom: var(--size-p5);
-    padding-left: var(--size-p5);
-    padding-right: var(--size-p5);
+    padding-bottom: var(--size-p4);
+    padding-left: var(--size-p4);
+    padding-right: var(--size-p4);
   }
 }
 

package/dist/layouts/MinimalLayout_module.css

@@ -8,18 +8,20 @@
 }
 
 .main-dwl9Kv {
-  padding: 70px var(--size-00) var(--size-00);
+  padding: 60px var(--size-00) var(--size-00);
 }
 
 @media (min-width: 768px) {
   .main-dwl9Kv {
-    padding: 70px var(--size-p3) var(--size-p3);
+    padding: 60px var(--size-p3) var(--size-p3);
   }
 }
 
-@media (min-width: 1024px) {
+@media (min-width: 1440px) {
   .main-dwl9Kv {
-    padding: var(--size-p5);
+    padding-bottom: var(--size-p4);
+    padding-left: var(--size-p4);
+    padding-right: var(--size-p4);
   }
 }
 

package/dist/presentation/Table.d.ts

@@ -62,10 +62,9 @@ type Props<Type> = {
     estimatedRowSize?: number;
     emptyState?: ReactNode;
     id?: string;
-    showRowCount?: boolean;
     pathName?: string;
     localStorageSchema?: ZodTypeAny;
     getRowId: (row: Type) => string;
 };
-declare const Table: <Type>({ data, columns, bulkActions, secondaryBulkActions, csvFilename, estimatedRowSize, emptyState, pathName, id, showRowCount, localStorageSchema, getRowId, }: Props<Type>) => import("react/jsx-runtime").JSX.Element;
+declare const Table: <Type>({ data, columns, bulkActions, secondaryBulkActions, csvFilename, estimatedRowSize, emptyState, pathName, id, localStorageSchema, getRowId, }: Props<Type>) => import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/presentation/Table.js

@@ -21,7 +21,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__ from "./PlainText
 import * as __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__ from "./Table.module.js";
 import * as __WEBPACK_EXTERNAL_MODULE__VStack_js_02eb6792__ from "./VStack.js";
 const selectColumnId = "_selectColumn";
-const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csvFilename, estimatedRowSize = 100, emptyState = "No results", pathName, id, showRowCount = true, localStorageSchema, getRowId })=>{
+const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csvFilename, estimatedRowSize = 100, emptyState = "No results", pathName, id, localStorageSchema, getRowId })=>{
     const [searchTerm, setSearchTerm] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)("");
     const lastSelectedRow = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(void 0);
     const { refs, x: bulkSelectionModalXCoordinate } = (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_dom_d5bb3c23__.useFloating)({
@@ -336,9 +336,9 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
                             }) : null
                         ]
                     }) : null,
-                    showRowCount || showSearchReset ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__["default"], {
+                    showSearchReset ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__["default"], {
                         children: [
-                            showRowCount ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("p", {
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("p", {
                                 children: [
                                     "Showing ",
                                     table.getPreGroupedRowModel().flatRows.length,
@@ -346,8 +346,8 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
                                     " ",
                                     table.getPreFilteredRowModel().flatRows.length
                                 ]
-                            }) : null,
-                            showSearchReset ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
                                 onClick: ()=>{
                                     table.setColumnFilters(columnFiltersInitialState);
                                     table.resetGlobalFilter();
@@ -356,7 +356,7 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
                                 type: "secondary",
                                 size: "small",
                                 children: "Reset filters and search"
-                            }) : null
+                            })
                         ]
                     }) : null,
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
@@ -461,7 +461,7 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
                             ]
                         })
                     }),
-                    showRowCount || shouldShowCsvExport ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
                         className: __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].downloadLink,
                         children: [
                             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("p", {
@@ -479,7 +479,7 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
                                 children: "Download all rows as CSV"
                             }) : null
                         ]
-                    }) : null
+                    })
                 ]
             })
         ]

package/dist/validators/isValidDate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/validators/isValidDate.test.js

@@ -0,0 +1,107 @@
+import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
+import * as __WEBPACK_EXTERNAL_MODULE__isValidDate_js_ab620b77__ from "./isValidDate.js";
+(0, __WEBPACK_EXTERNAL_MODULE_vitest__.describe)("isValidDate", ()=>{
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.it)("returns null for null values", ()=>{
+        const validator = (0, __WEBPACK_EXTERNAL_MODULE__isValidDate_js_ab620b77__["default"])("date");
+        const result = validator({
+            date: null
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result).toBeNull();
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.it)("returns null for undefined values", ()=>{
+        const validator = (0, __WEBPACK_EXTERNAL_MODULE__isValidDate_js_ab620b77__["default"])("date");
+        const result = validator({});
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result).toBeNull();
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.it)("returns null for valid date strings", ()=>{
+        const validator = (0, __WEBPACK_EXTERNAL_MODULE__isValidDate_js_ab620b77__["default"])("date");
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(validator({
+            date: "2023-12-25"
+        })).toBeNull();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(validator({
+            date: "2023-01-01"
+        })).toBeNull();
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(validator({
+            date: "2024-02-29"
+        })).toBeNull();
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.it)("returns error for invalid date strings", ()=>{
+        const validator = (0, __WEBPACK_EXTERNAL_MODULE__isValidDate_js_ab620b77__["default"])("date");
+        const result = validator({
+            date: "invalid-date"
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result).toEqual({
+            id: __WEBPACK_EXTERNAL_MODULE_vitest__.expect.any(String),
+            field: "date",
+            message: "Invalid date."
+        });
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.it)("returns error for invalid date formats", ()=>{
+        const validator = (0, __WEBPACK_EXTERNAL_MODULE__isValidDate_js_ab620b77__["default"])("date");
+        const result = validator({
+            date: "25/12/2023"
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result).toEqual({
+            id: __WEBPACK_EXTERNAL_MODULE_vitest__.expect.any(String),
+            field: "date",
+            message: "Invalid date."
+        });
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.it)("returns error for impossible dates", ()=>{
+        const validator = (0, __WEBPACK_EXTERNAL_MODULE__isValidDate_js_ab620b77__["default"])("date");
+        const result = validator({
+            date: "2023-02-30"
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result).toEqual({
+            id: __WEBPACK_EXTERNAL_MODULE_vitest__.expect.any(String),
+            field: "date",
+            message: "Invalid date."
+        });
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.it)("returns null for empty strings", ()=>{
+        const validator = (0, __WEBPACK_EXTERNAL_MODULE__isValidDate_js_ab620b77__["default"])("date");
+        const result = validator({
+            date: ""
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result).toBeNull();
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.it)("returns null for whitespace-only strings", ()=>{
+        const validator = (0, __WEBPACK_EXTERNAL_MODULE__isValidDate_js_ab620b77__["default"])("date");
+        const result = validator({
+            date: "   "
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result).toBeNull();
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.it)("uses custom error message when provided", ()=>{
+        const validator = (0, __WEBPACK_EXTERNAL_MODULE__isValidDate_js_ab620b77__["default"])("birthDate", "Please enter a valid birth date.");
+        const result = validator({
+            birthDate: "invalid"
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result).toEqual({
+            id: __WEBPACK_EXTERNAL_MODULE_vitest__.expect.any(String),
+            field: "birthDate",
+            message: "Please enter a valid birth date."
+        });
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.it)("works with different field names", ()=>{
+        const validator = (0, __WEBPACK_EXTERNAL_MODULE__isValidDate_js_ab620b77__["default"])("startDate");
+        const result = validator({
+            startDate: "not-a-date"
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result).toEqual({
+            id: __WEBPACK_EXTERNAL_MODULE_vitest__.expect.any(String),
+            field: "startDate",
+            message: "Invalid date."
+        });
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_vitest__.it)("generates unique IDs for each error", ()=>{
+        const validator = (0, __WEBPACK_EXTERNAL_MODULE__isValidDate_js_ab620b77__["default"])("date");
+        const result1 = validator({
+            date: "invalid1"
+        });
+        const result2 = validator({
+            date: "invalid2"
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_vitest__.expect)(result1?.id).not.toEqual(result2?.id);
+    });
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@worknice/whiteboard",
   "description": "",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "license": "MIT",
   "private": false,
   "files": [
@@ -38,7 +38,7 @@
     "react-markdown": "^10.1.0",
     "utf8": "^3.0.0",
     "zod": "^3.22.3",
-    "@worknice/utils": "^0.6.36"
+    "@worknice/utils": "^0.6.37"
   },
   "devDependencies": {
     "@anolilab/semantic-release-pnpm": "^1.1.10",
@@ -70,7 +70,8 @@
     "semantic-release-scope-filter": "^1.0.0",
     "temporal-polyfill": "^0.2.5",
     "typescript": "~5.5.0",
-    "uuid": "^11.0.5"
+    "uuid": "^11.0.5",
+    "vitest": "^2.1.0"
   },
   "peerDependencies": {
     "@react-email/components": "^0.0.7",
@@ -87,7 +88,8 @@
     "fix": "if [[ -z $TURBO_HASH ]]; then pnpm turbo fix; else exit 0; fi",
     "fix:lint": "eslint \"src/**/*.{js,ts,tsx}\" --fix",
     "fix:format": "prettier '**/*.{js,ts,tsx,css}' --write",
-    "test": "exit 0",
+    "test": "vitest run",
+    "test:unit": "vitest run",
     "test:format": "prettier '**/*.{js,ts,tsx,css}' --check",
     "test:lint": "eslint \"src/**/*.{js,ts,tsx}\"",
     "test:types": "tsc --noEmit --pretty"