se-design 0.0.106 → 0.0.108

package/dist/index10.js

@@ -1,34 +1,20 @@
-import r, { useState as b, useRef as d, useEffect as a } from "react";
-const u = ({
-  content: l,
-  tooltipSrc: c,
-  position: t = "bottom-center",
-  displayOn: o = "hover"
-}) => {
-  const [i, f] = b(o === "always-on"), s = d(null);
-  a(() => {
-    const e = s.current;
-    e && (t == "bottom-center" ? (e.setAttribute("style", "left: 50%;transform: translateX(-50%);"), e.classList.add("before:left-[calc(50%-7px)]"), e.classList.add("before:top-[-7px]")) : t == "bottom-left" ? (e.classList.add("before:left-[calc(10%-7px)]"), e.classList.add("before:top-[-7px]")) : t == "bottom-right" ? (e.setAttribute("style", "right: 0;"), e.classList.add("before:right-[calc(10%+7px)]"), e.classList.add("before:top-[-7px]")) : t == "left" ? (e.setAttribute("style", "right: calc(100% + 10px);top:0;"), e.classList.add("before:right-[-6px]"), e.classList.add("before:top-0px")) : t == "right" && (e.setAttribute("style", "left: calc(100% + 10px);top:0;"), e.classList.add("before:left-[-6px]"), e.classList.add("before:top-0px")), o == "hover" && e.classList.add("group-hover:visible"));
-  }, [l]), a(() => {
-    const e = s.current;
-    e && (i ? e.classList.remove("invisible") : e.classList.add("invisible"));
-  }, [i]);
-  const p = () => {
-    o == "click" && f((e) => !e);
-  };
-  return /* @__PURE__ */ r.createElement("div", {
-    className: "se-design-tooltip group relative",
-    onClick: p
-  }, /* @__PURE__ */ r.createElement("div", {
-    className: "cursor-pointer",
-    id: "tooltip-trigger"
-  }, c), /* @__PURE__ */ r.createElement("div", {
-    ref: s,
-    id: "tooltip-content",
-    className: "flex justify-center px-3 py-2 min-w-24 max-w-60 absolute top-[calc(100%+8px)] w-max bg-[var(--color-gray-800)] text-[var(--color-white)] text-xs rounded-[3px] before:content-[' '] before:w-3.5 before:h-3.5 before:bg-[var(--color-gray-800)] before:inline-block before:absolute before:rounded-tl-sm before:rotate-45"
-  }, l));
+import e from "react";
+const l = (t) => {
+  const {
+    renderModalContent: n,
+    isOpen: s,
+    width: o = "500px"
+  } = t;
+  return /* @__PURE__ */ e.createElement("div", {
+    className: `se-design-modal fixed inset-0 flex items-start justify-center z-[2000] backdrop-brightness-50 ${s ? "visible" : "invisible pointer-events-none"}`
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: "modal-content flex flex-col gap-3 bg-[var(--color-white)] rounded shadow-lg p-8 mt-14",
+    style: {
+      width: o
+    }
+  }, n()));
 };
 export {
-  u as Tooltip
+  l as CustomModal
 };
 //# sourceMappingURL=index10.js.map

