@wisemen/vue-core-custom-views 0.1.0

package/dist/locales/en-US.json.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+  "action.custom_view.create": "Create new view",
+  "action.custom_view.delete": "Delete",
+  "action.custom_view.delete_confirm_description": "Are you sure you want to delete {name}?",
+  "action.custom_view.delete_confirm_label": "Delete",
+  "action.custom_view.delete_confirm_title": "Delete view",
+  "action.custom_view.edit": "Edit",
+  "action.custom_view.group_name": "Views",
+  "action.custom_view.save_to_current": "Save to this view",
+  "component.custom_view_color_picker.label": "Color",
+  "component.custom_view_create_dialog.description": "Give your view a name, icon and color",
+  "component.custom_view_create_dialog.name_label": "Name",
+  "component.custom_view_create_dialog.name_placeholder": "Enter a name for your view",
+  "component.custom_view_create_dialog.submit": "Save",
+  "component.custom_view_create_dialog.title": "Create new view",
+  "component.custom_view_icon_picker.label": "Icon",
+  "component.custom_view_icon_picker.view_icon_label": "View icon",
+  "component.custom_view_list.save": "Save",
+  "component.custom_view_update_dialog.description": "Give your view a name, icon and color",
+  "component.custom_view_update_dialog.name_label": "Name",
+  "component.custom_view_update_dialog.name_placeholder": "Enter a name for your view",
+  "component.custom_view_update_dialog.submit": "Save",
+  "component.custom_view_update_dialog.title": "Update view"
+}
+;
+
+export default _default;

package/dist/locales/nl-BE.json.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+  "action.custom_view.create": "Nieuwe weergave aanmaken",
+  "action.custom_view.delete": "Verwijderen",
+  "action.custom_view.delete_confirm_description": "Weet je zeker dat je {name} wilt verwijderen?",
+  "action.custom_view.delete_confirm_label": "Verwijderen",
+  "action.custom_view.delete_confirm_title": "Weergave verwijderen",
+  "action.custom_view.edit": "Bewerken",
+  "action.custom_view.group_name": "Weergaven",
+  "action.custom_view.save_to_current": "In deze weergave opslaan",
+  "component.custom_view_color_picker.label": "Kleur",
+  "component.custom_view_create_dialog.description": "Geef je weergave een naam, pictogram en kleur",
+  "component.custom_view_create_dialog.name_label": "Naam",
+  "component.custom_view_create_dialog.name_placeholder": "Voer een naam in voor je weergave",
+  "component.custom_view_create_dialog.submit": "Opslaan",
+  "component.custom_view_create_dialog.title": "Nieuwe weergave aanmaken",
+  "component.custom_view_icon_picker.label": "Pictogram",
+  "component.custom_view_icon_picker.view_icon_label": "Weergave-pictogram",
+  "component.custom_view_list.save": "Opslaan",
+  "component.custom_view_update_dialog.description": "Geef je weergave een naam, pictogram en kleur",
+  "component.custom_view_update_dialog.name_label": "Naam",
+  "component.custom_view_update_dialog.name_placeholder": "Voer een naam in voor je weergave",
+  "component.custom_view_update_dialog.submit": "Opslaan",
+  "component.custom_view_update_dialog.title": "Weergave bewerken"
+}
+;
+
+export default _default;

