@ilo-org/react 0.17.8 → 0.18.0

package/lib/esm/_store/Collapse-chunk-BVSI_9Dd.js

@@ -0,0 +1,560 @@
+import { jsx as q } from "react/jsx-runtime";
+import { c as W } from "./index-chunk-0LeqwHm8.js";
+import T, { forwardRef as j, useMemo as g, cloneElement as B } from "react";
+import { _ as H } from "./inheritsLoose-chunk-JR0pp2En.js";
+import { P as s } from "./index-chunk-BNwl8BvE.js";
+import L from "react-dom";
+function Y(r, o) {
+  if (r == null) return {};
+  var i = {};
+  for (var e in r) if ({}.hasOwnProperty.call(r, e)) {
+    if (o.includes(e)) continue;
+    i[e] = r[e];
+  }
+  return i;
+}
+const _ = {
+  disabled: !1
+};
+var Z = process.env.NODE_ENV !== "production" ? s.oneOfType([s.number, s.shape({
+  enter: s.number,
+  exit: s.number,
+  appear: s.number
+}).isRequired]) : null;
+process.env.NODE_ENV !== "production" && s.oneOfType([s.string, s.shape({
+  enter: s.string,
+  exit: s.string,
+  active: s.string
+}), s.shape({
+  enter: s.string,
+  enterDone: s.string,
+  enterActive: s.string,
+  exit: s.string,
+  exitDone: s.string,
+  exitActive: s.string
+})]);
+const P = T.createContext(null);
+var b = "unmounted", h = "exited", v = "entering", m = "entered", C = "exiting", p = /* @__PURE__ */ function(r) {
+  H(o, r);
+  function o(e, n) {
+    var t;
+    t = r.call(this, e, n) || this;
+    var a = n, u = a && !a.isMounting ? e.enter : e.appear, l;
+    return t.appearStatus = null, e.in ? u ? (l = h, t.appearStatus = v) : l = m : e.unmountOnExit || e.mountOnEnter ? l = b : l = h, t.state = {
+      status: l
+    }, t.nextCallback = null, t;
+  }
+  o.getDerivedStateFromProps = function(n, t) {
+    var a = n.in;
+    return a && t.status === b ? {
+      status: h
+    } : null;
+  };
+  var i = o.prototype;
+  return i.componentDidMount = function() {
+    this.updateStatus(!0, this.appearStatus);
+  }, i.componentDidUpdate = function(n) {
+    var t = null;
+    if (n !== this.props) {
+      var a = this.state.status;
+      this.props.in ? a !== v && a !== m && (t = v) : (a === v || a === m) && (t = C);
+    }
+    this.updateStatus(!1, t);
+  }, i.componentWillUnmount = function() {
+    this.cancelNextCallback();
+  }, i.getTimeouts = function() {
+    var n = this.props.timeout, t, a, u;
+    return t = a = u = n, n != null && typeof n != "number" && (t = n.exit, a = n.enter, u = n.appear !== void 0 ? n.appear : a), {
+      exit: t,
+      enter: a,
+      appear: u
+    };
+  }, i.updateStatus = function(n, t) {
+    n === void 0 && (n = !1), t !== null ? (this.cancelNextCallback(), t === v ? this.performEnter(n) : this.performExit()) : this.props.unmountOnExit && this.state.status === h && this.setState({
+      status: b
+    });
+  }, i.performEnter = function(n) {
+    var t = this, a = this.props.enter, u = this.context ? this.context.isMounting : n, l = this.props.nodeRef ? [u] : [L.findDOMNode(this), u], d = l[0], E = l[1], D = this.getTimeouts(), O = u ? D.appear : D.enter;
+    if (!n && !a || _.disabled) {
+      this.safeSetState({
+        status: m
+      }, function() {
+        t.props.onEntered(d);
+      });
+      return;
+    }
+    this.props.onEnter(d, E), this.safeSetState({
+      status: v
+    }, function() {
+      t.props.onEntering(d, E), t.onTransitionEnd(O, function() {
+        t.safeSetState({
+          status: m
+        }, function() {
+          t.props.onEntered(d, E);
+        });
+      });
+    });
+  }, i.performExit = function() {
+    var n = this, t = this.props.exit, a = this.getTimeouts(), u = this.props.nodeRef ? void 0 : L.findDOMNode(this);
+    if (!t || _.disabled) {
+      this.safeSetState({
+        status: h
+      }, function() {
+        n.props.onExited(u);
+      });
+      return;
+    }
+    this.props.onExit(u), this.safeSetState({
+      status: C
+    }, function() {
+      n.props.onExiting(u), n.onTransitionEnd(a.exit, function() {
+        n.safeSetState({
+          status: h
+        }, function() {
+          n.props.onExited(u);
+        });
+      });
+    });
+  }, i.cancelNextCallback = function() {
+    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
+  }, i.safeSetState = function(n, t) {
+    t = this.setNextCallback(t), this.setState(n, t);
+  }, i.setNextCallback = function(n) {
+    var t = this, a = !0;
+    return this.nextCallback = function(u) {
+      a && (a = !1, t.nextCallback = null, n(u));
+    }, this.nextCallback.cancel = function() {
+      a = !1;
+    }, this.nextCallback;
+  }, i.onTransitionEnd = function(n, t) {
+    this.setNextCallback(t);
+    var a = this.props.nodeRef ? this.props.nodeRef.current : L.findDOMNode(this), u = n == null && !this.props.addEndListener;
+    if (!a || u) {
+      setTimeout(this.nextCallback, 0);
+      return;
+    }
+    if (this.props.addEndListener) {
+      var l = this.props.nodeRef ? [this.nextCallback] : [a, this.nextCallback], d = l[0], E = l[1];
+      this.props.addEndListener(d, E);
+    }
+    n != null && setTimeout(this.nextCallback, n);
+  }, i.render = function() {
+    var n = this.state.status;
+    if (n === b)
+      return null;
+    var t = this.props, a = t.children;
+    t.in, t.mountOnEnter, t.unmountOnExit, t.appear, t.enter, t.exit, t.timeout, t.addEndListener, t.onEnter, t.onEntering, t.onEntered, t.onExit, t.onExiting, t.onExited, t.nodeRef;
+    var u = Y(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    return (
+      // allows for nested Transitions
+      /* @__PURE__ */ T.createElement(P.Provider, {
+        value: null
+      }, typeof a == "function" ? a(n, u) : T.cloneElement(T.Children.only(a), u))
+    );
+  }, o;
+}(T.Component);
+p.contextType = P;
+p.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * A React reference to DOM element that need to transition:
+   * https://stackoverflow.com/a/51127130/4671932
+   *
+   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
+   *      (e.g. `onEnter`) because user already has direct access to the node.
+   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
+   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
+   *     (see
+   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
+   */
+  nodeRef: s.shape({
+    current: typeof Element > "u" ? s.any : s.instanceOf(Element)
+  }),
+  /**
+   * A `function` child can be used instead of a React element. This function is
+   * called with the current transition status (`'entering'`, `'entered'`,
+   * `'exiting'`, `'exited'`), which can be used to apply context
+   * specific props to a component.
+   *
+   * ```jsx
+   * <Transition in={this.state.in} timeout={150}>
+   *   {state => (
+   *     <MyComponent className={`fade fade-${state}`} />
+   *   )}
+   * </Transition>
+   * ```
+   */
+  children: s.oneOfType([s.func.isRequired, s.element.isRequired]).isRequired,
+  /**
+   * Show the component; triggers the enter or exit states
+   */
+  in: s.bool,
+  /**
+   * By default the child component is mounted immediately along with
+   * the parent `Transition` component. If you want to "lazy mount" the component on the
+   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
+   * mounted, even on "exited", unless you also specify `unmountOnExit`.
+   */
+  mountOnEnter: s.bool,
+  /**
+   * By default the child component stays mounted after it reaches the `'exited'` state.
+   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
+   */
+  unmountOnExit: s.bool,
+  /**
+   * By default the child component does not perform the enter transition when
+   * it first mounts, regardless of the value of `in`. If you want this
+   * behavior, set both `appear` and `in` to `true`.
+   *
+   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
+   * > only adds an additional enter transition. However, in the
+   * > `<CSSTransition>` component that first enter transition does result in
+   * > additional `.appear-*` classes, that way you can choose to style it
+   * > differently.
+   */
+  appear: s.bool,
+  /**
+   * Enable or disable enter transitions.
+   */
+  enter: s.bool,
+  /**
+   * Enable or disable exit transitions.
+   */
+  exit: s.bool,
+  /**
+   * The duration of the transition, in milliseconds.
+   * Required unless `addEndListener` is provided.
+   *
+   * You may specify a single timeout for all transitions:
+   *
+   * ```jsx
+   * timeout={500}
+   * ```
+   *
+   * or individually:
+   *
+   * ```jsx
+   * timeout={{
+   *  appear: 500,
+   *  enter: 300,
+   *  exit: 500,
+   * }}
+   * ```
+   *
+   * - `appear` defaults to the value of `enter`
+   * - `enter` defaults to `0`
+   * - `exit` defaults to `0`
+   *
+   * @type {number | { enter?: number, exit?: number, appear?: number }}
+   */
+  timeout: function(o) {
+    var i = Z;
+    o.addEndListener || (i = i.isRequired);
+    for (var e = arguments.length, n = new Array(e > 1 ? e - 1 : 0), t = 1; t < e; t++)
+      n[t - 1] = arguments[t];
+    return i.apply(void 0, [o].concat(n));
+  },
+  /**
+   * Add a custom transition end trigger. Called with the transitioning
+   * DOM node and a `done` callback. Allows for more fine grained transition end
+   * logic. Timeouts are still used as a fallback if provided.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * ```jsx
+   * addEndListener={(node, done) => {
+   *   // use the css transitionend event to mark the finish of a transition
+   *   node.addEventListener('transitionend', done, false);
+   * }}
+   * ```
+   */
+  addEndListener: s.func,
+  /**
+   * Callback fired before the "entering" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEnter: s.func,
+  /**
+   * Callback fired after the "entering" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntering: s.func,
+  /**
+   * Callback fired after the "entered" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEntered: s.func,
+  /**
+   * Callback fired before the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExit: s.func,
+  /**
+   * Callback fired after the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExiting: s.func,
+  /**
+   * Callback fired after the "exited" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExited: s.func
+} : {};
+function x() {
+}
+p.defaultProps = {
+  in: !1,
+  mountOnEnter: !1,
+  unmountOnExit: !1,
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  onEnter: x,
+  onEntering: x,
+  onEntered: x,
+  onExit: x,
+  onExiting: x,
+  onExited: x
+};
+p.UNMOUNTED = b;
+p.EXITED = h;
+p.ENTERING = v;
+p.ENTERED = m;
+p.EXITING = C;
+function y(...r) {
+  return r.filter((o) => o != null).reduce((o, i) => {
+    if (typeof i != "function")
+      throw new Error(
+        "Invalid Argument Type, must only provide functions, undefined, or null."
+      );
+    return o === null ? i : function(...n) {
+      o.apply(this, n), i.apply(this, n);
+    };
+  }, null);
+}
+function z(r) {
+  return r && r.ownerDocument || document;
+}
+function J(r) {
+  var o = z(r);
+  return o && o.defaultView || window;
+}
+function K(r, o) {
+  return J(r).getComputedStyle(r, o);
+}
+var Q = /([A-Z])/g;
+function tt(r) {
+  return r.replace(Q, "-$1").toLowerCase();
+}
+var et = /^ms-/;
+function S(r) {
+  return tt(r).replace(et, "-ms-");
+}
+var nt = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i;
+function rt(r) {
+  return !!(r && nt.test(r));
+}
+function N(r, o) {
+  var i = "", e = "";
+  if (typeof o == "string")
+    return r.style.getPropertyValue(S(o)) || K(r).getPropertyValue(S(o));
+  Object.keys(o).forEach(function(n) {
+    var t = o[n];
+    !t && t !== 0 ? r.style.removeProperty(S(n)) : rt(n) ? e += n + "(" + t + ") " : i += S(n) + ": " + t + ";";
+  }), e && (i += "transform: " + e + ";"), r.style.cssText += ";" + i;
+}
+const it = {
+  height: ["marginTop", "marginBottom"],
+  width: ["marginLeft", "marginRight"]
+};
+function ot(r, o) {
+  const i = `offset${r[0].toUpperCase()}${r.slice(
+    1
+  )}`, e = o[i], n = it[r];
+  return (
+    // @ts-ignore
+    e + // @ts-ignore
+    parseInt(N(o, n[0]), 10) + // @ts-ignore
+    parseInt(N(o, n[1]), 10)
+  );
+}
+const st = !!(typeof window < "u" && window.document && window.document.createElement);
+var $ = !1, M = !1;
+try {
+  var R = {
+    get passive() {
+      return $ = !0;
+    },
+    get once() {
+      return M = $ = !0;
+    }
+  };
+  st && (window.addEventListener("test", R, R), window.removeEventListener("test", R, !0));
+} catch {
+}
+function at(r, o, i, e) {
+  if (e && typeof e != "boolean" && !M) {
+    var n = e.once, t = e.capture, a = i;
+    !M && n && (a = i.__once || function u(l) {
+      this.removeEventListener(o, u, t), i.call(this, l);
+    }, i.__once = a), r.addEventListener(o, a, $ ? e : t);
+  }
+  r.addEventListener(o, i, e);
+}
+function ut(r, o, i, e) {
+  var n = e && typeof e != "boolean" ? e.capture : e;
+  r.removeEventListener(o, i, n), i.__once && r.removeEventListener(o, i.__once, n);
+}
+function I(r, o, i, e) {
+  return at(r, o, i, e), function() {
+    ut(r, o, i, e);
+  };
+}
+function ct(r, o, i, e) {
+  if (e === void 0 && (e = !0), r) {
+    var n = document.createEvent("HTMLEvents");
+    n.initEvent(o, i, e), r.dispatchEvent(n);
+  }
+}
+function lt(r) {
+  var o = N(r, "transitionDuration") || "", i = o.indexOf("ms") === -1 ? 1e3 : 1;
+  return parseFloat(o) * i;
+}
+function ft(r, o, i) {
+  i === void 0 && (i = 5);
+  var e = !1, n = setTimeout(function() {
+    e || ct(r, "transitionend", !0);
+  }, o + i), t = I(r, "transitionend", function() {
+    e = !0;
+  }, {
+    once: !0
+  });
+  return function() {
+    clearTimeout(n), t();
+  };
+}
+function pt(r, o, i, e) {
+  i == null && (i = lt(r) || 0);
+  var n = ft(r, i, e), t = I(r, "transitionend", o);
+  return function() {
+    n(), t();
+  };
+}
+function k(r, o) {
+  const i = N(r, o) || "", e = i.indexOf("ms") === -1 ? 1e3 : 1;
+  return parseFloat(i) * e;
+}
+function dt(r, o) {
+  const i = k(r, "transitionDuration"), e = k(r, "transitionDelay"), n = pt(
+    r,
+    (t) => {
+      t.target === r && (n(), o(t));
+    },
+    i + e
+  );
+}
+function Et(r) {
+  r.offsetHeight;
+}
+const ht = {
+  [h]: "collapse",
+  [C]: "collapsing",
+  [v]: "expanding",
+  [m]: "collapse show"
+}, vt = j(
+  ({
+    dimension: r = "height",
+    panelIn: o = !1,
+    getDimensionValue: i = ot,
+    timeout: e = 300,
+    onEnter: n,
+    onEntering: t,
+    onEntered: a,
+    onExit: u,
+    onExiting: l,
+    className: d,
+    children: E,
+    role: D,
+    ...O
+  }, U) => {
+    const f = typeof r == "function" ? r() : r, A = g(
+      () => y((c) => {
+        c.style[f] = "0", c.style.transitionDuration = `${e + 50}ms`;
+      }, n),
+      [f, n, e]
+    ), G = g(
+      () => y((c) => {
+        const w = `scroll${f[0].toUpperCase()}${f.slice(
+          1
+        )}`;
+        c.style[f] = `${c[w]}px`, c.style.transitionDuration = `${e + 50}ms`;
+      }, t),
+      [f, t, e]
+    ), F = g(
+      () => y((c) => {
+        c.style[f] = "none", c.style.transitionDuration = `${e + 50}ms`;
+      }, a),
+      [f, a, e]
+    ), V = g(
+      () => y((c) => {
+        c.style[f] = `${i(
+          f,
+          c
+        )}px`, Et(c), c.style.transitionDuration = `${e + 50}ms`;
+      }, u),
+      [u, i, f, e]
+    ), X = g(
+      () => y((c) => {
+        c.style[f] = "0px", c.style.transitionDuration = `${e + 50}ms`;
+      }, l),
+      [f, l, e]
+    );
+    return /* @__PURE__ */ q(
+      p,
+      {
+        nodeRef: U,
+        addEndListener: dt,
+        ...O,
+        "aria-expanded": D ? o : null,
+        onEnter: A,
+        onEntering: G,
+        onEntered: F,
+        onExit: V,
+        onExiting: X,
+        in: o,
+        children: (c, w) => B(E, {
+          ...w,
+          className: W(
+            d,
+            E.props.className,
+            ht[c],
+            f === "width" && "collapse-horizontal"
+          )
+        })
+      }
+    );
+  }
+), Dt = vt;
+export {
+  Dt as C
+};

