linear-react-components-ui 1.1.25-rc.2 → 1.1.26-beta-0

package/lib/drawer/Content.js

@@ -1,26 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-var _noPermission = _interopRequireDefault(require("../noPermission"));
-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; }
-const Content = _ref => {
-  let {
-    children,
-    style
-  } = _ref;
-  const {
-    hideContent
-  } = (0, _react.useContext)(_helpers.default);
-  return hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement("div", {
-    className: "drawerbody",
-    style: style
-  }, children);
+import { j as o } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useContext as s } from "react";
+import m from "./helpers.js";
+import n from "../noPermission/index.js";
+const d = ({ children: t, style: r }) => {
+  const { hideContent: e } = s(m);
+  return e ? /* @__PURE__ */ o.jsx(n, {}) : /* @__PURE__ */ o.jsx("div", { className: "drawerbody", style: r, children: t });
+};
+export {
+  d as default
 };
-var _default = exports.default = Content;

package/lib/drawer/Drawer.d.ts

@@ -1,10 +1,4 @@
-import React__default from 'react';
-import { IDrawerProps } from './types.js';
-import '../@types/PermissionAttr.js';
-import '../@types/Position.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, isWaiting, customClassElementDrawer, ...rest }: IDrawerProps) => React__default.ReactPortal;
-
-export { BaseDrawer as default };
+import { default as React } from 'react';
+import { IDrawerProps } from './types';
+declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, isWaiting, ...rest }: IDrawerProps) => React.ReactPortal;
+export default BaseDrawer;

package/lib/drawer/Drawer.js

