@mrts/soltw 0.3.7 → 0.3.12

package/dist/source/items/Item.jsx

@@ -1,89 +0,0 @@
-import { createMemo, Show } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { Stylers } from "../stylers/Stylers.js";
-import { buildIdLabel } from "./IdLabel.js";
-export 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 == undefined) {
-            return {};
-        }
-        else if (typeof props.class == "string") {
-            return { item: props.class };
-        }
-        else {
-            return props.class;
-        }
-    });
-    const itemClasses = createMemo(() => {
-        const stags = currentSTags();
-        const styler = currentStyler();
-        const rawClasses = [];
-        const stylerClasses = styler
-            ? styler.classes(stags, props.vtags)
-            : undefined;
-        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) {
-            rawClasses.push(customClasses.selected);
-        }
-        if (props.disabled && customClasses.disabled) {
-            rawClasses.push(customClasses.disabled);
-        }
-        rawClasses.push("relative");
-        const r = twMerge(rawClasses);
-        return r;
-    });
-    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");
-        const r = twMerge(rawClasses);
-        return r;
-    });
-    function handleClick() {
-        if (props.callback != undefined) {
-            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>);
-};

package/dist/source/items/ItemGroup.jsx

@@ -1,62 +0,0 @@
-import { twMerge } from "tailwind-merge";
-import { Block } from "../Block.jsx";
-import { Item } from "./Item.js";
-import { buildIdLabel } from "./IdLabel.js";
-import { createMemo, For } from "solid-js";
-import { argTokenizeBySpaces } from "../../../common/dist/strings/tokenize.js";
-export 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 != undefined) {
-            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) => {
-            return (<Item idLabel={item} selected={itemSelected(item.id)} callback={() => callCallback(item)} class={itemClasses()} vtags={currentVTags().item}></Item>);
-        }}
-      </For>
-    </Block>);
-};

package/dist/source/soltw.jsx

@@ -1,3 +0,0 @@
-export const SolTw = (props) => {
-    return <div class="bg-red-600">- - S O L T W - -</div>;
-};

package/dist/source/stylers/SVTStyler.js

@@ -1,81 +0,0 @@
-import { argTokenizeBySpaces, deduplicate } from "@mrts/common";
-export class SVTStyler {
-    _rules = [];
-    options;
-    constructor(rules, options = {}) {
-        for (const r of rules) {
-            this._rules.push(SVTStyler.normalizeRule(r));
-        }
-        this.options = { ...options };
-    }
-    with(rules, options = {}) {
-        const addedRules = [];
-        for (const r of rules) {
-            addedRules.push(SVTStyler.normalizeRule(r));
-        }
-        const styler = new SVTStyler([], { ...this.options });
-        styler._rules.push(...this._rules, ...addedRules);
-        return styler;
-    }
-    classes(stags, vtags) {
-        const r = [];
-        let stagsNormalized = argTokenizeBySpaces(stags);
-        let vtagsNormalized = argTokenizeBySpaces(vtags);
-        if (this.options.stagsNormaliser) {
-            stagsNormalized = this.options.stagsNormaliser(stagsNormalized);
-        }
-        if (this.options.vtagsNormaliser) {
-            vtagsNormalized = this.options.vtagsNormaliser(vtagsNormalized);
-        }
-        for (const rule of this._rules) {
-            if (this.ruleMatches(rule, stagsNormalized, vtagsNormalized)) {
-                r.push(...rule.classes);
-            }
-        }
-        return this.options.normalizer ? this.options.normalizer(r) : r;
-    }
-    static normalizeRule(rule) {
-        let stagMode = rule.stagMode ?? "or";
-        let vtagMode = rule.vtagMode ?? "or";
-        let stags = deduplicate(argTokenizeBySpaces(rule.stags));
-        let vtags = deduplicate(argTokenizeBySpaces(rule.vtags));
-        let classes = deduplicate(argTokenizeBySpaces(rule.classes));
-        if (rule.stags == undefined && rule.stagMode == undefined) {
-            stagMode = "any";
-        }
-        if (rule.vtags == undefined && rule.vtagMode == undefined) {
-            vtagMode = "any";
-        }
-        return {
-            stagRule: { mode: stagMode, tags: stags },
-            vtagRule: { mode: vtagMode, tags: vtags },
-            classes,
-        };
-    }
-    ruleMatches(rule, stags, vtags) {
-        return (tagRuleMatches(rule.stagRule, stags) &&
-            tagRuleMatches(rule.vtagRule, vtags));
-    }
-}
-export function tagRuleMatches(rule, candidateTags) {
-    if (rule.mode == "any") {
-        return true;
-    }
-    else if (rule.mode == "or") {
-        for (const ctag of candidateTags) {
-            if (rule.tags.indexOf(ctag) >= 0) {
-                return true;
-            }
-        }
-        return false;
-    }
-    else if (rule.mode == "and") {
-        for (const rtag of rule.tags) {
-            if (candidateTags.indexOf(rtag) < 0) {
-                return false;
-            }
-        }
-        return true;
-    }
-    return false;
-}