package/dist/locales.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={"en-US":{"action.custom_view.create":`Create new view`,"action.custom_view.delete":`Delete`,"action.custom_view.delete_confirm_description":`Are you sure you want to delete {name}?`,"action.custom_view.delete_confirm_label":`Delete`,"action.custom_view.delete_confirm_title":`Delete view`,"action.custom_view.edit":`Edit`,"action.custom_view.group_name":`Views`,"action.custom_view.save_to_current":`Save to this view`,"component.custom_view_color_picker.label":`Color`,"component.custom_view_create_dialog.description":`Give your view a name, icon and color`,"component.custom_view_create_dialog.name_label":`Name`,"component.custom_view_create_dialog.name_placeholder":`Enter a name for your view`,"component.custom_view_create_dialog.submit":`Save`,"component.custom_view_create_dialog.title":`Create new view`,"component.custom_view_icon_picker.label":`Icon`,"component.custom_view_icon_picker.view_icon_label":`View icon`,"component.custom_view_list.save":`Save`,"component.custom_view_update_dialog.description":`Give your view a name, icon and color`,"component.custom_view_update_dialog.name_label":`Name`,"component.custom_view_update_dialog.name_placeholder":`Enter a name for your view`,"component.custom_view_update_dialog.submit":`Save`,"component.custom_view_update_dialog.title":`Update view`},"nl-BE":{"action.custom_view.create":`Nieuwe weergave aanmaken`,"action.custom_view.delete":`Verwijderen`,"action.custom_view.delete_confirm_description":`Weet je zeker dat je {name} wilt verwijderen?`,"action.custom_view.delete_confirm_label":`Verwijderen`,"action.custom_view.delete_confirm_title":`Weergave verwijderen`,"action.custom_view.edit":`Bewerken`,"action.custom_view.group_name":`Weergaven`,"action.custom_view.save_to_current":`In deze weergave opslaan`,"component.custom_view_color_picker.label":`Kleur`,"component.custom_view_create_dialog.description":`Geef je weergave een naam, pictogram en kleur`,"component.custom_view_create_dialog.name_label":`Naam`,"component.custom_view_create_dialog.name_placeholder":`Voer een naam in voor je weergave`,"component.custom_view_create_dialog.submit":`Opslaan`,"component.custom_view_create_dialog.title":`Nieuwe weergave aanmaken`,"component.custom_view_icon_picker.label":`Pictogram`,"component.custom_view_icon_picker.view_icon_label":`Weergave-pictogram`,"component.custom_view_list.save":`Opslaan`,"component.custom_view_update_dialog.description":`Geef je weergave een naam, pictogram en kleur`,"component.custom_view_update_dialog.name_label":`Naam`,"component.custom_view_update_dialog.name_placeholder":`Voer een naam in voor je weergave`,"component.custom_view_update_dialog.submit":`Opslaan`,"component.custom_view_update_dialog.title":`Weergave bewerken`}};exports.customViewsLocales=e;

package/dist/locales.d.ts

@@ -0,0 +1,50 @@
+export declare const customViewsLocales: {
+    'en-US': {
+        "action.custom_view.create": string;
+        "action.custom_view.delete": string;
+        "action.custom_view.delete_confirm_description": string;
+        "action.custom_view.delete_confirm_label": string;
+        "action.custom_view.delete_confirm_title": string;
+        "action.custom_view.edit": string;
+        "action.custom_view.group_name": string;
+        "action.custom_view.save_to_current": string;
+        "component.custom_view_color_picker.label": string;
+        "component.custom_view_create_dialog.description": string;
+        "component.custom_view_create_dialog.name_label": string;
+        "component.custom_view_create_dialog.name_placeholder": string;
+        "component.custom_view_create_dialog.submit": string;
+        "component.custom_view_create_dialog.title": string;
+        "component.custom_view_icon_picker.label": string;
+        "component.custom_view_icon_picker.view_icon_label": string;
+        "component.custom_view_list.save": string;
+        "component.custom_view_update_dialog.description": string;
+        "component.custom_view_update_dialog.name_label": string;
+        "component.custom_view_update_dialog.name_placeholder": string;
+        "component.custom_view_update_dialog.submit": string;
+        "component.custom_view_update_dialog.title": string;
+    };
+    'nl-BE': {
+        "action.custom_view.create": string;
+        "action.custom_view.delete": string;
+        "action.custom_view.delete_confirm_description": string;
+        "action.custom_view.delete_confirm_label": string;
+        "action.custom_view.delete_confirm_title": string;
+        "action.custom_view.edit": string;
+        "action.custom_view.group_name": string;
+        "action.custom_view.save_to_current": string;
+        "component.custom_view_color_picker.label": string;
+        "component.custom_view_create_dialog.description": string;
+        "component.custom_view_create_dialog.name_label": string;
+        "component.custom_view_create_dialog.name_placeholder": string;
+        "component.custom_view_create_dialog.submit": string;
+        "component.custom_view_create_dialog.title": string;
+        "component.custom_view_icon_picker.label": string;
+        "component.custom_view_icon_picker.view_icon_label": string;
+        "component.custom_view_list.save": string;
+        "component.custom_view_update_dialog.description": string;
+        "component.custom_view_update_dialog.name_label": string;
+        "component.custom_view_update_dialog.name_placeholder": string;
+        "component.custom_view_update_dialog.submit": string;
+        "component.custom_view_update_dialog.title": string;
+    };
+};

