@tsiky/components-r19 1.3.0 → 1.3.2

package/dist/PeriodRange-sBKBJi5M.js

@@ -0,0 +1,256 @@
+import { forwardRef as C, createElement as _, useState as w, useRef as W, useEffect as m } from "react";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const j = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), P = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (a, t, r) => r ? r.toUpperCase() : t.toLowerCase()
+), y = (e) => {
+  const a = P(e);
+  return a.charAt(0).toUpperCase() + a.slice(1);
+}, N = (...e) => e.filter((a, t, r) => !!a && a.trim() !== "" && r.indexOf(a) === t).join(" ").trim(), I = (e) => {
+  for (const a in e)
+    if (a.startsWith("aria-") || a === "role" || a === "title")
+      return !0;
+};
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var k = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const O = C(
+  ({
+    color: e = "currentColor",
+    size: a = 24,
+    strokeWidth: t = 2,
+    absoluteStrokeWidth: r,
+    className: l = "",
+    children: i,
+    iconNode: p,
+    ...d
+  }, u) => _(
+    "svg",
+    {
+      ref: u,
+      ...k,
+      width: a,
+      height: a,
+      stroke: e,
+      strokeWidth: r ? Number(t) * 24 / Number(a) : t,
+      className: N("lucide", l),
+      ...!i && !I(d) && { "aria-hidden": "true" },
+      ...d
+    },
+    [
+      ...p.map(([h, f]) => _(h, f)),
+      ...Array.isArray(i) ? i : [i]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const M = (e, a) => {
+  const t = C(
+    ({ className: r, ...l }, i) => _(O, {
+      ref: i,
+      iconNode: a,
+      className: N(
+        `lucide-${j(y(e))}`,
+        `lucide-${e}`,
+        r
+      ),
+      ...l
+    })
+  );
+  return t.displayName = y(e), t;
+};
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const x = [
+  ["path", { d: "M12 2v20", key: "t6zp3m" }],
+  ["path", { d: "m15 19-3 3-3-3", key: "11eu04" }],
+  ["path", { d: "m19 9 3 3-3 3", key: "1mg7y2" }],
+  ["path", { d: "M2 12h20", key: "9i4pu4" }],
+  ["path", { d: "m5 9-3 3 3 3", key: "j64kie" }],
+  ["path", { d: "m9 5 3-3 3 3", key: "l8vdw6" }]
+], q = M("move", x);
+var J = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Q(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function X(e) {
+  if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
+  var a = e.default;
+  if (typeof a == "function") {
+    var t = function r() {
+      var l = !1;
+      try {
+        l = this instanceof r;
+      } catch {
+      }
+      return l ? Reflect.construct(a, arguments, this.constructor) : a.apply(this, arguments);
+    };
+    t.prototype = a.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(r) {
+    var l = Object.getOwnPropertyDescriptor(e, r);
+    Object.defineProperty(t, r, l.get ? l : {
+      enumerable: !0,
+      get: function() {
+        return e[r];
+      }
+    });
+  }), t;
+}
+const R = "_wrapper_urwzi_1", A = "_label_urwzi_27", S = "_labelText_urwzi_45", T = "_calendarIcon_urwzi_55", E = "_rangeRow_urwzi_65", F = "_dateWrap_urwzi_81", $ = "_innerLabel_urwzi_97", D = "_dateInput_urwzi_109", H = "_sepWrap_urwzi_137", V = "_separator_urwzi_151", B = "_samplingWrap_urwzi_163", U = "_samplingLabel_urwzi_181", Z = "_samplingSelect_urwzi_191", n = {
+  wrapper: R,
+  label: A,
+  labelText: S,
+  calendarIcon: T,
+  rangeRow: E,
+  dateWrap: F,
+  innerLabel: $,
+  dateInput: D,
+  sepWrap: H,
+  separator: V,
+  samplingWrap: B,
+  samplingLabel: U,
+  samplingSelect: Z
+};
+function Y({
+  start: e = "",
+  end: a = "",
+  onChange: t,
+  sampling: r = "Par jour",
+  onSamplingChange: l,
+  className: i = ""
+}) {
+  const [p, d] = w(e), [u, h] = w(a), [f, b] = w(r), g = W(null);
+  m(() => d(e), [e]), m(() => h(a), [a]), m(() => b(r), [r]), m(() => {
+    function s(z) {
+      const v = z.target;
+      g.current && v && g.current.contains(v);
+    }
+    return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
+  }, []), m(() => {
+    t?.({ start: p, end: u });
+  }, [p, u, t]);
+  const L = (s) => {
+    b(s), l?.(s);
+  };
+  return /* @__PURE__ */ c("div", { className: `${n.wrapper} ${i}`, ref: g, children: [
+    /* @__PURE__ */ c("label", { className: n.label, "aria-hidden": !0, children: [
+      /* @__PURE__ */ c(
+        "svg",
+        {
+          className: n.calendarIcon,
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 24 24",
+          width: "18",
+          height: "18",
+          "aria-hidden": !0,
+          children: [
+            /* @__PURE__ */ o("path", { fill: "currentColor", d: "M7 10h5v5H7z", opacity: "0" }),
+            /* @__PURE__ */ o(
+              "path",
+              {
+                fill: "currentColor",
+                d: "M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 00-2 2v12a2 2 0 002 2h14a2 2 0 002-2V6a2 2 0 00-2-2zM5 20V9h14l.002 11H5z"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ o("span", { className: n.labelText, children: "Période" })
+    ] }),
+    /* @__PURE__ */ c("div", { className: n.rangeRow, children: [
+      /* @__PURE__ */ c("div", { className: n.dateWrap, children: [
+        /* @__PURE__ */ o("label", { className: n.innerLabel, htmlFor: "period-from", children: "Début" }),
+        /* @__PURE__ */ o(
+          "input",
+          {
+            id: "period-from",
+            className: n.dateInput,
+            type: "date",
+            value: p,
+            onChange: (s) => d(s.target.value),
+            "aria-label": "Date de début"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o("div", { className: n.sepWrap, "aria-hidden": !0, children: /* @__PURE__ */ o("span", { className: n.separator, children: "—" }) }),
+      /* @__PURE__ */ c("div", { className: n.dateWrap, children: [
+        /* @__PURE__ */ o("label", { className: n.innerLabel, htmlFor: "period-to", children: "Fin" }),
+        /* @__PURE__ */ o("div", { className: n.inputWithIcon, children: /* @__PURE__ */ o(
+          "input",
+          {
+            id: "period-to",
+            className: n.dateInput,
+            type: "date",
+            value: u,
+            onChange: (s) => h(s.target.value),
+            "aria-label": "Date de fin"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ c("div", { className: n.samplingWrap, children: [
+        /* @__PURE__ */ o("label", { className: n.samplingLabel, htmlFor: "period-sampling", children: "Échantillonnage" }),
+        /* @__PURE__ */ c(
+          "select",
+          {
+            id: "period-sampling",
+            className: n.samplingSelect,
+            value: f,
+            onChange: (s) => L(s.target.value),
+            "aria-label": "Échantillonnage",
+            children: [
+              /* @__PURE__ */ o("option", { children: "Par jour" }),
+              /* @__PURE__ */ o("option", { children: "Par semaine" }),
+              /* @__PURE__ */ o("option", { children: "Par mois" }),
+              /* @__PURE__ */ o("option", { children: "Par heure" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  O as I,
+  q as M,
+  Y as P,
+  J as a,
+  X as b,
+  M as c,
+  Q as g
+};

package/dist/PeriodRange.css

@@ -0,0 +1 @@
+._wrapper_urwzi_1{box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--color-card-background);border-radius:10px;border:1px solid rgba(16,24,40,.06);box-shadow:0 1px #10182808;width:100%}._label_urwzi_27{display:inline-flex;align-items:center;gap:8px;color:var(--color-text);font-size:14px;flex:0 0 auto}._labelText_urwzi_45{display:inline-block;color:var(--color-text)}._calendarIcon_urwzi_55{opacity:.75;display:block}._rangeRow_urwzi_65{display:flex;align-items:center;gap:10px;width:100%;flex-wrap:nowrap}._dateWrap_urwzi_81{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 0}._innerLabel_urwzi_97{font-size:12px;color:#6b7280;display:block}._dateInput_urwzi_109{-webkit-appearance:none;appearance:none;border:1px solid;padding:8px 10px;border-radius:8px;border-color:var(--color-border);font-size:14px;background:transparent;width:100%;box-sizing:border-box;color:var(--color-text)}._sepWrap_urwzi_137{display:flex;align-items:center;justify-content:center;padding:0 6px}._separator_urwzi_151{color:#9ca3af;font-weight:600;-webkit-user-select:none;user-select:none}._samplingWrap_urwzi_163{display:flex;flex-direction:column;gap:6px;min-width:160px;flex:0 0 auto}._samplingLabel_urwzi_181{font-size:12px;color:#374151}._samplingSelect_urwzi_191{padding:8px 10px;border-radius:8px;border:1px solid rgba(16,24,40,.06);background:var(--color-background);font-size:14px;box-sizing:border-box;width:100%;border-color:var(--color-border);color:var(--color-text);cursor:pointer}@media (max-width: 720px){._wrapper_urwzi_1{padding:10px}._rangeRow_urwzi_65{gap:8px}._label_urwzi_27{font-size:13px}._samplingWrap_urwzi_163{min-width:140px}}@media (max-width: 520px){._wrapper_urwzi_1{flex-direction:column;align-items:stretch;gap:10px}._label_urwzi_27{order:0}._rangeRow_urwzi_65{flex-direction:row;flex-wrap:wrap;align-items:flex-start}._dateWrap_urwzi_81{flex:1 1 48%}._sepWrap_urwzi_137{display:none}._samplingWrap_urwzi_163{flex:1 1 100%;min-width:0}}@media (max-width: 360px){._dateWrap_urwzi_81{flex:1 1 100%}}