@mrts/soltw 0.3.21 → 0.3.24

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mrts/soltw",
   "description": "S O L T W : SolidJS + tailwindcss ui components",
-  "version": "0.3.21",
+  "version": "0.3.24",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -40,5 +40,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c5a3d173dc241074f81df5b1e2f419888c883849"
+  "gitHead": "9e127f5f0082dc4b9afdd957f0a8bfb51a6527f2"
 }

package/dist/Block.d.ts

@@ -1,13 +0,0 @@
-import { ISVTStyler, TagListArgument } from "./stylers/types.js";
-import { Component, ParentProps } from "solid-js";
-
-//#region src/Block.d.ts
-type TProps = ParentProps & {
-  vtags?: TagListArgument;
-  styler?: ISVTStyler;
-  class?: string;
-  element?: string;
-};
-declare const Block: Component<TProps>;
-//#endregion
-export { Block };

package/dist/Block.js

@@ -1,33 +0,0 @@
-import { createComponent } from "./node_modules/solid-js/dist/solid.js";
-import { Dynamic } from "./node_modules/solid-js/web/dist/web.js";
-import { twMerge } from "./node_modules/tailwind-merge/dist/bundle-mjs.js";
-import { Stylers } from "./stylers/Stylers.js";
-import "./stylers/index.js";
-
-//#region src/Block.tsx
-const Block = (props) => {
-	const elementTag = () => props.element ?? "div";
-	const currentStyler = () => {
-		if (props.styler) return props.styler;
-		else return Stylers.base;
-	};
-	function blockClasses() {
-		const classes = currentStyler().classes("block", props.vtags) ?? [];
-		if (props.class) classes.push(props.class);
-		return twMerge(classes);
-	}
-	return createComponent(Dynamic, {
-		get component() {
-			return elementTag();
-		},
-		get ["class"]() {
-			return blockClasses();
-		},
-		get children() {
-			return props.children;
-		}
-	});
-};
-
-//#endregion
-export { Block };

package/dist/Block.jsx

@@ -1,24 +0,0 @@
-import { twMerge } from "./node_modules/tailwind-merge/dist/bundle-mjs.jsx";
-import { Stylers } from "./stylers/Stylers.jsx";
-import { Dynamic } from "./node_modules/solid-js/web/dist/web.jsx";
-import "./stylers/index.jsx";
-
-//#region src/Block.tsx
-const Block = (props) => {
-	const elementTag = () => props.element ?? "div";
-	const currentStyler = () => {
-		if (props.styler) return props.styler;
-		else return Stylers.base;
-	};
-	function blockClasses() {
-		const classes = currentStyler().classes("block", props.vtags) ?? [];
-		if (props.class) classes.push(props.class);
-		return twMerge(classes);
-	}
-	return <Dynamic component={elementTag()} class={blockClasses()}>
-      {props.children}
-    </Dynamic>;
-};
-
-//#endregion
-export { Block };

package/dist/items/IdLabel.d.ts

@@ -1,15 +0,0 @@
-//#region src/items/IdLabel.d.ts
-interface IdLabel {
-  id: string;
-  label: string;
-  [x: string | symbol]: unknown;
-}
-type IdLabelDef = {
-  id: string;
-  label?: string;
-  [x: string | symbol]: unknown;
-};
-type IdLabelArg = IdLabelDef | [string, string] | string;
-declare function buildIdLabel(arg: IdLabelArg): IdLabel;
-//#endregion
-export { IdLabel, IdLabelArg, IdLabelDef, buildIdLabel };

package/dist/items/IdLabel.js

@@ -1,19 +0,0 @@
-//#region src/items/IdLabel.ts
-function buildIdLabel(arg) {
-	if (typeof arg == "string") return {
-		id: arg,
-		label: arg
-	};
-	else if (Array.isArray(arg)) return {
-		id: arg[0],
-		label: arg[1]
-	};
-	else {
-		const r = Object.assign({}, arg);
-		if (r.label == void 0) r["label"] = r.id;
-		return r;
-	}
-}
-
-//#endregion
-export { buildIdLabel };

package/dist/items/IdLabel.jsx