package/lib/esm/_store/Collapse-entry-DH89iy1Y.js

@@ -0,0 +1,4 @@
+import { C as e } from "./Collapse-chunk-BVSI_9Dd.js";
+export {
+  e as Collapse
+};

package/lib/esm/_store/ContextMenu-chunk-CkdC2iPF.js

@@ -0,0 +1,22 @@
+import { jsx as s } from "react/jsx-runtime";
+import m from "react";
+import { c as i } from "./index-chunk-0LeqwHm8.js";
+import { u } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const f = m.forwardRef(
+  ({ className: n, links: a }, o) => {
+    const { prefix: r } = u(), e = `${r}--context-menu`, c = i(n, {
+      [e]: !0
+    });
+    return /* @__PURE__ */ s("ol", { className: c, ref: o, children: a && a.map((t, l) => /* @__PURE__ */ s(
+      "li",
+      {
+        className: `${e}--item ${t.endsection ? "endsection" : ""}`,
+        children: /* @__PURE__ */ s("a", { href: t.url, className: `${e}--link`, children: /* @__PURE__ */ s("span", { className: `${e}--label`, children: t.label }) })
+      },
+      `${e}--item-${l}`
+    )) });
+  }
+), h = f;
+export {
+  h as C
+};

package/lib/esm/_store/ContextMenu-entry-BkbaSgVR.js

