@cgi-learning-hub/ui 1.3.2 → 1.3.3-dev.1732123246

package/dist/utils-CH0HZgJe.js

@@ -0,0 +1,391 @@
+import { P as n } from "./identifier-BewKgEhI.js";
+import { c as R } from "./chainPropTypes-D9lkm76m.js";
+import * as y from "react";
+import v from "react";
+import { _ as C, a as k, T as S } from "./TransitionGroupContext-DMJLhY9-.js";
+import g from "react-dom";
+function w(u) {
+  const {
+    prototype: s = {}
+  } = u;
+  return !!s.isReactComponent;
+}
+function O(u, s, a, r, e) {
+  const t = u[s], i = e || s;
+  if (t == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for Emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let o;
+  const p = t.type;
+  return typeof p == "function" && !w(p) && (o = "Did you accidentally use a plain function component for an element instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${i}\` supplied to \`${a}\`. Expected an element that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const I = R(n.element, O);
+I.isRequired = R(n.element.isRequired, O);
+function A(u) {
+  var s;
+  return parseInt(y.version, 10) >= 19 ? ((s = u == null ? void 0 : u.props) == null ? void 0 : s.ref) || null : (u == null ? void 0 : u.ref) || null;
+}
+const N = {
+  disabled: !1
+};
+var M = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
+  enter: n.number,
+  exit: n.number,
+  appear: n.number
+}).isRequired]) : null, F = process.env.NODE_ENV !== "production" ? n.oneOfType([n.string, n.shape({
+  enter: n.string,
+  exit: n.string,
+  active: n.string
+}), n.shape({
+  enter: n.string,
+  enterDone: n.string,
+  enterActive: n.string,
+  exit: n.string,
+  exitDone: n.string,
+  exitActive: n.string
+})]) : null, P = function(s) {
+  return s.scrollTop;
+}, x = "unmounted", l = "exited", c = "entering", h = "entered", T = "exiting", f = /* @__PURE__ */ function(u) {
+  C(s, u);
+  function s(r, e) {
+    var t;
+    t = u.call(this, r, e) || this;
+    var i = e, o = i && !i.isMounting ? r.enter : r.appear, p;
+    return t.appearStatus = null, r.in ? o ? (p = l, t.appearStatus = c) : p = h : r.unmountOnExit || r.mountOnEnter ? p = x : p = l, t.state = {
+      status: p
+    }, t.nextCallback = null, t;
+  }
+  s.getDerivedStateFromProps = function(e, t) {
+    var i = e.in;
+    return i && t.status === x ? {
+      status: l
+    } : null;
+  };
+  var a = s.prototype;
+  return a.componentDidMount = function() {
+    this.updateStatus(!0, this.appearStatus);
+  }, a.componentDidUpdate = function(e) {
+    var t = null;
+    if (e !== this.props) {
+      var i = this.state.status;
+      this.props.in ? i !== c && i !== h && (t = c) : (i === c || i === h) && (t = T);
+    }
+    this.updateStatus(!1, t);
+  }, a.componentWillUnmount = function() {
+    this.cancelNextCallback();
+  }, a.getTimeouts = function() {
+    var e = this.props.timeout, t, i, o;
+    return t = i = o = e, e != null && typeof e != "number" && (t = e.exit, i = e.enter, o = e.appear !== void 0 ? e.appear : i), {
+      exit: t,
+      enter: i,
+      appear: o
+    };
+  }, a.updateStatus = function(e, t) {
+    if (e === void 0 && (e = !1), t !== null)
+      if (this.cancelNextCallback(), t === c) {
+        if (this.props.unmountOnExit || this.props.mountOnEnter) {
+          var i = this.props.nodeRef ? this.props.nodeRef.current : g.findDOMNode(this);
+          i && P(i);
+        }
+        this.performEnter(e);
+      } else
+        this.performExit();
+    else this.props.unmountOnExit && this.state.status === l && this.setState({
+      status: x
+    });
+  }, a.performEnter = function(e) {
+    var t = this, i = this.props.enter, o = this.context ? this.context.isMounting : e, p = this.props.nodeRef ? [o] : [g.findDOMNode(this), o], d = p[0], m = p[1], b = this.getTimeouts(), D = o ? b.appear : b.enter;
+    if (!e && !i || N.disabled) {
+      this.safeSetState({
+        status: h
+      }, function() {
+        t.props.onEntered(d);
+      });
+      return;
+    }
+    this.props.onEnter(d, m), this.safeSetState({
+      status: c
+    }, function() {
+      t.props.onEntering(d, m), t.onTransitionEnd(D, function() {
+        t.safeSetState({
+          status: h
+        }, function() {
+          t.props.onEntered(d, m);
+        });
+      });
+    });
+  }, a.performExit = function() {
+    var e = this, t = this.props.exit, i = this.getTimeouts(), o = this.props.nodeRef ? void 0 : g.findDOMNode(this);
+    if (!t || N.disabled) {
+      this.safeSetState({
+        status: l
+      }, function() {
+        e.props.onExited(o);
+      });
+      return;
+    }
+    this.props.onExit(o), this.safeSetState({
+      status: T
+    }, function() {
+      e.props.onExiting(o), e.onTransitionEnd(i.exit, function() {
+        e.safeSetState({
+          status: l
+        }, function() {
+          e.props.onExited(o);
+        });
+      });
+    });
+  }, a.cancelNextCallback = function() {
+    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
+  }, a.safeSetState = function(e, t) {
+    t = this.setNextCallback(t), this.setState(e, t);
+  }, a.setNextCallback = function(e) {
+    var t = this, i = !0;
+    return this.nextCallback = function(o) {
+      i && (i = !1, t.nextCallback = null, e(o));
+    }, this.nextCallback.cancel = function() {
+      i = !1;
+    }, this.nextCallback;
+  }, a.onTransitionEnd = function(e, t) {
+    this.setNextCallback(t);
+    var i = this.props.nodeRef ? this.props.nodeRef.current : g.findDOMNode(this), o = e == null && !this.props.addEndListener;
+    if (!i || o) {
+      setTimeout(this.nextCallback, 0);
+      return;
+    }
+    if (this.props.addEndListener) {
+      var p = this.props.nodeRef ? [this.nextCallback] : [i, this.nextCallback], d = p[0], m = p[1];
+      this.props.addEndListener(d, m);
+    }
+    e != null && setTimeout(this.nextCallback, e);
+  }, a.render = function() {
+    var e = this.state.status;
+    if (e === x)
+      return null;
+    var t = this.props, i = 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 o = k(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    return (
+      // allows for nested Transitions
+      /* @__PURE__ */ v.createElement(S.Provider, {
+        value: null
+      }, typeof i == "function" ? i(e, o) : v.cloneElement(v.Children.only(i), o))
+    );
+  }, s;
+}(v.Component);
+f.contextType = S;
+f.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: n.shape({
+    current: typeof Element > "u" ? n.any : function(u, s, a, r, e, t) {
+      var i = u[s];
+      return n.instanceOf(i && "ownerDocument" in i ? i.ownerDocument.defaultView.Element : Element)(u, s, a, r, e, t);
+    }
+  }),
+  /**
+   * 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: n.oneOfType([n.func.isRequired, n.element.isRequired]).isRequired,
+  /**
+   * Show the component; triggers the enter or exit states
+   */
+  in: n.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: n.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: n.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: n.bool,
+  /**
+   * Enable or disable enter transitions.
+   */
+  enter: n.bool,
+  /**
+   * Enable or disable exit transitions.
+   */
+  exit: n.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(s) {
+    var a = M;
+    s.addEndListener || (a = a.isRequired);
+    for (var r = arguments.length, e = new Array(r > 1 ? r - 1 : 0), t = 1; t < r; t++)
+      e[t - 1] = arguments[t];
+    return a.apply(void 0, [s].concat(e));
+  },
+  /**
+   * 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: n.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: n.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: n.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: n.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: n.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: n.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: n.func
+} : {};
+function E() {
+}
+f.defaultProps = {
+  in: !1,
+  mountOnEnter: !1,
+  unmountOnExit: !1,
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  onEnter: E,
+  onEntering: E,
+  onEntered: E,
+  onExit: E,
+  onExiting: E,
+  onExited: E
+};
+f.UNMOUNTED = x;
+f.EXITED = l;
+f.ENTERING = c;
+f.ENTERED = h;
+f.EXITING = T;
+const X = (u) => u.scrollTop;
+function $(u, s) {
+  const {
+    timeout: a,
+    easing: r,
+    style: e = {}
+  } = u;
+  return {
+    duration: e.transitionDuration ?? (typeof a == "number" ? a : a[s.mode] || 0),
+    easing: e.transitionTimingFunction ?? (typeof r == "object" ? r[s.mode] : r),
+    delay: e.transitionDelay
+  };
+}
+export {
+  f as T,
+  $ as a,
+  F as c,
+  I as e,
+  P as f,
+  A as g,
+  X as r
+};

package/dist/utils-D2bhwE7x.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./identifier-DTh6b5Gz.cjs"),N=require("./chainPropTypes-CEUi6Jb4.cjs"),m=require("react"),v=require("./TransitionGroupContext-DbXD5xqS.cjs"),y=require("react-dom");function C(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(a,o,i.get?i:{enumerable:!0,get:()=>s[o]})}}return a.default=s,Object.freeze(a)}const k=C(m);function w(s){const{prototype:a={}}=s;return!!a.isReactComponent}function R(s,a,o,i,t){const e=s[a],r=t||a;if(e==null||typeof window>"u")return null;let p;const u=e.type;return typeof u=="function"&&!w(u)&&(p="Did you accidentally use a plain function component for an element instead?"),p!==void 0?new Error(`Invalid ${i} \`${r}\` supplied to \`${o}\`. Expected an element that can hold a ref. ${p} For more information see https://mui.com/r/caveat-with-refs-guide`):null}const O=N.chainPropTypes(n.PropTypes.element,R);O.isRequired=N.chainPropTypes(n.PropTypes.element.isRequired,R);function q(s){var a;return parseInt(k.version,10)>=19?((a=s==null?void 0:s.props)==null?void 0:a.ref)||null:(s==null?void 0:s.ref)||null}const b={disabled:!1};var M=process.env.NODE_ENV!=="production"?n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.shape({enter:n.PropTypes.number,exit:n.PropTypes.number,appear:n.PropTypes.number}).isRequired]):null,I=process.env.NODE_ENV!=="production"?n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.shape({enter:n.PropTypes.string,exit:n.PropTypes.string,active:n.PropTypes.string}),n.PropTypes.shape({enter:n.PropTypes.string,enterDone:n.PropTypes.string,enterActive:n.PropTypes.string,exit:n.PropTypes.string,exitDone:n.PropTypes.string,exitActive:n.PropTypes.string})]):null,S=function(a){return a.scrollTop},x="unmounted",l="exited",f="entering",h="entered",P="exiting",c=function(s){v._inheritsLoose(a,s);function a(i,t){var e;e=s.call(this,i,t)||this;var r=t,p=r&&!r.isMounting?i.enter:i.appear,u;return e.appearStatus=null,i.in?p?(u=l,e.appearStatus=f):u=h:i.unmountOnExit||i.mountOnEnter?u=x:u=l,e.state={status:u},e.nextCallback=null,e}a.getDerivedStateFromProps=function(t,e){var r=t.in;return r&&e.status===x?{status:l}:null};var o=a.prototype;return o.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},o.componentDidUpdate=function(t){var e=null;if(t!==this.props){var r=this.state.status;this.props.in?r!==f&&r!==h&&(e=f):(r===f||r===h)&&(e=P)}this.updateStatus(!1,e)},o.componentWillUnmount=function(){this.cancelNextCallback()},o.getTimeouts=function(){var t=this.props.timeout,e,r,p;return e=r=p=t,t!=null&&typeof t!="number"&&(e=t.exit,r=t.enter,p=t.appear!==void 0?t.appear:r),{exit:e,enter:r,appear:p}},o.updateStatus=function(t,e){if(t===void 0&&(t=!1),e!==null)if(this.cancelNextCallback(),e===f){if(this.props.unmountOnExit||this.props.mountOnEnter){var r=this.props.nodeRef?this.props.nodeRef.current:y.findDOMNode(this);r&&S(r)}this.performEnter(t)}else this.performExit();else this.props.unmountOnExit&&this.state.status===l&&this.setState({status:x})},o.performEnter=function(t){var e=this,r=this.props.enter,p=this.context?this.context.isMounting:t,u=this.props.nodeRef?[p]:[y.findDOMNode(this),p],d=u[0],T=u[1],g=this.getTimeouts(),D=p?g.appear:g.enter;if(!t&&!r||b.disabled){this.safeSetState({status:h},function(){e.props.onEntered(d)});return}this.props.onEnter(d,T),this.safeSetState({status:f},function(){e.props.onEntering(d,T),e.onTransitionEnd(D,function(){e.safeSetState({status:h},function(){e.props.onEntered(d,T)})})})},o.performExit=function(){var t=this,e=this.props.exit,r=this.getTimeouts(),p=this.props.nodeRef?void 0:y.findDOMNode(this);if(!e||b.disabled){this.safeSetState({status:l},function(){t.props.onExited(p)});return}this.props.onExit(p),this.safeSetState({status:P},function(){t.props.onExiting(p),t.onTransitionEnd(r.exit,function(){t.safeSetState({status:l},function(){t.props.onExited(p)})})})},o.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},o.safeSetState=function(t,e){e=this.setNextCallback(e),this.setState(t,e)},o.setNextCallback=function(t){var e=this,r=!0;return this.nextCallback=function(p){r&&(r=!1,e.nextCallback=null,t(p))},this.nextCallback.cancel=function(){r=!1},this.nextCallback},o.onTransitionEnd=function(t,e){this.setNextCallback(e);var r=this.props.nodeRef?this.props.nodeRef.current:y.findDOMNode(this),p=t==null&&!this.props.addEndListener;if(!r||p){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var u=this.props.nodeRef?[this.nextCallback]:[r,this.nextCallback],d=u[0],T=u[1];this.props.addEndListener(d,T)}t!=null&&setTimeout(this.nextCallback,t)},o.render=function(){var t=this.state.status;if(t===x)return null;var e=this.props,r=e.children;e.in,e.mountOnEnter,e.unmountOnExit,e.appear,e.enter,e.exit,e.timeout,e.addEndListener,e.onEnter,e.onEntering,e.onEntered,e.onExit,e.onExiting,e.onExited,e.nodeRef;var p=v._objectWithoutPropertiesLoose(e,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return m.createElement(v.TransitionGroupContext.Provider,{value:null},typeof r=="function"?r(t,p):m.cloneElement(m.Children.only(r),p))},a}(m.Component);c.contextType=v.TransitionGroupContext;c.propTypes=process.env.NODE_ENV!=="production"?{nodeRef:n.PropTypes.shape({current:typeof Element>"u"?n.PropTypes.any:function(s,a,o,i,t,e){var r=s[a];return n.PropTypes.instanceOf(r&&"ownerDocument"in r?r.ownerDocument.defaultView.Element:Element)(s,a,o,i,t,e)}}),children:n.PropTypes.oneOfType([n.PropTypes.func.isRequired,n.PropTypes.element.isRequired]).isRequired,in:n.PropTypes.bool,mountOnEnter:n.PropTypes.bool,unmountOnExit:n.PropTypes.bool,appear:n.PropTypes.bool,enter:n.PropTypes.bool,exit:n.PropTypes.bool,timeout:function(a){var o=M;a.addEndListener||(o=o.isRequired);for(var i=arguments.length,t=new Array(i>1?i-1:0),e=1;e<i;e++)t[e-1]=arguments[e];return o.apply(void 0,[a].concat(t))},addEndListener:n.PropTypes.func,onEnter:n.PropTypes.func,onEntering:n.PropTypes.func,onEntered:n.PropTypes.func,onExit:n.PropTypes.func,onExiting:n.PropTypes.func,onExited:n.PropTypes.func}:{};function E(){}c.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:E,onEntering:E,onEntered:E,onExit:E,onExiting:E,onExited:E};c.UNMOUNTED=x;c.EXITED=l;c.ENTERING=f;c.ENTERED=h;c.EXITING=P;const L=s=>s.scrollTop;function G(s,a){const{timeout:o,easing:i,style:t={}}=s;return{duration:t.transitionDuration??(typeof o=="number"?o:o[a.mode]||0),easing:t.transitionTimingFunction??(typeof i=="object"?i[a.mode]:i),delay:t.transitionDelay}}exports.Transition=c;exports.classNamesShape=I;exports.elementAcceptingRef=O;exports.forceReflow=S;exports.getReactElementRef=q;exports.getTransitionProps=G;exports.reflow=L;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "1.3.2",
+  "version": "1.3.3-dev.1732123246",
   "private": false,
   "author": "CGI Learning-hub Team",
   "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",