package/dist/index10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index10.js","sources":["../src/components/Tooltip/index.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from \"react\";\n\nexport interface TooltipProps {\n  /**\n   * Tooltip contents\n   */\n  content: string;\n  /**\n   * Tooltip position\n   */\n  position?: \"bottom-center\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\";\n  /**\n   * Display tooltip on Hover, Click or Always\n   */\n  displayOn?: 'hover' | 'click' | 'always-on';\n  /**\n   * Tooltip trigger contents\n   */\n  tooltipSrc?: React.ReactNode;\n}\n\nexport const Tooltip = ({ content, tooltipSrc, position = 'bottom-center', displayOn = 'hover' }: TooltipProps) => {\n  const [displayTooltip, setDisplayTooltip] = useState(displayOn === 'always-on');\n  const tooltipContentRef = useRef<HTMLDivElement>(null);;\n\n  useEffect(() => {\n    const tooltipContent = tooltipContentRef.current;\n\n    if(!tooltipContent) {\n      return\n    }\n    \n    if(position == 'bottom-center') {\n      tooltipContent.setAttribute(\"style\", `left: 50%;transform: translateX(-50%);`);\n      tooltipContent.classList.add(`before:left-[calc(50%-7px)]`);\n      tooltipContent.classList.add(`before:top-[-7px]`);\n    } else if(position == 'bottom-left') {\n      tooltipContent.classList.add(`before:left-[calc(10%-7px)]`);\n      tooltipContent.classList.add(`before:top-[-7px]`);\n    } else if(position == 'bottom-right') {\n      tooltipContent.setAttribute(\"style\", `right: 0;`);\n      tooltipContent.classList.add(`before:right-[calc(10%+7px)]`);\n      tooltipContent.classList.add(`before:top-[-7px]`);\n    } else if(position == 'left') {\n      tooltipContent.setAttribute(\"style\", `right: calc(100% + 10px);top:0;`);\n      tooltipContent.classList.add(`before:right-[-6px]`);\n      tooltipContent.classList.add(`before:top-0px`);\n    } else if(position == 'right') {\n      tooltipContent.setAttribute(\"style\", `left: calc(100% + 10px);top:0;`);\n      tooltipContent.classList.add(`before:left-[-6px]`);\n      tooltipContent.classList.add(`before:top-0px`);\n    }\n\n    if(displayOn == 'hover') {\n      tooltipContent.classList.add(`group-hover:visible`);\n    }\n  }, [content]);\n\n  useEffect(() => {\n    const tooltipContent = tooltipContentRef.current;\n\n    if(!tooltipContent) {\n      return;\n    }\n    if(displayTooltip) {\n      tooltipContent.classList.remove(`invisible`);\n    } else {\n      tooltipContent.classList.add(`invisible`);\n    }\n  }, [displayTooltip])\n\n  const onTooltipSrcClick = () => {\n    if(displayOn == 'click') {\n      setDisplayTooltip((displayTooltip) => !displayTooltip)\n    }\n  }\n\n  return (\n    <div className=\"se-design-tooltip group relative\" onClick={onTooltipSrcClick}>\n      <div className=\"cursor-pointer\" id=\"tooltip-trigger\">\n        {tooltipSrc}\n      </div>\n      <div\n        ref={tooltipContentRef}\n        id=\"tooltip-content\"\n        className=\"flex justify-center px-3 py-2 min-w-24 max-w-60\n          absolute top-[calc(100%+8px)] w-max bg-[var(--color-gray-800)] text-[var(--color-white)] text-xs rounded-[3px]\n          before:content-[' '] before:w-3.5 before:h-3.5 before:bg-[var(--color-gray-800)] before:inline-block\n          before:absolute before:rounded-tl-sm before:rotate-45\"\n      >\n        {content}\n      </div>\n    </div>\n  );\n};\n"],"names":["Tooltip","content","tooltipSrc","position","displayOn","displayTooltip","setDisplayTooltip","useState","tooltipContentRef","useRef","useEffect","tooltipContent","current","setAttribute","classList","add","remove","onTooltipSrcClick","React","createElement","className","onClick","id","ref"],"mappings":";AAqBO,MAAMA,IAAUA,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAASC,YAAAA;AAAAA,EAAYC,UAAAA,IAAW;AAAA,EAAiBC,WAAAA,IAAY;AAAsB,MAAM;AACjH,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAASH,MAAc,WAAW,GACxEI,IAAoBC,EAAuB,IAAI;AAErDC,EAAAA,EAAU,MAAM;AACd,UAAMC,IAAiBH,EAAkBI;AAEzC,IAAID,MAIDR,KAAY,mBACEU,EAAAA,aAAa,SAAS,wCAAwC,GAC9DC,EAAAA,UAAUC,IAAI,6BAA6B,GAC3CD,EAAAA,UAAUC,IAAI,mBAAmB,KACxCZ,KAAY,iBACLW,EAAAA,UAAUC,IAAI,6BAA6B,GAC3CD,EAAAA,UAAUC,IAAI,mBAAmB,KACxCZ,KAAY,kBACLU,EAAAA,aAAa,SAAS,WAAW,GACjCC,EAAAA,UAAUC,IAAI,8BAA8B,GAC5CD,EAAAA,UAAUC,IAAI,mBAAmB,KACxCZ,KAAY,UACLU,EAAAA,aAAa,SAAS,iCAAiC,GACvDC,EAAAA,UAAUC,IAAI,qBAAqB,GACnCD,EAAAA,UAAUC,IAAI,gBAAgB,KACrCZ,KAAY,YACLU,EAAAA,aAAa,SAAS,gCAAgC,GACtDC,EAAAA,UAAUC,IAAI,oBAAoB,GAClCD,EAAAA,UAAUC,IAAI,gBAAgB,IAG5CX,KAAa,WACCU,EAAAA,UAAUC,IAAI,qBAAqB;AAAA,EACpD,GACC,CAACd,CAAO,CAAC,GAEZS,EAAU,MAAM;AACd,UAAMC,IAAiBH,EAAkBI;AAEzC,IAAID,MAGDN,IACcS,EAAAA,UAAUE,OAAO,WAAW,IAE5BF,EAAAA,UAAUC,IAAI,WAAW;AAAA,EAC1C,GACC,CAACV,CAAc,CAAC;AAEnB,QAAMY,IAAoBA,MAAM;AAC9B,IAAGb,KAAa,WACKC,EAAAA,CAAAA,MAAmB,CAACA,CAAc;AAAA,EAEzD;AAGEa,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAAmCC,SAASJ;AAAAA,EAAAA,GACzDE,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAAiBE,IAAG;AAAA,EAChCpB,GAAAA,CACE,GACLgB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEI,KAAKf;AAAAA,IACLc,IAAG;AAAA,IACHF,WAAU;AAAA,EAG8C,GAEvDnB,CACE,CACF;AAET;"}
+{"version":3,"file":"index10.js","sources":["../src/components/CustomModal/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nexport interface CustomModalProps {\n  onSubmit?: () => void;\n  onClose?: () => void;\n  renderModalContent: () => React.ReactNode;\n  isOpen: boolean;\n  width?: string;\n}\n\nexport const CustomModal: FC<CustomModalProps> = (props) => {\n  const {\n    renderModalContent,\n    isOpen,\n    width = '500px'\n  } = props;\n\n  return (\n    <div\n      className={`se-design-modal fixed inset-0 flex items-start justify-center z-[2000] backdrop-brightness-50 ${isOpen ? 'visible' : 'invisible pointer-events-none'}`}\n    >\n      <div\n        className=\"modal-content flex flex-col gap-3 bg-[var(--color-white)] rounded shadow-lg p-8 mt-14\"\n        style={{ width }}\n      >\n        {renderModalContent()}\n      </div>\n    </div>\n  );\n};\n"],"names":["React__default","CustomModal","props","renderModalContent","isOpen","width","React","createElement","className","style"],"mappings":"AAUO,OAAAA,OAAA;AAAA,MAAMC,IAAqCC,CAAUA,MAAA;AACpD,QAAA;AAAA,IACJC,oBAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,OAAAA,IAAQ;AAAA,EAAA,IACNH;AAGFI,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAW,iGAAiGJ,IAAS,YAAY,+BAA+B;AAAA,EAAA,GAEhKG,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IACEC,WAAU;AAAA,IACVC,OAAO;AAAA,MAAEJ,OAAAA;AAAAA,IAAAA;AAAAA,EAAM,GAEdF,EACE,CAAA,CACF;AAET;"}