package/dist/locales.js

@@ -0,0 +1,54 @@
+//#endregion
+//#region src/locales.ts
+var e = {
+	"en-US": {
+		"action.custom_view.create": "Create new view",
+		"action.custom_view.delete": "Delete",
+		"action.custom_view.delete_confirm_description": "Are you sure you want to delete {name}?",
+		"action.custom_view.delete_confirm_label": "Delete",
+		"action.custom_view.delete_confirm_title": "Delete view",
+		"action.custom_view.edit": "Edit",
+		"action.custom_view.group_name": "Views",
+		"action.custom_view.save_to_current": "Save to this view",
+		"component.custom_view_color_picker.label": "Color",
+		"component.custom_view_create_dialog.description": "Give your view a name, icon and color",
+		"component.custom_view_create_dialog.name_label": "Name",
+		"component.custom_view_create_dialog.name_placeholder": "Enter a name for your view",
+		"component.custom_view_create_dialog.submit": "Save",
+		"component.custom_view_create_dialog.title": "Create new view",
+		"component.custom_view_icon_picker.label": "Icon",
+		"component.custom_view_icon_picker.view_icon_label": "View icon",
+		"component.custom_view_list.save": "Save",
+		"component.custom_view_update_dialog.description": "Give your view a name, icon and color",
+		"component.custom_view_update_dialog.name_label": "Name",
+		"component.custom_view_update_dialog.name_placeholder": "Enter a name for your view",
+		"component.custom_view_update_dialog.submit": "Save",
+		"component.custom_view_update_dialog.title": "Update view"
+	},
+	"nl-BE": {
+		"action.custom_view.create": "Nieuwe weergave aanmaken",
+		"action.custom_view.delete": "Verwijderen",
+		"action.custom_view.delete_confirm_description": "Weet je zeker dat je {name} wilt verwijderen?",
+		"action.custom_view.delete_confirm_label": "Verwijderen",
+		"action.custom_view.delete_confirm_title": "Weergave verwijderen",
+		"action.custom_view.edit": "Bewerken",
+		"action.custom_view.group_name": "Weergaven",
+		"action.custom_view.save_to_current": "In deze weergave opslaan",
+		"component.custom_view_color_picker.label": "Kleur",
+		"component.custom_view_create_dialog.description": "Geef je weergave een naam, pictogram en kleur",
+		"component.custom_view_create_dialog.name_label": "Naam",
+		"component.custom_view_create_dialog.name_placeholder": "Voer een naam in voor je weergave",
+		"component.custom_view_create_dialog.submit": "Opslaan",
+		"component.custom_view_create_dialog.title": "Nieuwe weergave aanmaken",
+		"component.custom_view_icon_picker.label": "Pictogram",
+		"component.custom_view_icon_picker.view_icon_label": "Weergave-pictogram",
+		"component.custom_view_list.save": "Opslaan",
+		"component.custom_view_update_dialog.description": "Geef je weergave een naam, pictogram en kleur",
+		"component.custom_view_update_dialog.name_label": "Naam",
+		"component.custom_view_update_dialog.name_placeholder": "Voer een naam in voor je weergave",
+		"component.custom_view_update_dialog.submit": "Opslaan",
+		"component.custom_view_update_dialog.title": "Weergave bewerken"
+	}
+};
+//#endregion
+export { e as customViewsLocales };

package/dist/style.css

@@ -0,0 +1,2 @@
+@source "./";
+/*$vite$:1*/

package/dist/types/customView.type.d.ts

