linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/dialog/wizard/step.js

@@ -1,6 +1,22 @@
-import "../../chunks/jsx-runtime.D1SHvdVE.js";
-import "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { W as i } from "./progressbar.js";
-export {
-  i as WizardStep
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WizardStep = WizardStep;
+var _react = _interopRequireDefault(require("react"));
+var _ = require(".");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function WizardStep(_ref) {
+  let {
+    children,
+    customClass = '',
+    customStyle
+  } = _ref;
+  const context = (0, _.useWizardContext)();
+  if (!context) throw new Error('WizardStep must be used within a Wizard component');
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "wizard-step-component ".concat(customClass),
+    style: customStyle
+  }, children);
+}

package/lib/dialog/wizard/useWizard.d.ts

@@ -1,2 +1,9 @@
-import { UseWizardReturn } from '../types';
-export declare const useWizard: () => UseWizardReturn;
+import { UseWizardReturn } from '../types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const useWizard: () => UseWizardReturn;
+
+export { useWizard };

package/lib/dialog/wizard/useWizard.js

@@ -1,45 +1,47 @@
-import { c as _ } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import v, { useState as R } from "react";
-const g = () => {
-  const t = _.c(20), [n, m] = R(0), [o, u] = v.useState(1), e = o < n, s = o > 1;
-  let l;
-  t[0] === Symbol.for("react.memo_cache_sentinel") ? (l = (x) => {
-    u((h) => h + x);
-  }, t[0] = l) : l = t[0];
-  const i = l;
-  let S;
-  t[1] !== e ? (S = () => {
-    e && i(1);
-  }, t[1] = e, t[2] = S) : S = t[2];
-  const c = S;
-  let a;
-  t[3] !== s ? (a = () => {
-    s && i(-1);
-  }, t[3] = s, t[4] = a) : a = t[4];
-  const r = a;
-  let p;
-  t[5] !== o || t[6] !== e || t[7] !== s || t[8] !== c || t[9] !== r || t[10] !== n ? (p = {
-    changeStep: i,
-    nextStep: c,
-    hasNextStep: e,
-    previousStep: r,
-    hasPreviousStep: s,
-    currentStep: o,
-    totalSteps: n,
-    setTotalSteps: m
-  }, t[5] = o, t[6] = e, t[7] = s, t[8] = c, t[9] = r, t[10] = n, t[11] = p) : p = t[11];
-  let f;
-  return t[12] !== o || t[13] !== e || t[14] !== s || t[15] !== c || t[16] !== r || t[17] !== p || t[18] !== n ? (f = {
-    changeStep: i,
-    nextStep: c,
-    hasNextStep: e,
-    previousStep: r,
-    hasPreviousStep: s,
-    currentStep: o,
-    totalSteps: n,
-    controls: p
-  }, t[12] = o, t[13] = e, t[14] = s, t[15] = c, t[16] = r, t[17] = p, t[18] = n, t[19] = f) : f = t[19], f;
-};
-export {
-  g as useWizard
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWizard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const useWizard = () => {
+  const [totalSteps, setTotalSteps] = (0, _react.useState)(0);
+  const [currentStep, setCurrentStep] = _react.default.useState(1);
+  const hasNextStep = currentStep < totalSteps;
+  const hasPreviousStep = currentStep > 1;
+  const changeStep = nextStep => {
+    setCurrentStep(state => state + nextStep);
+  };
+  const nextStep = () => {
+    if (hasNextStep) {
+      changeStep(1);
+    }
+  };
+  const previousStep = () => {
+    if (hasPreviousStep) {
+      changeStep(-1);
+    }
+  };
+  return {
+    changeStep,
+    nextStep,
+    hasNextStep,
+    previousStep,
+    hasPreviousStep,
+    currentStep,
+    totalSteps,
+    controls: {
+      changeStep,
+      nextStep,
+      hasNextStep,
+      previousStep,
+      hasPreviousStep,
+      currentStep,
+      totalSteps,
+      setTotalSteps
+    }
+  };
 };
+exports.useWizard = useWizard;

package/lib/drawer/Content.d.ts

@@ -1,3 +1,10 @@
-import { IDrawerProps } from './types';
-declare const Content: ({ children, style }: IDrawerProps) => import("react/jsx-runtime").JSX.Element;
-export default Content;
+import { IDrawerProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const Content: ({ children, style }: IDrawerProps) => JSX.Element;
+
+export { Content as default };

package/lib/drawer/Content.js

@@ -1,18 +1,25 @@
-import { j as m } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as i } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as c } from "react";
-import p from "./helpers.js";
-import a from "../noPermission/index.js";
-const j = (n) => {
-  const t = i.c(4), {
-    children: r,
-    style: e
-  } = n, {
-    hideContent: s
-  } = c(p);
-  let o;
-  return t[0] !== r || t[1] !== s || t[2] !== e ? (o = s ? /* @__PURE__ */ m.jsx(a, {}) : /* @__PURE__ */ m.jsx("div", { className: "drawerbody", style: e, children: r }), t[0] = r, t[1] = s, t[2] = e, t[3] = o) : o = t[3], o;
-};
-export {
-  j as default
+"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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);
 };