package/dist/index100.js

@@ -1,13 +1,152 @@
-function e() {
-  return e = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var a = arguments[n];
-      for (var r in a) ({}).hasOwnProperty.call(a, r) && (t[r] = a[r]);
+import N from "./index117.js";
+import R from "./index118.js";
+import D from "./index119.js";
+import { SVGInjector as A } from "./index120.js";
+import { p as t } from "./index121.js";
+import * as h from "react";
+var O = function(s) {
+  var o = (s == null ? void 0 : s.ownerDocument) || document;
+  return o.defaultView || window;
+}, U = function(s, o) {
+  for (var r in s)
+    if (!(r in o))
+      return !0;
+  for (var e in o)
+    if (s[e] !== o[e])
+      return !0;
+  return !1;
+}, H = ["afterInjection", "beforeInjection", "desc", "evalScripts", "fallback", "httpRequestWithCredentials", "loading", "renumerateIRIElements", "src", "title", "useRequestCache", "wrapper"], v = "http://www.w3.org/2000/svg", q = "http://www.w3.org/1999/xlink", V = /* @__PURE__ */ function(c) {
+  function s() {
+    for (var r, e = arguments.length, n = new Array(e), a = 0; a < e; a++)
+      n[a] = arguments[a];
+    return r = c.call.apply(c, [this].concat(n)) || this, r.initialState = {
+      hasError: !1,
+      isLoading: !0
+    }, r.state = r.initialState, r._isMounted = !1, r.reactWrapper = void 0, r.nonReactWrapper = void 0, r.refCallback = function(u) {
+      r.reactWrapper = u;
+    }, r;
+  }
+  D(s, c);
+  var o = s.prototype;
+  return o.renderSVG = function() {
+    var e = this;
+    if (this.reactWrapper instanceof O(this.reactWrapper).Node) {
+      var n = this.props, a = n.desc, u = n.evalScripts, S = n.httpRequestWithCredentials, E = n.renumerateIRIElements, G = n.src, b = n.title, g = n.useRequestCache, w = this.props.onError, x = this.props.beforeInjection, y = this.props.afterInjection, f = this.props.wrapper, l, p;
+      f === "svg" ? (l = document.createElementNS(v, f), l.setAttribute("xmlns", v), l.setAttribute("xmlns:xlink", q), p = document.createElementNS(v, f)) : (l = document.createElement(f), p = document.createElement(f)), l.appendChild(p), p.dataset.src = G, this.nonReactWrapper = this.reactWrapper.appendChild(l);
+      var I = function(i) {
+        if (e.removeSVG(), !e._isMounted) {
+          w(i);
+          return;
+        }
+        e.setState(function() {
+          return {
+            hasError: !0,
+            isLoading: !1
+          };
+        }, function() {
+          w(i);
+        });
+      }, L = function(i, d) {
+        if (i) {
+          I(i);
+          return;
+        }
+        e._isMounted && e.setState(function() {
+          return {
+            isLoading: !1
+          };
+        }, function() {
+          try {
+            y(d);
+          } catch (m) {
+            I(m);
+          }
+        });
+      }, M = function(i) {
+        if (i.setAttribute("role", "img"), a) {
+          var d = i.querySelector(":scope > desc");
+          d && i.removeChild(d);
+          var m = document.createElement("desc");
+          m.innerHTML = a, i.prepend(m);
+        }
+        if (b) {
+          var j = i.querySelector(":scope > title");
+          j && i.removeChild(j);
+          var C = document.createElement("title");
+          C.innerHTML = b, i.prepend(C);
+        }
+        try {
+          x(i);
+        } catch (k) {
+          I(k);
+        }
+      };
+      A(p, {
+        afterEach: L,
+        beforeEach: M,
+        cacheRequests: g,
+        evalScripts: u,
+        httpRequestWithCredentials: S,
+        renumerateIRIElements: E
+      });
     }
-    return t;
-  }, e.apply(null, arguments);
-}
+  }, o.removeSVG = function() {
+    var e;
+    (e = this.nonReactWrapper) != null && e.parentNode && (this.nonReactWrapper.parentNode.removeChild(this.nonReactWrapper), this.nonReactWrapper = null);
+  }, o.componentDidMount = function() {
+    this._isMounted = !0, this.renderSVG();
+  }, o.componentDidUpdate = function(e) {
+    var n = this;
+    U(R({}, e), this.props) && this.setState(function() {
+      return n.initialState;
+    }, function() {
+      n.removeSVG(), n.renderSVG();
+    });
+  }, o.componentWillUnmount = function() {
+    this._isMounted = !1, this.removeSVG();
+  }, o.render = function() {
+    var e = this.props, n = e.fallback, a = e.loading, u = e.wrapper, S = N(e, H), E = u;
+    return /* @__PURE__ */ h.createElement(E, R({}, S, {
+      ref: this.refCallback
+    }, u === "svg" ? {
+      xmlns: v,
+      xmlnsXlink: q
+    } : {}), this.state.isLoading && a && /* @__PURE__ */ h.createElement(a, null), this.state.hasError && n && /* @__PURE__ */ h.createElement(n, null));
+  }, s;
+}(h.Component);
+V.defaultProps = {
+  afterInjection: function() {
+  },
+  beforeInjection: function() {
+  },
+  desc: "",
+  evalScripts: "never",
+  fallback: null,
+  httpRequestWithCredentials: !1,
+  loading: null,
+  onError: function() {
+  },
+  renumerateIRIElements: !0,
+  title: "",
+  useRequestCache: !0,
+  wrapper: "div"
+};
+V.propTypes = {
+  afterInjection: t.func,
+  beforeInjection: t.func,
+  desc: t.string,
+  evalScripts: t.oneOf(["always", "once", "never"]),
+  fallback: t.oneOfType([t.func, t.object, t.string]),
+  httpRequestWithCredentials: t.bool,
+  loading: t.oneOfType([t.func, t.object, t.string]),
+  onError: t.func,
+  renumerateIRIElements: t.bool,
+  src: t.string.isRequired,
+  title: t.string,
+  useRequestCache: t.bool,
+  wrapper: t.oneOf(["div", "span", "svg"])
+};
 export {
-  e as default
+  V as ReactSVG
 };
 //# sourceMappingURL=index100.js.map