@@ -0,0 +1,20 @@
+import { CustomViewColor } from './customViewColor.type';
+import { CustomViewIcon } from './customViewIcon.type';
+export interface CustomView<TState extends Record<string, unknown> = any> {
+    id: string;
+    isEditable: boolean;
+    name: string;
+    color: CustomViewColor;
+    icon: CustomViewIcon | null;
+    state: TState;
+}
+export interface CreateCustomViewMeta {
+    name: string;
+    color: CustomViewColor;
+    icon: CustomViewIcon;
+}
+export interface UpdateCustomViewMeta {
+    name: string;
+    color: CustomViewColor;
+    icon?: CustomViewIcon;
+}

package/dist/types/customViewColor.type.d.ts

@@ -0,0 +1,10 @@
+export declare const CUSTOM_VIEW_COLOR: {
+    readonly CYAN: "cyan";
+    readonly DEFAULT: "default";
+    readonly GREEN: "green";
+    readonly PINK: "pink";
+    readonly PURPLE: "purple";
+    readonly RED: "red";
+    readonly YELLOW: "yellow";
+};
+export type CustomViewColor = (typeof CUSTOM_VIEW_COLOR)[keyof typeof CUSTOM_VIEW_COLOR];

package/dist/types/customViewIcon.type.d.ts

@@ -0,0 +1,38 @@
+export declare const CUSTOM_VIEW_ICON: {
+    readonly ACTIVITY: "activity";
+    readonly ALERT_TRIANGLE: "alertTriangle";
+    readonly BOOKMARK: "bookmark";
+    readonly CALENDAR: "calendar";
+    readonly CHECK_CIRCLE: "checkCircle";
+    readonly CHECK_SQUARE: "checkSquare";
+    readonly CLOCK: "clock";
+    readonly CLOCK_REWIND: "clockRewind";
+    readonly CUBE: "cube";
+    readonly DATABASE: "database";
+    readonly EDIT: "edit";
+    readonly FLAG: "flag";
+    readonly HEART: "heart";
+    readonly HOME: "home";
+    readonly HOURGLASS: "hourglass";
+    readonly INFO_SQUARE: "infoSquare";
+    readonly LAYERS: "layers";
+    readonly LINK_04: "link04";
+    readonly LOCK: "lock";
+    readonly MAGIC_WAND: "magicWand";
+    readonly MAIL_01: "mail01";
+    readonly MAIL_04: "mail04";
+    readonly MARKER_PIN: "markerPin";
+    readonly PIN: "pin";
+    readonly PLACEHOLDER: "placeholder";
+    readonly PLANE: "plane";
+    readonly ROUTE: "route";
+    readonly STAR: "star";
+    readonly STARS: "stars";
+    readonly TRASH: "trash";
+    readonly TREND_DOWN: "trendDown";
+    readonly TREND_UP: "trendUp";
+    readonly UNLOCK: "unlock";
+    readonly USER: "user";
+    readonly ZAP: "zap";
+};
+export type CustomViewIcon = (typeof CUSTOM_VIEW_ICON)[keyof typeof CUSTOM_VIEW_ICON];

package/dist/types/customViewStateAdapter.type.d.ts

@@ -0,0 +1,13 @@
+export interface CustomViewStateAdapter<TKey extends string, T> {
+    isDirty: (saved: T | null, current: T) => boolean;
+    apply: (state: T | null) => void;
+    deserialize: (raw: unknown) => T;
+    getCurrentState: () => T;
+    getDefaultState: () => T;
+    key: TKey;
+    serialize: (value: T) => unknown;
+}
+export declare function createCustomViewStateAdapter<const TKey extends string, TState>(adapter: CustomViewStateAdapter<TKey, TState>): CustomViewStateAdapter<TKey, TState>;
+export type AdaptersToState<TAdapters extends CustomViewStateAdapter<string, any>[]> = {
+    [A in TAdapters[number] as A['key']]: A extends CustomViewStateAdapter<A['key'], infer TValue> ? TValue : never;
+};

package/dist/types/customViewStorageAdapter.type.d.ts