@@ -1,146 +1,72 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-var _permissionValidations = require("../permissionValidations");
-var _ = require(".");
-var _spinner = _interopRequireDefault(require("../spinner"));
-const _excluded = ["position", "customClass", "children", "style", "customClassForContent", "targetId", "closeOnEsc", "overlay", "permissionAttr", "skeletonize", "handlerClose", "customClassForDrawer", "content", "title", "isWaiting", "customClassElementDrawer"];
-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); }
-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); }
-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 BaseDrawer = _ref => {
-  let {
-      position = 'left',
-      customClass = '',
-      children,
-      style,
-      customClassForContent = '',
-      targetId,
-      closeOnEsc,
-      overlay,
-      permissionAttr,
-      skeletonize,
-      handlerClose,
-      customClassForDrawer = '',
-      content,
-      title,
-      isWaiting = false,
-      customClassElementDrawer = ''
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const headerProps = _objectSpread(_objectSpread({}, rest), {}, {
-    title
-  });
-  const drawerContainerEl = (0, _react.useRef)(document.createElement('div'));
-  drawerContainerEl.current.className = 'drawercontainer';
-  if (customClassElementDrawer) {
-    drawerContainerEl.current.className = customClassElementDrawer;
-  }
-  const drawerComponentEl = (0, _react.useRef)();
-  const {
-    hideContent
-  } = _permissionValidations.OPTIONS_ON_DENIED;
-  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent], permissionAttr));
-  const overlayStyle = isWaiting ? {
-    opacity: 0.4,
-    pointerEvent: 'none',
-    placeContent: 'center'
-  } : {};
-  const getSpinner = () => {
-    if (!isWaiting) return null;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "waitingspinner"
-    }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
-      style: {
-        width: 60
-      },
-      delayTime: 0
-    }));
+import { j as n } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useRef as f, useState as R, useEffect as v, Suspense as M } from "react";
+import _ from "react-dom";
+import H from "./helpers.js";
+import { OPTIONS_ON_DENIED as V, actionsOnPermissionDenied as q } from "../permissionValidations.js";
+import z from "./Header.js";
+import A from "./Content.js";
+import "../form/withFormSecurity.js";
+import F from "../spinner/index.js";
+import '../assets/Drawer.css';const W = ({
+  position: w = "left",
+  customClass: E = "",
+  children: C,
+  style: h,
+  customClassForContent: x = "",
+  targetId: o,
+  closeOnEsc: d,
+  overlay: D,
+  permissionAttr: N,
+  skeletonize: m,
+  handlerClose: s,
+  customClassForDrawer: j = "",
+  content: l,
+  title: u,
+  isWaiting: p = !1,
+  ...S
+}) => {
+  const b = { ...S, title: u }, i = f(document.createElement("div"));
+  i.current.className = "drawercontainer";
+  const a = f(null), { hideContent: O } = V, [P] = R(q([O], N)), B = p ? { opacity: 0.4, pointerEvent: "none", placeContent: "center" } : {}, g = () => p ? /* @__PURE__ */ n.jsx("div", { className: "waitingspinner", children: /* @__PURE__ */ n.jsx(F, { style: { width: 60 }, delayTime: 0 }) }) : null, k = (e, r) => {
+    const t = document.createElement("div");
+    t.className = "drawer-component", t.id = String(r), e.appendChild(t), t.appendChild(i.current), a.current = t;
+  }, T = (e) => {
+    const r = document.createElement("div");
+    r.className = "drawer-overlay", r.dataset.testid = "drawer-overlay", e.appendChild(r);
+  }, c = (e) => {
+    d && e.key === "Escape" && (s == null || s(), e.stopPropagation());
   };
-  const setDrawerComponent = (body, randonId) => {
-    const componentEl = document.createElement('div');
-    componentEl.className = 'drawer-component';
-    componentEl.id = String(randonId);
-    body.appendChild(componentEl);
-    componentEl.appendChild(drawerContainerEl.current);
-    drawerComponentEl.current = componentEl;
-  };
-  const setDrawerOverlay = (body, id) => {
-    const drawerOverlay = document.createElement('div');
-    drawerOverlay.className = 'drawer-overlay';
-    drawerOverlay.id = id;
-    drawerOverlay.dataset.testid = 'drawer-overlay';
-    body.appendChild(drawerOverlay);
-  };
-  const closeDrawerOnEsc = e => {
-    if (closeOnEsc && e.key === 'Escape') {
-      handlerClose?.();
-      e.stopPropagation();
-    }
-  };
-  (0, _react.useEffect)(() => {
-    let body;
-    const randomId = Math.round(+new Date() / 1000);
-    const overlayId = `overlay-${randomId}`;
-    if (targetId === undefined) {
-      body = document.getElementsByTagName('body')[0];
-    } else {
-      body = document.getElementById(targetId);
-    }
-    if (body) setDrawerComponent(body, randomId);
-    if (overlay && body) {
-      setDrawerOverlay(body, overlayId);
-    }
-    return () => {
-      const drawerOverlay = document.getElementById(overlayId);
-      if (closeOnEsc) document.body.removeEventListener('keydown', closeDrawerOnEsc);
-      if (targetId) {
-        const drawerComponentTarget = document.getElementById(targetId);
-        if (drawerComponentTarget && drawerComponentEl.current) {
-          drawerComponentTarget.removeChild(drawerComponentEl.current);
-        }
-      } else if (drawerComponentEl.current) document.body.removeChild(drawerComponentEl.current);
-      if (drawerOverlay && body) body.removeChild(drawerOverlay);
+  v(() => {
+    let e;
+    const r = Math.round(+/* @__PURE__ */ new Date() / 1e3);
+    return o === void 0 ? e = document.getElementsByTagName("body")[0] : e = document.getElementById(o), e && k(e, r), D && !o && e && T(e), () => {
+      const t = document.getElementsByClassName("drawer-overlay")[0];
+      if (d && document.body.removeEventListener("keydown", c), o) {
+        const y = document.getElementById(o);
+        y && a.current && y.removeChild(a.current);
+      } else a.current && document.body.removeChild(a.current);
+      t && !o && e && e.removeChild(t);
     };
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (closeOnEsc) {
-      document.body.addEventListener('keydown', closeDrawerOnEsc);
+  }, []), v(() => (d && document.body.addEventListener("keydown", c), () => document.body.removeEventListener("keydown", c)), [d]);
+  const $ = {
+    handlerClose: s,
+    hideContent: P.hideContent,
+    skeletonize: m
+  }, L = () => /* @__PURE__ */ n.jsx(H.Provider, { value: $, children: /* @__PURE__ */ n.jsx("div", { "data-testid": "drawercontainer-component", className: `${w} ${E}`, style: h, children: /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      style: B,
+      "data-testid": "drawercontent",
+      className: `drawercontent ${m ? "-skeletonized" : ""} ${x}`,
+      children: [
+        u && /* @__PURE__ */ n.jsx(z, { ...b, customClass: j }),
+        /* @__PURE__ */ n.jsx(M, { children: l ? /* @__PURE__ */ n.jsx(A, { children: l }) : C }),
+        g()
+      ]
     }
-    return () => document.body.removeEventListener('keydown', closeDrawerOnEsc);
-  }, [closeOnEsc]);
-  const contextValues = {
-    handlerClose,
-    hideContent: onDenied.hideContent,
-    skeletonize
-  };
-  const drawerContent = () => /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
-    value: contextValues
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "drawercontainer-component",
-    className: `${position} ${customClass}`,
-    style: style
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: overlayStyle,
-    "data-testid": "drawercontent",
-    className: `drawercontent ${skeletonize ? '-skeletonized' : ''} ${customClassForContent}`
-  }, title && /*#__PURE__*/_react.default.createElement(_.DrawerHeader, _extends({}, headerProps, {
-    customClass: customClassForDrawer
-  })), /*#__PURE__*/_react.default.createElement(_react.Suspense, null, content ? /*#__PURE__*/_react.default.createElement(_.DrawerContent, null, content) : children), getSpinner())));
-  return /*#__PURE__*/_reactDom.default.createPortal(drawerContent(), drawerContainerEl.current);
+  ) }) });
+  return _.createPortal(L(), i.current);
+};
+export {
+  W as default
 };
