@k2b/ui 0.1.0-rc.0

package/dist/ssr/inputs/TagsInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","createSignal","createUniqueId","Show","createFieldMeta","Field","fieldControlAria","useUiMessages","resolveMaybeAccessor","TagsInput","props","messages","meta","id","announcementId","error","placeholder","tagsPlaceholder","focused","setFocused","focusStartValue","normalize","text","replace","trim","parseTags","tags","seen","Set","limit","maxTags","undefined","Number","POSITIVE_INFINITY","Math","max","floor","rawTag","split","tag","has","length","add","push","value","join","draft","setDraft","announce","previous","next","previousTags","nextTags","added","filter","removed","announcement","document","getElementById","textContent","tagsAdded","tagsRemoved","Boolean","_$createComponent","class","label","description","labelFor","required","disabled","children","_$ssr","_tmpl$2","_$ssrAttribute","_$escape","icon","activeIcon","when","_tmpl$","fallback","_tmpl$4","map","_tmpl$5","_$ssrElement","_$mergeProps","controlId","type","name","_tmpl$6","_tmpl$3"],"sources":["inputs/TagsInput.tsx"],"sourcesContent":["import { createEffect, createSignal, createUniqueId, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\n\nexport type TagsInputProps = ValueFieldProps<string[]> & {\n  placeholder?: string;\n  icon?: string;\n  activeIcon?: string;\n  maxTags?: number;\n  name?: string;\n};\n\nexport function TagsInput(props: TagsInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const announcementId = `k2b-tags-${createUniqueId()}`;\n  const error = () => resolveMaybeAccessor(props.error);\n  const placeholder = () => props.placeholder ?? messages().tagsPlaceholder;\n  const [focused, setFocused] = createSignal(false);\n  let focusStartValue: readonly string[] = [];\n  const normalize = (text: string) => text.replace(/\\s+/g, \" \").trim();\n  const parseTags = (text: string): string[] => {\n    const tags: string[] = [];\n    const seen = new Set<string>();\n    const limit = props.maxTags === undefined ? Number.POSITIVE_INFINITY : Math.max(0, Math.floor(props.maxTags));\n    for (const rawTag of text.split(\",\")) {\n      const tag = normalize(rawTag);\n      if (!tag || seen.has(tag)) continue;\n      if (tags.length >= limit) break;\n      seen.add(tag);\n      tags.push(tag);\n    }\n    return tags;\n  };\n  const value = () => parseTags((resolveMaybeAccessor(props.value) ?? []).join(\",\"));\n  const [draft, setDraft] = createSignal(value().join(\", \"));\n  createEffect(() => {\n    if (!focused()) setDraft(value().join(\", \"));\n  });\n\n  const announce = (previous: readonly string[], next: readonly string[]) => {\n    const previousTags = new Set(previous);\n    const nextTags = new Set(next);\n    const added = next.filter((tag) => !previousTags.has(tag));\n    const removed = previous.filter((tag) => !nextTags.has(tag));\n    const announcement = document.getElementById(announcementId);\n    if (announcement) {\n      announcement.textContent = [\n        added.length ? messages().tagsAdded({ tags: added.join(\", \") }) : \"\",\n        removed.length ? messages().tagsRemoved({ tags: removed.join(\", \") }) : \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \");\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      labelFor={false}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-tags-input\" data-invalid={error() ? \"true\" : undefined} data-disabled={props.disabled ? \"true\" : undefined}>\n        <span class=\"k2b-tags-input__icon\" aria-hidden=\"true\">\n          <i class={`${props.icon ?? \"ti ti-tag\"} k2b-tags-input__icon-idle`} />\n          <i class={`${props.activeIcon ?? \"ti ti-pencil\"} k2b-tags-input__icon-active`} />\n        </span>\n        <Show when={!focused()}>\n          <span class=\"k2b-tags-input__values\" aria-hidden=\"true\">\n            <Show when={value().length > 0} fallback={<span class=\"k2b-tags-input__placeholder\">{placeholder()}</span>}>\n              {value().map((tag) => (\n                <span class=\"k2b-tag\">{tag}</span>\n              ))}\n            </Show>\n          </span>\n        </Show>\n        <input\n          id={meta.controlId}\n          type=\"text\"\n          {...fieldControlAria(meta, props)}\n          disabled={props.disabled}\n          placeholder={focused() || value().length === 0 ? placeholder() : undefined}\n          value={draft()}\n          onFocus={() => {\n            if (props.disabled) return;\n            focusStartValue = value();\n            setDraft(focusStartValue.join(\", \"));\n            setFocused(true);\n          }}\n          onInput={(event) => {\n            if (props.disabled) return;\n            const nextDraft = event.currentTarget.value;\n            setDraft(nextDraft);\n            props.onValueChange?.(parseTags(nextDraft));\n          }}\n          onBlur={() => {\n            if (props.disabled) return;\n            const next = parseTags(draft());\n            announce(focusStartValue, next);\n            props.onValueCommit?.(next);\n            setFocused(false);\n          }}\n          onKeyDown={(event) => event.key === \"Enter\" && (event.preventDefault(), event.currentTarget.blur())}\n        />\n      </div>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value().join(\",\")} />}</Show>\n      <div id={announcementId} class=\"k2b-sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" />\n    </Field>\n  );\n}\n\nexport default TagsInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/TemplateEditor.js

@@ -0,0 +1,164 @@
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+var _tmpl$ = ["<section class=\"", "\"><iframe sandbox", "></iframe></section>"],
+  _tmpl$2 = ["<section class=\"", "\">", "</section>"];
+import { createMemo, For } from "solid-js";
+import { useUiMessages } from "../intl/messages";
+import { PANES_LAYOUT_VERSION } from "../layout/panes-layout";
+import { AutocompleteEditor } from "./AutocompleteEditor";
+import { TextInput } from "./TextInput";
+export const createTemplateEditorPanesLayout = () => ({
+  version: PANES_LAYOUT_VERSION,
+  root: {
+    type: "split",
+    direction: "horizontal",
+    ratio: 0.5,
+    first: {
+      type: "group",
+      items: ["html"],
+      active: "html"
+    },
+    second: {
+      type: "group",
+      items: ["preview", "sample-data"],
+      active: "preview"
+    }
+  }
+});
+const HTML_TAGS = [{
+  name: "p",
+  snippet: "<p></p>",
+  hint: "paragraph"
+}, {
+  name: "a",
+  snippet: '<a href="{{ LOGIN_URL }}">Link</a>',
+  hint: "link"
+}, {
+  name: "strong",
+  snippet: "<strong></strong>",
+  hint: "bold"
+}, {
+  name: "em",
+  snippet: "<em></em>",
+  hint: "emphasis"
+}, {
+  name: "br",
+  snippet: "<br>",
+  hint: "line break"
+}, {
+  name: "ul",
+  snippet: "<ul>\n  <li></li>\n</ul>",
+  hint: "list"
+}, {
+  name: "table",
+  snippet: "<table>\n  <tr><td></td></tr>\n</table>",
+  hint: "table"
+}];
+const suggestion = (text, hint, label) => ({
+  text,
+  hint,
+  label,
+  appendSpace: false
+});
+const templateCompletions = variables => [{
+  trigger: "{",
+  dropdown: true,
+  allowAfterWord: true,
+  suggest: (query, context) => {
+    const normalized = query.toLowerCase();
+    const leadingBrace = context.tokenStart > 0 && context.fullText[context.tokenStart - 1] === "{";
+    const open = leadingBrace ? "{ " : "{{ ";
+    const close = leadingBrace ? " }}" : " }}";
+    const values = variables.filter(variable => variable.name.toLowerCase().startsWith(normalized)).map(variable => suggestion(`${open}${variable.name}${close}`, variable.kind ?? "string", variable.name));
+    const conditions = variables.filter(variable => variable.kind !== "array").filter(variable => variable.name.toLowerCase().startsWith(normalized)).map(variable => suggestion(`{% if ${variable.name} != blank %}\n  \n{% endif %}`, "condition", `if ${variable.name}`));
+    const loops = variables.filter(variable => variable.kind === "array").filter(variable => variable.name.toLowerCase().startsWith(normalized)).map(variable => suggestion(`{% for item in ${variable.name} %}\n  {{ item }}\n{% endfor %}`, "loop", `for ${variable.name}`));
+    return [...values, ...conditions, ...loops];
+  }
+}, {
+  trigger: "%",
+  dropdown: true,
+  allowAfterWord: true,
+  suggest: query => {
+    const normalized = query.toLowerCase();
+    const conditions = variables.filter(variable => variable.kind !== "array").filter(variable => variable.name.toLowerCase().startsWith(normalized)).map(variable => suggestion(`% if ${variable.name} != blank %}\n  \n{% endif %}`, "condition", `if ${variable.name}`));
+    const loops = variables.filter(variable => variable.kind === "array").filter(variable => variable.name.toLowerCase().startsWith(normalized)).map(variable => suggestion(`% for item in ${variable.name} %}\n  {{ item }}\n{% endfor %}`, "loop", `for ${variable.name}`));
+    return [...conditions, ...loops];
+  }
+}, {
+  trigger: "<",
+  dropdown: true,
+  allowAfterWord: true,
+  suggest: query => {
+    const normalized = query.toLowerCase();
+    return HTML_TAGS.filter(tag => tag.name.startsWith(normalized)).map(tag => suggestion(tag.snippet, tag.hint, tag.name));
+  }
+}];
+const escapeHtml = value => value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+const highlightLiquidToken = token => {
+  const inner = token.replace(/^\{\{|\}\}$|^\{%|\%}$/g, "").trim();
+  const keyword = inner.split(/\s+/)[0] ?? "";
+  const kind = token.startsWith("{%") ? keyword.startsWith("end") ? "end" : "control" : inner.includes("| raw") ? "raw" : "value";
+  return `<span class="k2b-template-token" data-kind="${kind}">${escapeHtml(token)}</span>`;
+};
+const highlightTag = tag => {
+  const match = tag.match(/^(&lt;\/?)([a-zA-Z][\w:-]*)([\s\S]*?)(&gt;)$/);
+  if (!match) return `<span class="k2b-template-tag">${tag}</span>`;
+  const attrs = (match[3] ?? "").replace(/([\w:-]+)(=)(&quot;[\s\S]*?&quot;|'[\s\S]*?'|[^\s&]+)/g, '<span class="k2b-template-attribute">$1</span><span class="k2b-template-punctuation">$2</span><span class="k2b-template-string">$3</span>');
+  return `<span class="k2b-template-punctuation">${match[1]}</span><span class="k2b-template-tag">${match[2]}</span>${attrs}<span class="k2b-template-punctuation">${match[4]}</span>`;
+};
+const highlightTemplate = text => {
+  const stashed = [];
+  const escaped = escapeHtml(text).replace(/{{[\s\S]*?}}|{%[\s\S]*?%}/g, token => {
+    const marker = `\uE000${stashed.length}\uE001`;
+    stashed.push(highlightLiquidToken(token));
+    return marker;
+  });
+  const withTags = escaped.replace(/&lt;!--[\s\S]*?--&gt;|&lt;\/?[a-zA-Z][\s\S]*?&gt;/g, tag => tag.startsWith("&lt;!--") ? `<span class="k2b-template-comment">${tag}</span>` : highlightTag(tag));
+  return withTags.replace(/\uE000(\d+)\uE001/g, (_, index) => stashed[Number(index)] ?? "");
+};
+export function TemplateEditor(props) {
+  const messages = useUiMessages();
+  const completions = createMemo(() => templateCompletions(props.variables));
+  return _$createComponent(AutocompleteEditor, _$mergeProps(props, {
+    get lines() {
+      return props.lines ?? 22;
+    },
+    get spellcheck() {
+      return props.spellcheck ?? false;
+    },
+    get placeholder() {
+      return props.placeholder ?? messages().templateEditorPlaceholder;
+    },
+    highlight: highlightTemplate,
+    get completions() {
+      return completions();
+    }
+  }));
+}
+export function TemplatePreview(props) {
+  const messages = useUiMessages();
+  return _$ssr(_tmpl$, `k2b-template-preview ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("srcdoc", _$escape(props.html, true), false) + _$ssrAttribute("title", _$escape(props.title ?? messages().templatePreview, true), false));
+}
+export function TemplateSampleData(props) {
+  return _$ssr(_tmpl$2, `k2b-template-sample ${_$escape(props.class ?? "", true)}`, _$escape(_$createComponent(For, {
+    get each() {
+      return props.variables;
+    },
+    children: variable => _$createComponent(TextInput, {
+      get label() {
+        return `{{ ${variable.name} }}`;
+      },
+      get description() {
+        return variable.description;
+      },
+      get value() {
+        return props.values[variable.name] ?? "";
+      },
+      onValueChange: value => props.onValueChange(variable.name, value)
+    })
+  })));
+}
+//# sourceMappingURL=TemplateEditor.js.map

package/dist/ssr/inputs/TemplateEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createMemo","For","useUiMessages","PANES_LAYOUT_VERSION","AutocompleteEditor","TextInput","createTemplateEditorPanesLayout","version","root","type","direction","ratio","first","items","active","second","HTML_TAGS","name","snippet","hint","suggestion","text","label","appendSpace","templateCompletions","variables","trigger","dropdown","allowAfterWord","suggest","query","context","normalized","toLowerCase","leadingBrace","tokenStart","fullText","open","close","values","filter","variable","startsWith","map","kind","conditions","loops","tag","escapeHtml","value","replace","highlightLiquidToken","token","inner","trim","keyword","split","includes","highlightTag","match","attrs","highlightTemplate","stashed","escaped","marker","length","push","withTags","_","index","Number","TemplateEditor","props","messages","completions","_$createComponent","_$mergeProps","lines","spellcheck","placeholder","templateEditorPlaceholder","highlight","TemplatePreview","_$ssr","_tmpl$","_$escape","class","_$ssrAttribute","html","title","templatePreview","TemplateSampleData","_tmpl$2","each","children","description","onValueChange"],"sources":["inputs/TemplateEditor.tsx"],"sourcesContent":["import { createMemo, For, type JSX } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { PANES_LAYOUT_VERSION, type PanesLayout } from \"../layout/panes-layout\";\nimport { AutocompleteEditor, type AutocompleteEditorProps } from \"./AutocompleteEditor\";\nimport type { Completion, Suggestion } from \"./completion\";\nimport { TextInput } from \"./TextInput\";\n\nexport type TemplateVariableKind = \"string\" | \"email\" | \"url\" | \"number\" | \"boolean\" | \"array\" | \"object\";\n\nexport type TemplateVariable = {\n  name: string;\n  kind?: TemplateVariableKind;\n  description?: string;\n};\n\nexport type TemplateEditorProps = Omit<AutocompleteEditorProps, \"completions\" | \"highlight\"> & {\n  variables: readonly TemplateVariable[];\n};\n\nexport type TemplatePreviewProps = {\n  html: string;\n  title?: string;\n  class?: string;\n};\n\nexport type TemplateSampleDataProps = {\n  variables: readonly TemplateVariable[];\n  values: Readonly<Record<string, string>>;\n  onValueChange: (name: string, value: string) => void;\n  class?: string;\n};\n\nexport type TemplateEditorLayout = PanesLayout;\n\nexport const createTemplateEditorPanesLayout = (): TemplateEditorLayout => ({\n  version: PANES_LAYOUT_VERSION,\n  root: {\n    type: \"split\",\n    direction: \"horizontal\",\n    ratio: 0.5,\n    first: { type: \"group\", items: [\"html\"], active: \"html\" },\n    second: { type: \"group\", items: [\"preview\", \"sample-data\"], active: \"preview\" },\n  },\n});\n\nconst HTML_TAGS = [\n  { name: \"p\", snippet: \"<p></p>\", hint: \"paragraph\" },\n  {\n    name: \"a\",\n    snippet: '<a href=\"{{ LOGIN_URL }}\">Link</a>',\n    hint: \"link\",\n  },\n  { name: \"strong\", snippet: \"<strong></strong>\", hint: \"bold\" },\n  { name: \"em\", snippet: \"<em></em>\", hint: \"emphasis\" },\n  { name: \"br\", snippet: \"<br>\", hint: \"line break\" },\n  { name: \"ul\", snippet: \"<ul>\\n  <li></li>\\n</ul>\", hint: \"list\" },\n  {\n    name: \"table\",\n    snippet: \"<table>\\n  <tr><td></td></tr>\\n</table>\",\n    hint: \"table\",\n  },\n] as const;\n\nconst suggestion = (text: string, hint: string, label?: string): Suggestion => ({ text, hint, label, appendSpace: false });\n\nconst templateCompletions = (variables: readonly TemplateVariable[]): Completion[] => [\n  {\n    trigger: \"{\",\n    dropdown: true,\n    allowAfterWord: true,\n    suggest: (query, context) => {\n      const normalized = query.toLowerCase();\n      const leadingBrace = context.tokenStart > 0 && context.fullText[context.tokenStart - 1] === \"{\";\n      const open = leadingBrace ? \"{ \" : \"{{ \";\n      const close = leadingBrace ? \" }}\" : \" }}\";\n      const values = variables\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`${open}${variable.name}${close}`, variable.kind ?? \"string\", variable.name));\n      const conditions = variables\n        .filter((variable) => variable.kind !== \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`{% if ${variable.name} != blank %}\\n  \\n{% endif %}`, \"condition\", `if ${variable.name}`));\n      const loops = variables\n        .filter((variable) => variable.kind === \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`{% for item in ${variable.name} %}\\n  {{ item }}\\n{% endfor %}`, \"loop\", `for ${variable.name}`));\n      return [...values, ...conditions, ...loops];\n    },\n  },\n  {\n    trigger: \"%\",\n    dropdown: true,\n    allowAfterWord: true,\n    suggest: (query) => {\n      const normalized = query.toLowerCase();\n      const conditions = variables\n        .filter((variable) => variable.kind !== \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`% if ${variable.name} != blank %}\\n  \\n{% endif %}`, \"condition\", `if ${variable.name}`));\n      const loops = variables\n        .filter((variable) => variable.kind === \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`% for item in ${variable.name} %}\\n  {{ item }}\\n{% endfor %}`, \"loop\", `for ${variable.name}`));\n      return [...conditions, ...loops];\n    },\n  },\n  {\n    trigger: \"<\",\n    dropdown: true,\n    allowAfterWord: true,\n    suggest: (query) => {\n      const normalized = query.toLowerCase();\n      return HTML_TAGS.filter((tag) => tag.name.startsWith(normalized)).map((tag) => suggestion(tag.snippet, tag.hint, tag.name));\n    },\n  },\n];\n\nconst escapeHtml = (value: string): string =>\n  value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\");\n\nconst highlightLiquidToken = (token: string): string => {\n  const inner = token.replace(/^\\{\\{|\\}\\}$|^\\{%|\\%}$/g, \"\").trim();\n  const keyword = inner.split(/\\s+/)[0] ?? \"\";\n  const kind = token.startsWith(\"{%\") ? (keyword.startsWith(\"end\") ? \"end\" : \"control\") : inner.includes(\"| raw\") ? \"raw\" : \"value\";\n  return `<span class=\"k2b-template-token\" data-kind=\"${kind}\">${escapeHtml(token)}</span>`;\n};\n\nconst highlightTag = (tag: string): string => {\n  const match = tag.match(/^(&lt;\\/?)([a-zA-Z][\\w:-]*)([\\s\\S]*?)(&gt;)$/);\n  if (!match) return `<span class=\"k2b-template-tag\">${tag}</span>`;\n  const attrs = (match[3] ?? \"\").replace(\n    /([\\w:-]+)(=)(&quot;[\\s\\S]*?&quot;|'[\\s\\S]*?'|[^\\s&]+)/g,\n    '<span class=\"k2b-template-attribute\">$1</span><span class=\"k2b-template-punctuation\">$2</span><span class=\"k2b-template-string\">$3</span>',\n  );\n  return `<span class=\"k2b-template-punctuation\">${match[1]}</span><span class=\"k2b-template-tag\">${match[2]}</span>${attrs}<span class=\"k2b-template-punctuation\">${match[4]}</span>`;\n};\n\nconst highlightTemplate = (text: string): string => {\n  const stashed: string[] = [];\n  const escaped = escapeHtml(text).replace(/{{[\\s\\S]*?}}|{%[\\s\\S]*?%}/g, (token) => {\n    const marker = `\\uE000${stashed.length}\\uE001`;\n    stashed.push(highlightLiquidToken(token));\n    return marker;\n  });\n  const withTags = escaped.replace(/&lt;!--[\\s\\S]*?--&gt;|&lt;\\/?[a-zA-Z][\\s\\S]*?&gt;/g, (tag) =>\n    tag.startsWith(\"&lt;!--\") ? `<span class=\"k2b-template-comment\">${tag}</span>` : highlightTag(tag),\n  );\n  return withTags.replace(/\\uE000(\\d+)\\uE001/g, (_, index) => stashed[Number(index)] ?? \"\");\n};\n\nexport function TemplateEditor(props: TemplateEditorProps): JSX.Element {\n  const messages = useUiMessages();\n  const completions = createMemo(() => templateCompletions(props.variables));\n  return (\n    <AutocompleteEditor\n      {...props}\n      lines={props.lines ?? 22}\n      spellcheck={props.spellcheck ?? false}\n      placeholder={props.placeholder ?? messages().templateEditorPlaceholder}\n      highlight={highlightTemplate}\n      completions={completions()}\n    />\n  );\n}\n\nexport function TemplatePreview(props: TemplatePreviewProps): JSX.Element {\n  const messages = useUiMessages();\n  return (\n    <section class={`k2b-template-preview ${props.class ?? \"\"}`}>\n      <iframe sandbox=\"\" srcdoc={props.html} title={props.title ?? messages().templatePreview} />\n    </section>\n  );\n}\n\nexport function TemplateSampleData(props: TemplateSampleDataProps): JSX.Element {\n  return (\n    <section class={`k2b-template-sample ${props.class ?? \"\"}`}>\n      <For each={props.variables}>\n        {(variable) => (\n          <TextInput\n            label={`{{ ${variable.name} }}`}\n            description={variable.description}\n            value={props.values[variable.name] ?? \"\"}\n            onValueChange={(value) => props.onValueChange(variable.name, value)}\n          />\n        )}\n      </For>\n    </section>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/TextInput.js

@@ -0,0 +1,211 @@
+import { ssrElement as _$ssrElement } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrStyle as _$ssrStyle } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = ["<span class=\"k2b-input-shell__affix\">", "</span>"],
+  _tmpl$2 = ["<button type=\"button\" class=\"k2b-input-shell__clear k2b-input-clear-action\"", "><i class=\"ti ti-x\" aria-hidden=\"true\"></i></button>"],
+  _tmpl$3 = ["<button type=\"button\" class=\"k2b-input-shell__clear\"", "", "><i", " aria-hidden=\"true\"></i></button>"],
+  _tmpl$4 = ["<div class=\"k2b-input-shell k2b-text-input\"", " style=\"", "\"><span class=\"k2b-input-shell__icon k2b-text-input__icon\" aria-hidden=\"true\"><i", "></i><i", "></i></span>", "", "", "", "", "</div>"];
+import { createSignal, Show, splitProps } from "solid-js";
+import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
+import { useUiMessages } from "../intl/messages";
+import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
+import { MarkdownEditor } from "./markdown/MarkdownEditor";
+export function TextInput(props) {
+  const messages = useUiMessages();
+  const [local, rest] = splitProps(props, ["activeIcon", "aria-describedby", "aria-label", "class", "clearLabel", "clearable", "completions", "description", "error", "icon", "id", "label", "lines", "markdown", "minLength", "maxLength", "monospace", "multiline", "onClear", "onValueCommit", "onSubmit", "onValueChange", "password", "prefix", "required", "suffix", "type", "value", "variant", "abbreviations"]);
+  const meta = createFieldMeta(local.id);
+  const value = () => resolveMaybeAccessor(local.value) ?? "";
+  const error = () => resolveMaybeAccessor(local.error);
+  const [passwordVisible, setPasswordVisible] = createSignal(false);
+  const multiline = () => Boolean(local.multiline || local.markdown);
+  const icon = () => local.icon ?? (local.variant === "ai" ? "ti ti-sparkles" : local.markdown ? "ti ti-markdown" : "ti ti-cursor-text");
+  const activeIcon = () => local.activeIcon ?? (local.variant === "ai" ? "ti ti-sparkles" : "ti ti-pencil");
+  const input = next => local.onValueChange?.(next);
+  const commit = next => local.onValueCommit?.(next);
+  const clear = () => {
+    if (local.onClear) {
+      local.onClear();
+      return;
+    }
+    commitFieldValue(local, "");
+  };
+  return _$createComponent(Show, {
+    get when() {
+      return local.markdown;
+    },
+    get fallback() {
+      return _$createComponent(Field, {
+        get ["class"]() {
+          return local.class;
+        },
+        get label() {
+          return local.label;
+        },
+        get description() {
+          return local.description;
+        },
+        get error() {
+          return error();
+        },
+        meta: meta,
+        get required() {
+          return local.required;
+        },
+        get disabled() {
+          return rest.disabled;
+        },
+        get children() {
+          return _$ssr(_tmpl$4, _$ssrAttribute("data-invalid", error() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-ai", local.variant === "ai" ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-multiline", multiline() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-monospace", local.monospace ? "true" : _$escape(undefined, true), false), _$ssrStyle(multiline() ? {
+            "--k2b-editor-lines": String(local.lines ?? 3)
+          } : undefined), _$ssrAttribute("class", _$escape(icon(), true), false), _$ssrAttribute("class", _$escape(activeIcon(), true), false), _$escape(_$createComponent(Show, {
+            get when() {
+              return local.prefix;
+            },
+            get children() {
+              return _$ssr(_tmpl$, _$escape(local.prefix));
+            }
+          })), _$escape(_$createComponent(Show, {
+            get when() {
+              return multiline();
+            },
+            get fallback() {
+              return _$ssrElement("input", _$mergeProps(rest, {
+                get id() {
+                  return meta.controlId;
+                },
+                "class": "k2b-input",
+                get type() {
+                  return local.password && !passwordVisible() ? "password" : local.type ?? "text";
+                },
+                get value() {
+                  return value();
+                },
+                get minlength() {
+                  return local.minLength;
+                },
+                get maxlength() {
+                  return local.maxLength;
+                },
+                get required() {
+                  return local.required;
+                }
+              }, () => fieldControlAria(meta, local)), undefined, false);
+            },
+            get children() {
+              return _$ssrElement("textarea", _$mergeProps(rest, {
+                get id() {
+                  return meta.controlId;
+                },
+                "class": "k2b-input k2b-text-input__textarea",
+                get value() {
+                  return value();
+                },
+                get rows() {
+                  return local.lines ?? 3;
+                },
+                get required() {
+                  return local.required;
+                },
+                get minlength() {
+                  return local.minLength;
+                },
+                get maxlength() {
+                  return local.maxLength;
+                }
+              }, () => fieldControlAria(meta, local)), undefined, false);
+            }
+          })), _$escape(_$createComponent(Show, {
+            get when() {
+              return local.suffix;
+            },
+            get children() {
+              return _$ssr(_tmpl$, _$escape(local.suffix));
+            }
+          })), _$escape(_$createComponent(Show, {
+            get when() {
+              return local.clearable && value() && !multiline() && !local.password && !rest.disabled && !rest.readOnly;
+            },
+            get children() {
+              return _$ssr(_tmpl$2, _$ssrAttribute("aria-label", _$escape(local.clearLabel ?? messages().clear, true), false));
+            }
+          })), _$escape(_$createComponent(Show, {
+            get when() {
+              return local.password && !multiline();
+            },
+            get children() {
+              return _$ssr(_tmpl$3, _$ssrAttribute("aria-label", passwordVisible() ? _$escape(messages().hidePassword, true) : _$escape(messages().showPassword, true), false) + _$ssrAttribute("aria-pressed", _$escape(passwordVisible(), true), false), _$ssrAttribute("disabled", rest.disabled, true), _$ssrAttribute("class", passwordVisible() ? "ti ti-eye-off" : "ti ti-eye", false));
+            }
+          })));
+        }
+      });
+    },
+    get children() {
+      return _$createComponent(MarkdownEditor, {
+        get ["class"]() {
+          return local.class;
+        },
+        get label() {
+          return local.label;
+        },
+        get description() {
+          return local.description;
+        },
+        get error() {
+          return error();
+        },
+        get id() {
+          return meta.controlId;
+        },
+        get name() {
+          return rest.name;
+        },
+        get value() {
+          return value();
+        },
+        onValueChange: input,
+        get onValueCommit() {
+          return local.onValueCommit;
+        },
+        get onSubmit() {
+          return local.onSubmit;
+        },
+        get placeholder() {
+          return rest.placeholder;
+        },
+        get disabled() {
+          return rest.disabled;
+        },
+        get required() {
+          return local.required;
+        },
+        get lines() {
+          return local.lines;
+        },
+        get maxLength() {
+          return local.maxLength;
+        },
+        get spellcheck() {
+          return rest.spellcheck === undefined ? undefined : rest.spellcheck === true || rest.spellcheck === "true";
+        },
+        get abbreviations() {
+          return local.abbreviations;
+        },
+        get completions() {
+          return local.completions;
+        },
+        get ["aria-label"]() {
+          return local["aria-label"];
+        },
+        get ["aria-describedby"]() {
+          return local["aria-describedby"];
+        }
+      });
+    }
+  });
+}
+export default TextInput;
+//# sourceMappingURL=TextInput.js.map