@@ -1,19 +0,0 @@
-//#region src/items/IdLabel.ts
-function buildIdLabel(arg) {
-	if (typeof arg == "string") return {
-		id: arg,
-		label: arg
-	};
-	else if (Array.isArray(arg)) return {
-		id: arg[0],
-		label: arg[1]
-	};
-	else {
-		const r = Object.assign({}, arg);
-		if (r.label == void 0) r["label"] = r.id;
-		return r;
-	}
-}
-
-//#endregion
-export { buildIdLabel };

package/dist/items/Item.d.ts

@@ -1,25 +0,0 @@
-import { IdLabel, IdLabelArg } from "./IdLabel.js";
-import { ISVTStyler, TagListArgument } from "../stylers/types.js";
-import { Component } from "solid-js";
-
-//#region src/items/Item.d.ts
-type TItemClass = {
-  item?: string;
-  selected?: string;
-  disabled?: string;
-  disabler?: string;
-};
-type TItemClassArg = TItemClass | string;
-type TItemProps = {
-  idLabel: IdLabelArg;
-  callback?: (item: IdLabel) => void;
-  selected?: boolean;
-  disabled?: boolean;
-  clickableWhendisabled?: boolean;
-  styler?: ISVTStyler;
-  vtags?: TagListArgument;
-  class?: TItemClassArg;
-};
-declare const Item: Component<TItemProps>;
-//#endregion
-export { Item, TItemClass, TItemClassArg, TItemProps };

package/dist/items/Item.js

@@ -1,79 +0,0 @@
-import { buildIdLabel } from "./IdLabel.js";
-import { Show, createComponent, createMemo, createRenderEffect } from "../node_modules/solid-js/dist/solid.js";
-import { className, delegateEvents, insert, template } from "../node_modules/solid-js/web/dist/web.js";
-import { twMerge } from "../node_modules/tailwind-merge/dist/bundle-mjs.js";
-import { Stylers } from "../stylers/Stylers.js";
-
-//#region src/items/Item.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-const Item = (props) => {
-	const itemData = () => buildIdLabel(props.idLabel);
-	const currentSTags = () => {
-		const r = [];
-		r.push("item");
-		if (props.selected) r.push("item:selected");
-		if (props.disabled) r.push("item:disabled");
-		return r;
-	};
-	const currentStyler = () => {
-		if (props.styler) return props.styler;
-		else return Stylers.base;
-	};
-	const classProp = createMemo(() => {
-		if (props.class == void 0) return {};
-		else if (typeof props.class == "string") return { item: props.class };
-		else return props.class;
-	});
-	const itemClasses = () => {
-		console.log("itemClasses", props.idLabel);
-		const stags = currentSTags();
-		const styler = currentStyler();
-		const rawClasses = [];
-		const stylerClasses = styler ? styler.classes(stags, props.vtags) : void 0;
-		rawClasses.push(...stylerClasses ?? []);
-		if (props.callback) rawClasses.push("select-none cursor-pointer");
-		const customClasses = classProp();
-		if (customClasses.item) rawClasses.push(customClasses.item);
-		if (props.selected && customClasses.selected) {
-			console.log("SELECTED", props.idLabel);
-			rawClasses.push(customClasses.selected);
-		}
-		if (props.disabled && customClasses.disabled) rawClasses.push(customClasses.disabled);
-		rawClasses.push("relative");
-		return twMerge(rawClasses);
-	};
-	const disablerClasses = createMemo(() => {
-		const rawClasses = [];
-		if (currentStyler()) rawClasses.push(...currentStyler().classes("item/disabler", props.vtags));
-		if (classProp().disabler) rawClasses.push(classProp().disabler);
-		rawClasses.push("absolute inset-0");
-		return twMerge(rawClasses);
-	});
-	function handleClick() {
-		if (props.callback != void 0) props.callback(itemData());
-	}
-	return (() => {
-		var _el$ = _tmpl$();
-		_el$.$$click = handleClick;
-		insert(_el$, () => itemData().label, null);
-		insert(_el$, createComponent(Show, {
-			get when() {
-				return props.disabled;
-			},
-			get children() {
-				var _el$2 = _tmpl$();
-				_el$2.$$click = (e) => {
-					if (!props.clickableWhendisabled) e.stopPropagation();
-				};
-				createRenderEffect(() => className(_el$2, disablerClasses()));
-				return _el$2;
-			}
-		}), null);
-		createRenderEffect(() => className(_el$, itemClasses()));
-		return _el$;
-	})();
-};
-delegateEvents(["click"]);
-
-//#endregion
-export { Item };