package/dist/source/stylers/Stylers.js

@@ -1,18 +0,0 @@
-import { baseStyler } from "./base.styler.js";
-export class Stylers {
-    static _base;
-    static _stylersMap = new Map();
-    static get base() {
-        return this._base;
-    }
-    static setBase(base) {
-        return (this._base = base);
-    }
-    static {
-        this._stylersMap.set("default", baseStyler);
-        this.setBase(baseStyler);
-    }
-    static get(name) {
-        return this._stylersMap.get(name);
-    }
-}

package/dist/source/stylers/base.styler.js

@@ -1,62 +0,0 @@
-import { mainTagNormalize, twMergeNormalize, exclusiveTagsNormalize, } from "./normalizers.js";
-import { SVTStyler } from "./SVTStyler.js";
-export const baseStyler = new SVTStyler([
-    {
-        vtags: "A",
-        classes: "bg-slate-100 text-slate-800",
-    },
-    {
-        vtags: "B",
-        classes: "bg-slate-800 text-slate-100",
-    },
-    {
-        vtags: "C",
-        classes: "bg-stone-300 text-orange-950",
-    },
-    {
-        vtags: "D",
-        classes: "bg-orange-900 text-stone-100",
-    },
-    {
-        vtags: "LG",
-        classes: "text-xl p-2",
-    },
-    {
-        vtags: "BASE",
-        classes: "text-base p-1",
-    },
-    {
-        vtags: "SM",
-        classes: "text-sm p-0.5",
-    },
-    {
-        vtags: "LG",
-        stags: "item",
-        classes: "text-xl px-2 py-1",
-    },
-    {
-        vtags: "BASE",
-        stags: "item",
-        classes: "text-base px-1 py-0.5",
-    },
-    {
-        vtags: "SM",
-        stags: "item",
-        classes: "text-sm p-0.5",
-    },
-    {
-        stags: "item:selected",
-        classes: "underline font-bold",
-    },
-    {
-        stags: "item:disabled",
-        classes: "blur-[1px]",
-    },
-    {
-        stags: "item/disabler",
-        classes: "bg-slate-300/85 cursor-not-allowed",
-    },
-], {
-    normalizer: twMergeNormalize,
-    vtagsNormaliser: (tags) => exclusiveTagsNormalize(mainTagNormalize(tags, "A"), new Set(["SM", "BASE", "LG"]), "BASE"),
-});

package/dist/source/stylers/index.js

@@ -1,5 +0,0 @@
-export * from "./types.js";
-export * from "./Stylers.js";
-export * from "./normalizers.js";
-export * from "./SVTStyler.js";
-export * from "./base.styler.js";

package/dist/source/stylers/normalizers.js

@@ -1,59 +0,0 @@
-import { twMerge } from "tailwind-merge";
-import { tokenizeFilterString } from "@mrts/common";
-export function twMergeNormalize(raw) {
-    return tokenizeFilterString(twMerge(...raw));
-}
-export function mainTagNormalize(rawTags, defaultTag) {
-    return exclusiveTagsNormalize(rawTags, (tag) => tag.length == 1 && tag.toUpperCase() == tag, defaultTag);
-}
-// export function mainTagNormalize(
-//   rawTags: string[],
-//   defaultTag?: string
-// ): string[] {
-//   const rhead = [] as string[];
-//   const rtail = [] as string[];
-//   let rtag: string | undefined = undefined;
-//   for (const tag of rawTags) {
-//     if (tag.length == 1 && tag.toUpperCase() == tag) {
-//       rtag = tag;
-//       rhead.push(...rtail);
-//       rtail.length = 0;
-//     } else {
-//       if (rtag == undefined) {
-//         rhead.push(tag);
-//       } else {
-//         rtail.push(tag);
-//       }
-//     }
-//   }
-//   rtag = rtag ?? defaultTag;
-//   const r =
-//     rtag == undefined ? [...rhead, ...rtail] : [...rhead, rtag, ...rtail];
-//   // console.log("MAIN TAGS NORM:", rawTags, r);
-//   return r;
-// }
-export function exclusiveTagsNormalize(rawTags, tagSet, defaultTag) {
-    const rhead = [];
-    const rtail = [];
-    let rtag = undefined;
-    const tagSetFunc = typeof tagSet == "function" ? tagSet : (tag) => tagSet.has(tag);
-    for (const tag of rawTags) {
-        if (tagSetFunc(tag)) {
-            rtag = tag;
-            rhead.push(...rtail);
-            rtail.length = 0;
-        }
-        else {
-            if (rtag == undefined) {
-                rhead.push(tag);
-            }
-            else {
-                rtail.push(tag);
-            }
-        }
-    }
-    rtag = rtag ?? defaultTag;
-    const r = rtag == undefined ? [...rhead, ...rtail] : [...rhead, rtag, ...rtail];
-    //console.log("EXCLU TAGS NORM:", rawTags, r);
-    return r;
-}