package/dist/index100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index100.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js"],"sourcesContent":["function _extends() {\n  return _extends = Object.assign ? Object.assign.bind() : function (n) {\n    for (var e = 1; e < arguments.length; e++) {\n      var t = arguments[e];\n      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n    }\n    return n;\n  }, _extends.apply(null, arguments);\n}\nexport { _extends as default };"],"names":["_extends","n","e","t"],"mappings":"AAAA,SAASA,IAAW;AAClB,SAAOA,IAAW,OAAO,SAAS,OAAO,OAAO,KAAI,IAAK,SAAUC,GAAG;AACpE,aAASC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AACzC,UAAIC,IAAI,UAAUD,CAAC;AACnB,eAAS,KAAKC,EAAG,EAAC,CAAE,GAAE,eAAe,KAAKA,GAAG,CAAC,MAAMF,EAAE,CAAC,IAAIE,EAAE,CAAC;AAAA,IACpE;AACI,WAAOF;AAAA,EACR,GAAED,EAAS,MAAM,MAAM,SAAS;AACnC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index100.js","sources":["../node_modules/react-svg/dist/react-svg.esm.js"],"sourcesContent":["import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';\nimport _extends from '@babel/runtime/helpers/extends';\nimport _inheritsLoose from '@babel/runtime/helpers/inheritsLoose';\nimport { SVGInjector } from '@tanem/svg-injector';\nimport * as PropTypes from 'prop-types';\nimport * as React from 'react';\n\n// Hat-tip: https://github.com/mui/material-ui/tree/master/packages/mui-utils/src.\nvar ownerWindow = function ownerWindow(node) {\n  var doc = (node == null ? undefined : node.ownerDocument) || document;\n  return doc.defaultView || window;\n};\n\n// Hat-tip: https://github.com/developit/preact-compat/blob/master/src/index.js#L402.\nvar shallowDiffers = function shallowDiffers(a, b) {\n  for (var i in a) {\n    if (!(i in b)) {\n      return true;\n    }\n  }\n  for (var _i in b) {\n    if (a[_i] !== b[_i]) {\n      return true;\n    }\n  }\n  return false;\n};\n\nvar _excluded = [\"afterInjection\", \"beforeInjection\", \"desc\", \"evalScripts\", \"fallback\", \"httpRequestWithCredentials\", \"loading\", \"renumerateIRIElements\", \"src\", \"title\", \"useRequestCache\", \"wrapper\"];\nvar svgNamespace = 'http://www.w3.org/2000/svg';\nvar xlinkNamespace = 'http://www.w3.org/1999/xlink';\nvar ReactSVG = /*#__PURE__*/function (_React$Component) {\n  function ReactSVG() {\n    var _this;\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.initialState = {\n      hasError: false,\n      isLoading: true\n    };\n    _this.state = _this.initialState;\n    _this._isMounted = false;\n    _this.reactWrapper = undefined;\n    _this.nonReactWrapper = undefined;\n    _this.refCallback = function (reactWrapper) {\n      _this.reactWrapper = reactWrapper;\n    };\n    return _this;\n  }\n  _inheritsLoose(ReactSVG, _React$Component);\n  var _proto = ReactSVG.prototype;\n  _proto.renderSVG = function renderSVG() {\n    var _this2 = this;\n    /* istanbul ignore else */\n    if (this.reactWrapper instanceof ownerWindow(this.reactWrapper).Node) {\n      var _this$props = this.props,\n        desc = _this$props.desc,\n        evalScripts = _this$props.evalScripts,\n        httpRequestWithCredentials = _this$props.httpRequestWithCredentials,\n        renumerateIRIElements = _this$props.renumerateIRIElements,\n        src = _this$props.src,\n        title = _this$props.title,\n        useRequestCache = _this$props.useRequestCache;\n      /* eslint-disable @typescript-eslint/no-non-null-assertion */\n      var onError = this.props.onError;\n      var beforeInjection = this.props.beforeInjection;\n      var afterInjection = this.props.afterInjection;\n      var wrapper = this.props.wrapper;\n      var nonReactWrapper;\n      var nonReactTarget;\n      if (wrapper === 'svg') {\n        nonReactWrapper = document.createElementNS(svgNamespace, wrapper);\n        nonReactWrapper.setAttribute('xmlns', svgNamespace);\n        nonReactWrapper.setAttribute('xmlns:xlink', xlinkNamespace);\n        nonReactTarget = document.createElementNS(svgNamespace, wrapper);\n      } else {\n        nonReactWrapper = document.createElement(wrapper);\n        nonReactTarget = document.createElement(wrapper);\n      }\n      nonReactWrapper.appendChild(nonReactTarget);\n      nonReactTarget.dataset.src = src;\n      this.nonReactWrapper = this.reactWrapper.appendChild(nonReactWrapper);\n      var handleError = function handleError(error) {\n        _this2.removeSVG();\n        if (!_this2._isMounted) {\n          onError(error);\n          return;\n        }\n        _this2.setState(function () {\n          return {\n            hasError: true,\n            isLoading: false\n          };\n        }, function () {\n          onError(error);\n        });\n      };\n      var afterEach = function afterEach(error, svg) {\n        if (error) {\n          handleError(error);\n          return;\n        }\n        // TODO (Tane): It'd be better to cleanly unsubscribe from SVGInjector\n        // callbacks instead of tracking a property like this.\n        if (_this2._isMounted) {\n          _this2.setState(function () {\n            return {\n              isLoading: false\n            };\n          }, function () {\n            try {\n              afterInjection(svg);\n            } catch (afterInjectionError) {\n              handleError(afterInjectionError);\n            }\n          });\n        }\n      };\n      var beforeEach = function beforeEach(svg) {\n        svg.setAttribute('role', 'img');\n        if (desc) {\n          var originalDesc = svg.querySelector(':scope > desc');\n          if (originalDesc) {\n            svg.removeChild(originalDesc);\n          }\n          var newDesc = document.createElement('desc');\n          newDesc.innerHTML = desc;\n          svg.prepend(newDesc);\n        }\n        if (title) {\n          var originalTitle = svg.querySelector(':scope > title');\n          if (originalTitle) {\n            svg.removeChild(originalTitle);\n          }\n          var newTitle = document.createElement('title');\n          newTitle.innerHTML = title;\n          svg.prepend(newTitle);\n        }\n        try {\n          beforeInjection(svg);\n        } catch (error) {\n          handleError(error);\n        }\n      };\n      SVGInjector(nonReactTarget, {\n        afterEach: afterEach,\n        beforeEach: beforeEach,\n        cacheRequests: useRequestCache,\n        evalScripts: evalScripts,\n        httpRequestWithCredentials: httpRequestWithCredentials,\n        renumerateIRIElements: renumerateIRIElements\n      });\n    }\n  };\n  _proto.removeSVG = function removeSVG() {\n    var _this$nonReactWrapper;\n    if ((_this$nonReactWrapper = this.nonReactWrapper) != null && _this$nonReactWrapper.parentNode) {\n      this.nonReactWrapper.parentNode.removeChild(this.nonReactWrapper);\n      this.nonReactWrapper = null;\n    }\n  };\n  _proto.componentDidMount = function componentDidMount() {\n    this._isMounted = true;\n    this.renderSVG();\n  };\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    var _this3 = this;\n    if (shallowDiffers(_extends({}, prevProps), this.props)) {\n      this.setState(function () {\n        return _this3.initialState;\n      }, function () {\n        _this3.removeSVG();\n        _this3.renderSVG();\n      });\n    }\n  };\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this._isMounted = false;\n    this.removeSVG();\n  };\n  _proto.render = function render() {\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    var _this$props2 = this.props;\n      _this$props2.afterInjection;\n      _this$props2.beforeInjection;\n      _this$props2.desc;\n      _this$props2.evalScripts;\n      var Fallback = _this$props2.fallback;\n      _this$props2.httpRequestWithCredentials;\n      var Loading = _this$props2.loading;\n      _this$props2.renumerateIRIElements;\n      _this$props2.src;\n      _this$props2.title;\n      _this$props2.useRequestCache;\n      var wrapper = _this$props2.wrapper,\n      rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);\n    /* eslint-enable @typescript-eslint/no-unused-vars */\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    var Wrapper = wrapper;\n    return /*#__PURE__*/React.createElement(Wrapper, _extends({}, rest, {\n      ref: this.refCallback\n    }, wrapper === 'svg' ? {\n      xmlns: svgNamespace,\n      xmlnsXlink: xlinkNamespace\n    } : {}), this.state.isLoading && Loading && /*#__PURE__*/React.createElement(Loading, null), this.state.hasError && Fallback && /*#__PURE__*/React.createElement(Fallback, null));\n  };\n  return ReactSVG;\n}(React.Component);\nReactSVG.defaultProps = {\n  afterInjection: function afterInjection() {\n    return undefined;\n  },\n  beforeInjection: function beforeInjection() {\n    return undefined;\n  },\n  desc: '',\n  evalScripts: 'never',\n  fallback: null,\n  httpRequestWithCredentials: false,\n  loading: null,\n  onError: function onError() {\n    return undefined;\n  },\n  renumerateIRIElements: true,\n  title: '',\n  useRequestCache: true,\n  wrapper: 'div'\n};\nReactSVG.propTypes = {\n  afterInjection: PropTypes.func,\n  beforeInjection: PropTypes.func,\n  desc: PropTypes.string,\n  evalScripts: PropTypes.oneOf(['always', 'once', 'never']),\n  fallback: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  httpRequestWithCredentials: PropTypes.bool,\n  loading: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  onError: PropTypes.func,\n  renumerateIRIElements: PropTypes.bool,\n  src: PropTypes.string.isRequired,\n  title: PropTypes.string,\n  useRequestCache: PropTypes.bool,\n  wrapper: PropTypes.oneOf(['div', 'span', 'svg'])\n} ;\n\nexport { ReactSVG };\n//# sourceMappingURL=react-svg.esm.js.map\n"],"names":["_objectWithoutPropertiesLoose","_extends","_inheritsLoose","SVGInjector","propTypesExports","React","ownerWindow","node","doc","shallowDiffers","a","b","i","_i","_excluded","svgNamespace","xlinkNamespace","ReactSVG","_React$Component","_this","_len","args","_key","reactWrapper","_proto","_this2","_this$props","desc","evalScripts","httpRequestWithCredentials","renumerateIRIElements","src","title","useRequestCache","onError","beforeInjection","afterInjection","wrapper","nonReactWrapper","nonReactTarget","handleError","error","afterEach","svg","afterInjectionError","beforeEach","originalDesc","newDesc","originalTitle","newTitle","_this$nonReactWrapper","prevProps","_this3","_this$props2","Fallback","Loading","rest","Wrapper","PropTypes.func","PropTypes.string","PropTypes.oneOf","PropTypes.oneOfType","PropTypes.object","PropTypes.bool"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index11.js

