@worknice/whiteboard 0.1.0 → 0.1.1

package/dist/validators/isNotEmpty.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isNotEmpty = (field, message = "This field cannot be empty.")=>(data)=>{
+        const value = data[field];
+        return Array.isArray(value) && 0 === value.length ? {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        } : null;
+    };
+const isNotEmpty_rslib_entry_ = isNotEmpty;
+export { isNotEmpty_rslib_entry_ as default };

package/dist/validators/isNumber.d.ts

@@ -0,0 +1,8 @@
+declare const isNumber: <Model extends {
+    [Field: string]: any;
+}>(field: keyof Model, message?: string) => (data: Model) => {
+    id: string;
+    field: keyof Model;
+    message: string;
+} | null;
+export default isNumber;

package/dist/validators/isNumber.js

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isNumber = (field, message = "Must be a number.")=>(data)=>{
+        const value = data[field];
+        if (null == value || "number" == typeof value || "string" == typeof value && (!Number.isNaN(Number(value)) || "" === value.trim())) return null;
+        return {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        };
+    };
+const isNumber_rslib_entry_ = isNumber;
+export { isNumber_rslib_entry_ as default };

package/dist/validators/isRequired.d.ts

@@ -0,0 +1,8 @@
+declare const isRequired: <Model extends {
+    [Field: string]: any;
+}>(field: keyof Model, message?: string) => (data: Model) => {
+    id: string;
+    field: keyof Model;
+    message: string;
+} | null;
+export default isRequired;

package/dist/validators/isRequired.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isRequired = (field, message = "This field is required.")=>(data)=>{
+        const value = data[field];
+        return null == value ? {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        } : null;
+    };
+const isRequired_rslib_entry_ = isRequired;
+export { isRequired_rslib_entry_ as default };

package/dist/validators/isTrue.d.ts

@@ -0,0 +1,8 @@
+declare const isTrue: <Model extends {
+    [Field: string]: any;
+}>(field: keyof Model, message: string) => (data: Model) => {
+    id: string;
+    field: keyof Model;
+    message: string;
+} | null;
+export default isTrue;

package/dist/validators/isTrue.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isTrue = (field, message)=>(data)=>{
+        const value = data[field];
+        return true !== value ? {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        } : null;
+    };
+const isTrue_rslib_entry_ = isTrue;
+export { isTrue_rslib_entry_ as default };

package/dist/validators/isValidEmail.d.ts

@@ -0,0 +1,8 @@
+declare const isValidEmail: <Model extends {
+    [Field: string]: any;
+}>(field: keyof Model, message?: string) => (data: Model) => {
+    id: string;
+    field: keyof Model;
+    message: string;
+} | null;
+export default isValidEmail;

package/dist/validators/isValidEmail.js

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE_email_validator_0eb92705__ from "email-validator";
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isValidEmail = (field, message = "Must be a valid email address.")=>(data)=>{
+        const value = data[field];
+        return "string" != typeof value || "" === value.trim() || (0, __WEBPACK_EXTERNAL_MODULE_email_validator_0eb92705__.validate)(value) ? null : {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        };
+    };
+const isValidEmail_rslib_entry_ = isValidEmail;
+export { isValidEmail_rslib_entry_ as default };

package/dist/visuals/ProportionVisual.d.ts

@@ -0,0 +1,11 @@
+type Props = {
+    data: Array<{
+        color: "blue" | "green" | "grey" | "maroon" | "orange" | "purple" | "red" | "teal" | "yellow";
+        count: number;
+        key: string;
+        label: string;
+    }>;
+    label: string;
+};
+declare const ProportionVisual: ({ data, label }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ProportionVisual;

package/dist/visuals/ProportionVisual.js

@@ -0,0 +1,41 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__ from "./ProportionVisual.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_Label_js_974ebccd__ from "../presentation/Label.js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+const ProportionVisual = ({ data, label })=>{
+    const filteredData = data.filter(({ count })=>count > 0);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].container,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Label_js_974ebccd__["default"], {
+                children: label
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].bar,
+                style: {
+                    gridTemplateColumns: filteredData.map(({ count })=>`minmax(0, ${count}fr)`).join(" ")
+                },
+                children: filteredData.map(({ color, count, key, label })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].segment, {
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].blue]: "blue" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].green]: "green" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].grey]: "grey" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].maroon]: "maroon" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].orange]: "orange" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].purple]: "purple" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].red]: "red" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].teal]: "teal" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].yellow]: "yellow" === color
+                        }),
+                        children: [
+                            count,
+                            " ",
+                            label
+                        ]
+                    }, key))
+            })
+        ]
+    });
+};
+const ProportionVisual_rslib_entry_ = ProportionVisual;
+export { ProportionVisual_rslib_entry_ as default };