@@ -0,0 +1,4 @@
+import { C as t } from "./ContextMenu-chunk-CkdC2iPF.js";
+export {
+  t as ContextMenu
+};

package/lib/esm/_store/Credit-chunk-BjaAFul8.js

@@ -0,0 +1,26 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { c as d } from "./index-chunk-0LeqwHm8.js";
+import { u as l } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const p = ({ className: o, credit: r }) => {
+  const [i, s] = c(!1), { prefix: a } = l(), e = `${a}--credit`, n = d(o, {
+    [e]: !0,
+    show: i
+  });
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      className: n,
+      onMouseEnter: () => {
+        s(!0);
+      },
+      onMouseLeave: () => {
+        s(!1);
+      },
+      children: /* @__PURE__ */ t("span", { className: `${e}--label`, children: r })
+    }
+  );
+}, T = p;
+export {
+  T as C
+};

package/lib/esm/_store/Credit-entry-BGow5bDT.js

@@ -0,0 +1,4 @@
+import { C as o } from "./Credit-chunk-BjaAFul8.js";
+export {
+  o as Credit
+};

package/lib/esm/_store/DatePicker-chunk-10fIc74h.js

@@ -0,0 +1,60 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { c as D } from "./index-chunk-0LeqwHm8.js";
+import { u as P } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { u as F, F as L } from "./FormControl-chunk-D_3t65GG.js";
+const $ = d(
+  (e, a) => {
+    const {
+      onChange: t,
+      onBlur: o,
+      disabled: n = !1,
+      error: r,
+      id: s,
+      name: l,
+      placeholder: m,
+      required: f,
+      max: u,
+      min: C,
+      step: p
+    } = e, { prefix: c } = P(), b = F(), { ariaDescribedBy: h } = b, y = `${c}--input`, g = `${c}--datepicker`, k = D(y, g, {
+      error: r
+    });
+    return /* @__PURE__ */ i(
+      "input",
+      {
+        ref: a,
+        type: "date",
+        id: s || l,
+        name: l,
+        onChange: (x) => {
+          t && t(x);
+        },
+        onBlur: o,
+        disabled: n,
+        placeholder: m,
+        required: f,
+        className: k,
+        max: u,
+        min: C,
+        step: p,
+        "aria-describedby": h
+      }
+    );
+  }
+), B = d((e, a) => {
+  const { style: t, inputStyle: o, className: n, ...r } = e, s = e.id ? e.id : e.name;
+  return /* @__PURE__ */ i(
+    L,
+    {
+      fieldId: s,
+      style: t,
+      className: n,
+      ...r,
+      children: /* @__PURE__ */ i($, { ref: a, style: o, ...r })
+    }
+  );
+}), I = B;
+export {
+  I as L
+};

package/lib/esm/_store/DatePicker-entry-Bu0S1bvg.js

@@ -0,0 +1,4 @@
+import { L as a } from "./DatePicker-chunk-10fIc74h.js";
+export {
+  a as DatePicker
+};