package/dist/source/stylers/types.js

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

package/dist/types/Block.d.ts

@@ -1,10 +0,0 @@
-import type { Component, ParentProps } from "solid-js";
-import { type ISVTStyler, type TagListArgument } from "./stylers/index.js";
-type TProps = ParentProps & {
-    vtags?: TagListArgument;
-    styler?: ISVTStyler;
-    class?: string;
-    element?: string;
-};
-export declare const Block: Component<TProps>;
-export {};

package/dist/types/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./items/IdLabel.js";
-export * from "./items/Item.jsx";
-export * from "./Block.js";
-export * from "./items/ItemGroup.jsx";
-export * from "./stylers/index.js";
-export * from "./soltw.js";

package/dist/types/items/IdLabel.d.ts

@@ -1,12 +0,0 @@
-export interface IdLabel {
-    id: string;
-    label: string;
-    [x: string | symbol]: unknown;
-}
-export type IdLabelDef = {
-    id: string;
-    label?: string;
-    [x: string | symbol]: unknown;
-};
-export type IdLabelArg = IdLabelDef | [string, string] | string;
-export declare function buildIdLabel(arg: IdLabelArg): IdLabel;

package/dist/types/items/Item.d.ts

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

package/dist/types/items/ItemGroup.d.ts

@@ -1,21 +0,0 @@
-import { type TItemClassArg } from "./Item.js";
-import { type IdLabel, type IdLabelArg } from "./IdLabel.js";
-import { type Component } from "solid-js";
-import { type TagListArgument } from "../stylers/types.js";
-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;
-    };
-};
-export declare const ItemGroup: Component<TProps>;
-export {};

package/dist/types/soltw.d.ts

@@ -1,4 +0,0 @@
-import type { Component } from "solid-js";
-type TProps = {};
-export declare const SolTw: Component<TProps>;
-export {};

package/dist/types/stylers/SVTStyler.d.ts

@@ -1,29 +0,0 @@
-import type { ISVTStyler, TagListArgument, TagRule, TagRuleMode } from "./types.js";
-export type SVTRule = {
-    stagRule: TagRule;
-    vtagRule: TagRule;
-    classes: string[];
-};
-export type SVTRuleDef = {
-    stagMode?: TagRuleMode;
-    vtagMode?: TagRuleMode;
-    stags?: TagListArgument;
-    vtags?: TagListArgument;
-    classes?: TagListArgument;
-};
-type SVTStylerOptions = {
-    normalizer?: (rawClasses: string[]) => string[];
-    stagsNormaliser?: (rawTags: string[]) => string[];
-    vtagsNormaliser?: (rawTags: string[]) => string[];
-};
-export declare class SVTStyler implements ISVTStyler {
-    readonly _rules: SVTRule[];
-    readonly options: SVTStylerOptions;
-    constructor(rules: SVTRuleDef[], options?: SVTStylerOptions);
-    with(rules: SVTRuleDef[], options?: SVTStylerOptions): SVTStyler;
-    classes(stags: TagListArgument, vtags: TagListArgument): string[];
-    static normalizeRule(rule: SVTRuleDef): SVTRule;
-    ruleMatches(rule: SVTRule, stags: string[], vtags: string[]): boolean;
-}
-export declare function tagRuleMatches(rule: TagRule, candidateTags: string[]): boolean;
-export {};

package/dist/types/stylers/Stylers.d.ts

@@ -1,8 +0,0 @@
-import type { ISVTStyler } from "./types.js";
-export declare class Stylers {
-    private static _base;
-    private static _stylersMap;
-    static get base(): ISVTStyler | undefined;
-    static setBase(base: ISVTStyler | undefined): ISVTStyler;
-    static get(name: string): ISVTStyler | undefined;
-}

package/dist/types/stylers/base.styler.d.ts

@@ -1,2 +0,0 @@
-import { SVTStyler } from "./SVTStyler.js";
-export declare const baseStyler: SVTStyler;

package/dist/types/stylers/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./types.js";
-export * from "./Stylers.js";
-export * from "./normalizers.js";
-export * from "./SVTStyler.js";
-export * from "./base.styler.js";

package/dist/types/stylers/normalizers.d.ts

@@ -1,3 +0,0 @@
-export declare function twMergeNormalize(raw: string[]): string[];
-export declare function mainTagNormalize(rawTags: string[], defaultTag?: string): string[];
-export declare function exclusiveTagsNormalize(rawTags: string[], tagSet: Set<String> | ((tag: string) => boolean), defaultTag?: string): string[];

package/dist/types/stylers/types.d.ts

@@ -1,10 +0,0 @@
-import type { TokenizeArg } from "@mrts/common";
-export type TagListArgument = TokenizeArg;
-export interface ISVTStyler {
-    classes(stags: TagListArgument, vtags: TagListArgument): string[] | undefined;
-}
-export type TagRuleMode = "or" | "and" | "any";
-export type TagRule = {
-    mode: TagRuleMode;
-    tags: string[];
-};