-var _default = exports.default = BaseDrawer;

package/lib/drawer/Drawer.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/drawer/Header.d.ts

@@ -1,10 +1,3 @@
-import { IDrawerHeaderProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../@types/Position.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const Header: ({ showCloseButton, title, subTitle, icon, titleIcon, customClass, titleContent, subTitleContent, titleRightContent, }: IDrawerHeaderProps) => JSX.Element;
-
-export { Header as default };
+import { IDrawerHeaderProps } from './types';
+declare const Header: ({ showCloseButton, title, subTitle, icon, titleIcon, customClass, titleContent, subTitleContent, titleRightContent, }: IDrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Header;

package/lib/drawer/Header.js

@@ -1,76 +1,43 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icons = _interopRequireDefault(require("../icons"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-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; }
-const getCloseButton = handlerClose => /*#__PURE__*/_react.default.createElement("span", {
-  "data-testid": "header-closebutton",
-  className: "closebutton",
-  onClick: handlerClose,
-  role: "button",
-  tabIndex: 0
-}, /*#__PURE__*/_react.default.createElement(_icons.default, {
-  name: "cancel2"
-}));
-const getIcon = (titleIcon, icon) => {
-  if (titleIcon || icon) {
-    return /*#__PURE__*/_react.default.createElement("span", {
-      "data-testid": "icon-header",
-      className: "icon-header"
-    }, icon || titleIcon && /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: titleIcon,
-      color: "#000",
-      size: 24
-    }));
+import { j as e } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useContext as p, Fragment as t } from "react";
+import h from "../icons/index.js";
+import N from "./helpers.js";
+const b = (r) => /* @__PURE__ */ e.jsx(
+  "span",
+  {
+    "data-testid": "header-closebutton",
+    className: "closebutton",
+    onClick: r,
+    role: "button",
+    tabIndex: 0,
+    children: /* @__PURE__ */ e.jsx(h, { name: "cancel2" })
   }
-  return /*#__PURE__*/_react.default.createElement("noscript", null);
+), o = (r, s) => r || s ? /* @__PURE__ */ e.jsx("span", { "data-testid": "icon-header", className: "icon-header", children: s || r && /* @__PURE__ */ e.jsx(h, { name: r, color: "#000", size: 24 }) }) : /* @__PURE__ */ e.jsx("noscript", {}), k = ({
+  showCloseButton: r = !0,
+  title: s,
+  subTitle: a,
+  icon: n,
+  titleIcon: d,
+  customClass: m,
+  titleContent: c,
+  subTitleContent: l,
+  titleRightContent: x
+}) => {
+  const { handlerClose: i } = p(N), u = () => c ? /* @__PURE__ */ e.jsx(t, { children: c }) : /* @__PURE__ */ e.jsxs(t, { children: [
+    n ? o(d, n) : o(d, null),
+    /* @__PURE__ */ e.jsx("h2", { className: "drawer-title", children: s }),
+    x
+  ] }), j = () => l ? /* @__PURE__ */ e.jsx(t, { children: l }) : a && /* @__PURE__ */ e.jsx("h3", { className: "drawer-subtitle", children: a }), f = () => i ? i() : void 0;
+  return /* @__PURE__ */ e.jsxs("div", { className: `drawerheader ${m}`, "data-testid": "drawerheader", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "left", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "title-subtitle", children: u() }),
+      j()
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "right", children: r && b(() => {
+      f();
+    }) })
+  ] });
 };
-const Header = _ref => {
-  let {
-    showCloseButton = true,
-    title,
-    subTitle,
-    icon,
-    titleIcon,
-    customClass,
-    titleContent,
-    subTitleContent,
-    titleRightContent
-  } = _ref;
-  const {
-    handlerClose
-  } = (0, _react.useContext)(_helpers.default);
-  const renderTitle = () => {
-    if (titleContent) return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, titleContent);
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, icon ? getIcon(titleIcon, icon) : getIcon(titleIcon, null), /*#__PURE__*/_react.default.createElement("h2", {
-      className: "drawer-title"
-    }, title), titleRightContent);
-  };
-  const renderSubtitle = () => {
-    if (subTitleContent) return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, subTitleContent);
-    return subTitle && /*#__PURE__*/_react.default.createElement("h3", {
-      className: "drawer-subtitle"
-    }, subTitle);
-  };
-  const checkHandlerClose = () => handlerClose ? handlerClose() : undefined;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `drawerheader ${customClass}`,
-    "data-testid": "drawerheader"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "left"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "title-subtitle"
-  }, renderTitle()), renderSubtitle()), /*#__PURE__*/_react.default.createElement("div", {
-    className: "right"
-  }, showCloseButton && getCloseButton(() => {
-    checkHandlerClose();
-  })));
+export {
+  k as default
 };
