linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/node_modules/uuid/dist/v4.js

@@ -0,0 +1,22 @@
+import { unsafeStringify as e } from "./stringify.js";
+import t from "./rng.js";
+import n from "./native.js";
+//#region node_modules/uuid/dist/v4.js
+function r(n, r, i) {
+	n ||= {};
+	let a = n.random ?? n.rng?.() ?? t();
+	if (a.length < 16) throw Error("Random bytes length must be >= 16");
+	if (a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, r) {
+		if (i ||= 0, i < 0 || i + 16 > r.length) throw RangeError(`UUID byte range ${i}:${i + 15} is out of buffer bounds`);
+		for (let e = 0; e < 16; ++e) r[i + e] = a[e];
+		return r;
+	}
+	return e(a);
+}
+function i(e, t, i) {
+	return n.randomUUID && !t && !e ? n.randomUUID() : r(e, t, i);
+}
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=v4.js.map

package/lib/node_modules/uuid/dist/v4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v4.js","names":["native"],"sources":["../../../../node_modules/uuid/dist/v4.js"],"sourcesContent":["import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\nfunction _v4(options, buf, offset) {\n    options = options || {};\n    const rnds = options.random ?? options.rng?.() ?? rng();\n    if (rnds.length < 16) {\n        throw new Error('Random bytes length must be >= 16');\n    }\n    rnds[6] = (rnds[6] & 0x0f) | 0x40;\n    rnds[8] = (rnds[8] & 0x3f) | 0x80;\n    if (buf) {\n        offset = offset || 0;\n        if (offset < 0 || offset + 16 > buf.length) {\n            throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);\n        }\n        for (let i = 0; i < 16; ++i) {\n            buf[offset + i] = rnds[i];\n        }\n        return buf;\n    }\n    return unsafeStringify(rnds);\n}\nfunction v4(options, buf, offset) {\n    if (native.randomUUID && !buf && !options) {\n        return native.randomUUID();\n    }\n    return _v4(options, buf, offset);\n}\nexport default v4;\n"],"x_google_ignoreList":[0],"mappings":";;;;AAGA,SAAS,EAAI,GAAS,GAAK,GAAQ;AAC/B,OAAqB,EAAE;CACvB,IAAM,IAAO,EAAQ,UAAU,EAAQ,OAAO,IAAI,GAAK;AACvD,KAAI,EAAK,SAAS,GACd,OAAU,MAAM,oCAAoC;AAIxD,KAFA,EAAK,KAAM,EAAK,KAAK,KAAQ,IAC7B,EAAK,KAAM,EAAK,KAAK,KAAQ,KACzB,GAAK;AAEL,MADA,MAAmB,GACf,IAAS,KAAK,IAAS,KAAK,EAAI,OAChC,OAAU,WAAW,mBAAmB,EAAO,GAAG,IAAS,GAAG,0BAA0B;AAE5F,OAAK,IAAI,IAAI,GAAG,IAAI,IAAI,EAAE,EACtB,GAAI,IAAS,KAAK,EAAK;AAE3B,SAAO;;AAEX,QAAO,EAAgB,EAAK;;AAEhC,SAAS,EAAG,GAAS,GAAK,GAAQ;AAI9B,QAHIA,EAAO,cAAc,CAAC,KAAO,CAAC,IACvBA,EAAO,YAAY,GAEvB,EAAI,GAAS,GAAK,EAAO"}

package/lib/panel/Content.d.ts