package/dist/ssr/inputs/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createSignal","Show","splitProps","createFieldMeta","Field","fieldControlAria","useUiMessages","commitFieldValue","resolveMaybeAccessor","MarkdownEditor","TextInput","props","messages","local","rest","meta","id","value","error","passwordVisible","setPasswordVisible","multiline","Boolean","markdown","icon","variant","activeIcon","input","next","onValueChange","commit","onValueCommit","clear","onClear","_$createComponent","when","fallback","class","label","description","required","disabled","children","_$ssr","_tmpl$4","_$ssrAttribute","_$escape","undefined","monospace","_$ssrStyle","String","lines","prefix","_tmpl$","_$ssrElement","_$mergeProps","controlId","type","password","minlength","minLength","maxlength","maxLength","rows","suffix","clearable","readOnly","_tmpl$2","clearLabel","_tmpl$3","hidePassword","showPassword","name","onSubmit","placeholder","spellcheck","abbreviations","completions","aria-label","aria-describedby"],"sources":["inputs/TextInput.tsx"],"sourcesContent":["import { createSignal, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { Completion } from \"./completion\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { MarkdownEditor } from \"./markdown/MarkdownEditor\";\n\nexport type TextInputProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"onChange\" | \"onInput\" | \"prefix\" | \"suffix\" | \"type\" | \"value\" | keyof ValueFieldProps<string>\n> &\n  ValueFieldProps<string> & {\n    minLength?: number;\n    maxLength?: number;\n    type?: \"text\" | \"search\" | \"email\" | \"url\" | \"tel\";\n    variant?: \"default\" | \"ai\";\n    icon?: string;\n    activeIcon?: string;\n    prefix?: JSX.Element;\n    suffix?: JSX.Element;\n    clearable?: boolean;\n    onClear?: () => void;\n    clearLabel?: string;\n    multiline?: boolean;\n    monospace?: boolean;\n    password?: boolean;\n    markdown?: boolean;\n    onSubmit?: () => void;\n    lines?: number;\n    abbreviations?: Record<string, string>;\n    completions?: readonly Completion[];\n  };\n\nexport function TextInput(props: TextInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const [local, rest] = splitProps(props, [\n    \"activeIcon\",\n    \"aria-describedby\",\n    \"aria-label\",\n    \"class\",\n    \"clearLabel\",\n    \"clearable\",\n    \"completions\",\n    \"description\",\n    \"error\",\n    \"icon\",\n    \"id\",\n    \"label\",\n    \"lines\",\n    \"markdown\",\n    \"minLength\",\n    \"maxLength\",\n    \"monospace\",\n    \"multiline\",\n    \"onClear\",\n    \"onValueCommit\",\n    \"onSubmit\",\n    \"onValueChange\",\n    \"password\",\n    \"prefix\",\n    \"required\",\n    \"suffix\",\n    \"type\",\n    \"value\",\n    \"variant\",\n    \"abbreviations\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const value = () => resolveMaybeAccessor(local.value) ?? \"\";\n  const error = () => resolveMaybeAccessor(local.error);\n  const [passwordVisible, setPasswordVisible] = createSignal(false);\n  const multiline = () => Boolean(local.multiline || local.markdown);\n  const icon = () => local.icon ?? (local.variant === \"ai\" ? \"ti ti-sparkles\" : local.markdown ? \"ti ti-markdown\" : \"ti ti-cursor-text\");\n  const activeIcon = () => local.activeIcon ?? (local.variant === \"ai\" ? \"ti ti-sparkles\" : \"ti ti-pencil\");\n  const input = (next: string) => local.onValueChange?.(next);\n  const commit = (next: string) => local.onValueCommit?.(next);\n  const clear = () => {\n    if (local.onClear) {\n      local.onClear();\n      return;\n    }\n    commitFieldValue(local, \"\");\n  };\n\n  return (\n    <Show\n      when={local.markdown}\n      fallback={\n        <Field\n          class={local.class}\n          label={local.label}\n          description={local.description}\n          error={error()}\n          meta={meta}\n          required={local.required}\n          disabled={rest.disabled}\n        >\n          <div\n            class=\"k2b-input-shell k2b-text-input\"\n            data-invalid={error() ? \"true\" : undefined}\n            data-ai={local.variant === \"ai\" ? \"true\" : undefined}\n            data-multiline={multiline() ? \"true\" : undefined}\n            data-monospace={local.monospace ? \"true\" : undefined}\n            style={multiline() ? { \"--k2b-editor-lines\": String(local.lines ?? 3) } : undefined}\n          >\n            <span class=\"k2b-input-shell__icon k2b-text-input__icon\" aria-hidden=\"true\">\n              <i class={icon()} />\n              <i class={activeIcon()} />\n            </span>\n            <Show when={local.prefix}>\n              <span class=\"k2b-input-shell__affix\">{local.prefix}</span>\n            </Show>\n            <Show\n              when={multiline()}\n              fallback={\n                <input\n                  {...rest}\n                  id={meta.controlId}\n                  class=\"k2b-input\"\n                  type={local.password && !passwordVisible() ? \"password\" : (local.type ?? \"text\")}\n                  value={value()}\n                  minlength={local.minLength}\n                  maxlength={local.maxLength}\n                  required={local.required}\n                  {...fieldControlAria(meta, local)}\n                  onInput={(event) => {\n                    input(event.currentTarget.value);\n                  }}\n                  onChange={(event) => commit(event.currentTarget.value)}\n                />\n              }\n            >\n              <textarea\n                {...(rest as unknown as JSX.TextareaHTMLAttributes<HTMLTextAreaElement>)}\n                id={meta.controlId}\n                class=\"k2b-input k2b-text-input__textarea\"\n                value={value()}\n                rows={local.lines ?? 3}\n                required={local.required}\n                minlength={local.minLength}\n                maxlength={local.maxLength}\n                {...fieldControlAria(meta, local)}\n                onInput={(event) => {\n                  input(event.currentTarget.value);\n                }}\n                onChange={(event) => commit(event.currentTarget.value)}\n                onKeyDown={(event) => {\n                  if (local.onSubmit && event.key === \"Enter\" && !event.shiftKey && !event.metaKey) {\n                    event.preventDefault();\n                    local.onSubmit();\n                  }\n                }}\n              />\n            </Show>\n            <Show when={local.suffix}>\n              <span class=\"k2b-input-shell__affix\">{local.suffix}</span>\n            </Show>\n            <Show when={local.clearable && value() && !multiline() && !local.password && !rest.disabled && !rest.readOnly}>\n              <button\n                type=\"button\"\n                class=\"k2b-input-shell__clear k2b-input-clear-action\"\n                aria-label={local.clearLabel ?? messages().clear}\n                onClick={clear}\n              >\n                <i class=\"ti ti-x\" aria-hidden=\"true\" />\n              </button>\n            </Show>\n            <Show when={local.password && !multiline()}>\n              <button\n                type=\"button\"\n                class=\"k2b-input-shell__clear\"\n                aria-label={passwordVisible() ? messages().hidePassword : messages().showPassword}\n                aria-pressed={passwordVisible()}\n                disabled={rest.disabled}\n                onClick={() => setPasswordVisible((visible) => !visible)}\n              >\n                <i class={passwordVisible() ? \"ti ti-eye-off\" : \"ti ti-eye\"} aria-hidden=\"true\" />\n              </button>\n            </Show>\n          </div>\n        </Field>\n      }\n    >\n      <MarkdownEditor\n        class={local.class}\n        label={local.label}\n        description={local.description}\n        error={error()}\n        id={meta.controlId}\n        name={rest.name}\n        value={value()}\n        onValueChange={input}\n        onValueCommit={local.onValueCommit}\n        onSubmit={local.onSubmit}\n        placeholder={rest.placeholder}\n        disabled={rest.disabled}\n        required={local.required}\n        lines={local.lines}\n        maxLength={local.maxLength}\n        spellcheck={rest.spellcheck === undefined ? undefined : rest.spellcheck === true || rest.spellcheck === \"true\"}\n        abbreviations={local.abbreviations}\n        completions={local.completions}\n        aria-label={local[\"aria-label\"]}\n        aria-describedby={local[\"aria-describedby\"]}\n      />\n    </Show>\n  );\n}\n\nexport default TextInput;\n"],"mappings":"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","ignoreList":[]}