+var _default = exports.default = Content;

package/lib/drawer/Drawer.d.ts

@@ -1,4 +1,10 @@
-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;
+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 };

package/lib/drawer/Drawer.js

@@ -1,75 +1,144 @@
-import { j as n } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { useRef as f, useState as L, useEffect as v, Suspense as R } from "react";
-import M 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: C = "",
-  children: h,
-  style: E,
-  customClassForContent: x = "",
-  targetId: o,
-  closeOnEsc: d,
-  overlay: D,
-  permissionAttr: N,
-  skeletonize: c,
-  handlerClose: m,
-  customClassForDrawer: j = "",
-  content: l,
-  title: u,
-  isWaiting: p = !1,
-  ...S
-}) => {
-  const b = {
-    ...S,
-    title: u
-  }, s = f(document.createElement("div"));
-  s.current.className = "drawercontainer";
-  const a = f(null), {
-    hideContent: O
-  } = V, [P] = L(q([O], N)), B = p ? {
+"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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"
-  } : {}, _ = () => p ? /* @__PURE__ */ n.jsx("div", { className: "waitingspinner", children: /* @__PURE__ */ n.jsx(F, { style: {
-    width: 60
-  }, delayTime: 0 }) }) : null, g = (e, r) => {
-    const t = document.createElement("div");
-    t.className = "drawer-component", t.id = String(r), e.appendChild(t), t.appendChild(s.current), a.current = t;
-  }, k = (e) => {
-    const r = document.createElement("div");
-    r.className = "drawer-overlay", r.dataset.testid = "drawer-overlay", e.appendChild(r);
-  }, i = (e) => {
-    d && e.key === "Escape" && (m?.(), e.stopPropagation());
+    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
+    }));
   };
-  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 && g(e, r), D && !o && e && k(e), () => {
-      const t = document.getElementsByClassName("drawer-overlay")[0];
-      if (d && document.body.removeEventListener("keydown", i), 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);
+  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.inert = false;
+    drawerOverlay.dataset.testid = 'drawer-overlay';
+    body.appendChild(drawerOverlay);
+  };
+  const closeDrawerOnEsc = e => {
+    if (closeOnEsc && e.key === 'Escape') {
+      handlerClose === null || handlerClose === void 0 ? void 0 : handlerClose();
+      e.stopPropagation();
+    }
+  };
+  (0, _react.useEffect)(() => {
+    let body;
+    const randomId = Math.round(+new Date() / 1000);
+    const overlayId = "overlay-".concat(randomId);
+    if (targetId === undefined) {
+      body = document.getElementsByTagName('body')[0];
+    } else {
+      body = document.getElementById(targetId);
+    }
+    if (overlay && body) setDrawerOverlay(body, overlayId);
+    if (body) setDrawerComponent(body, randomId);
+    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(() => (d && document.body.addEventListener("keydown", i), () => document.body.removeEventListener("keydown", i)), [d]);
-  const T = {
-    handlerClose: m,
-    hideContent: P.hideContent,
-    skeletonize: c
-  }, $ = () => /* @__PURE__ */ n.jsx(H.Provider, { value: T, children: /* @__PURE__ */ n.jsx("div", { "data-testid": "drawercontainer-component", className: `${w} ${C}`, style: E, children: /* @__PURE__ */ n.jsxs("div", { style: B, "data-testid": "drawercontent", className: `drawercontent ${c ? "-skeletonized" : ""} ${x}`, children: [
-    u && /* @__PURE__ */ n.jsx(z, { ...b, customClass: j }),
-    /* @__PURE__ */ n.jsx(R, { children: l ? /* @__PURE__ */ n.jsx(A, { children: l }) : h }),
-    _()
-  ] }) }) });
-  return M.createPortal($(), s.current);
-};
-export {
-  W as default
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (closeOnEsc) {
+      document.body.addEventListener('keydown', closeDrawerOnEsc);
+    }
+    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: "".concat(position, " ").concat(customClass),
+    style: style
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: overlayStyle,
+    "data-testid": "drawercontent",
+    className: "drawercontent ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClassForContent)
+  }, title && /*#__PURE__*/_react.default.createElement(_.DrawerHeader, _extends({}, headerProps, {
+    customClass: customClassForDrawer
+  })), content ? /*#__PURE__*/_react.default.createElement(_.DrawerContent, null, content) : children, getSpinner())));
+  return /*#__PURE__*/_reactDom.default.createPortal(drawerContent(), drawerContainerEl.current);
 };
