uplord-ui 0.0.11 → 0.0.13

package/dist/useModalData-BAP9_GxW.js

@@ -0,0 +1,340 @@
+import u, { useState as Y, useEffect as h, useContext as k, useCallback as m, useMemo as S, useReducer as G } from "react";
+const de = (e = 500) => {
+  const [r, o] = Y(!1);
+  return h(() => {
+    const n = setTimeout(() => o(!0), e);
+    return () => clearTimeout(n);
+  }, [e]), r;
+};
+var d = function() {
+  return d = Object.assign || function(e) {
+    for (var r, o = 1, n = arguments.length; o < n; o++) {
+      r = arguments[o];
+      for (var i in r) Object.prototype.hasOwnProperty.call(r, i) && (e[i] = r[i]);
+    }
+    return e;
+  }, d.apply(this, arguments);
+}, L = function(e, r) {
+  var o = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && r.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, n = Object.getOwnPropertySymbols(e); i < n.length; i++)
+      r.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[i]) && (o[n[i]] = e[n[i]]);
+  return o;
+}, P = Symbol("NiceModalId"), x = {}, y = u.createContext(x), V = u.createContext(null), s = {}, C = {}, J = 0, w = function() {
+  throw new Error("No dispatch method detected, did you embed your app with NiceModal.Provider?");
+}, T = function() {
+  return "_nice_modal_" + J++;
+}, A = function(e, r) {
+  var o, n, i;
+  switch (e === void 0 && (e = x), r.type) {
+    case "nice-modal/show": {
+      var l = r.payload, t = l.modalId, a = l.args;
+      return d(d({}, e), (o = {}, o[t] = d(d({}, e[t]), {
+        id: t,
+        args: a,
+        // If modal is not mounted, mount it first then make it visible.
+        // There is logic inside HOC wrapper to make it visible after its first mount.
+        // This mechanism ensures the entering transition.
+        visible: !!C[t],
+        delayVisible: !C[t]
+      }), o));
+    }
+    case "nice-modal/hide": {
+      var t = r.payload.modalId;
+      return e[t] ? d(d({}, e), (n = {}, n[t] = d(d({}, e[t]), { visible: !1 }), n)) : e;
+    }
+    case "nice-modal/remove": {
+      var t = r.payload.modalId, c = d({}, e);
+      return delete c[t], c;
+    }
+    case "nice-modal/set-flags": {
+      var f = r.payload, t = f.modalId, M = f.flags;
+      return d(d({}, e), (i = {}, i[t] = d(d({}, e[t]), M), i));
+    }
+    default:
+      return e;
+  }
+};
+function X(e) {
+  var r;
+  return (r = s[e]) === null || r === void 0 ? void 0 : r.comp;
+}
+function q(e, r) {
+  return {
+    type: "nice-modal/show",
+    payload: {
+      modalId: e,
+      args: r
+    }
+  };
+}
+function z(e, r) {
+  return {
+    type: "nice-modal/set-flags",
+    payload: {
+      modalId: e,
+      flags: r
+    }
+  };
+}
+function B(e) {
+  return {
+    type: "nice-modal/hide",
+    payload: {
+      modalId: e
+    }
+  };
+}
+function K(e) {
+  return {
+    type: "nice-modal/remove",
+    payload: {
+      modalId: e
+    }
+  };
+}
+var p = {}, g = {}, N = function(e) {
+  return typeof e == "string" ? e : (e[P] || (e[P] = T()), e[P]);
+};
+function D(e, r) {
+  var o = N(e);
+  if (typeof e != "string" && !s[o] && O(o, e), w(q(o, r)), !p[o]) {
+    var n, i, l = new Promise(function(t, a) {
+      n = t, i = a;
+    });
+    p[o] = {
+      resolve: n,
+      reject: i,
+      promise: l
+    };
+  }
+  return p[o].promise;
+}
+function j(e) {
+  var r = N(e);
+  if (w(B(r)), delete p[r], !g[r]) {
+    var o, n, i = new Promise(function(l, t) {
+      o = l, n = t;
+    });
+    g[r] = {
+      resolve: o,
+      reject: n,
+      promise: i
+    };
+  }
+  return g[r].promise;
+}
+var F = function(e) {
+  var r = N(e);
+  w(K(r)), delete p[r], delete g[r];
+}, Q = function(e, r) {
+  w(z(e, r));
+};
+function U(e, r) {
+  var o = k(y), n = k(V), i = null, l = e && typeof e != "string";
+  if (e ? i = N(e) : i = n, !i)
+    throw new Error("No modal id found in NiceModal.useModal.");
+  var t = i;
+  h(function() {
+    l && !s[t] && O(t, e, r);
+  }, [l, t, e, r]);
+  var a = o[t], c = m(function(b) {
+    return D(t, b);
+  }, [t]), f = m(function() {
+    return j(t);
+  }, [t]), M = m(function() {
+    return F(t);
+  }, [t]), I = m(function(b) {
+    var v;
+    (v = p[t]) === null || v === void 0 || v.resolve(b), delete p[t];
+  }, [t]), E = m(function(b) {
+    var v;
+    (v = p[t]) === null || v === void 0 || v.reject(b), delete p[t];
+  }, [t]), _ = m(function(b) {
+    var v;
+    (v = g[t]) === null || v === void 0 || v.resolve(b), delete g[t];
+  }, [t]);
+  return S(function() {
+    return {
+      id: t,
+      args: a == null ? void 0 : a.args,
+      visible: !!(a != null && a.visible),
+      keepMounted: !!(a != null && a.keepMounted),
+      show: c,
+      hide: f,
+      remove: M,
+      resolve: I,
+      reject: E,
+      resolveHide: _
+    };
+  }, [
+    t,
+    a == null ? void 0 : a.args,
+    a == null ? void 0 : a.visible,
+    a == null ? void 0 : a.keepMounted,
+    c,
+    f,
+    M,
+    I,
+    E,
+    _
+  ]);
+}
+var W = function(e) {
+  return function(r) {
+    var o, n = r.defaultVisible, i = r.keepMounted, l = r.id, t = L(r, ["defaultVisible", "keepMounted", "id"]), a = U(l), c = a.args, f = a.show, M = k(y), I = !!M[l];
+    h(function() {
+      return n && f(), C[l] = !0, function() {
+        delete C[l];
+      };
+    }, [l, f, n]), h(function() {
+      i && Q(l, { keepMounted: !0 });
+    }, [l, i]);
+    var E = (o = M[l]) === null || o === void 0 ? void 0 : o.delayVisible;
+    return h(function() {
+      E && f(c);
+    }, [E, c, f]), I ? u.createElement(
+      V.Provider,
+      { value: l },
+      u.createElement(e, d({}, t, c))
+    ) : null;
+  };
+}, O = function(e, r, o) {
+  s[e] ? s[e].props = o : s[e] = { comp: r, props: o };
+}, Z = function(e) {
+  delete s[e];
+}, R = function() {
+  var e = k(y), r = Object.keys(e).filter(function(n) {
+    return !!e[n];
+  });
+  r.forEach(function(n) {
+    if (!s[n] && !C[n]) {
+      console.warn("No modal found for id: " + n + ". Please check the id or if it is registered or declared via JSX.");
+      return;
+    }
+  });
+  var o = r.filter(function(n) {
+    return s[n];
+  }).map(function(n) {
+    return d({ id: n }, s[n]);
+  });
+  return u.createElement(u.Fragment, null, o.map(function(n) {
+    return u.createElement(n.comp, d({ key: n.id, id: n.id }, n.props));
+  }));
+}, $ = function(e) {
+  var r = e.children, o = G(A, x), n = o[0];
+  return w = o[1], u.createElement(
+    y.Provider,
+    { value: n },
+    r,
+    u.createElement(R, null)
+  );
+}, ee = function(e) {
+  var r = e.children, o = e.dispatch, n = e.modals;
+  return !o || !n ? u.createElement($, null, r) : (w = o, u.createElement(
+    y.Provider,
+    { value: n },
+    r,
+    u.createElement(R, null)
+  ));
+}, re = function(e) {
+  var r = e.id, o = e.component;
+  return h(function() {
+    return O(r, o), function() {
+      Z(r);
+    };
+  }, [r, o]), null;
+}, ne = function(e) {
+  var r, o = e.modal, n = e.handler, i = n === void 0 ? {} : n, l = L(e, ["modal", "handler"]), t = S(function() {
+    return T();
+  }, []), a = typeof o == "string" ? (r = s[o]) === null || r === void 0 ? void 0 : r.comp : o;
+  if (!i)
+    throw new Error("No handler found in NiceModal.ModalHolder.");
+  if (!a)
+    throw new Error("No modal found for id: " + o + " in NiceModal.ModalHolder.");
+  return i.show = m(function(c) {
+    return D(t, c);
+  }, [t]), i.hide = m(function() {
+    return j(t);
+  }, [t]), u.createElement(a, d({ id: t }, l));
+}, oe = function(e) {
+  return {
+    visible: e.visible,
+    onOk: function() {
+      return e.hide();
+    },
+    onCancel: function() {
+      return e.hide();
+    },
+    afterClose: function() {
+      e.resolveHide(), e.keepMounted || e.remove();
+    }
+  };
+}, te = function(e) {
+  return {
+    visible: e.visible,
+    onClose: function() {
+      return e.hide();
+    },
+    afterVisibleChange: function(r) {
+      r || e.resolveHide(), !r && !e.keepMounted && e.remove();
+    }
+  };
+}, ie = function(e) {
+  return {
+    open: e.visible,
+    onClose: function() {
+      return e.hide();
+    },
+    onExited: function() {
+      e.resolveHide(), !e.keepMounted && e.remove();
+    }
+  };
+}, ae = function(e) {
+  return {
+    show: e.visible,
+    onHide: function() {
+      return e.hide();
+    },
+    onExited: function() {
+      e.resolveHide(), !e.keepMounted && e.remove();
+    }
+  };
+}, H = {
+  Provider: ee,
+  ModalDef: re,
+  ModalHolder: ne,
+  NiceModalContext: y,
+  create: W,
+  register: O,
+  getModal: X,
+  show: D,
+  hide: j,
+  remove: F,
+  useModal: U,
+  reducer: A,
+  antdModal: oe,
+  antdDrawer: te,
+  muiDialog: ie,
+  bootstrapDialog: ae
+};
+const ue = () => {
+  const e = k(H.NiceModalContext), r = Object.keys(e).length > 0;
+  return h(() => {
+    const o = () => {
+      Object.values(e).forEach((n) => H.remove(n.id));
+    };
+    return window.addEventListener("popstate", o), () => {
+      window.removeEventListener("popstate", o);
+    };
+  }, [e]), h(() => (r ? document.body.classList.add("stop-scroll") : document.body.classList.remove("stop-scroll"), () => {
+    document.body.classList.remove("stop-scroll");
+  }), [r]), r;
+};
+export {
+  H as N,
+  de as a,
+  U as b,
+  ue as u
+};