@@ -1,34 +1,19 @@
-import t from "react";
-import { Badge as s } from "./index7.js";
-import { Icon as g } from "./index4.js";
-const v = (l) => {
+import e from "react";
+import { Spinner as n } from "./index12.js";
+/* empty css         */
+const c = (l) => {
   const {
-    label: a = "",
-    icon: e,
-    tag: r = "",
-    iconPosition: o = "right",
-    onClick: n,
-    isActive: i = !1
-  } = l, c = (m) => /* @__PURE__ */ t.createElement(g, {
-    name: m
-  });
-  return /* @__PURE__ */ t.createElement("div", {
-    className: `se-design-menu-item flex items-center justify-between p-2 text-[var(--color-gray-900)] hover:bg-[var(--color-blue-100)] cursor-pointer rounded-[6px] gap-2 ${i ? "bg-[var(--color-blue-100)]" : ""}`,
-    onClick: () => n && n({
-      label: a,
-      tag: r,
-      icon: e,
-      iconPosition: o
-    })
-  }, /* @__PURE__ */ t.createElement("div", {
-    className: "flex items-center gap-1"
-  }, o === "left" && e && c(e), /* @__PURE__ */ t.createElement("span", {
-    className: "text-[var(--color-gray-900)]"
-  }, a), o === "right" && e && c(e)), r && /* @__PURE__ */ t.createElement(s, {
-    label: r
-  }));
+    message: t = ""
+  } = l;
+  return /* @__PURE__ */ e.createElement("div", {
+    className: "se-design-loading-modal fixed inset-0 flex items-start justify-center z-[2000] backdrop-brightness-50"
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: "modal-content flex flex-col gap-3 bg-[var(--color-white)] rounded shadow-lg p-8 mt-14 w-[350px]"
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: "loading-modal-content flex flex-col items-center justify-center gap-[10px]"
+  }, /* @__PURE__ */ e.createElement(n, null), (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ e.createElement("div", null, t))));
 };
 export {
-  v as MenuItem
+  c as LoadingModal
 };
 //# sourceMappingURL=index11.js.map

