@iress-oss/ids-components 0.0.1-dev.9 → 5.14.0

package/dist/helpers/responsive/getResponsivePaddingClasses.js

@@ -0,0 +1,11 @@
+const f = (r) => {
+  const s = "iress-p";
+  return r ? typeof r == "string" ? [`${s}--${r}`] : Object.keys(r).some(
+    (e) => e === "x" || e === "y" || e === "b" || e === "l"
+  ) ? Object.entries(r).map(([e, t]) => `${s}${e}--${t}`) : Object.entries(r).flatMap(([e, t]) => typeof t == "string" ? `${s}-${e}--${t}` : Object.entries(t).map(
+    ([$, i]) => `${s}${$}-${e}--${i}`
+  )) : [];
+};
+export {
+  f as getResponsivePaddingClasses
+};

package/dist/helpers/transition/getTransitionDuration.js

@@ -0,0 +1,10 @@
+import { timeStringToNumber as n } from "./timeStringToNumber.js";
+const u = (t, o = 0.8, i = 240) => {
+  var r;
+  return t ? n(
+    ((r = window.getComputedStyle(t, null)) == null ? void 0 : r.getPropertyValue("transition-duration")) || ".3s"
+  ) * o : i;
+};
+export {
+  u as getTransitionDuration
+};

package/dist/helpers/transition/timeStringToNumber.js

@@ -0,0 +1,4 @@
+const n = (e) => e.indexOf("s") !== e.length - 1 ? 0 : e.includes("ms") ? parseInt(e.replace("ms", ""), 10) : parseFloat(e.replace("s", "")) * 1e3;
+export {
+  n as timeStringToNumber
+};

package/dist/helpers/utility/generateScopedName.js

@@ -0,0 +1,9 @@
+import { CSS_IDS_VERSION as p } from "../../constants.js";
+const n = (e, c) => {
+  const t = a(c.split("/").reverse()[0].split(".")[0]), o = a(e), r = t === o ? "" : `${o}`;
+  let s = `ids-${t}`;
+  return e.startsWith("ids-") && (s = ""), `${s}${s && r ? "--" : ""}${r}-${p}`;
+}, a = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/\s+/g, "-").toLowerCase();
+export {
+  n as generateScopedName
+};

package/dist/helpers/utility/idsLogger.js

@@ -0,0 +1,10 @@
+const g = (o, c = "log") => {
+  console[c](
+    "%c IDS ",
+    "background: #21F5A8; color: #3A1C46; font-weight:bold;",
+    o
+  );
+};
+export {
+  g as idsLogger
+};

package/dist/helpers/utility/propagateTestid.js

@@ -0,0 +1,4 @@
+const p = (o, r, e = "__") => o ? `${o}${e}${r}` : void 0;
+export {
+  p as propagateTestid
+};

package/dist/hooks/index.js

@@ -0,0 +1,11 @@
+import { useBreakpoint as r } from "./useBreakpoint.js";
+import { useControlledState as p } from "./useControlledState.js";
+import { useIdIfNeeded as u } from "./useIdIfNeeded.js";
+import { useResponsiveProps as d, useResponsiveValue as m } from "./useResponsiveProps.js";
+export {
+  r as useBreakpoint,
+  p as useControlledState,
+  u as useIdIfNeeded,
+  d as useResponsiveProps,
+  m as useResponsiveValue
+};

package/dist/hooks/useAriaRelationship.js

@@ -0,0 +1,38 @@
+import { useRef as f, useCallback as l } from "react";
+const R = (e) => {
+  const r = f(null), u = l((t) => {
+    r.current = t;
+  }, []), o = l(
+    (t) => {
+      var n, i;
+      const s = (((n = r.current) == null ? void 0 : n.getAttribute(e)) ?? "").split(" ");
+      s.push(t), (i = r.current) == null || i.setAttribute(
+        e,
+        s.join(" ").trim()
+      );
+    },
+    [e]
+  ), c = l(
+    (t) => {
+      var n, i;
+      const s = (((n = r.current) == null ? void 0 : n.getAttribute(e)) ?? "").split(" ").filter((a) => a !== t);
+      (i = r.current) == null || i.setAttribute(
+        e,
+        s.join(" ").trim()
+      );
+    },
+    [e]
+  ), p = l(
+    (t) => (s) => {
+      s ? o == null || o(t) : c == null || c(t);
+    },
+    [o, c]
+  );
+  return {
+    setController: u,
+    setControlViaRef: p
+  };
+};
+export {
+  R as useAriaRelationship
+};

package/dist/hooks/useBreakpoint.js