package/dist/useModalData-DvEQmbfH.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("react"),A=(e=500)=>{const[r,o]=i.useState(!1);return i.useEffect(()=>{const n=setTimeout(()=>o(!0),e);return()=>clearTimeout(n)},[e]),r};var u=function(){return u=Object.assign||function(e){for(var r,o=1,n=arguments.length;o<n;o++){r=arguments[o];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},u.apply(this,arguments)},H=function(e,r){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,n=Object.getOwnPropertySymbols(e);a<n.length;a++)r.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(o[n[a]]=e[n[a]]);return o},I=Symbol("NiceModalId"),O={},h=i.createContext(O),_=i.createContext(null),v={},C={},F=0,g=function(){throw new Error("No dispatch method detected, did you embed your app with NiceModal.Provider?")},S=function(){return"_nice_modal_"+F++},L=function(e,r){var o,n,a;switch(e===void 0&&(e=O),r.type){case"nice-modal/show":{var d=r.payload,t=d.modalId,l=d.args;return u(u({},e),(o={},o[t]=u(u({},e[t]),{id:t,args:l,visible:!!C[t],delayVisible:!C[t]}),o))}case"nice-modal/hide":{var t=r.payload.modalId;return e[t]?u(u({},e),(n={},n[t]=u(u({},e[t]),{visible:!1}),n)):e}case"nice-modal/remove":{var t=r.payload.modalId,c=u({},e);return delete c[t],c}case"nice-modal/set-flags":{var f=r.payload,t=f.modalId,m=f.flags;return u(u({},e),(a={},a[t]=u(u({},e[t]),m),a))}default:return e}};function U(e){var r;return(r=v[e])===null||r===void 0?void 0:r.comp}function R(e,r){return{type:"nice-modal/show",payload:{modalId:e,args:r}}}function Y(e,r){return{type:"nice-modal/set-flags",payload:{modalId:e,flags:r}}}function q(e){return{type:"nice-modal/hide",payload:{modalId:e}}}function G(e){return{type:"nice-modal/remove",payload:{modalId:e}}}var p={},b={},E=function(e){return typeof e=="string"?e:(e[I]||(e[I]=S()),e[I])};function x(e,r){var o=E(e);if(typeof e!="string"&&!v[o]&&k(o,e),g(R(o,r)),!p[o]){var n,a,d=new Promise(function(t,l){n=t,a=l});p[o]={resolve:n,reject:a,promise:d}}return p[o].promise}function P(e){var r=E(e);if(g(q(r)),delete p[r],!b[r]){var o,n,a=new Promise(function(d,t){o=d,n=t});b[r]={resolve:o,reject:n,promise:a}}return b[r].promise}var V=function(e){var r=E(e);g(G(r)),delete p[r],delete b[r]},J=function(e,r){g(Y(e,r))};function D(e,r){var o=i.useContext(h),n=i.useContext(_),a=null,d=e&&typeof e!="string";if(e?a=E(e):a=n,!a)throw new Error("No modal id found in NiceModal.useModal.");var t=a;i.useEffect(function(){d&&!v[t]&&k(t,e,r)},[d,t,e,r]);var l=o[t],c=i.useCallback(function(M){return x(t,M)},[t]),f=i.useCallback(function(){return P(t)},[t]),m=i.useCallback(function(){return V(t)},[t]),w=i.useCallback(function(M){var s;(s=p[t])===null||s===void 0||s.resolve(M),delete p[t]},[t]),y=i.useCallback(function(M){var s;(s=p[t])===null||s===void 0||s.reject(M),delete p[t]},[t]),j=i.useCallback(function(M){var s;(s=b[t])===null||s===void 0||s.resolve(M),delete b[t]},[t]);return i.useMemo(function(){return{id:t,args:l==null?void 0:l.args,visible:!!(l!=null&&l.visible),keepMounted:!!(l!=null&&l.keepMounted),show:c,hide:f,remove:m,resolve:w,reject:y,resolveHide:j}},[t,l==null?void 0:l.args,l==null?void 0:l.visible,l==null?void 0:l.keepMounted,c,f,m,w,y,j])}var X=function(e){return function(r){var o,n=r.defaultVisible,a=r.keepMounted,d=r.id,t=H(r,["defaultVisible","keepMounted","id"]),l=D(d),c=l.args,f=l.show,m=i.useContext(h),w=!!m[d];i.useEffect(function(){return n&&f(),C[d]=!0,function(){delete C[d]}},[d,f,n]),i.useEffect(function(){a&&J(d,{keepMounted:!0})},[d,a]);var y=(o=m[d])===null||o===void 0?void 0:o.delayVisible;return i.useEffect(function(){y&&f(c)},[y,c,f]),w?i.createElement(_.Provider,{value:d},i.createElement(e,u({},t,c))):null}},k=function(e,r,o){v[e]?v[e].props=o:v[e]={comp:r,props:o}},z=function(e){delete v[e]},T=function(){var e=i.useContext(h),r=Object.keys(e).filter(function(n){return!!e[n]});r.forEach(function(n){if(!v[n]&&!C[n]){console.warn("No modal found for id: "+n+". Please check the id or if it is registered or declared via JSX.");return}});var o=r.filter(function(n){return v[n]}).map(function(n){return u({id:n},v[n])});return i.createElement(i.Fragment,null,o.map(function(n){return i.createElement(n.comp,u({key:n.id,id:n.id},n.props))}))},B=function(e){var r=e.children,o=i.useReducer(L,O),n=o[0];return g=o[1],i.createElement(h.Provider,{value:n},r,i.createElement(T,null))},K=function(e){var r=e.children,o=e.dispatch,n=e.modals;return!o||!n?i.createElement(B,null,r):(g=o,i.createElement(h.Provider,{value:n},r,i.createElement(T,null)))},Q=function(e){var r=e.id,o=e.component;return i.useEffect(function(){return k(r,o),function(){z(r)}},[r,o]),null},W=function(e){var r,o=e.modal,n=e.handler,a=n===void 0?{}:n,d=H(e,["modal","handler"]),t=i.useMemo(function(){return S()},[]),l=typeof o=="string"?(r=v[o])===null||r===void 0?void 0:r.comp:o;if(!a)throw new Error("No handler found in NiceModal.ModalHolder.");if(!l)throw new Error("No modal found for id: "+o+" in NiceModal.ModalHolder.");return a.show=i.useCallback(function(c){return x(t,c)},[t]),a.hide=i.useCallback(function(){return P(t)},[t]),i.createElement(l,u({id:t},d))},Z=function(e){return{visible:e.visible,onOk:function(){return e.hide()},onCancel:function(){return e.hide()},afterClose:function(){e.resolveHide(),e.keepMounted||e.remove()}}},$=function(e){return{visible:e.visible,onClose:function(){return e.hide()},afterVisibleChange:function(r){r||e.resolveHide(),!r&&!e.keepMounted&&e.remove()}}},ee=function(e){return{open:e.visible,onClose:function(){return e.hide()},onExited:function(){e.resolveHide(),!e.keepMounted&&e.remove()}}},re=function(e){return{show:e.visible,onHide:function(){return e.hide()},onExited:function(){e.resolveHide(),!e.keepMounted&&e.remove()}}},N={Provider:K,ModalDef:Q,ModalHolder:W,NiceModalContext:h,create:X,register:k,getModal:U,show:x,hide:P,remove:V,useModal:D,reducer:L,antdModal:Z,antdDrawer:$,muiDialog:ee,bootstrapDialog:re};const ne=()=>{const e=i.useContext(N.NiceModalContext),r=Object.keys(e).length>0;return i.useEffect(()=>{const o=()=>{Object.values(e).forEach(n=>N.remove(n.id))};return window.addEventListener("popstate",o),()=>{window.removeEventListener("popstate",o)}},[e]),i.useEffect(()=>(r?document.body.classList.add("stop-scroll"):document.body.classList.remove("stop-scroll"),()=>{document.body.classList.remove("stop-scroll")}),[r]),r};exports.NiceModal=N;exports.useModal=D;exports.useModalData=ne;exports.useMounted=A;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uplord-ui",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "A modern, reusable React UI library.",
   "type": "module",
   "main": "dist/index.cjs.js",

package/dist/useMounted-BzJ5ERVp.js

@@ -1,11 +0,0 @@
-import { useState as r, useEffect as s } from "react";
-const m = (t = 500) => {
-  const [e, u] = r(!1);
-  return s(() => {
-    const o = setTimeout(() => u(!0), t);
-    return () => clearTimeout(o);
-  }, [t]), e;
-};
-export {
-  m as u
-};

package/dist/useMounted-DEWEfUSx.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("react"),o=(e=500)=>{const[u,s]=t.useState(!1);return t.useEffect(()=>{const n=setTimeout(()=>s(!0),e);return()=>clearTimeout(n)},[e]),u};exports.useMounted=o;