@@ -1,10 +1,3 @@
-import { IPanelContentProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../internals/colorStyles.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const PanelContent: ({ customClass, children, ...rest }: IPanelContentProps) => JSX.Element | null;
-
-export { PanelContent as default };
+import { IPanelContentProps } from './types';
+declare const PanelContent: ({ customClass, children, ...rest }: IPanelContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export default PanelContent;

package/lib/panel/Content.js

@@ -1,83 +1,42 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _helpers = _interopRequireWildcard(require("./helpers"));
-var _noPermission = _interopRequireDefault(require("../noPermission"));
-const _excluded = ["customClass", "children"];
-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 _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 PanelContent = _ref => {
-  let {
-      customClass,
-      children
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const {
-    opened,
-    onEndReached,
-    onEndReachedThreshold = 0.1,
-    hideContent
-  } = (0, _react.useContext)(_helpers.default);
-  const rootElementRef = (0, _react.useRef)(null);
-  const lastScrollHeight = (0, _react.useRef)(0);
-  const enableOnEndReached = (0, _react.useRef)(true);
-  const onScrollEndReached = (0, _react.useCallback)(async () => {
-    const element = rootElementRef.current;
-    if (element && onEndReached) {
-      const {
-        scrollTop,
-        scrollHeight,
-        clientHeight
-      } = element;
-      const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;
-      const threshold = (0, _helpers.getCurrentThreshold)(element, onEndReachedThreshold);
-      if (scrollOffset <= threshold && enableOnEndReached.current) {
-        enableOnEndReached.current = false;
-        await new Promise(resolve => {
-          resolve(onEndReached());
-        });
-        lastScrollHeight.current = scrollHeight;
-      }
-    }
-  }, [onEndReached, onEndReachedThreshold, rootElementRef.current, lastScrollHeight.current]);
-  (0, _react.useEffect)(() => {
-    let observer;
-    if (rootElementRef !== null && rootElementRef !== void 0 && rootElementRef.current && onEndReached) {
-      observer = new ResizeObserver(() => {
-        const currentElement = rootElementRef.current;
-        if (currentElement) {
-          const {
-            scrollHeight
-          } = currentElement;
-          if (scrollHeight && scrollHeight !== lastScrollHeight.current) {
-            var _observer;
-            enableOnEndReached.current = true;
-            (_observer = observer) === null || _observer === void 0 ? void 0 : _observer.disconnect();
-          }
-        }
-      });
-      observer.observe(rootElementRef.current);
-      rootElementRef.current.addEventListener('scroll', onScrollEndReached);
-      rootElementRef.current.addEventListener('resize', onScrollEndReached);
-    }
-    return () => {
-      var _rootElementRef$curre, _rootElementRef$curre2, _observer2;
-      (_rootElementRef$curre = rootElementRef.current) === null || _rootElementRef$curre === void 0 ? void 0 : _rootElementRef$curre.removeEventListener('scroll', onScrollEndReached);
-      (_rootElementRef$curre2 = rootElementRef.current) === null || _rootElementRef$curre2 === void 0 ? void 0 : _rootElementRef$curre2.removeEventListener('resize', onScrollEndReached);
-      (_observer2 = observer) === null || _observer2 === void 0 ? void 0 : _observer2.disconnect();
-    };
-  }, [onScrollEndReached]);
-  if (!opened) return null;
-  return hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement("div", _extends({
-    ref: rootElementRef,
-    className: "panel-content ".concat(customClass !== null && customClass !== void 0 ? customClass : '')
-  }, rest), opened && children);
+import e, { getCurrentThreshold as t } from "./helpers.js";
+import n from "../noPermission/index.js";
+import { useCallback as r, useContext as i, useEffect as a, useRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/lib/panel/Content.tsx
+var c = ({ customClass: c, children: l, ...u }) => {
+	let { opened: d, onEndReached: f, onEndReachedThreshold: p = .1, hideContent: m } = i(e), h = o(null), g = o(0), _ = o(!0), v = r(async () => {
+		let e = h.current;
+		if (e && f) {
+			let { scrollTop: n, scrollHeight: r, clientHeight: i } = e;
+			r - i - n - 1 <= t(e, p) && _.current && (_.current = !1, await new Promise((e) => {
+				e(f());
+			}), g.current = r);
+		}
+	}, [
+		f,
+		p,
+		h.current,
+		g.current
+	]);
+	return a(() => {
+		let e;
+		return h?.current && f && (e = new ResizeObserver(() => {
+			let t = h.current;
+			if (t) {
+				let { scrollHeight: n } = t;
+				n && n !== g.current && (_.current = !0, e?.disconnect());
+			}
+		}), e.observe(h.current), h.current.addEventListener("scroll", v), h.current.addEventListener("resize", v)), () => {
+			h.current?.removeEventListener("scroll", v), h.current?.removeEventListener("resize", v), e?.disconnect();
+		};
+	}, [v]), d ? m ? /* @__PURE__ */ s(n, {}) : /* @__PURE__ */ s("div", {
+		ref: h,
+		className: `panel-content ${c ?? ""}`,
+		...u,
+		children: d && l
+	}) : null;
 };
-var _default = exports.default = PanelContent;
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=Content.js.map

package/lib/panel/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","names":[],"sources":["../../src/lib/panel/Content.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react';\nimport PanelContext, { getCurrentThreshold } from './helpers';\nimport NoPermission from '../noPermission';\nimport { IPanelContentProps } from './types';\n\nconst PanelContent = ({ customClass, children, ...rest }: IPanelContentProps) => {\n  const {\n    opened, onEndReached, onEndReachedThreshold = 0.1, hideContent,\n  } = useContext(PanelContext);\n  const rootElementRef = useRef<HTMLDivElement>(null);\n  const lastScrollHeight = useRef(0);\n  const enableOnEndReached = useRef(true);\n\n  const onScrollEndReached = useCallback(async () => {\n    const element = rootElementRef.current;\n\n    if (element && onEndReached) {\n      const { scrollTop, scrollHeight, clientHeight } = element;\n      const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;\n      const threshold = getCurrentThreshold(element, onEndReachedThreshold);\n\n      if (scrollOffset <= threshold && enableOnEndReached.current) {\n        enableOnEndReached.current = false;\n        await new Promise((resolve) => {\n          resolve(onEndReached());\n        });\n        lastScrollHeight.current = scrollHeight;\n      }\n    }\n  }, [\n    onEndReached, onEndReachedThreshold,\n    rootElementRef.current, lastScrollHeight.current,\n  ]);\n\n  useEffect(() => {\n    let observer: ResizeObserver | null;\n    if (rootElementRef?.current && onEndReached) {\n      observer = new ResizeObserver(() => {\n        const currentElement = rootElementRef.current;\n        if (currentElement) {\n          const { scrollHeight } = currentElement as HTMLDivElement;\n          if (scrollHeight && scrollHeight !== lastScrollHeight.current) {\n            enableOnEndReached.current = true;\n            observer?.disconnect();\n          }\n        }\n      });\n\n      observer.observe(rootElementRef.current);\n      rootElementRef.current.addEventListener('scroll', onScrollEndReached);\n      rootElementRef.current.addEventListener('resize', onScrollEndReached);\n    }\n\n    return () => {\n      rootElementRef.current?.removeEventListener('scroll', onScrollEndReached);\n      rootElementRef.current?.removeEventListener('resize', onScrollEndReached);\n      observer?.disconnect();\n    };\n  }, [onScrollEndReached]);\n\n  if (!opened) return null;\n  return (\n    hideContent\n      ? (\n        <NoPermission />\n        )\n      : (\n        <div\n          ref={rootElementRef}\n          className={`panel-content ${customClass ?? ''}`}\n          {...rest}>\n          {opened && children}\n        </div>\n        )\n  );\n};\n\nexport default PanelContent;\n"],"mappings":";;;;;AAKA,IAAM,KAAgB,EAAE,gBAAa,aAAU,GAAG,QAA+B;CAC/E,IAAM,EACJ,WAAQ,iBAAc,2BAAwB,IAAK,mBACjD,EAAW,EAAa,EACtB,IAAiB,EAAuB,KAAK,EAC7C,IAAmB,EAAO,EAAE,EAC5B,IAAqB,EAAO,GAAK,EAEjC,IAAqB,EAAY,YAAY;EACjD,IAAM,IAAU,EAAe;AAE/B,MAAI,KAAW,GAAc;GAC3B,IAAM,EAAE,cAAW,iBAAc,oBAAiB;AAIlD,GAHqB,IAAe,IAAe,IAAY,KAC7C,EAAoB,GAAS,EAAsB,IAEpC,EAAmB,YAClD,EAAmB,UAAU,IAC7B,MAAM,IAAI,SAAS,MAAY;AAC7B,MAAQ,GAAc,CAAC;KACvB,EACF,EAAiB,UAAU;;IAG9B;EACD;EAAc;EACd,EAAe;EAAS,EAAiB;EAC1C,CAAC;AA6BF,QA3BA,QAAgB;EACd,IAAI;AAkBJ,SAjBI,GAAgB,WAAW,MAC7B,IAAW,IAAI,qBAAqB;GAClC,IAAM,IAAiB,EAAe;AACtC,OAAI,GAAgB;IAClB,IAAM,EAAE,cAAA,MAAiB;AACzB,IAAI,KAAgB,MAAiB,EAAiB,YACpD,EAAmB,UAAU,IAC7B,GAAU,YAAY;;IAG1B,EAEF,EAAS,QAAQ,EAAe,QAAQ,EACxC,EAAe,QAAQ,iBAAiB,UAAU,EAAmB,EACrE,EAAe,QAAQ,iBAAiB,UAAU,EAAmB,SAG1D;AAGX,GAFA,EAAe,SAAS,oBAAoB,UAAU,EAAmB,EACzE,EAAe,SAAS,oBAAoB,UAAU,EAAmB,EACzE,GAAU,YAAY;;IAEvB,CAAC,EAAmB,CAAC,EAEnB,IAEH,IAEI,kBAAC,GAAD,EAAgB,CAAA,GAGhB,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,iBAAiB,KAAe;EAC3C,GAAI;YACH,KAAU;EACP,CAAA,GAZQ"}

package/lib/panel/DangerPanel.d.ts

@@ -1,10 +1,3 @@
-import { IPanelProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../internals/colorStyles.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const DangerPanel: (props: IPanelProps) => JSX.Element;
-
-export { DangerPanel as default };
+import { IPanelProps } from './types';
+declare const DangerPanel: (props: IPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default DangerPanel;

package/lib/panel/DangerPanel.js

@@ -1,15 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import e from "./Default.js";
+import t from "../internals/colorStyles.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/panel/DangerPanel.tsx
+var r = (r) => /* @__PURE__ */ n(e, {
+	...r,
+	colorStyle: t.DANGER
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Default = _interopRequireDefault(require("./Default"));
-var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 DangerPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
-  colorStyle: _colorStyles.default.DANGER
-}));
-var _default = exports.default = DangerPanel;
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=DangerPanel.js.map

package/lib/panel/DangerPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DangerPanel.js","names":[],"sources":["../../src/lib/panel/DangerPanel.tsx"],"sourcesContent":["import Default from './Default';\nimport ColorStyles from '../internals/colorStyles';\nimport { IPanelProps } from './types';\n\nconst DangerPanel = (props: IPanelProps) => <Default {...props} colorStyle={ColorStyles.DANGER} />;\n\nexport default DangerPanel;\n"],"mappings":";;;;AAIA,IAAM,KAAe,MAAuB,kBAAC,GAAD;CAAS,GAAI;CAAO,YAAY,EAAY;CAAU,CAAA"}

package/lib/panel/Default.d.ts

@@ -1,10 +1,3 @@
-import { IPanelProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../internals/colorStyles.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const DefaultPanel: ({ startOpened, toggleable, customClass, children, title, gridCols, onEndReached, onEndReachedThreshold, permissionAttr, colorStyle, ...rest }: IPanelProps) => JSX.Element | null;
-
-export { DefaultPanel as default };
+import { IPanelProps } from './types';
+declare const DefaultPanel: ({ startOpened, toggleable, customClass, children, title, gridCols, onEndReached, onEndReachedThreshold, permissionAttr, colorStyle, ...rest }: IPanelProps) => import("react/jsx-runtime").JSX.Element | null;
+export default DefaultPanel;

package/lib/panel/Default.js

@@ -1,66 +1,45 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _gridlayout = _interopRequireDefault(require("../gridlayout"));
-var _Header = _interopRequireDefault(require("./Header"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-var _permissionValidations = require("../permissionValidations");
-const _excluded = ["startOpened", "toggleable", "customClass", "children", "title", "gridCols", "onEndReached", "onEndReachedThreshold", "permissionAttr", "colorStyle"];
-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 _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 DefaultPanel = _ref => {
-  let {
-      startOpened = true,
-      toggleable,
-      customClass,
-      children,
-      title,
-      gridCols,
-      onEndReached,
-      onEndReachedThreshold = 0.1,
-      permissionAttr,
-      colorStyle
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const [opened, setOpened] = (0, _react.useState)(startOpened);
-  const {
-    hideContent,
-    unvisible
-  } = _permissionValidations.OPTIONS_ON_DENIED;
-  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr));
-  const getCssClass = () => {
-    let cssClass = "panel-component ".concat(customClass);
-    cssClass += colorStyle !== '' ? " -".concat(colorStyle) : '';
-    return cssClass;
-  };
-  const renderContent = () => /*#__PURE__*/_react.default.createElement("div", _extends({
-    className: getCssClass()
-  }, rest), title && /*#__PURE__*/_react.default.createElement(_Header.default, {
-    title: title
-  }), children);
-  const contextValues = () => ({
-    toggleable,
-    handlerToggleable: () => {
-      setOpened(!opened);
-    },
-    opened,
-    onEndReached,
-    onEndReachedThreshold,
-    hideContent: onDenied.hideContent,
-    unvisible: onDenied.unvisible
-  });
-  if (onDenied.unvisible) return null;
-  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
-    value: contextValues()
-  }, gridCols ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-    cols: gridCols
-  }, renderContent()) : renderContent());
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "../gridlayout/index.js";
+import { OPTIONS_ON_DENIED as n, actionsOnPermissionDenied as r } from "../permissionValidations.js";
+import i from "./helpers.js";
+import a from "./Header.js";
+import { useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/lib/panel/Default.tsx
+var l = e(), u = (e) => {
+	let u = (0, l.c)(12), { startOpened: d, toggleable: f, customClass: p, children: m, title: h, gridCols: g, onEndReached: _, onEndReachedThreshold: v, permissionAttr: y, colorStyle: b, ...x } = e, S = d === void 0 ? !0 : d, C = v === void 0 ? .1 : v, [w, T] = o(S), { hideContent: E, unvisible: D } = n, O;
+	u[0] === y ? O = u[1] : (O = r([E, D], y), u[0] = y, u[1] = O);
+	let [k] = o(O), A;
+	u[2] !== b || u[3] !== p ? (A = () => {
+		let e = `panel-component ${p}`;
+		return e += b === "" ? "" : ` -${b}`, e;
+	}, u[2] = b, u[3] = p, u[4] = A) : A = u[4];
+	let j = A, M = () => c("div", {
+		className: j(),
+		...x,
+		children: [h && s(a, { title: h }), m]
+	}), N;
+	u[5] !== k.hideContent || u[6] !== k.unvisible || u[7] !== _ || u[8] !== C || u[9] !== w || u[10] !== f ? (N = () => ({
+		toggleable: f,
+		handlerToggleable: () => {
+			T(!w);
+		},
+		opened: w,
+		onEndReached: _,
+		onEndReachedThreshold: C,
+		hideContent: k.hideContent,
+		unvisible: k.unvisible
+	}), u[5] = k.hideContent, u[6] = k.unvisible, u[7] = _, u[8] = C, u[9] = w, u[10] = f, u[11] = N) : N = u[11];
+	let P = N;
+	return k.unvisible ? null : s(i.Provider, {
+		value: P(),
+		children: g ? s(t, {
+			cols: g,
+			children: M()
+		}) : M()
+	});
 };
-var _default = exports.default = DefaultPanel;
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=Default.js.map

package/lib/panel/Default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Default.js","names":[],"sources":["../../src/lib/panel/Default.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Grid from '../gridlayout';\nimport Header from './Header';\nimport PanelContext from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { IPanelProps, ContextProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\n\nconst DefaultPanel = ({\n  startOpened = true, toggleable, customClass, children, title, gridCols, onEndReached,\n  onEndReachedThreshold = 0.1, permissionAttr, colorStyle, ...rest\n}: IPanelProps) => {\n  const [opened, setOpened] = useState(startOpened);\n  const { hideContent, unvisible } = OPTIONS_ON_DENIED;\n  const [onDenied] =\n    useState<OnDenied>(actionsOnPermissionDenied([hideContent, unvisible], permissionAttr));\n\n  const getCssClass = () => {\n    let cssClass = `panel-component ${customClass}`;\n    cssClass += colorStyle !== '' ? ` -${colorStyle}` : '';\n    return cssClass;\n  };\n\n  const renderContent = () => (\n    <div className={getCssClass()} {...rest}>\n      {title && <Header title={title} />}\n      {children}\n    </div>\n  );\n\n  const contextValues = () => ({\n    toggleable,\n    handlerToggleable: () => { setOpened(!opened); },\n    opened,\n    onEndReached,\n    onEndReachedThreshold,\n    hideContent: onDenied.hideContent,\n    unvisible: onDenied.unvisible,\n  }) as ContextProps;\n\n  if (onDenied.unvisible) return null;\n\n  return (\n    <PanelContext.Provider value={contextValues()}>\n      { gridCols\n        ? (\n          <Grid cols={gridCols}>{renderContent()}</Grid>\n          )\n        : (\n            renderContent()\n          )}\n    </PanelContext.Provider>\n  );\n};\n\nexport default DefaultPanel;\n"],"mappings":";;;;;;;;aAQM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EAAgB,EAAA,aAAA,GAAA,eAAA,gBAAA,aAAA,UAAA,aAAA,iBAAA,uBAAA,GAAA,mBAAA,eAAA,GAAA,MAAA,GACpB,IAAA,MAAA,KAAA,IAAA,KAAA,GACA,IAAA,MAAA,KAAA,IAAA,KAAA,GAEA,CAAA,GAAA,KAA4B,EAAS,EAAY,EACjD,EAAA,gBAAA,iBAAmC,GAAA;AAAA,CAAA,EAAA,OAAA,IAEqD,IAAA,EAAA,MAAnE,IAAA,EAA0B,CAAC,GAAa,EAAU,EAAE,EAAe,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CADxF,IAAA,CAAA,KACE,EAAmB,EAAoE,EAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEnF,UAAA;EACJ,IAAA,IAAe,mBAAmB;AACkB,SAApD,KAAY,MAAe,KAAf,KAAA,KAAyB,KAC9B;;CAHT,IAAA,IAAM,GAMN,UACE,EAAC,OAAD;EAAA,WAAgB,GAAa;EAAA,GAAM;EAAA,UAAnC,CACG,KAAS,EAAC,GAAD,EAAA,UAAwB,CAAA,EACjC,EAAA;;4GAIC,WAAuB;EAAA;EAAA,yBAE3B;AAA2B,KAAU,CAAC,EAAO;;;;;eAIhC,EAAA;EAAS,WACX,EAAA;EACZ,GAAA,EAAA,KAAA,EAAA,aAAA,EAAA,KAAA,EAAA,WAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA;CARD,IAAA,IAAM;AAUyB,QAA3B,EAAA,YAA2B,OAG7B,EAAC,EAAA,UAAD;EAAA,OAA8B,GAAe;EAAA,UACzC,IAEE,EAAC,GAAD;GAAA,MAAY;GAAA,UAAW,GAAA;GAGrB,CAAe,GAAf,GAAA;EAEgB,CAAA"}

package/lib/panel/Header.d.ts

@@ -1,10 +1,3 @@
-import { IPanelHeaderProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../internals/colorStyles.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const PanelHeader: (props: IPanelHeaderProps) => JSX.Element;
-
-export { PanelHeader as default };
+import { IPanelHeaderProps } from './types';
+declare const PanelHeader: (props: IPanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default PanelHeader;

package/lib/panel/Header.js

@@ -1,74 +1,51 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icons = _interopRequireDefault(require("../icons"));
-var _buttons = _interopRequireWildcard(require("../buttons"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-const _excluded = ["titleIcon", "icon", "title", "children", "styleForTitle", "customClassForTitle"];
-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 _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 getIcon = (titleIcon, icon) => {
-  if (icon) {
-    return icon;
-  } else if (titleIcon) {
-    return /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: titleIcon,
-      color: "#000",
-      size: 16
-    });
-  }
-  return null;
-};
-const getClassName = _ref => {
-  let {
-    customClass,
-    headerColored = true
-  } = _ref;
-  let className = "panel-header ".concat(customClass !== null && customClass !== void 0 ? customClass : '');
-  if (!headerColored) className += ' -uncolored';
-  return className;
+import e from "../icons/index.js";
+import t from "../buttons/button_container/index.js";
+import n from "../buttons/index.js";
+import r from "./helpers.js";
+import { useContext as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/lib/panel/Header.tsx
+var s = (t, n) => n || (t ? /* @__PURE__ */ a(e, {
+	name: t,
+	color: "#000",
+	size: 16
+}) : null), c = ({ customClass: e, headerColored: t = !0 }) => {
+	let n = `panel-header ${e ?? ""}`;
+	return t || (n += " -uncolored"), n;
+}, l = (l) => {
+	let { titleIcon: u, icon: d, title: f, children: p, styleForTitle: m, customClassForTitle: h, ...g } = l, { toggleable: _, handlerToggleable: v, opened: y } = i(r);
+	return o("div", {
+		className: c(l),
+		...g,
+		children: [
+			(d || u) && a("div", {
+				className: `${d !== null || u !== null ? "icon-left-panel" : ""}`,
+				children: s(u, d)
+			}),
+			f && a("h1", {
+				className: `title ${h ?? ""}`,
+				style: m,
+				children: f
+			}),
+			_ && a(t, {
+				position: "right",
+				children: a(n, {
+					boxShadow: !1,
+					transparent: !0,
+					onClick: () => {
+						v();
+					},
+					icon: a(e, {
+						name: y ? "up" : "down",
+						size: 16
+					})
+				})
+			}),
+			p
+		]
+	});
 };
-const PanelHeader = props => {
-  const {
-      titleIcon,
-      icon,
-      title,
-      children,
-      styleForTitle,
-      customClassForTitle
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
-  const {
-    toggleable,
-    handlerToggleable,
-    opened
-  } = (0, _react.useContext)(_helpers.default);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    className: getClassName(props)
-  }, rest), (icon || titleIcon) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(icon !== null || titleIcon !== null ? 'icon-left-panel' : '')
-  }, getIcon(titleIcon, icon)), title && /*#__PURE__*/_react.default.createElement("h1", {
-    className: "title ".concat(customClassForTitle !== null && customClassForTitle !== void 0 ? customClassForTitle : ''),
-    style: styleForTitle
-  }, title), toggleable && /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
-    position: "right"
-  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    boxShadow: false,
-    transparent: true,
-    onClick: () => {
-      handlerToggleable();
-    },
-    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: opened ? 'up' : 'down',
-      size: 16
-    })
-  })), children);
-};
-var _default = exports.default = PanelHeader;
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=Header.js.map

package/lib/panel/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":[],"sources":["../../src/lib/panel/Header.tsx"],"sourcesContent":["import { ReactElement, useContext } from 'react';\nimport Icon from '../icons';\nimport Button, { ButtonContainer } from '../buttons';\nimport PanelContext from './helpers';\nimport { IPanelHeaderProps } from './types';\nimport { IconNames } from '../@types/Icon';\n\nconst getIcon = (titleIcon?: IconNames, icon?: ReactElement) => {\n  if (icon) {\n    return icon;\n  } else if (titleIcon) {\n    return <Icon name={titleIcon} color=\"#000\" size={16} />;\n  }\n  return null;\n};\n\nconst getClassName = ({ customClass, headerColored = true }: IPanelHeaderProps) => {\n  let className = `panel-header ${customClass ?? ''}`;\n  if (!headerColored) className += ' -uncolored';\n  return className;\n};\n\nconst PanelHeader = (props: IPanelHeaderProps) => {\n  const {\n    titleIcon, icon, title, children, styleForTitle, customClassForTitle, ...rest\n  } = props;\n  const { toggleable, handlerToggleable, opened } = useContext(PanelContext);\n\n  return (\n    <div className={getClassName(props)} {...rest}>\n      {(icon || titleIcon) &&\n        <div className={`${(icon !== null || titleIcon !== null) ? 'icon-left-panel' : ''}`}>\n          {getIcon(titleIcon, icon)}\n        </div>\n      }\n      {title && (\n        <h1 className={`title ${customClassForTitle ?? ''}`} style={styleForTitle}>\n          {title}\n        </h1>\n      )}\n      {toggleable &&\n        <ButtonContainer position=\"right\">\n          <Button\n            boxShadow={false}\n            transparent\n            onClick={() => { handlerToggleable(); }}\n            icon={<Icon name={opened ? 'up' : 'down'} size={16} />} />\n        </ButtonContainer>\n      }\n      {children}\n    </div>\n  );\n};\n\nexport default PanelHeader;\n"],"mappings":";;;;;;;AAOA,IAAM,KAAW,GAAuB,MAClC,MAEO,IACF,kBAAC,GAAD;CAAM,MAAM;CAAW,OAAM;CAAO,MAAM;CAAM,CAAA,GAElD,OAGH,KAAgB,EAAE,gBAAa,mBAAgB,SAA8B;CACjF,IAAI,IAAY,gBAAgB,KAAe;AAE/C,QADK,MAAe,KAAa,gBAC1B;GAGH,KAAA,MAAA;CACJ,IAAA,EAAA,cAAA,SAAA,UAAA,aAAA,kBAAA,wBAAA,GAAA,MAEI,GACJ,EAAA,eAAA,sBAAA,cAAkD,EAAW,EAAa;AAAA,QAGxE,EAAC,OAAD;EAAA,WAAgB,EAAa,EAAM;EAAA,GAAM;EAAA,UAAzC;IACI,KAAA,MACA,EAAC,OAAD;IAAA,WAAgB,GAAI,MAAS,QAAQ,MAAc,OAA/B,oBAAA;IAA2D,UAC5E,EAAQ,GAAW,EAAA;IAChB,CAAA;GAEP,KACC,EAAC,MAAD;IAAA,WAAe,SAAS,KAAA;IAAuB,OAAa;IAAA,UACzD;IACE,CAAA;GAEN,KACC,EAAC,GAAD;IAAA,UAA0B;IAAA,UACxB,EAAC,GAAD;KAAA,WACa;KAAA,aACX;KAAA,eACA;AAAiB,SAAmB;;WAC9B,EAAC,GAAD;MAAA,MAAY,IAAA,OAAA;MAAgB,MAAc;MAAM,CAAA;KAAI,CAAA;IAC5C,CAAA;GAEnB;GAAA"}

package/lib/panel/InfoPanel.d.ts

@@ -1,10 +1,3 @@
-import { IPanelProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../internals/colorStyles.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const InfoPanel: (props: IPanelProps) => JSX.Element;
-
-export { InfoPanel as default };
+import { IPanelProps } from './types';
+declare const InfoPanel: (props: IPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default InfoPanel;

package/lib/panel/InfoPanel.js

@@ -1,15 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import e from "./Default.js";
+import t from "../internals/colorStyles.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/panel/InfoPanel.tsx
+var r = (r) => /* @__PURE__ */ n(e, {
+	...r,
+	colorStyle: t.INFO
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Default = _interopRequireDefault(require("./Default"));
-var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 InfoPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
-  colorStyle: _colorStyles.default.INFO
-}));
-var _default = exports.default = InfoPanel;
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=InfoPanel.js.map

package/lib/panel/InfoPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoPanel.js","names":[],"sources":["../../src/lib/panel/InfoPanel.tsx"],"sourcesContent":["import Default from './Default';\nimport ColorStyles from '../internals/colorStyles';\nimport { IPanelProps } from './types';\n\nconst InfoPanel = (props: IPanelProps) => <Default {...props} colorStyle={ColorStyles.INFO} />;\n\nexport default InfoPanel;\n"],"mappings":";;;;AAIA,IAAM,KAAa,MAAuB,kBAAC,GAAD;CAAS,GAAI;CAAO,YAAY,EAAY;CAAQ,CAAA"}

package/lib/panel/PrimaryPanel.d.ts

@@ -1,10 +1,3 @@
-import { IPanelProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../internals/colorStyles.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const PrimaryPanel: (props: IPanelProps) => JSX.Element;
-
-export { PrimaryPanel as default };
+import { IPanelProps } from './types';
+declare const PrimaryPanel: (props: IPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default PrimaryPanel;

package/lib/panel/PrimaryPanel.js

@@ -1,15 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import e from "./Default.js";
+import t from "../internals/colorStyles.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/panel/PrimaryPanel.tsx
+var r = (r) => /* @__PURE__ */ n(e, {
+	...r,
+	colorStyle: t.PRIMARY
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Default = _interopRequireDefault(require("./Default"));
-var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 PrimaryPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
-  colorStyle: _colorStyles.default.PRIMARY
-}));
-var _default = exports.default = PrimaryPanel;
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=PrimaryPanel.js.map

package/lib/panel/PrimaryPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryPanel.js","names":[],"sources":["../../src/lib/panel/PrimaryPanel.tsx"],"sourcesContent":["import Default from './Default';\nimport ColorStyles from '../internals/colorStyles';\nimport { IPanelProps } from './types';\n\nconst PrimaryPanel =\n  (props: IPanelProps) => <Default {...props} colorStyle={ColorStyles.PRIMARY} />;\n\nexport default PrimaryPanel;\n"],"mappings":";;;;AAIA,IAAM,KACH,MAAuB,kBAAC,GAAD;CAAS,GAAI;CAAO,YAAY,EAAY;CAAW,CAAA"}