@@ -0,0 +1,5 @@
+import { CustomView } from './customView.type';
+export interface CustomViewStorageAdapter {
+    load: () => CustomView[];
+    save: (views: CustomView[]) => void;
+}

package/dist/utils/customViewColor.util.d.ts

@@ -0,0 +1,3 @@
+import { CustomViewColor } from '../types/customViewColor.type';
+export declare const CUSTOM_VIEW_COLORS_MAP: Map<CustomViewColor, string>;
+export declare function getCustomViewColor(key: CustomViewColor): string;

package/dist/utils/customViewIcon.util.d.ts

@@ -0,0 +1,4 @@
+import { Component } from 'vue';
+import { CustomViewIcon } from '../types/customViewIcon.type';
+export declare const CUSTOM_VIEW_ICONS_MAP: Map<CustomViewIcon, Component>;
+export declare function getCustomViewIconComponent(key: CustomViewIcon): Component;

package/package.json

@@ -0,0 +1,103 @@
+{
+  "name": "@wisemen/vue-core-custom-views",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "version": "0.1.0",
+  "private": false,
+  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/wisemen-digital/wisemen-core",
+    "directory": "packages/web/custom-views"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./locales": {
+      "types": "./dist/locales.d.ts",
+      "import": "./dist/locales.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "typings": "./dist/index.d.ts",
+  "files": [
+    "./dist"
+  ],
+  "peerDependencies": {
+    "@tanstack/vue-hotkeys": "^0.10.0",
+    "@vueuse/core": "14.1.0",
+    "@vueuse/router": "14.1.0",
+    "@wisemen/vue-core-actions": ">=0.2.0",
+    "@wisemen/vue-core-design-system": ">=1.4.0",
+    "@wisemen/vue-core-filters": ">=5.0.0",
+    "@wisemen/vue-core-icons": ">=0.0.2",
+    "@wisemen/vue-core-utils": ">=0.1.0",
+    "formango": "^3.2.4",
+    "reka-ui": "^2.9.7",
+    "tailwindcss": "4.1.18",
+    "vue": "^3.5.27",
+    "vue-draggable-plus": "^0.6.1",
+    "vue-i18n": "^11.2.8"
+  },
+  "peerDependenciesMeta": {
+    "@wisemen/vue-core-filters": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "4.1.18",
+    "@tanstack/vue-hotkeys": "^0.10.0",
+    "@types/node": "24.8.1",
+    "@vitejs/plugin-vue": "6.0.3",
+    "@vue/test-utils": "2.4.6",
+    "@vue/tsconfig": "0.8.1",
+    "@vueuse/core": "14.1.0",
+    "@vueuse/router": "14.1.0",
+    "@wisemen/vue-core-dates": "^0.0.2",
+    "eslint": "9.39.4",
+    "formango": "^3.2.4",
+    "reka-ui": "2.9.7",
+    "tailwindcss": "4.1.18",
+    "temporal-polyfill": "^0.3.0",
+    "typescript": "5.9.3",
+    "vite": "8.0.14",
+    "vite-plugin-dts": "4.5.4",
+    "vitest": "4.1.0",
+    "vue": "3.5.27",
+    "vue-draggable-plus": "^0.6.1",
+    "vue-i18n": "^11.2.8",
+    "vue-tsc": "3.2.2",
+    "zod": "4.3.5",
+    "@wisemen/eslint-config-vue": "2.1.4",
+    "@wisemen/vue-core-design-system": "1.4.0",
+    "@wisemen/vue-core-actions": "0.2.0",
+    "@wisemen/vue-core-filters": "9.0.0",
+    "@wisemen/vue-core-icons": "0.0.2",
+    "@wisemen/vue-core-tailwind-config": "0.0.5",
+    "@wisemen/vue-core-utils": "0.1.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --noEmit",
+    "pub:release": "pnpm publish --access public",
+    "pub:beta": "pnpm publish --no-git-checks --access public --tag beta",
+    "pub:next": "pnpm publish --no-git-checks --access public --tag next",
+    "test:unit": "vitest --run",
+    "test": "vitest --run",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "cleanup": "rimraf dist/ node_modules/ .turbo/"
+  }
+}