@editora/ui-react 0.1.6 → 0.1.8

package/dist/Select.esm.js

@@ -0,0 +1,143 @@
+import r, { useRef as k, useImperativeHandle as P, useEffect as F, useLayoutEffect as z } from "react";
+const I = typeof window < "u" ? z : F, J = r.forwardRef(function({
+  children: l,
+  value: t,
+  disabled: c,
+  loading: T,
+  required: H,
+  invalid: _,
+  headless: j,
+  placeholder: g,
+  name: O,
+  label: A,
+  description: N,
+  error: v,
+  size: a,
+  variant: d,
+  tone: p,
+  density: S,
+  shape: m,
+  elevation: E,
+  radius: D,
+  optionBorder: q,
+  showCheck: G,
+  checkPlacement: x,
+  validation: L,
+  onChange: b,
+  onInput: y,
+  onValueChange: R,
+  ...Z
+}, $) {
+  const w = k(null);
+  return P($, () => w.current), F(() => {
+    const n = w.current;
+    if (!n)
+      return;
+    const e = (i) => {
+      var s, B;
+      return ((s = i.detail) == null ? void 0 : s.value) ?? ((B = i.target) == null ? void 0 : B.value) ?? "";
+    }, o = (i) => {
+      y == null || y(e(i));
+    }, u = (i) => {
+      const s = e(i);
+      b == null || b(s), R == null || R(s);
+    };
+    return n.addEventListener("input", o), n.addEventListener("change", u), () => {
+      n.removeEventListener("input", o), n.removeEventListener("change", u);
+    };
+  }, [b, y, R]), I(() => {
+    const n = w.current;
+    if (!n)
+      return;
+    const e = (u, i) => {
+      const s = n.getAttribute(u);
+      if (i == null) {
+        s != null && n.removeAttribute(u);
+        return;
+      }
+      s !== i && n.setAttribute(u, i);
+    }, o = (u, i) => {
+      i ? n.hasAttribute(u) || n.setAttribute(u, "") : n.hasAttribute(u) && n.removeAttribute(u);
+    };
+    e("value", t != null ? String(t) : null), o("disabled", c), o("loading", T), o("required", H), o("headless", j), o("invalid", _), e("placeholder", g || null), e("name", O || null), e("label", A || null), e("description", N || null), e("error", v || null), e("size", a && a !== "md" && a !== "2" ? a : null), e("variant", d && d !== "classic" ? d : null), e("tone", p && p !== "default" ? p : null), e("density", S && S !== "default" ? S : null), e("shape", m && m !== "rounded" ? m : null), e("elevation", E && E !== "low" ? E : null), e("radius", D ? String(D) : null), o("option-border", q), o("show-check", G), e("check-placement", G ? x || "end" : null), e("validation", L && L !== "none" ? L : null);
+  }, [
+    t,
+    c,
+    T,
+    H,
+    _,
+    j,
+    g,
+    O,
+    A,
+    N,
+    v,
+    a,
+    d,
+    p,
+    S,
+    m,
+    E,
+    D,
+    q,
+    G,
+    x,
+    L
+  ]), r.createElement("ui-select", { ref: w, ...Z }, l);
+});
+J.displayName = "Select";
+const K = r.forwardRef(
+  function(l, t) {
+    return /* @__PURE__ */ r.createElement("option", { ref: t, ...l });
+  }
+);
+K.displayName = "Select.Option";
+const M = r.forwardRef(
+  function(l, t) {
+    return /* @__PURE__ */ r.createElement("optgroup", { ref: t, ...l });
+  }
+);
+M.displayName = "Select.OptGroup";
+const Q = r.forwardRef(
+  function({ children: l, ...t }, c) {
+    return r.createElement("span", { ref: c, slot: "label", ...t }, l);
+  }
+);
+Q.displayName = "Select.Label";
+const U = r.forwardRef(
+  function({ children: l, ...t }, c) {
+    return r.createElement("span", { ref: c, slot: "description", ...t }, l);
+  }
+);
+U.displayName = "Select.Description";
+const W = r.forwardRef(
+  function({ children: l, ...t }, c) {
+    return r.createElement("span", { ref: c, slot: "error", ...t }, l);
+  }
+);
+W.displayName = "Select.Error";
+const X = r.forwardRef(
+  function({ children: l, ...t }, c) {
+    return r.createElement("span", { ref: c, slot: "leading", ...t }, l);
+  }
+);
+X.displayName = "Select.Leading";
+const Y = r.forwardRef(
+  function({ children: l, ...t }, c) {
+    return r.createElement("span", { ref: c, slot: "trailing", ...t }, l);
+  }
+);
+Y.displayName = "Select.Trailing";
+const h = Object.assign(J, {
+  Option: K,
+  OptGroup: M,
+  Label: Q,
+  Description: U,
+  Error: W,
+  Leading: X,
+  Trailing: Y
+});
+export {
+  h as Select,
+  h as default
+};