-var _default = exports.default = Header;

package/lib/drawer/helpers.d.ts

@@ -1,10 +1,4 @@
-import React__default from 'react';
-import { IDrawerContext } from './types.js';
-import '../@types/PermissionAttr.js';
-import '../@types/Position.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const DrawerContext: React__default.Context<IDrawerContext>;
-
-export { DrawerContext as default };
+import { default as React } from 'react';
+import { IDrawerContext } from './types';
+declare const DrawerContext: React.Context<IDrawerContext>;
+export default DrawerContext;

package/lib/drawer/helpers.js

@@ -1,10 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DrawerContext = /*#__PURE__*/_react.default.createContext({});
-var _default = exports.default = DrawerContext;
+import t from "react";
+const a = t.createContext({});
+export {
+  a as default
+};

package/lib/drawer/index.d.ts

@@ -1,12 +1,5 @@
-import { IDrawerProps } from './types.js';
-export { default as DrawerHeader } from './Header.js';
-export { default as DrawerContent } from './Content.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../@types/Position.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const _default: (props: IDrawerProps) => JSX.Element;
-
-export { _default as default };
+import { default as DrawerHeader } from './Header';
+import { default as DrawerContent } from './Content';
+declare const _default: (props: import('./types').IDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;
+export { DrawerHeader, DrawerContent };

package/lib/drawer/index.js

@@ -1,25 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DrawerContent", {
-  enumerable: true,
-  get: function () {
-    return _Content.default;
-  }
-});
-Object.defineProperty(exports, "DrawerHeader", {
-  enumerable: true,
-  get: function () {
-    return _Header.default;
-  }
-});
-exports.default = void 0;
-var _Drawer = _interopRequireDefault(require("./Drawer"));
-var _Header = _interopRequireDefault(require("./Header"));
-var _Content = _interopRequireDefault(require("./Content"));
-require("../assets/styles/drawers.scss");
-var _withFormSecurity = _interopRequireDefault(require("../form/withFormSecurity"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = (0, _withFormSecurity.default)(_Drawer.default);
+import r from "./Drawer.js";
+import { default as p } from "./Header.js";
+import { default as w } from "./Content.js";
+import e from "../form/withFormSecurity.js";
+const o = e(r);
+export {
+  w as DrawerContent,
+  p as DrawerHeader,
+  o as default
+};

package/lib/drawer/types.d.ts

@@ -1,16 +1,13 @@
-import React__default, { ReactNode, ReactElement } from 'react';
-import { PermissionAttr } from '../@types/PermissionAttr.js';
-import { Position } from '../@types/Position.js';
-import { IconNames } from '../@types/Icon.js';
-import '../icons/helper.js';
-
-interface IDrawerProps extends React__default.HTMLAttributes<HTMLDivElement> {
+import { default as React, ReactElement, ReactNode } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr';
+import { Position } from '../@types/Position';
+import { IconNames } from '../@types/Icon';
+export interface IDrawerProps extends React.HTMLAttributes<HTMLDivElement> {
     overlay?: boolean;
     children?: ReactNode;
     customClass?: string;
     customClassForContent?: string;
     customClassForDrawer?: string;
-    customClassElementDrawer?: string;
     position?: Exclude<Position, 'center'>;
     handlerClose?: () => void;
     closeOnEsc?: boolean;
@@ -22,7 +19,7 @@ interface IDrawerProps extends React__default.HTMLAttributes<HTMLDivElement> {
     title?: string;
     isWaiting?: boolean;
 }
-interface IDrawerHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
+export interface IDrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     showCloseButton?: boolean;
     customClass?: string;
     title?: string;
@@ -33,10 +30,8 @@ interface IDrawerHeaderProps extends React__default.HTMLAttributes<HTMLDivElemen
     icon?: ReactElement;
     titleIcon?: IconNames;
 }
-interface IDrawerContext {
+export interface IDrawerContext {
     handlerClose?: () => void;
     hideContent?: boolean;
     skeletonize?: boolean;
 }
-
-export { IDrawerContext, IDrawerHeaderProps, IDrawerProps };

package/lib/dropdown/Popup.d.ts

@@ -1,6 +1,3 @@
-import * as React from 'react';
-import { IPopupProps } from './types.js';
-
-declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, targetRef, ...props }: IPopupProps) => React.ReactPortal;
-
-export { DropdownPopup as default };
+import { IPopupProps } from './types';
+declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, targetRef, ...props }: IPopupProps) => import('react').ReactPortal;
+export default DropdownPopup;