package/dist/index11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index11.js","sources":["../src/components/MenuItem/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Badge } from 'src/components/Badge';\nimport { Icon } from 'components/Icon';\n\nexport type MenuItemProps = {\n  label: string;\n  tag?: string;\n  isDisabled?: boolean;\n  isActive?: boolean;\n  icon?: string;\n  iconPosition?: 'left' | 'right';\n  onClick?: (item: MenuItemProps) => void;\n};\n\nexport const MenuItem: FC<MenuItemProps> = (props) => {\n  const { label = '', icon, tag = '', iconPosition = \"right\", onClick, isActive = false } = props;\n\n  const getIconJsx = (icon: string) => {\n    return <Icon name={icon} />\n  }\n\n  return (\n    <div\n      className={`se-design-menu-item flex items-center justify-between p-2 text-[var(--color-gray-900)] hover:bg-[var(--color-blue-100)] cursor-pointer rounded-[6px] gap-2 ${isActive ? 'bg-[var(--color-blue-100)]': ''}`}\n      onClick={() => onClick && onClick({label, tag, icon, iconPosition})}\n    >\n      <div className='flex items-center gap-1'>\n        {iconPosition === 'left' && icon && getIconJsx(icon)}\n        <span className=\"text-[var(--color-gray-900)]\">{label}</span>\n        {iconPosition === 'right' && icon && getIconJsx(icon)}\n      </div>\n      {tag && <Badge label={tag} />}\n    </div>\n  );\n};\n"],"names":["React__default","Badge","Icon","MenuItem","props","label","icon","tag","iconPosition","onClick","isActive","getIconJsx","React","createElement","name","className"],"mappings":"AAcO,OAAAA,OAAA;AAAA,SAAA,SAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,MAAMC,IAA+BC,CAAUA,MAAA;AAC9C,QAAA;AAAA,IAAEC,OAAAA,IAAQ;AAAA,IAAIC,MAAAA;AAAAA,IAAMC,KAAAA,IAAM;AAAA,IAAIC,cAAAA,IAAe;AAAA,IAASC,SAAAA;AAAAA,IAASC,UAAAA,IAAW;AAAA,EAAA,IAAUN,GAEpFO,IAAaA,CAACL,MACXM,gBAAAA,EAAAC,cAACX,GAAI;AAAA,IAACY,MAAMR;AAAAA,EAAAA,CAAO;AAI1BM,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEE,WAAW,8JAA8JL,IAAW,+BAA8B,EAAE;AAAA,IACpND,SAASA,MAAMA,KAAWA,EAAQ;AAAA,MAACJ,OAAAA;AAAAA,MAAOE,KAAAA;AAAAA,MAAKD,MAAAA;AAAAA,MAAME,cAAAA;AAAAA,IAAa,CAAA;AAAA,EAAA,GAElEK,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKE,WAAU;AAAA,EAAA,GACZP,MAAiB,UAAUF,KAAQK,EAAWL,CAAI,GACnDO,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAME,WAAU;AAAA,EAAgCV,GAAAA,CAAY,GAC3DG,MAAiB,WAAWF,KAAQK,EAAWL,CAAI,CACjD,GACJC,KAAOK,gBAAAA,EAAAC,cAACZ,GAAK;AAAA,IAACI,OAAOE;AAAAA,EAAAA,CAAM,CACzB;AAET;"}
+{"version":3,"file":"index11.js","sources":["../src/components/LoadingModal/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Spinner } from 'components/Spinner';\n\nimport './style.scss';\n\nexport interface LoadingModalProps {\n  message?: string;\n}\n\nexport const LoadingModal: FC<LoadingModalProps> = (props) => {\n  const { message = ''} = props;\n\n  return (\n    <div\n      className={`se-design-loading-modal fixed inset-0 flex items-start justify-center z-[2000] backdrop-brightness-50`}\n    >\n      <div\n        className=\"modal-content flex flex-col gap-3 bg-[var(--color-white)] rounded shadow-lg p-8 mt-14 w-[350px]\"\n      >\n        <div className=\"loading-modal-content flex flex-col items-center justify-center gap-[10px]\">\n          <Spinner />\n          {message?.length > 0 && <div>{message}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["React__default","Spinner","LoadingModal","props","message","React","createElement","className","length"],"mappings":"AASO,OAAAA,OAAA;AAAA,SAAA,WAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAuCC,CAAUA,MAAA;AACtD,QAAA;AAAA,IAAEC,SAAAA,IAAU;AAAA,EAAA,IAAMD;AAGtBE,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAW;AAAA,EAAA,GAEXD,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IACEC,WAAU;AAAA,EAAA,GAEVD,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACbD,gBAAAA,EAAAA,cAACL,GAAS,IAAA,IACTG,KAAAA,gBAAAA,EAASI,UAAS,KAAKH,gBAAAA,EAAAC,2BAAMF,CAAa,CACxC,CACF,CACF;AAET;"}