package/dist/visuals/ProportionVisual.module.js

@@ -0,0 +1,16 @@
+import "./ProportionVisual_module.css";
+const ProportionVisual_module_rslib_entry_ = {
+    container: "container-louZAW",
+    bar: "bar-ZjYTI2",
+    segment: "segment-IOG4Nc",
+    blue: "blue-TcO7F5",
+    green: "green-EGM1Xe",
+    grey: "grey-ueCyZA",
+    maroon: "maroon-UsSx96",
+    orange: "orange-ZlY9nS",
+    purple: "purple-HIV6_1",
+    red: "red-QPohUh",
+    teal: "teal-vQfnhS",
+    yellow: "yellow-IzuLCR"
+};
+export { ProportionVisual_module_rslib_entry_ as default };

package/dist/visuals/ProportionVisualCompact.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    data: Array<{
+        color: "blue" | "green" | "grey" | "maroon" | "orange" | "purple" | "red" | "teal" | "yellow";
+        count: number;
+        key: string;
+    }>;
+};
+declare const ProportionVisual: ({ data }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ProportionVisual;

package/dist/visuals/ProportionVisualCompact.js

@@ -0,0 +1,27 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__ from "./ProportionVisualCompact.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+const ProportionVisual = ({ data })=>{
+    const filteredData = data.filter(({ count })=>count > 0);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].bar,
+        style: {
+            gridTemplateColumns: filteredData.map(({ count })=>`minmax(var(--size-00), ${count}fr)`).join(" ")
+        },
+        children: filteredData.map(({ color, key })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].segment, {
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].blue]: "blue" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].green]: "green" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].grey]: "grey" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].maroon]: "maroon" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].orange]: "orange" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].purple]: "purple" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].red]: "red" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].teal]: "teal" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].yellow]: "yellow" === color
+                })
+            }, key))
+    });
+};
+const ProportionVisualCompact_rslib_entry_ = ProportionVisual;
+export { ProportionVisualCompact_rslib_entry_ as default };

package/dist/visuals/ProportionVisualCompact.module.js

@@ -0,0 +1,15 @@
+import "./ProportionVisualCompact_module.css";
+const ProportionVisualCompact_module_rslib_entry_ = {
+    bar: "bar-imoj8x",
+    segment: "segment-Z_tE1x",
+    blue: "blue-bQWgvH",
+    green: "green-zPpIIX",
+    grey: "grey-WQJJQ2",
+    maroon: "maroon-gMYAYC",
+    orange: "orange-hFzZiz",
+    purple: "purple-AeFNmb",
+    red: "red-HrBD95",
+    teal: "teal-wUj62r",
+    yellow: "yellow-rCbfkq"
+};
+export { ProportionVisualCompact_module_rslib_entry_ as default };

package/dist/visuals/ProportionVisualCompact_module.css

@@ -0,0 +1,48 @@
+.bar-imoj8x {
+  border-radius: var(--size-n3);
+  gap: 1px;
+  width: 100%;
+  display: grid;
+  overflow: hidden;
+}
+
+.segment-Z_tE1x {
+  height: var(--size-n2);
+}
+
+.blue-bQWgvH {
+  background: var(--color-blue-t04);
+}
+
+.green-zPpIIX {
+  background: var(--color-green-t04);
+}
+
+.grey-WQJJQ2 {
+  background: var(--color-grey-t04);
+}
+
+.maroon-gMYAYC {
+  background: var(--color-maroon-t04);
+}
+
+.orange-hFzZiz {
+  background: var(--color-orange-t04);
+}
+
+.purple-AeFNmb {
+  background: var(--color-purple-t04);
+}
+
+.red-HrBD95 {
+  background: var(--color-red-t04);
+}
+
+.teal-wUj62r {
+  background: var(--color-teal-t04);
+}
+
+.yellow-rCbfkq {
+  background: var(--color-yellow-t04);
+}
+