package/dist/items/Item.jsx

@@ -1,64 +0,0 @@
-import { buildIdLabel } from "./IdLabel.jsx";
-import { Show, createMemo } from "../node_modules/solid-js/dist/solid.jsx";
-import { twMerge } from "../node_modules/tailwind-merge/dist/bundle-mjs.jsx";
-import { Stylers } from "../stylers/Stylers.jsx";
-
-//#region src/items/Item.tsx
-const Item = (props) => {
-	const itemData = () => buildIdLabel(props.idLabel);
-	const currentSTags = () => {
-		const r = [];
-		r.push("item");
-		if (props.selected) r.push("item:selected");
-		if (props.disabled) r.push("item:disabled");
-		return r;
-	};
-	const currentStyler = () => {
-		if (props.styler) return props.styler;
-		else return Stylers.base;
-	};
-	const classProp = createMemo(() => {
-		if (props.class == void 0) return {};
-		else if (typeof props.class == "string") return { item: props.class };
-		else return props.class;
-	});
-	const itemClasses = () => {
-		console.log("itemClasses", props.idLabel);
-		const stags = currentSTags();
-		const styler = currentStyler();
-		const rawClasses = [];
-		const stylerClasses = styler ? styler.classes(stags, props.vtags) : void 0;
-		rawClasses.push(...stylerClasses ?? []);
-		if (props.callback) rawClasses.push("select-none cursor-pointer");
-		const customClasses = classProp();
-		if (customClasses.item) rawClasses.push(customClasses.item);
-		if (props.selected && customClasses.selected) {
-			console.log("SELECTED", props.idLabel);
-			rawClasses.push(customClasses.selected);
-		}
-		if (props.disabled && customClasses.disabled) rawClasses.push(customClasses.disabled);
-		rawClasses.push("relative");
-		return twMerge(rawClasses);
-	};
-	const disablerClasses = createMemo(() => {
-		const rawClasses = [];
-		if (currentStyler()) rawClasses.push(...currentStyler().classes("item/disabler", props.vtags));
-		if (classProp().disabler) rawClasses.push(classProp().disabler);
-		rawClasses.push("absolute inset-0");
-		return twMerge(rawClasses);
-	});
-	function handleClick() {
-		if (props.callback != void 0) props.callback(itemData());
-	}
-	return <div onClick={handleClick} class={itemClasses()}>
-      {itemData().label}
-      <Show when={props.disabled}>
-        <div class={disablerClasses()} onClick={(e) => {
-		if (!props.clickableWhendisabled) e.stopPropagation();
-	}}></div>
-      </Show>
-    </div>;
-};
-
-//#endregion
-export { Item };

package/dist/items/ItemGroup.d.ts

@@ -1,24 +0,0 @@
-import { IdLabel, IdLabelArg } from "./IdLabel.js";
-import { TagListArgument } from "../stylers/types.js";
-import { TItemClassArg } from "./Item.js";
-import { Component } from "solid-js";
-
-//#region src/items/ItemGroup.d.ts
-type TProps = {
-  items: IdLabelArg[];
-  callback?: (item: IdLabel) => void;
-  class?: string | {
-    group?: string;
-    item?: TItemClassArg;
-  };
-  selection?: string | {
-    [id: string]: boolean;
-  };
-  vtags?: TagListArgument | {
-    group?: TagListArgument;
-    item?: TagListArgument;
-  };
-};
-declare const ItemGroup: Component<TProps>;
-//#endregion
-export { ItemGroup };

package/dist/items/ItemGroup.js