package/dist/SelectionPopup.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),F=require("./_internals-b9f3e909.js"),h=r=>r&&r.__esModule?r:{default:r},c=h(s),B=typeof window<"u"?s.useLayoutEffect:s.useEffect,M=c.default.forwardRef(function(_,w){const{children:A,anchorId:f,open:a,placement:p,offset:d,strategy:v,arrow:g,variant:m,tone:E,radius:R,size:S,closeOnOutside:L,closeOnEscape:I,onOpen:y,onClose:b,onOpenChange:n,...z}=_,P=s.useRef(null);return c.default.useImperativeHandle(w,()=>P.current),s.useEffect(()=>{F.warnIfElementNotRegistered("ui-selection-popup","SelectionPopup")},[]),s.useEffect(()=>{const e=P.current;if(!e)return;const t=()=>{y==null||y(),n==null||n(!0)},u=()=>{b==null||b(),n==null||n(!1)};return e.addEventListener("open",t),e.addEventListener("close",u),()=>{e.removeEventListener("open",t),e.removeEventListener("close",u)}},[y,b,n]),B(()=>{var N,H;const e=P.current;if(!e)return;const t=(o,l)=>{const i=e.getAttribute(o);if(l==null){i!=null&&e.removeAttribute(o);return}i!==l&&e.setAttribute(o,l)},u=(o,l,i=void 0)=>{if(l==null){i!==void 0&&t(o,i?null:"false");return}l?t(o,""):t(o,"false")};t("anchor-id",f??null),t("placement",p&&p!=="top"?p:null),t("offset",typeof d=="number"&&Number.isFinite(d)?String(d):null),t("strategy",v&&v!=="fixed"?v:null),t("variant",m&&m!=="default"?m:null),t("tone",E&&E!=="brand"?E:null),t("radius",R?String(R):null),t("size",S&&S!=="md"?S:null),u("arrow",g),u("close-on-outside",L,!0),u("close-on-escape",I,!0),a&&f?(N=e.openFor)==null||N.call(e,f):a?e.setAttribute("open",""):a===!1?(H=e.close)==null||H.call(e):e.removeAttribute("open")},[a,f,p,d,v,g,m,E,R,S,L,I]),c.default.createElement("ui-selection-popup",{ref:P,...z},A)});M.displayName="SelectionPopup";const j=c.default.forwardRef(function({children:_,...w},A){return c.default.createElement("div",{ref:A,slot:"content",...w},_)});j.displayName="SelectionPopup.Content";const q=Object.assign(M,{Content:j});exports.SelectionPopup=q;exports.default=q;

package/dist/SelectionPopup.d.ts

@@ -0,0 +1,3 @@
+export { SelectionPopup, default } from './components/SelectionPopup';
+export type { SelectionPopupProps, SelectionPopupContentProps } from './components/SelectionPopup';
+//# sourceMappingURL=SelectionPopup.d.ts.map

package/dist/SelectionPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionPopup.d.ts","sourceRoot":"","sources":["../src/SelectionPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/SelectionPopup.esm.js

@@ -0,0 +1,85 @@
+import l, { useRef as j, useEffect as L, useLayoutEffect as B } from "react";
+import { w as k } from "./_internals-f8fb69a8.mjs";
+const q = typeof window < "u" ? B : L, z = l.forwardRef(function(b, w) {
+  const {
+    children: P,
+    anchorId: u,
+    open: c,
+    placement: f,
+    offset: p,
+    strategy: a,
+    arrow: R,
+    variant: d,
+    tone: m,
+    radius: A,
+    size: v,
+    closeOnOutside: g,
+    closeOnEscape: I,
+    onOpen: E,
+    onClose: y,
+    onOpenChange: n,
+    ...h
+  } = b, S = j(null);
+  return l.useImperativeHandle(w, () => S.current), L(() => {
+    k("ui-selection-popup", "SelectionPopup");
+  }, []), L(() => {
+    const e = S.current;
+    if (!e)
+      return;
+    const t = () => {
+      E == null || E(), n == null || n(!0);
+    }, r = () => {
+      y == null || y(), n == null || n(!1);
+    };
+    return e.addEventListener("open", t), e.addEventListener("close", r), () => {
+      e.removeEventListener("open", t), e.removeEventListener("close", r);
+    };
+  }, [E, y, n]), q(() => {
+    var N, H;
+    const e = S.current;
+    if (!e)
+      return;
+    const t = (o, s) => {
+      const i = e.getAttribute(o);
+      if (s == null) {
+        i != null && e.removeAttribute(o);
+        return;
+      }
+      i !== s && e.setAttribute(o, s);
+    }, r = (o, s, i = void 0) => {
+      if (s == null) {
+        i !== void 0 && t(o, i ? null : "false");
+        return;
+      }
+      s ? t(o, "") : t(o, "false");
+    };
+    t("anchor-id", u ?? null), t("placement", f && f !== "top" ? f : null), t("offset", typeof p == "number" && Number.isFinite(p) ? String(p) : null), t("strategy", a && a !== "fixed" ? a : null), t("variant", d && d !== "default" ? d : null), t("tone", m && m !== "brand" ? m : null), t("radius", A ? String(A) : null), t("size", v && v !== "md" ? v : null), r("arrow", R), r("close-on-outside", g, !0), r("close-on-escape", I, !0), c && u ? (N = e.openFor) == null || N.call(e, u) : c ? e.setAttribute("open", "") : c === !1 ? (H = e.close) == null || H.call(e) : e.removeAttribute("open");
+  }, [
+    c,
+    u,
+    f,
+    p,
+    a,
+    R,
+    d,
+    m,
+    A,
+    v,
+    g,
+    I
+  ]), l.createElement("ui-selection-popup", { ref: S, ...h }, P);
+});
+z.displayName = "SelectionPopup";
+const F = l.forwardRef(
+  function({ children: b, ...w }, P) {
+    return l.createElement("div", { ref: P, slot: "content", ...w }, b);
+  }
+);
+F.displayName = "SelectionPopup.Content";
+const D = Object.assign(z, {
+  Content: F
+});
+export {
+  D as SelectionPopup,
+  D as default
+};