package/dist/visuals/ProportionVisual_module.css

@@ -0,0 +1,65 @@
+.container-louZAW {
+  gap: var(--size-n3);
+  display: grid;
+}
+
+.bar-ZjYTI2 {
+  border-radius: var(--size-n1);
+  gap: var(--size-n5);
+  display: grid;
+  overflow: hidden;
+}
+
+.segment-IOG4Nc {
+  font: var(--font-tiny-bold);
+  padding: var(--size-n2) var(--size-n1);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.blue-TcO7F5 {
+  background: var(--color-blue-t09);
+  color: var(--color-blue-s04);
+}
+
+.green-EGM1Xe {
+  background: var(--color-green-t09);
+  color: var(--color-green-s04);
+}
+
+.grey-ueCyZA {
+  background: var(--color-grey-t09);
+  color: var(--color-grey-s04);
+}
+
+.maroon-UsSx96 {
+  background: var(--color-maroon-t09);
+  color: var(--color-maroon-s04);
+}
+
+.orange-ZlY9nS {
+  background: var(--color-orange-t09);
+  color: var(--color-orange-s04);
+}
+
+.purple-HIV6_1 {
+  background: var(--color-purple-t09);
+  color: var(--color-purple-s04);
+}
+
+.red-QPohUh {
+  background: var(--color-red-t09);
+  color: var(--color-red-s04);
+}
+
+.teal-vQfnhS {
+  background: var(--color-teal-t09);
+  color: var(--color-teal-s04);
+}
+
+.yellow-IzuLCR {
+  background: var(--color-yellow-t09);
+  color: var(--color-yellow-s04);
+}
+

package/package.json

@@ -1,19 +1,9 @@
 {
   "name": "@worknice/whiteboard",
   "description": "",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "private": false,
-  "scripts": {
-    "build": "rslib build",
-    "dev": "rslib build --watch",
-    "fix": "if [[ -z $TURBO_HASH ]]; then pnpm turbo fix; else exit 0; fi",
-    "fix:prettier": "prettier -c '**/*.{js,ts,tsx,css}' --write",
-    "test": "exit 0",
-    "test:lint": "eslint src --color",
-    "test:prettier": "prettier -c '**/*.{js,ts,tsx,css}'",
-    "test:types": "tsc --noEmit --pretty"
-  },
   "files": [
     "dist",
     "LICENSE"
@@ -43,13 +33,14 @@
     "@react-hook/throttle": "^2.2.0",
     "@tanstack/react-table": "^8.15.3",
     "@tanstack/react-virtual": "^3.5.0",
-    "@worknice/utils": "workspace:^",
     "email-validator": "^2.0.4",
     "js-search": "^2.0.0",
     "utf8": "^3.0.0",
-    "zod": "^3.22.3"
+    "zod": "^3.22.3",
+    "@worknice/utils": "^0.1.1"
   },
   "devDependencies": {
+    "@anolilab/semantic-release-pnpm": "^1.1.10",
     "@react-email/components": "^0.0.7",
     "@rsbuild/plugin-react": "^1.1.0",
     "@rslib/core": "^0.4.1",
@@ -86,5 +77,15 @@
     "react-dom": "^18.2.0",
     "temporal-polyfill": "^0.2.1",
     "uuid": "^8.3.2"
+  },
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "fix": "if [[ -z $TURBO_HASH ]]; then pnpm turbo fix; else exit 0; fi",
+    "fix:prettier": "prettier -c '**/*.{js,ts,tsx,css}' --write",
+    "test": "exit 0",
+    "test:lint": "eslint src --color",
+    "test:prettier": "prettier -c '**/*.{js,ts,tsx,css}'",
+    "test:types": "tsc --noEmit --pretty"
   }
-}
+}