linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/dropdown/Popup.js

@@ -1,90 +1,52 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _uuid = require("uuid");
-const _excluded = ["id", "customClassForDropdown", "align", "isFloatMenu", "topPosition", "leftPosition", "rightPosition", "minWidth", "targetRef"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const getDropdownStyles = _ref => {
-  let {
-    align,
-    isFloatMenu,
-    minWidth,
-    container,
-    target
-  } = _ref;
-  if (!container || !target) return '';
-  const targetDimensions = target.getBoundingClientRect();
-  const rightPosition = !isFloatMenu ? window.innerWidth - targetDimensions.x - targetDimensions.width - 4 : undefined;
-  const leftPosition = targetDimensions.left;
-  let topPosition = targetDimensions.top + window.scrollY + targetDimensions.height;
-  let top = topPosition + (isFloatMenu ? 6 : 2);
-  let maxHeight = undefined;
-  let showScroll = false;
-  const isOverflowing = top + container.scrollHeight > window.innerHeight;
-  if (isOverflowing) {
-    const targetPosition = targetDimensions.top;
-    const containerHeight = container.scrollHeight;
-    showScroll = containerHeight > targetPosition;
-    maxHeight = showScroll ? targetPosition - 10 : containerHeight;
-    top = top - maxHeight - targetDimensions.height - (isFloatMenu ? 6 : 2) - 5;
+import { useRef as w, useEffect as x } from "react";
+import { createPortal as P } from "react-dom";
+import y from "../node_modules/uuid/dist/v1.js";
+const v = ({
+  align: s,
+  isFloatMenu: r,
+  minWidth: c,
+  container: i,
+  target: d
+}) => {
+  if (!i || !d) return "";
+  const e = d.getBoundingClientRect(), f = r ? void 0 : window.innerWidth - e.x - e.width - 4, p = e.left;
+  let n = e.top + window.scrollY + e.height + (r ? 6 : 2), t, o = !1;
+  if (n + i.scrollHeight > window.innerHeight) {
+    const a = e.top, u = i.scrollHeight;
+    o = u > a, t = o ? a - 10 : u, n = n - t - e.height - (r ? 6 : 2) - 5;
   }
-  let style = `top: ${top}px; min-width: ${minWidth}px;`;
-  if (showScroll) style += `max-height: ${maxHeight}px; overflow-y: scroll;`;
-  if (align === 'left') {
-    style += `left: ${leftPosition}px;`;
-  } else if (align === 'right') {
-    style += `right: ${rightPosition}px;`;
+  let l = `top: ${n}px; min-width: ${c}px;`;
+  return o && (l += `max-height: ${t}px; overflow-y: scroll;`), s === "left" ? l += `left: ${p}px;` : s === "right" && (l += `right: ${f}px;`), l;
+}, {
+  body: g
+} = document, b = ({
+  id: s,
+  customClassForDropdown: r = "",
+  align: c = "left",
+  isFloatMenu: i = !1,
+  topPosition: d = 0,
+  leftPosition: e = 0,
+  rightPosition: f = 0,
+  minWidth: p = 0,
+  targetRef: h,
+  ...n
+}) => {
+  const t = w(document.createElement("div"));
+  if (t.current.className = `dropdown-component ${r}`, t.current.dataset.testid = "dropdown-component", t && t.current) {
+    const o = document.body.getElementsByClassName("modalcontainer"), m = o[o.length - 1];
+    t.current.style.zIndex = `${o.length ? Number(m.style.zIndex) + 1 : 99999}`;
   }
-  return style;
+  return x(() => (g.appendChild(t.current), t.current.id = s || `dropdown-component-${y()}`, t.current.style.cssText = v({
+    align: c,
+    isFloatMenu: i,
+    minWidth: p,
+    container: t.current,
+    target: h
+  }), () => {
+    g.removeChild(t.current);
+  }), []), P(n.children, t.current);
 };
-const {
-  body
-} = document;
-const DropdownPopup = _ref2 => {
-  let {
-      id,
-      customClassForDropdown = '',
-      align = 'left',
-      isFloatMenu = false,
-      topPosition = 0,
-      leftPosition = 0,
-      rightPosition = 0,
-      minWidth = 0,
-      targetRef
-    } = _ref2,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  const popup = (0, _react.useRef)(document.createElement('div'));
-  popup.current.className = `dropdown-component ${customClassForDropdown}`;
-  popup.current.dataset.testid = 'dropdown-component';
-  if (popup && popup.current) {
-    const modalContainers = document.body.getElementsByClassName('modalcontainer');
-    const lastModalContainer = modalContainers[modalContainers.length - 1];
-    popup.current.style.zIndex = `${modalContainers.length ? Number(lastModalContainer.style.zIndex) + 1 : 99999}`;
-  }
-  (0, _react.useEffect)(() => {
-    body.appendChild(popup.current);
-    popup.current.id = id || `dropdown-component-${(0, _uuid.v1)()}`;
-    popup.current.style.cssText = getDropdownStyles({
-      topPosition,
-      leftPosition,
-      rightPosition,
-      align,
-      isFloatMenu,
-      minWidth,
-      container: popup.current,
-      target: targetRef
-    });
-    return () => {
-      body.removeChild(popup.current);
-    };
-  }, []);
-  return /*#__PURE__*/_reactDom.default.createPortal(props.children, popup.current);
+export {
+  b as default
 };
-var _default = exports.default = DropdownPopup;
+//# sourceMappingURL=Popup.js.map

package/lib/dropdown/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","sources":["../../src/lib/dropdown/Popup.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { v1 as uuid } from 'uuid';\n\nimport { GetDropdownStyleParams, IPopupProps } from './types';\n\nconst getDropdownStyles = ({\n  align, isFloatMenu, minWidth, container, target,\n}: GetDropdownStyleParams) => {\n  if (!container || !target) return '';\n  const targetDimensions = target.getBoundingClientRect();\n  const rightPosition = !isFloatMenu ?\n      (window.innerWidth - targetDimensions.x) - targetDimensions.width - 4 :\n    undefined;\n  const leftPosition = targetDimensions.left;\n  const topPosition = targetDimensions.top + window.scrollY + targetDimensions.height;\n\n  let top = topPosition + (isFloatMenu ? 6 : 2);\n  let maxHeight = undefined;\n  let showScroll = false;\n  const isOverflowing = top + container.scrollHeight > window.innerHeight;\n\n  if (isOverflowing) {\n    const targetPosition = targetDimensions.top;\n    const containerHeight = container.scrollHeight;\n    showScroll = containerHeight > targetPosition;\n    maxHeight = showScroll ? targetPosition - 10 : containerHeight;\n    top = top - maxHeight - targetDimensions.height - (isFloatMenu ? 6 : 2) - 5;\n  }\n\n  let style = `top: ${top}px; min-width: ${minWidth}px;`;\n  if (showScroll) style += `max-height: ${maxHeight}px; overflow-y: scroll;`;\n  if (align === 'left') {\n    style += `left: ${leftPosition}px;`;\n  } else if (align === 'right') {\n    style += `right: ${rightPosition}px;`;\n  }\n  return style;\n};\n\nconst { body } = document;\n\nconst DropdownPopup = ({\n  id,\n  customClassForDropdown = '',\n  align = 'left',\n  isFloatMenu = false,\n  topPosition = 0,\n  leftPosition = 0,\n  rightPosition = 0,\n  minWidth = 0,\n  targetRef,\n  ...props\n}: IPopupProps) => {\n  const popup = useRef(document.createElement('div'));\n  popup.current.className = `dropdown-component ${customClassForDropdown}`;\n  popup.current.dataset.testid = 'dropdown-component';\n\n  if (popup && popup.current) {\n    const modalContainers = document.body.getElementsByClassName('modalcontainer');\n    const lastModalContainer = modalContainers[modalContainers.length - 1] as HTMLElement;\n    popup.current.style.zIndex = `${modalContainers.length ? (Number(lastModalContainer.style.zIndex) + 1) : 99999}`;\n  }\n\n  useEffect(() => {\n    body.appendChild(popup.current);\n    popup.current.id = id || `dropdown-component-${uuid()}`;\n\n    popup.current.style.cssText = getDropdownStyles({\n      topPosition, leftPosition, rightPosition, align, isFloatMenu, minWidth, \n      container: popup.current, target: targetRef,\n    });\n\n    return () => {\n      body.removeChild(popup.current);\n    };\n  }, []);\n\n  return createPortal(props.children, popup.current);\n};\n\nexport default DropdownPopup;\n"],"names":["getDropdownStyles","align","isFloatMenu","minWidth","container","target","targetDimensions","getBoundingClientRect","rightPosition","undefined","window","innerWidth","x","width","leftPosition","left","top","scrollY","height","maxHeight","showScroll","scrollHeight","innerHeight","targetPosition","containerHeight","style","body","document","DropdownPopup","id","customClassForDropdown","topPosition","targetRef","props","popup","useRef","createElement","current","className","dataset","testid","modalContainers","getElementsByClassName","lastModalContainer","length","zIndex","Number","useEffect","appendChild","uuid","cssText","removeChild","createPortal","children"],"mappings":";;;AAMA,MAAMA,IAAoBA,CAAC;AAAA,EACzBC,OAAAA;AAAAA,EAAOC,aAAAA;AAAAA,EAAaC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,QAAAA;AACnB,MAAM;AAC5B,MAAI,CAACD,KAAa,CAACC,EAAQ,QAAO;AAClC,QAAMC,IAAmBD,EAAOE,sBAAAA,GAC1BC,IAAiBN,IAErBO,SADGC,OAAOC,aAAaL,EAAiBM,IAAKN,EAAiBO,QAAQ,GAElEC,IAAeR,EAAiBS;AAGtC,MAAIC,IAFgBV,EAAiBU,MAAMN,OAAOO,UAAUX,EAAiBY,UAEpDhB,IAAc,IAAI,IACvCiB,GACAC,IAAa;AAGjB,MAFsBJ,IAAMZ,EAAUiB,eAAeX,OAAOY,aAEzC;AACjB,UAAMC,IAAiBjB,EAAiBU,KAClCQ,IAAkBpB,EAAUiB;AAClCD,IAAAA,IAAaI,IAAkBD,GAC/BJ,IAAYC,IAAaG,IAAiB,KAAKC,GAC/CR,IAAMA,IAAMG,IAAYb,EAAiBY,UAAUhB,IAAc,IAAI,KAAK;AAAA,EAC5E;AAEA,MAAIuB,IAAQ,QAAQT,CAAG,kBAAkBb,CAAQ;AACjD,SAAIiB,MAAYK,KAAS,eAAeN,CAAS,4BAC7ClB,MAAU,SACZwB,KAAS,SAASX,CAAY,QACrBb,MAAU,YACnBwB,KAAS,UAAUjB,CAAa,QAE3BiB;AACT,GAEM;AAAA,EAAEC,MAAAA;AAAK,IAAIC,UAEXC,IAAgBA,CAAC;AAAA,EACrBC,IAAAA;AAAAA,EACAC,wBAAAA,IAAyB;AAAA,EACzB7B,OAAAA,IAAQ;AAAA,EACRC,aAAAA,IAAc;AAAA,EACd6B,aAAAA,IAAc;AAAA,EACdjB,cAAAA,IAAe;AAAA,EACfN,eAAAA,IAAgB;AAAA,EAChBL,UAAAA,IAAW;AAAA,EACX6B,WAAAA;AAAAA,EACA,GAAGC;AACQ,MAAM;AACjB,QAAMC,IAAQC,EAAOR,SAASS,cAAc,KAAK,CAAC;AAIlD,MAHAF,EAAMG,QAAQC,YAAY,sBAAsBR,CAAsB,IACtEI,EAAMG,QAAQE,QAAQC,SAAS,sBAE3BN,KAASA,EAAMG,SAAS;AAC1B,UAAMI,IAAkBd,SAASD,KAAKgB,uBAAuB,gBAAgB,GACvEC,IAAqBF,EAAgBA,EAAgBG,SAAS,CAAC;AACrEV,IAAAA,EAAMG,QAAQZ,MAAMoB,SAAS,GAAGJ,EAAgBG,SAAUE,OAAOH,EAAmBlB,MAAMoB,MAAM,IAAI,IAAK,KAAK;AAAA,EAChH;AAEAE,SAAAA,EAAU,OACRrB,EAAKsB,YAAYd,EAAMG,OAAO,GAC9BH,EAAMG,QAAQR,KAAKA,KAAM,sBAAsBoB,GAAM,IAErDf,EAAMG,QAAQZ,MAAMyB,UAAUlD,EAAkB;AAAA,IACJC,OAAAA;AAAAA,IAAOC,aAAAA;AAAAA,IAAaC,UAAAA;AAAAA,IAC9DC,WAAW8B,EAAMG;AAAAA,IAAShC,QAAQ2B;AAAAA,EAAAA,CACnC,GAEM,MAAM;AACXN,IAAAA,EAAKyB,YAAYjB,EAAMG,OAAO;AAAA,EAChC,IACC,CAAA,CAAE,GAEEe,EAAanB,EAAMoB,UAAUnB,EAAMG,OAAO;AACnD;"}

package/lib/dropdown/helper.d.ts

@@ -1,4 +1,2 @@
-declare const contentClass: (showClearButton: boolean) => string;
-declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;
-
-export { contentClass, getDropdownItemCssClass };
+export declare const contentClass: (showClearButton: boolean) => string;
+export declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;

package/lib/dropdown/index.d.ts

@@ -0,0 +1,3 @@
+import { default as withDropdown } from './withDropdown';
+export default withDropdown;
+export { withDropdown };

package/lib/dropdown/index.js

@@ -0,0 +1,6 @@
+import r from "./withDropdown.js";
+export {
+  r as default,
+  r as withDropdown
+};
+//# sourceMappingURL=index.js.map

package/lib/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/dropdown/types.d.ts

@@ -1,6 +1,5 @@
-import { ReactNode, Ref, ReactElement } from 'react';
-
-interface WithDropdownProps {
+import { ReactElement, ReactNode, Ref } from 'react';
+export interface WithDropdownProps {
     dropdown?: boolean;
     dropdownOpened?: boolean;
     dropdownAlign?: 'left' | 'right';
@@ -12,17 +11,17 @@ interface WithDropdownProps {
     isFloatMenu?: boolean;
     handlerClose?: (cb: () => void) => void;
 }
-interface WrappedComponentProps extends WithDropdownProps {
+export interface WrappedComponentProps extends WithDropdownProps {
     getDropdownPopup?: (ref: Ref<HTMLElement | null>) => ReactElement;
 }
-interface GetDisplayNameParams {
+export interface GetDisplayNameParams {
     displayName?: string;
     name?: string;
 }
-interface WithDropdownContextProps {
+export interface WithDropdownContextProps {
     handleDropdownClose: () => void;
 }
-interface IPopupProps {
+export interface IPopupProps {
     id?: string;
     children?: ReactNode;
     customClassForDropdown?: string;
@@ -34,7 +33,7 @@ interface IPopupProps {
     minWidth?: number;
     targetRef?: HTMLElement | HTMLInputElement | null;
 }
-interface GetDropdownStyleParams {
+export interface GetDropdownStyleParams {
     align: 'left' | 'right';
     minWidth: number;
     isFloatMenu: boolean;
@@ -44,5 +43,3 @@ interface GetDropdownStyleParams {
     container?: HTMLDivElement;
     target?: HTMLElement | HTMLInputElement | null;
 }
-
-export { GetDisplayNameParams, GetDropdownStyleParams, IPopupProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };

package/lib/dropdown/withDropdown.d.ts

@@ -1,10 +1,9 @@
-import React__default from 'react';
-import { WithDropdownContextProps, WithDropdownProps } from './types.js';
-
-declare const WithDropdownContext: React__default.Context<WithDropdownContextProps>;
-declare const withDropdown: <ComponentProps extends WithDropdownProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => {
-    (props: ComponentProps): JSX.Element;
+import { ComponentType } from 'react';
+import { WithDropdownProps, WithDropdownContextProps } from './types';
+declare const WithDropdownContext: import('react').Context<WithDropdownContextProps>;
+declare const withDropdown: <ComponentProps extends WithDropdownProps>(WrappedComponent: ComponentType<ComponentProps>) => {
+    (props: ComponentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-
-export { WithDropdownContext, withDropdown as default };
+export default withDropdown;
+export { WithDropdownContext };

package/lib/dropdown/withDropdown.js

@@ -1,93 +1,82 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithDropdownContext = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Popup = _interopRequireDefault(require("./Popup"));
-require("../assets/styles/dropdown.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const WithDropdownContext = exports.WithDropdownContext = /*#__PURE__*/(0, _react.createContext)({});
-const getDisplayName = Component => Component.displayName || Component.name || 'Component';
-const withDropdown = WrappedComponent => {
-  const EnhancedComponent = props => {
-    const {
-      dropdownOpened,
-      showDropdown,
-      dropdown,
-      closeDropdownOnClickOutside = true,
-      handlerClose,
-      customClassForDropdown,
-      children,
-      dropdownAlign = 'left',
-      isFloatMenu,
-      isDropdownOpened
-    } = props;
-    const [opened, setOpened] = (0, _react.useState)(dropdownOpened);
-    const [prevOpened, setPrevOpened] = (0, _react.useState)(dropdownOpened);
-    const popupRef = (0, _react.useRef)(null);
-    const wrappedComponentRef = (0, _react.useRef)(null);
-    if (dropdownOpened !== prevOpened) {
-      setOpened(dropdownOpened);
-      setPrevOpened(dropdownOpened);
-    }
-    const onClickOutside = event => {
+import { jsx as u } from "react/jsx-runtime";
+import { c as K } from "../_virtual/compiler-runtime.js";
+import { useState as V, useRef as q, useEffect as z, createContext as Q } from "react";
+import T from "./Popup.js";
+import '../assets/styles/dropdown.css';/* empty css                             */
+const U = Q({}), X = (o) => o.displayName || o.name || "Component", ne = (o) => {
+  const L = (n) => {
+    const e = K.c(30), {
+      dropdownOpened: c,
+      showDropdown: m,
+      dropdown: i,
+      closeDropdownOnClickOutside: R,
+      handlerClose: d,
+      customClassForDropdown: E,
+      children: S,
+      dropdownAlign: $,
+      isFloatMenu: p,
+      isDropdownOpened: B
+    } = n, a = R === void 0 ? !0 : R, b = $ === void 0 ? "left" : $, [r, f] = V(c), [G, H] = V(c), w = q(null), j = q(null);
+    c !== G && (f(c), H(c));
+    let h;
+    e[0] === Symbol.for("react.memo_cache_sentinel") ? (h = (t) => {
       const {
-        target
-      } = event;
-      if (popupRef?.current && target !== popupRef?.current && !event.composedPath().includes(popupRef.current) && wrappedComponentRef.current !== target) {
-        setOpened(false);
-      }
-    };
-    const onDropdownClick = () => {
-      setOpened(prevState => !prevState);
-    };
-    const getDropdown = targetRef => {
-      if (!targetRef || !opened) return null;
-      wrappedComponentRef.current = targetRef;
-      return /*#__PURE__*/_react.default.createElement(_Popup.default, {
-        targetRef: targetRef,
-        align: dropdownAlign,
-        customClassForDropdown: customClassForDropdown,
-        isFloatMenu: isFloatMenu
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: isFloatMenu ? 'items' : undefined,
-        ref: r => {
-          popupRef.current = r;
-        }
-      }, children));
-    };
-    (0, _react.useEffect)(() => {
-      if (dropdown && closeDropdownOnClickOutside) {
-        document.addEventListener('click', onClickOutside);
-      }
-      return () => {
-        if (dropdown && closeDropdownOnClickOutside) {
-          document.removeEventListener('click', onClickOutside);
-        }
-      };
-    }, []);
-    (0, _react.useEffect)(() => {
-      if (handlerClose) handlerClose(() => setOpened(false));
-    }, [handlerClose]);
-    const contextValues = {
-      handleDropdownClose: onDropdownClick
-    };
-    const newProps = {
-      getDropdownPopup: targetRef => getDropdown(targetRef),
-      showDropdown: !showDropdown ? () => setOpened(!opened) : showDropdown,
-      isDropdownOpened: isDropdownOpened || opened
-    };
-    if (!dropdown) return /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
-    return /*#__PURE__*/_react.default.createElement(WithDropdownContext.Provider, {
-      value: contextValues
-    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps)));
+        target: g
+      } = t;
+      w?.current && g !== w?.current && !t.composedPath().includes(w.current) && j.current !== g && f(!1);
+    }, e[0] = h) : h = e[0];
+    const M = h;
+    let D;
+    e[1] === Symbol.for("react.memo_cache_sentinel") ? (D = () => {
+      f(Y);
+    }, e[1] = D) : D = e[1];
+    const I = D;
+    let O;
+    e[2] !== S || e[3] !== E || e[4] !== b || e[5] !== p || e[6] !== r ? (O = (t) => !t || !r ? null : (j.current = t, /* @__PURE__ */ u(T, { targetRef: t, align: b, customClassForDropdown: E, isFloatMenu: p, children: /* @__PURE__ */ u("div", { className: p ? "items" : void 0, ref: (g) => {
+      w.current = g;
+    }, children: S }) })), e[2] = S, e[3] = E, e[4] = b, e[5] = p, e[6] = r, e[7] = O) : O = e[7];
+    const N = O;
+    let v;
+    e[8] !== a || e[9] !== i ? (v = () => (i && a && document.addEventListener("click", M), () => {
+      i && a && document.removeEventListener("click", M);
+    }), e[8] = a, e[9] = i, e[10] = v) : v = e[10];
+    let C;
+    e[11] === Symbol.for("react.memo_cache_sentinel") ? (C = [], e[11] = C) : C = e[11], z(v, C);
+    let _, y;
+    e[12] !== d ? (_ = () => {
+      d && d(() => f(!1));
+    }, y = [d], e[12] = d, e[13] = _, e[14] = y) : (_ = e[13], y = e[14]), z(_, y);
+    let k;
+    e[15] === Symbol.for("react.memo_cache_sentinel") ? (k = {
+      handleDropdownClose: I
+    }, e[15] = k) : k = e[15];
+    const J = k;
+    let l;
+    e[16] !== N ? (l = (t) => N(t), e[16] = N, e[17] = l) : l = e[17];
+    let s;
+    e[18] !== r || e[19] !== m ? (s = m || (() => f(!r)), e[18] = r, e[19] = m, e[20] = s) : s = e[20];
+    const A = B || r;
+    let x;
+    e[21] !== l || e[22] !== s || e[23] !== A ? (x = {
+      getDropdownPopup: l,
+      showDropdown: s,
+      isDropdownOpened: A
+    }, e[21] = l, e[22] = s, e[23] = A, e[24] = x) : x = e[24];
+    const F = x;
+    if (!i) {
+      let t;
+      return e[25] !== n ? (t = /* @__PURE__ */ u(o, { ...n }), e[25] = n, e[26] = t) : t = e[26], t;
+    }
+    let P;
+    return e[27] !== F || e[28] !== n ? (P = /* @__PURE__ */ u(U.Provider, { value: J, children: /* @__PURE__ */ u(o, { ...n, ...F }) }), e[27] = F, e[28] = n, e[29] = P) : P = e[29], P;
   };
-  EnhancedComponent.displayName = `withDropdown(${getDisplayName(WrappedComponent)})`;
-  return EnhancedComponent;
+  return L.displayName = `withDropdown(${X(o)})`, L;
+};
+function Y(o) {
+  return !o;
+}
+export {
+  U as WithDropdownContext,
+  ne as default
 };
-var _default = exports.default = withDropdown;
+//# sourceMappingURL=withDropdown.js.map

package/lib/dropdown/withDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDropdown.js","sources":["../../src/lib/dropdown/withDropdown.tsx"],"sourcesContent":["import { useEffect, useRef, useState, createContext, ComponentType } from 'react';\nimport Popup from './Popup';\nimport '../assets/styles/dropdown.scss';\nimport { GetDisplayNameParams, WithDropdownProps, WithDropdownContextProps } from './types';\n\nconst WithDropdownContext = createContext<WithDropdownContextProps>({} as WithDropdownContextProps);\n\nconst getDisplayName = (Component: GetDisplayNameParams) => Component.displayName || Component.name || 'Component';\n\nconst withDropdown = <ComponentProps extends WithDropdownProps>(\n  WrappedComponent: ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const {\n      dropdownOpened, showDropdown, dropdown, closeDropdownOnClickOutside = true, handlerClose,\n      customClassForDropdown, children, dropdownAlign = 'left', isFloatMenu, isDropdownOpened,\n    } = props;\n\n    const [opened, setOpened] = useState(dropdownOpened);\n    const [prevOpened, setPrevOpened] = useState(dropdownOpened);\n    const popupRef = useRef<HTMLElement | null>(null);\n    const wrappedComponentRef = useRef<HTMLElement | null>(null);\n\n    if (dropdownOpened !== prevOpened) {\n      setOpened(dropdownOpened);\n      setPrevOpened(dropdownOpened);\n    }\n\n    const onClickOutside = (event: Event) => {\n      const { target } = event;\n      if (popupRef?.current && target !== popupRef?.current &&\n        !event.composedPath().includes(popupRef.current)\n        && wrappedComponentRef.current !== target) {\n        setOpened(false);\n      }\n    };\n\n    const onDropdownClick = () => {\n      setOpened(prevState => !prevState);\n    };\n\n    const getDropdown = (targetRef: HTMLElement | null) => {\n      if (!targetRef || !opened) return null;\n      wrappedComponentRef.current = targetRef;\n      return (\n        <Popup\n          targetRef={targetRef}\n          align={dropdownAlign}\n          customClassForDropdown={customClassForDropdown}\n          isFloatMenu={isFloatMenu}>\n          <div className={isFloatMenu ? 'items' : undefined} ref={(r) => { popupRef.current = r; }}>\n            {children}\n          </div>\n        </Popup>\n      );\n    };\n\n    useEffect(() => {\n      if (dropdown && closeDropdownOnClickOutside) {\n        document.addEventListener('click', onClickOutside);\n      }\n\n      return () => {\n        if (dropdown && closeDropdownOnClickOutside) {\n          document.removeEventListener('click', onClickOutside);\n        }\n      };\n    }, []);\n\n    useEffect(() => {\n      if (handlerClose) handlerClose(() => setOpened(false));\n    }, [handlerClose]);\n\n    const contextValues = {\n      handleDropdownClose: onDropdownClick,\n    };\n\n    const newProps = {\n      getDropdownPopup: (targetRef: HTMLElement | null) => getDropdown(targetRef),\n      showDropdown: !showDropdown ? () => setOpened(!opened) : showDropdown,\n      isDropdownOpened: isDropdownOpened || opened,\n    };\n\n    if (!dropdown) return <WrappedComponent {...props} />;\n    return (\n      <WithDropdownContext.Provider value={contextValues}>\n        <WrappedComponent {...props} {...newProps} />\n      </WithDropdownContext.Provider>\n    );\n  };\n\n  EnhancedComponent.displayName = `withDropdown(${getDisplayName(WrappedComponent)})`;\n  return EnhancedComponent;\n};\n\nexport default withDropdown;\nexport { WithDropdownContext };\n"],"names":["WithDropdownContext","createContext","getDisplayName","Component","displayName","name","withDropdown","WrappedComponent","EnhancedComponent","props","$","_c","dropdownOpened","showDropdown","dropdown","closeDropdownOnClickOutside","t0","handlerClose","customClassForDropdown","children","dropdownAlign","t1","isFloatMenu","isDropdownOpened","undefined","opened","setOpened","useState","prevOpened","setPrevOpened","popupRef","useRef","wrappedComponentRef","t2","Symbol","for","event","target","current","composedPath","includes","onClickOutside","t3","_temp","onDropdownClick","t4","targetRef","jsx","Popup","r","getDropdown","t5","document","addEventListener","removeEventListener","t6","useEffect","t7","t8","t9","handleDropdownClose","contextValues","t10","targetRef_0","t11","t12","t13","getDropdownPopup","newProps","t14","prevState"],"mappings":"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"}

package/lib/fieldset/index.d.ts

@@ -1,8 +1,3 @@
-import { IFieldsetProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../@types/Position.js';
-
-declare const Fieldset: (props: IFieldsetProps) => JSX.Element | null;
-
-export { Fieldset as default };
+import { IFieldsetProps } from './types';
+declare const Fieldset: (props: IFieldsetProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Fieldset;

package/lib/fieldset/index.js

@@ -1,83 +1,71 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _gridlayout = _interopRequireDefault(require("../gridlayout"));
-var _permissionValidations = require("../permissionValidations");
-var _noPermission = _interopRequireDefault(require("../noPermission"));
-require("../assets/styles/fieldset.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const Fieldset = props => {
-  const {
-    gridCols,
-    children,
-    title,
-    titleAlign = 'left',
-    style,
-    styleContent,
-    styleTitle,
-    template = 'none',
-    titleCustomClass,
-    permissionAttr,
-    leftElements = null,
-    rightElements = null
-  } = props;
+import { jsx as f, jsxs as b } from "react/jsx-runtime";
+import { c as I } from "../_virtual/compiler-runtime.js";
+import { useState as R, Fragment as G } from "react";
+import k from "../gridlayout/GridCol.js";
+import { actionsOnPermissionDenied as q, OPTIONS_ON_DENIED as z } from "../permissionValidations.js";
+import B from "../noPermission/index.js";
+import '../assets/styles/fieldset.css';/* empty css                             */
+const W = (n) => {
+  const t = I.c(21), {
+    gridCols: l,
+    children: o,
+    title: e,
+    titleAlign: N,
+    style: u,
+    styleContent: C,
+    styleTitle: g,
+    template: w,
+    titleCustomClass: h,
+    permissionAttr: p,
+    leftElements: O,
+    rightElements: x
+  } = n, v = N === void 0 ? "left" : N, s = w === void 0 ? "none" : w, $ = O === void 0 ? null : O, E = x === void 0 ? null : x, {
+    hideContent: j,
+    unvisible: A
+  } = z;
+  let i;
+  t[0] !== p ? (i = q([j, A], p), t[0] = p, t[1] = i) : i = t[1];
+  const [r] = R(i), P = H;
+  let c;
+  t[2] !== s ? (c = (S) => {
+    const {
+      colsCount: D,
+      rowsCount: T
+    } = S, _ = D === void 0 ? 2 : D, F = T === void 0 ? 2 : T;
+    return s === "rows" ? {
+      gridTemplateRows: `repeat(${F}, 1fr)`
+    } : s === "columns" ? {
+      gridTemplateColumns: `repeat(${_}, 1fr)`
+    } : {};
+  }, t[2] = s, t[3] = c) : c = t[3];
+  const y = c;
+  let m;
+  t[4] !== o || t[5] !== y || t[6] !== $ || t[7] !== r.hideContent || t[8] !== n || t[9] !== E || t[10] !== u || t[11] !== C || t[12] !== g || t[13] !== s || t[14] !== e || t[15] !== v || t[16] !== h ? (m = () => /* @__PURE__ */ f("fieldset", { style: u, className: P({
+    ...n
+  }), children: r.hideContent ? /* @__PURE__ */ f(B, {}) : /* @__PURE__ */ b(G, { children: [
+    e && /* @__PURE__ */ b("legend", { style: g, align: v, className: `legend ${h}`, children: [
+      $,
+      e,
+      E
+    ] }),
+    /* @__PURE__ */ f("div", { className: `contentfieldset -template${s} `, style: Object.assign(y(n), C), children: o })
+  ] }) }), t[4] = o, t[5] = y, t[6] = $, t[7] = r.hideContent, t[8] = n, t[9] = E, t[10] = u, t[11] = C, t[12] = g, t[13] = s, t[14] = e, t[15] = v, t[16] = h, t[17] = m) : m = t[17];
+  const d = m;
+  if (r.unvisible)
+    return null;
+  let a;
+  return t[18] !== l || t[19] !== d ? (a = l ? /* @__PURE__ */ f(k, { cols: l, children: d() }) : d(), t[18] = l, t[19] = d, t[20] = a) : a = t[20], a;
+};
+function H(n) {
   const {
-    hideContent,
-    unvisible
-  } = _permissionValidations.OPTIONS_ON_DENIED;
-  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr));
-  const getCssClass = _ref => {
-    let {
-      type,
-      customClass,
-      hasError
-    } = _ref;
-    let cssClass = `fieldset-component ${customClass}`;
-    if (type) cssClass = `${cssClass} -${type}`;
-    if (hasError) cssClass = `${cssClass} -witherror`;
-    return cssClass;
-  };
-  const getContentStyle = _ref2 => {
-    let {
-      colsCount = 2,
-      rowsCount = 2
-    } = _ref2;
-    if (template === 'rows') {
-      return {
-        gridTemplateRows: `repeat(${rowsCount}, 1fr)`
-      };
-    } else if (template === 'columns') {
-      return {
-        gridTemplateColumns: `repeat(${colsCount}, 1fr)`
-      };
-    }
-    return {};
-  };
-  const renderContent = () => /*#__PURE__*/_react.default.createElement("fieldset", {
-    style: style,
-    className: getCssClass(_objectSpread({}, props))
-  }, onDenied.hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title && /*#__PURE__*/_react.default.createElement("legend", {
-    style: styleTitle,
-    align: titleAlign,
-    className: `legend ${titleCustomClass}`
-  }, leftElements, title, rightElements), /*#__PURE__*/_react.default.createElement("div", {
-    className: `contentfieldset -template${template} `,
-    style: Object.assign(getContentStyle(props), styleContent)
-  }, children)));
-  if (onDenied.unvisible) return null;
-  return gridCols ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-    cols: gridCols
-  }, renderContent()) : renderContent();
+    type: t,
+    customClass: l,
+    hasError: o
+  } = n;
+  let e = `fieldset-component ${l}`;
+  return t && (e = `${e} -${t}`), o && (e = `${e} -witherror`), e;
+}
+export {
+  W as default
 };
-var _default = exports.default = Fieldset;
+//# sourceMappingURL=index.js.map

package/lib/fieldset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/fieldset/index.tsx"],"sourcesContent":["import { Fragment, useState } from 'react';\nimport Grid from '../gridlayout';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport NoPermission from '../noPermission';\nimport '../assets/styles/fieldset.scss';\nimport { IFieldsetProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\n\nconst Fieldset = (props: IFieldsetProps) => {\n  const {\n    gridCols, children, title, titleAlign = 'left', style, styleContent, styleTitle,\n    template = 'none', titleCustomClass, permissionAttr, leftElements = null, rightElements = null,\n  } = props;\n  const { hideContent, unvisible } = OPTIONS_ON_DENIED;\n  const [onDenied] =\n    useState<OnDenied>(actionsOnPermissionDenied([hideContent, unvisible], permissionAttr));\n\n  const getCssClass = ({ type, customClass, hasError }: IFieldsetProps) => {\n    let cssClass = `fieldset-component ${customClass}`;\n    if (type) cssClass = `${cssClass} -${type}`;\n    if (hasError) cssClass = `${cssClass} -witherror`;\n    return cssClass;\n  };\n\n  const getContentStyle = ({ colsCount = 2, rowsCount = 2 }: IFieldsetProps) => {\n    if (template === 'rows') {\n      return { gridTemplateRows: `repeat(${rowsCount}, 1fr)` };\n    } else if (template === 'columns') {\n      return { gridTemplateColumns: `repeat(${colsCount}, 1fr)` };\n    }\n    return {};\n  };\n\n  const renderContent = () => (\n    <fieldset style={style} className={getCssClass({ ...props })}>\n      {onDenied.hideContent\n        ? (\n          <NoPermission />\n          )\n        : (\n          <Fragment>\n            {title && (\n            <legend\n              style={styleTitle}\n              align={titleAlign}\n              className={`legend ${titleCustomClass}`}>\n              {leftElements}\n              {title}\n              {rightElements}\n            </legend>\n            )}\n            <div\n              className={`contentfieldset -template${template} `}\n              style={Object.assign(getContentStyle(props), styleContent)}>\n              {children}\n            </div>\n          </Fragment>\n          )}\n    </fieldset>\n  );\n\n  if (onDenied.unvisible) return null;\n  return (\n    gridCols\n      ? (\n        <Grid cols={gridCols}>{renderContent()}</Grid>\n        )\n      : (\n          renderContent()\n        )\n  );\n};\n\nexport default Fieldset;\n"],"names":["Fieldset","props","$","_c","gridCols","children","title","titleAlign","t0","style","styleContent","styleTitle","template","t1","titleCustomClass","permissionAttr","leftElements","t2","rightElements","t3","undefined","hideContent","unvisible","OPTIONS_ON_DENIED","t4","actionsOnPermissionDenied","onDenied","useState","getCssClass","_temp","t5","t6","colsCount","t7","rowsCount","t8","gridTemplateRows","gridTemplateColumns","getContentStyle","jsx","NoPermission","Fragment","jsxs","Object","assign","renderContent","Grid","type","customClass","hasError","cssClass"],"mappings":";;;;;;;AAQA,MAAMA,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACf;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,YAAAC;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,cAAAC;AAAAA,IAAAC,eAAAC;AAAAA,EAAAA,IAGIlB,GAFyBM,IAAAC,MAAAY,SAAA,SAAAZ,GAC3BI,IAAAC,MAAAO,SAAA,SAAAP,GAAqDG,IAAAC,MAAAG,SAAA,OAAAH,GAAqBC,IAAAC,MAAAC,SAAA,OAAAD,GAE5E;AAAA,IAAAE,aAAAA;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAmCC;AAAkB,MAAAC;AAAA,EAAAtB,SAAAa,KAEhCS,IAAAC,EAA0B,CAACJ,GAAaC,CAAS,GAAGP,CAAc,GAACb,OAAAa,GAAAb,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA;AADxF,QAAA,CAAAwB,CAAA,IACEC,EAAmBH,CAAmE,GAExFI,IAAoBC;AAKlB,MAAAC;AAAA,EAAA5B,SAAAU,KAEsBkB,IAAAC,CAAAA,MAAA;AAAC,UAAA;AAAA,MAAAC,WAAAC;AAAAA,MAAAC,WAAAC;AAAAA,IAAAA,IAAAJ,GAAEC,IAAAC,MAAAb,SAAA,IAAAa,GAAeC,IAAAC,MAAAf,SAAA,IAAAe;AACxC,WAAIvB,MAAa,SACR;AAAA,MAAAwB,kBAAoB,UAAUF,CAAS;AAAA,IAAA,IACrCtB,MAAa,YACf;AAAA,MAAAyB,qBAAuB,UAAUL,CAAS;AAAA,IAAA,IAE5C,CAAA;AAAA,EAAE,GACV9B,OAAAU,GAAAV,OAAA4B,KAAAA,IAAA5B,EAAA,CAAA;AAPD,QAAAoC,IAAwBR;AAOtB,MAAAC;AAAA,EAAA7B,EAAA,CAAA,MAAAG,KAAAH,SAAAoC,KAAApC,EAAA,CAAA,MAAAc,KAAAd,EAAA,CAAA,MAAAwB,EAAAL,eAAAnB,SAAAD,KAAAC,EAAA,CAAA,MAAAgB,KAAAhB,EAAA,EAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAS,KAAAT,EAAA,EAAA,MAAAU,KAAAV,EAAA,EAAA,MAAAI,KAAAJ,UAAAK,KAAAL,EAAA,EAAA,MAAAY,KAEoBiB,IAAAA,MACpB,gBAAAQ,EAAA,YAAA,EAAiB9B,OAAAA,GAAkB,WAAAmB,EAAY;AAAA,IAAA,GAAK3B;AAAAA,EAAAA,CAAO,GACxDyB,UAAAA,EAAQL,gCAEJmB,GAAA,CAAA,CAAY,sBAGZC,GAAA,EACEnC,UAAAA;AAAAA,IAAAA,KACD,gBAAAoC,EAAA,YACS/B,UACAJ,UACI,qBAAUO,CAAgB,IACpCE,UAAAA;AAAAA,MAAAA;AAAAA,MACAV;AAAAA,MACAY;AAAAA,IAAAA,GACH;AAAA,IAEA,gBAAAqB,EAAA,OAAA,EACa,WAAA,4BAA4B3B,CAAQ,KACxC,OAAA+B,OAAMC,OAAQN,EAAgBrC,CAAK,GAAGS,CAAY,GACxDL,UAAAA,EAAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CAEN,GACDH,OAAAG,GAAAH,OAAAoC,GAAApC,OAAAc,GAAAd,EAAA,CAAA,IAAAwB,EAAAL,aAAAnB,OAAAD,GAAAC,OAAAgB,GAAAhB,QAAAO,GAAAP,QAAAQ,GAAAR,QAAAS,GAAAT,QAAAU,GAAAV,QAAAI,GAAAJ,QAAAK,GAAAL,QAAAY,GAAAZ,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA;AA1BD,QAAA2C,IAAsBd;AA4BtB,MAAIL,EAAQJ;AAAU,WAAS;AAAK,MAAAW;AAAA,SAAA/B,EAAA,EAAA,MAAAE,KAAAF,UAAA2C,KAElCZ,IAAA7B,sBAEK0C,GAAA,EAAW1C,MAAAA,GAAWyC,UAAAA,IAAc,CAAE,IAGrCA,EAAAA,GACD3C,QAAAE,GAAAF,QAAA2C,GAAA3C,QAAA+B,KAAAA,IAAA/B,EAAA,EAAA,GANL+B;AAMK;AA7DQ,SAAAJ,EAAArB,GAAA;AASM,QAAA;AAAA,IAAAuC,MAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAzC;AACnB,MAAA0C,IAAe,sBAAsBF,CAAW;AAChD,SAAID,MAAMG,IAAWA,GAAGA,CAAQ,KAAKH,CAAI,KACrCE,MAAUC,IAAWA,GAAGA,CAAQ,gBAC7BA;AAAQ;"}