+var _default = exports.default = BaseDrawer;

package/lib/drawer/Header.d.ts

@@ -1,3 +1,10 @@
-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;
+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 };

package/lib/drawer/Header.js

@@ -1,56 +1,75 @@
-import { j as t } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as I } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as $, Fragment as R } from "react";
-import E from "../icons/index.js";
-import z from "./helpers.js";
-const D = (s) => /* @__PURE__ */ t.jsx("span", { "data-testid": "header-closebutton", className: "closebutton", onClick: s, role: "button", tabIndex: 0, children: /* @__PURE__ */ t.jsx(E, { name: "cancel2" }) }), k = (s, e) => s || e ? /* @__PURE__ */ t.jsx("span", { "data-testid": "icon-header", className: "icon-header", children: e || s && /* @__PURE__ */ t.jsx(E, { name: s, color: "#000", size: 24 }) }) : /* @__PURE__ */ t.jsx("noscript", {}), G = (s) => {
-  const e = I.c(27), {
-    showCloseButton: T,
-    title: C,
-    subTitle: a,
-    icon: c,
-    titleIcon: d,
-    customClass: H,
-    titleContent: m,
-    subTitleContent: u,
-    titleRightContent: b
-  } = s, N = T === void 0 ? !0 : T, {
-    handlerClose: h
-  } = $(z);
-  let x;
-  e[0] !== c || e[1] !== C || e[2] !== m || e[3] !== d || e[4] !== b ? (x = () => m ? /* @__PURE__ */ t.jsx(R, { children: m }) : /* @__PURE__ */ t.jsxs(R, { children: [
-    c ? k(d, c) : k(d, null),
-    /* @__PURE__ */ t.jsx("h2", { className: "drawer-title", children: C }),
-    b
-  ] }), e[0] = c, e[1] = C, e[2] = m, e[3] = d, e[4] = b, e[5] = x) : x = e[5];
-  const w = x;
-  let f;
-  e[6] !== a || e[7] !== u ? (f = () => u ? /* @__PURE__ */ t.jsx(R, { children: u }) : a && /* @__PURE__ */ t.jsx("h3", { className: "drawer-subtitle", children: a }), e[6] = a, e[7] = u, e[8] = f) : f = e[8];
-  const v = f;
-  let j;
-  e[9] !== h ? (j = () => h ? h() : void 0, e[9] = h, e[10] = j) : j = e[10];
-  const g = j, B = `drawerheader ${H}`;
-  let r;
-  e[11] !== w ? (r = /* @__PURE__ */ t.jsx("div", { className: "title-subtitle", children: w() }), e[11] = w, e[12] = r) : r = e[12];
-  let l;
-  e[13] !== v ? (l = v(), e[13] = v, e[14] = l) : l = e[14];
-  let n;
-  e[15] !== r || e[16] !== l ? (n = /* @__PURE__ */ t.jsxs("div", { className: "left", children: [
-    r,
-    l
-  ] }), e[15] = r, e[16] = l, e[17] = n) : n = e[17];
-  let i;
-  e[18] !== g || e[19] !== N ? (i = N && D(() => {
-    g();
-  }), e[18] = g, e[19] = N, e[20] = i) : i = e[20];
-  let o;
-  e[21] !== i ? (o = /* @__PURE__ */ t.jsx("div", { className: "right", children: i }), e[21] = i, e[22] = o) : o = e[22];
-  let p;
-  return e[23] !== o || e[24] !== B || e[25] !== n ? (p = /* @__PURE__ */ t.jsxs("div", { className: B, "data-testid": "drawerheader", children: [
-    n,
-    o
-  ] }), e[23] = o, e[24] = B, e[25] = n, e[26] = p) : p = e[26], p;
+"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement("noscript", null);
 };
-export {
-  G as default
+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 ".concat(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();
+  })));
 };
+var _default = exports.default = Header;

package/lib/drawer/helpers.d.ts

@@ -1,4 +1,10 @@
-import { default as React } from 'react';
-import { IDrawerContext } from './types';
-declare const DrawerContext: React.Context<IDrawerContext>;
-export default DrawerContext;
+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 };

package/lib/drawer/helpers.js

@@ -1,5 +1,10 @@
-import t from "react";
-const o = t.createContext({});
-export {
-  o as default
-};
+"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;

package/lib/drawer/index.d.ts

@@ -1,5 +1,12 @@
-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 };
+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 };