@@ -1,87 +0,0 @@
-import { buildIdLabel } from "./IdLabel.js";
-import { For, createComponent, createMemo } from "../node_modules/solid-js/dist/solid.js";
-import { twMerge } from "../node_modules/tailwind-merge/dist/bundle-mjs.js";
-import { argTokenizeBySpaces } from "../packages/common/dist/strings/tokenize.js";
-import { Item } from "./Item.js";
-import { Block } from "../Block.js";
-
-//#region src/items/ItemGroup.tsx
-const ItemGroup = (props) => {
-	const items = () => props.items.map(buildIdLabel);
-	const currentVTags = createMemo(() => {
-		const item = [];
-		const group = [];
-		const _vtags = props.vtags;
-		if (Array.isArray(_vtags) || typeof _vtags == "string") group.push(...argTokenizeBySpaces(_vtags));
-		else if (typeof _vtags == "object" && _vtags != null) {
-			group.push(...argTokenizeBySpaces(_vtags.group));
-			item.push(...argTokenizeBySpaces(_vtags.item));
-		}
-		return {
-			group,
-			item
-		};
-	});
-	const classes = createMemo(() => {
-		let group = "";
-		let item = "";
-		if (typeof props.class == "string") group = props.class;
-		else if (props.class != void 0) {
-			props.class;
-			group = props.class.group ?? "";
-			item = props.class.item ?? "";
-		}
-		return {
-			group,
-			item
-		};
-	});
-	const blockClasses = () => {
-		return twMerge("flex flex-row gap-1", classes().group);
-	};
-	const itemClasses = () => {
-		return classes().item;
-	};
-	const callCallback = (item) => {
-		if (props.callback) props.callback(item);
-	};
-	const itemSelected = (id) => {
-		if (typeof props.selection == "string") return id == props.selection;
-		else if (typeof props.selection == "object") return !!props.selection[id];
-		return false;
-	};
-	return createComponent(Block, {
-		get ["class"]() {
-			return blockClasses();
-		},
-		get vtags() {
-			return currentVTags().group;
-		},
-		get children() {
-			return createComponent(For, {
-				get each() {
-					return items();
-				},
-				children: (item) => {
-					const selected = () => itemSelected(item.id);
-					return createComponent(Item, {
-						idLabel: item,
-						get selected() {
-							return selected();
-						},
-						callback: () => callCallback(item),
-						get ["class"]() {
-							return itemClasses();
-						},
-						get vtags() {
-							return currentVTags().item;
-						}
-					});
-				}
-			});
-		}
-	});
-};
-
-//#endregion
-export { ItemGroup };

package/dist/items/ItemGroup.jsx

@@ -1,64 +0,0 @@
-import { buildIdLabel } from "./IdLabel.jsx";
-import { For, createMemo } from "../node_modules/solid-js/dist/solid.jsx";
-import { twMerge } from "../node_modules/tailwind-merge/dist/bundle-mjs.jsx";
-import { argTokenizeBySpaces } from "../packages/common/dist/strings/tokenize.jsx";
-import { Item } from "./Item.jsx";
-import { Block } from "../Block.jsx";
-
-//#region src/items/ItemGroup.tsx
-const ItemGroup = (props) => {
-	const items = () => props.items.map(buildIdLabel);
-	const currentVTags = createMemo(() => {
-		const item = [];
-		const group = [];
-		const _vtags = props.vtags;
-		if (Array.isArray(_vtags) || typeof _vtags == "string") group.push(...argTokenizeBySpaces(_vtags));
-		else if (typeof _vtags == "object" && _vtags != null) {
-			group.push(...argTokenizeBySpaces(_vtags.group));
-			item.push(...argTokenizeBySpaces(_vtags.item));
-		}
-		return {
-			group,
-			item
-		};
-	});
-	const classes = createMemo(() => {
-		let group = "";
-		let item = "";
-		if (typeof props.class == "string") group = props.class;
-		else if (props.class != void 0) {
-			props.class;
-			group = props.class.group ?? "";
-			item = props.class.item ?? "";
-		}
-		return {
-			group,
-			item
-		};
-	});
-	const blockClasses = () => {
-		return twMerge("flex flex-row gap-1", classes().group);
-	};
-	const itemClasses = () => {
-		return classes().item;
-	};
-	const callCallback = (item) => {
-		if (props.callback) props.callback(item);
-	};
-	const itemSelected = (id) => {
-		if (typeof props.selection == "string") return id == props.selection;
-		else if (typeof props.selection == "object") return !!props.selection[id];
-		return false;
-	};
-	return <Block class={blockClasses()} vtags={currentVTags().group}>
-      <For each={items()}>
-        {(item) => {
-		const selected = () => itemSelected(item.id);
-		return <Item idLabel={item} selected={selected()} callback={() => callCallback(item)} class={itemClasses()} vtags={currentVTags().item}></Item>;
-	}}
-      </For>
-    </Block>;
-};
-
-//#endregion
-export { ItemGroup };