@@ -0,0 +1,20 @@
+import { BREAKPOINTS as o, BREAKPOINT_DETAILS as i } from "../constants.js";
+import { useState as s, useCallback as c, useLayoutEffect as u } from "react";
+const a = () => o.find((e) => {
+  var t;
+  return (t = window.matchMedia(i[e].mediaQuery)) == null ? void 0 : t.matches;
+}) ?? o[0], m = () => {
+  const [e, t] = s(a()), n = c(() => {
+    t(a());
+  }, []);
+  return u(() => {
+    const r = n;
+    return window.addEventListener("resize", r), r(), () => window.removeEventListener("resize", r);
+  }, [n]), {
+    breakpoint: e,
+    detail: i[e]
+  };
+};
+export {
+  m as useBreakpoint
+};

package/dist/hooks/useControlledState.js

@@ -0,0 +1,54 @@
+import { useRef as L, useMemo as S, useState as U, useEffect as k, useCallback as u } from "react";
+import { idsLogger as v } from "../helpers/utility/idsLogger.js";
+import { toArray as m } from "../helpers/formatting/toArray.js";
+import { capitalizeFirstLetter as w } from "../helpers/formatting/capitalizeFirstLetter.js";
+const x = (e, o, s, t) => t ? s ? [...m(o), e] : m(o).filter(
+  (i) => i !== e
+) : s ? e : void 0, z = (e, o, s) => {
+  o !== void 0 && s === void 0 && e(void 0);
+}, M = ({
+  component: e,
+  defaultValue: o,
+  multiple: s,
+  onChange: t,
+  propName: i = "value",
+  value: r
+}) => {
+  const n = L(), c = S(() => r !== void 0, [r]), [f, l] = U(
+    s ? m(o) : o
+  );
+  z(l, n.current, r), n.current = r, k(() => {
+    r !== void 0 && o !== void 0 && v(
+      `${e}: Please use either the default${w(
+        i
+      )} prop for uncontrolled components, or the ${i} prop for controlled components, rather than both. If you use both, the value of the component may become unpredictable.`,
+      "warn"
+    );
+  }, [r, o, e, i]);
+  const b = u(
+    (d) => {
+      c || l(d), t == null || t(d);
+    },
+    [c, t]
+  ), y = u(
+    (d, $) => {
+      const p = x(
+        d,
+        r ?? f,
+        $,
+        s
+      );
+      c || l(p), t == null || t(p);
+    },
+    [c, s, t, f, r]
+  );
+  return {
+    isControlled: c,
+    setValue: b,
+    toggleValue: y,
+    value: r ?? f
+  };
+};
+export {
+  M as useControlledState
+};

package/dist/hooks/useIdIfNeeded.js

@@ -0,0 +1,8 @@
+import { useId as t } from "react";
+const s = ({ id: e } = {}, d = "") => {
+  const o = t();
+  return e ?? `${d}${o}`;
+};
+export {
+  s as useIdIfNeeded
+};

package/dist/hooks/useResponsiveProps.js

@@ -0,0 +1,25 @@
+import { useMemo as f } from "react";
+import { useBreakpoint as s } from "./useBreakpoint.js";
+import { BREAKPOINTS as o } from "../constants.js";
+const m = (e, r = !0) => {
+  const { breakpoint: t } = s(), i = f(() => {
+    if (e) {
+      if (e[t])
+        return e[t];
+      if (r) {
+        const u = o.indexOf(t);
+        for (let n = u; n >= 0; n--)
+          if (e[o[n]])
+            return e[o[n]];
+      }
+    }
+  }, [t, r, e]);
+  return {
+    breakpoint: t,
+    value: i
+  };
+}, v = m;
+export {
+  m as useResponsiveProps,
+  v as useResponsiveValue
+};

package/dist/index-2QXL0WYc.js

@@ -0,0 +1,45 @@
+import { g as c } from "./_commonjsHelpers-C6fGbg64.js";
+var n = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var a;
+function p() {
+  return a || (a = 1, function(o) {
+    (function() {
+      var f = {}.hasOwnProperty;
+      function e() {
+        for (var t = "", r = 0; r < arguments.length; r++) {
+          var s = arguments[r];
+          s && (t = i(t, u(s)));
+        }
+        return t;
+      }
+      function u(t) {
+        if (typeof t == "string" || typeof t == "number")
+          return t;
+        if (typeof t != "object")
+          return "";
+        if (Array.isArray(t))
+          return e.apply(null, t);
+        if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+          return t.toString();
+        var r = "";
+        for (var s in t)
+          f.call(t, s) && t[s] && (r = i(r, s));
+        return r;
+      }
+      function i(t, r) {
+        return r ? t ? t + " " + r : t + r : t;
+      }
+      o.exports ? (e.default = e, o.exports = e) : window.classNames = e;
+    })();
+  }(n)), n.exports;
+}
+var l = p();
+const x = /* @__PURE__ */ c(l);
+export {
+  x as c
+};