@k2b/ui 0.44.0 → 0.45.0

package/dist/browser/feedback/prompt-confirm.js

@@ -0,0 +1,223 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { addEventListener as _$addEventListener } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<header class=k2b-dialog__header><!$><!/><!$><!/><!$><!/><button type=button class=k2b-dialog__close><i class="ti ti-x"aria-hidden=true>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<span class=k2b-sr-only data-dialog-tone-label>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<span class=k2b-dialog__header-spacer>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<h2>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<div class=k2b-dialog__panel><!$><!/><div class=k2b-dialog__body></div><footer class=k2b-dialog__actions><button type=button class=k2b-button data-variant=secondary></button><button type=button class=k2b-button>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<form class=k2b-dialog__panel><!$><!/><div class="k2b-dialog__body k2b-prompt-form"><div class=k2b-prompt-copy></div><!$><!/></div><footer class=k2b-dialog__actions><button type=button class=k2b-button data-variant=secondary></button><button type=submit class=k2b-button>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<code class=k2b-confirmation-phrase>`);
+import { createSignal, Show } from "solid-js";
+import { TextInput } from "../inputs/TextInput";
+import { resolveUiMessages } from "../intl/messages";
+import { dialogCore } from "./dialog-core";
+import { dialogToneIcon, dialogToneLabel } from "./dialog-tone";
+import { resolvePromptMessages } from "./prompt-messages";
+
+// The dialog frame and `prompts.confirm`, apart from the form prompts: `PanelDialog` asks before discarding changes,
+// and the form prompts render date pickers whose phone sheet is a `PanelDialog`, so one module would be an import cycle.
+
+const PHRASE_SLOT = "\u0000";
+
+/** A prompt's `variant` is its tone too: a success or danger prompt carries the dialog tone of that name. */
+export const promptTone = variant => variant === "success" || variant === "danger" ? variant : undefined;
+export const DialogHeader = props => (() => {
+  var _el$ = _$getNextElement(_tmpl$),
+    _el$3 = _el$.firstChild,
+    [_el$4, _co$] = _$getNextMarker(_el$3.nextSibling),
+    _el$5 = _el$4.nextSibling,
+    [_el$6, _co$2] = _$getNextMarker(_el$5.nextSibling),
+    _el$7 = _el$6.nextSibling,
+    [_el$8, _co$3] = _$getNextMarker(_el$7.nextSibling),
+    _el$2 = _el$8.nextSibling;
+  _$insert(_el$, _$createComponent(Show, {
+    get when() {
+      return _$memo(() => !!props.tone)() ? dialogToneIcon(props.tone) : props.icon;
+    },
+    children: icon => (() => {
+      var _el$9 = _$getNextElement(_tmpl$2);
+      _$effect(_p$ => {
+        var _v$ = icon(),
+          _v$2 = props.tone;
+        _v$ !== _p$.e && _$className(_el$9, _p$.e = _v$);
+        _v$2 !== _p$.t && _$setAttribute(_el$9, "data-tone", _p$.t = _v$2);
+        return _p$;
+      }, {
+        e: undefined,
+        t: undefined
+      });
+      return _el$9;
+    })()
+  }), _el$4, _co$);
+  _$insert(_el$, _$createComponent(Show, {
+    get when() {
+      return props.tone;
+    },
+    children: tone => (() => {
+      var _el$0 = _$getNextElement(_tmpl$3);
+      _$insert(_el$0, () => dialogToneLabel(resolveUiMessages(), tone()));
+      return _el$0;
+    })()
+  }), _el$6, _co$2);
+  _$insert(_el$, _$createComponent(Show, {
+    get when() {
+      return props.title;
+    },
+    get fallback() {
+      return _$getNextElement(_tmpl$4);
+    },
+    children: title => (() => {
+      var _el$10 = _$getNextElement(_tmpl$5);
+      _$insert(_el$10, title);
+      return _el$10;
+    })()
+  }), _el$8, _co$3);
+  _$addEventListener(_el$2, "click", props.close, true);
+  _$effect(() => _$setAttribute(_el$2, "aria-label", resolveUiMessages().closeDialog));
+  _$runHydrationEvents();
+  return _el$;
+})();
+export const panelClass = options => {
+  const size = options?.size ?? "medium";
+  const variant = options?.variant && options.variant !== "primary" ? ` k2b-dialog--${options.variant}` : "";
+  return `k2b-dialog k2b-dialog--${size}${variant}${options?.surface === "bare" ? " is-bare" : ""}`;
+};
+export const contentClass = surface => surface === "bare" ? "k2b-dialog__viewport is-bare" : "k2b-dialog__viewport";
+export const confirmPrompt = (content, options) => {
+  const confirmationPhrase = options?.confirmationPhrase;
+  if (confirmationPhrase !== undefined && (confirmationPhrase.trim().length === 0 || /[\r\n\t]/.test(confirmationPhrase))) {
+    throw new Error("confirmationPhrase must be non-empty, visible, and single-line");
+  }
+  let confirmationInput;
+  return dialogCore.open(close => {
+    if (!confirmationPhrase) {
+      return (() => {
+        var _el$11 = _$getNextElement(_tmpl$6),
+          _el$16 = _el$11.firstChild,
+          [_el$17, _co$4] = _$getNextMarker(_el$16.nextSibling),
+          _el$12 = _el$17.nextSibling,
+          _el$13 = _el$12.nextSibling,
+          _el$14 = _el$13.firstChild,
+          _el$15 = _el$14.nextSibling;
+        _$insert(_el$11, _$createComponent(DialogHeader, {
+          get title() {
+            return options?.title;
+          },
+          get icon() {
+            return options?.icon;
+          },
+          get tone() {
+            return promptTone(options?.variant);
+          },
+          close: () => close(false)
+        }), _el$17, _co$4);
+        _$insert(_el$12, content);
+        _el$14.$$click = () => close(false);
+        _$insert(_el$14, () => options?.cancelText || resolveUiMessages().cancel);
+        _el$15.$$click = () => close(true);
+        _$insert(_el$15, () => options?.confirmText || resolvePromptMessages().confirm);
+        _$effect(() => _$setAttribute(_el$15, "data-variant", options?.variant ?? "primary"));
+        _$runHydrationEvents();
+        return _el$11;
+      })();
+    }
+
+    // The catalog owns word order; the slot marks where the verbatim phrase is rendered as code.
+    const [labelBefore, labelAfter] = resolvePromptMessages().typeToConfirm({
+      phrase: PHRASE_SLOT
+    }).split(PHRASE_SLOT);
+    const [confirmationValue, setConfirmationValue] = createSignal("");
+    const canConfirm = () => confirmationValue() === confirmationPhrase;
+    const submit = event => {
+      event.preventDefault();
+      if (canConfirm()) close(true);
+    };
+    return (() => {
+      var _el$18 = _$getNextElement(_tmpl$7),
+        _el$26 = _el$18.firstChild,
+        [_el$27, _co$6] = _$getNextMarker(_el$26.nextSibling),
+        _el$19 = _el$27.nextSibling,
+        _el$20 = _el$19.firstChild,
+        _el$21 = _el$20.nextSibling,
+        [_el$22, _co$5] = _$getNextMarker(_el$21.nextSibling),
+        _el$23 = _el$19.nextSibling,
+        _el$24 = _el$23.firstChild,
+        _el$25 = _el$24.nextSibling;
+      _el$18.addEventListener("submit", submit);
+      _$insert(_el$18, _$createComponent(DialogHeader, {
+        get title() {
+          return options?.title;
+        },
+        get icon() {
+          return options?.icon;
+        },
+        get tone() {
+          return promptTone(options?.variant);
+        },
+        close: () => close(false)
+      }), _el$27, _co$6);
+      _$insert(_el$20, content);
+      _$insert(_el$19, _$createComponent(TextInput, {
+        ref: element => {
+          confirmationInput = element;
+        },
+        get label() {
+          return [labelBefore, (() => {
+            var _el$28 = _$getNextElement(_tmpl$8);
+            _$insert(_el$28, confirmationPhrase);
+            return _el$28;
+          })(), labelAfter];
+        },
+        value: confirmationValue,
+        onValueChange: setConfirmationValue,
+        autocomplete: "off",
+        autocapitalize: "off",
+        spellcheck: false,
+        monospace: true,
+        required: true
+      }), _el$22, _co$5);
+      _el$24.$$click = () => close(false);
+      _$insert(_el$24, () => options?.cancelText || resolveUiMessages().cancel);
+      _$insert(_el$25, () => options?.confirmText || resolvePromptMessages().confirm);
+      _$effect(_p$ => {
+        var _v$3 = options?.variant ?? "primary",
+          _v$4 = !canConfirm();
+        _v$3 !== _p$.e && _$setAttribute(_el$25, "data-variant", _p$.e = _v$3);
+        _v$4 !== _p$.t && _$setProperty(_el$25, "disabled", _p$.t = _v$4);
+        return _p$;
+      }, {
+        e: undefined,
+        t: undefined
+      });
+      _$runHydrationEvents();
+      return _el$18;
+    })();
+  }, {
+    panelClassName: panelClass(options),
+    contentClassName: contentClass(options?.surface),
+    initialFocus: confirmationPhrase ? () => confirmationInput ?? null : undefined,
+    signal: options?.signal,
+    cancelBehavior: options?.cancelBehavior,
+    history: options?.history,
+    ariaLabel: options?.ariaLabel ?? options?.title ?? resolvePromptMessages().confirmation
+  });
+};
+
+/** `prompts` starts as this object; `PanelDialog` asks through it, so it reaches a replaced `prompts.confirm` too. */
+export const sharedPrompts = {
+  confirm: confirmPrompt
+};
+_$delegateEvents(["click"]);
+//# sourceMappingURL=prompt-confirm.js.map

package/dist/browser/feedback/prompt-confirm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["feedback/prompt-confirm.tsx"],"sourcesContent":["import { createSignal, type JSX, Show } from \"solid-js\";\nimport { TextInput } from \"../inputs/TextInput\";\nimport { resolveUiMessages } from \"../intl/messages\";\nimport { dialogCore } from \"./dialog-core\";\nimport { type DialogTone, dialogToneIcon, dialogToneLabel } from \"./dialog-tone\";\nimport { resolvePromptMessages } from \"./prompt-messages\";\nimport type { ConfirmOptions, DialogOptions } from \"./prompts\";\n\n// The dialog frame and `prompts.confirm`, apart from the form prompts: `PanelDialog` asks before discarding changes,\n// and the form prompts render date pickers whose phone sheet is a `PanelDialog`, so one module would be an import cycle.\n\nexport type PromptContent = string | HTMLElement | JSX.Element;\n\nconst PHRASE_SLOT = \"\\u0000\";\n\n/** A prompt's `variant` is its tone too: a success or danger prompt carries the dialog tone of that name. */\nexport const promptTone = (variant: DialogOptions[\"variant\"]): DialogTone | undefined =>\n  variant === \"success\" || variant === \"danger\" ? variant : undefined;\n\nexport const DialogHeader = (props: { close: () => void; title?: string; icon?: string; tone?: DialogTone }): JSX.Element => (\n  <header class=\"k2b-dialog__header\">\n    <Show when={props.tone ? dialogToneIcon(props.tone) : props.icon}>\n      {(icon) => <i class={icon()} data-tone={props.tone} aria-hidden=\"true\" />}\n    </Show>\n    <Show when={props.tone}>\n      {(tone) => (\n        <span class=\"k2b-sr-only\" data-dialog-tone-label>\n          {dialogToneLabel(resolveUiMessages(), tone())}\n        </span>\n      )}\n    </Show>\n    <Show when={props.title} fallback={<span class=\"k2b-dialog__header-spacer\" />}>\n      {(title) => <h2>{title()}</h2>}\n    </Show>\n    <button type=\"button\" class=\"k2b-dialog__close\" aria-label={resolveUiMessages().closeDialog} onClick={props.close}>\n      <i class=\"ti ti-x\" aria-hidden=\"true\" />\n    </button>\n  </header>\n);\n\nexport const panelClass = (options?: Pick<DialogOptions, \"size\" | \"surface\" | \"variant\">): string => {\n  const size = options?.size ?? \"medium\";\n  const variant = options?.variant && options.variant !== \"primary\" ? ` k2b-dialog--${options.variant}` : \"\";\n  return `k2b-dialog k2b-dialog--${size}${variant}${options?.surface === \"bare\" ? \" is-bare\" : \"\"}`;\n};\n\nexport const contentClass = (surface?: DialogOptions[\"surface\"]): string =>\n  surface === \"bare\" ? \"k2b-dialog__viewport is-bare\" : \"k2b-dialog__viewport\";\n\nexport const confirmPrompt = (content: PromptContent, options?: ConfirmOptions): Promise<boolean | undefined> => {\n  const confirmationPhrase = options?.confirmationPhrase;\n  if (confirmationPhrase !== undefined && (confirmationPhrase.trim().length === 0 || /[\\r\\n\\t]/.test(confirmationPhrase))) {\n    throw new Error(\"confirmationPhrase must be non-empty, visible, and single-line\");\n  }\n  let confirmationInput: HTMLInputElement | undefined;\n\n  return dialogCore.open<boolean>(\n    (close) => {\n      if (!confirmationPhrase) {\n        return (\n          <div class=\"k2b-dialog__panel\">\n            <DialogHeader title={options?.title} icon={options?.icon} tone={promptTone(options?.variant)} close={() => close(false)} />\n            <div class=\"k2b-dialog__body\">{content}</div>\n            <footer class=\"k2b-dialog__actions\">\n              <button type=\"button\" class=\"k2b-button\" data-variant=\"secondary\" onClick={() => close(false)}>\n                {options?.cancelText || resolveUiMessages().cancel}\n              </button>\n              <button type=\"button\" class=\"k2b-button\" data-variant={options?.variant ?? \"primary\"} onClick={() => close(true)}>\n                {options?.confirmText || resolvePromptMessages().confirm}\n              </button>\n            </footer>\n          </div>\n        );\n      }\n\n      // The catalog owns word order; the slot marks where the verbatim phrase is rendered as code.\n      const [labelBefore, labelAfter] = resolvePromptMessages().typeToConfirm({ phrase: PHRASE_SLOT }).split(PHRASE_SLOT);\n      const [confirmationValue, setConfirmationValue] = createSignal(\"\");\n      const canConfirm = () => confirmationValue() === confirmationPhrase;\n      const submit = (event: SubmitEvent) => {\n        event.preventDefault();\n        if (canConfirm()) close(true);\n      };\n\n      return (\n        <form class=\"k2b-dialog__panel\" onSubmit={submit}>\n          <DialogHeader title={options?.title} icon={options?.icon} tone={promptTone(options?.variant)} close={() => close(false)} />\n          <div class=\"k2b-dialog__body k2b-prompt-form\">\n            <div class=\"k2b-prompt-copy\">{content}</div>\n            <TextInput\n              ref={(element) => {\n                confirmationInput = element;\n              }}\n              label={\n                <>\n                  {labelBefore}\n                  <code class=\"k2b-confirmation-phrase\">{confirmationPhrase}</code>\n                  {labelAfter}\n                </>\n              }\n              value={confirmationValue}\n              onValueChange={setConfirmationValue}\n              autocomplete=\"off\"\n              autocapitalize=\"off\"\n              spellcheck={false}\n              monospace\n              required\n            />\n          </div>\n          <footer class=\"k2b-dialog__actions\">\n            <button type=\"button\" class=\"k2b-button\" data-variant=\"secondary\" onClick={() => close(false)}>\n              {options?.cancelText || resolveUiMessages().cancel}\n            </button>\n            <button type=\"submit\" class=\"k2b-button\" data-variant={options?.variant ?? \"primary\"} disabled={!canConfirm()}>\n              {options?.confirmText || resolvePromptMessages().confirm}\n            </button>\n          </footer>\n        </form>\n      );\n    },\n    {\n      panelClassName: panelClass(options),\n      contentClassName: contentClass(options?.surface),\n      initialFocus: confirmationPhrase ? () => confirmationInput ?? null : undefined,\n      signal: options?.signal,\n      cancelBehavior: options?.cancelBehavior,\n      history: options?.history,\n      ariaLabel: options?.ariaLabel ?? options?.title ?? resolvePromptMessages().confirmation,\n    },\n  );\n};\n\n/** `prompts` starts as this object; `PanelDialog` asks through it, so it reaches a replaced `prompts.confirm` too. */\nexport const sharedPrompts = { confirm: confirmPrompt };\n"],"mappings":"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","ignoreList":[]}