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

package/lib/calendar/base/index.js

@@ -1,200 +1,105 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("../../assets/styles/calendar.scss");
-var _react = _interopRequireWildcard(require("react"));
-var _moment = _interopRequireDefault(require("moment"));
-var _uuid = require("uuid");
-var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
-var _buttons = _interopRequireDefault(require("../../buttons"));
-var _helpers = 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 arrowKeys = ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft'];
-const Calendar = props => {
+import { j as o } from "../../chunks/jsx-runtime.CYK1ROHF.js";
+import { useRef as x, useState as G, useEffect as g } from "react";
+import O from "moment";
+import P from "./Month.js";
+import v from "../../buttons/Button.js";
+import "../../icons/index.js";
+import '../../assets/gridlayout.css';import '../../assets/button.css';import '../../assets/index11.css';/* empty css                           */
+/* empty css                               */
+import U from "../../gridlayout/GridCol.js";
+import { validDate as y, getCalendarCssClass as _, dayNames as B, CalendarContext as F } from "./helpers.js";
+import { v as j } from "../../chunks/v1.CDXKvGzE.js";
+const K = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"], Z = (A) => {
   const {
-    currentDate: currentDateProp = (0, _moment.default)(),
-    onDateChange,
-    drawGridLines = false,
-    colorStyle,
-    unpadding = false,
-    customClass,
-    gridLayout,
-    currentDateButton,
-    calendarContainer
-  } = props;
-  const currentCalendarRef = (0, _react.useRef)(null);
-  const calendarMonthsContainerRef = (0, _react.useRef)(null);
-  const currentDaySelectedContainerRef = (0, _react.useRef)(null);
-  const [currentDate, setCurrentDate] = (0, _react.useState)(currentDateProp);
-  const [currentMonth, setCurrentMonth] = (0, _react.useState)((0, _moment.default)(currentDateProp).format('MM-YYYY'));
-  const onDateChangeFunction = date => {
-    setCurrentDate(date);
-    if (onDateChange) onDateChange(date);
-  };
-  const createCalendarWithWeeksAndDays = () => {
-    const firstDayOfMonth = (0, _moment.default)(currentMonth, 'MM-YYYY').startOf('month');
-    const lastDayOfMonth = (0, _moment.default)(currentMonth, 'MM-YYYY').endOf('month');
-    const startDate = firstDayOfMonth.clone().startOf('week');
-    const endDate = lastDayOfMonth.clone().endOf('week');
-    const days = [];
-    const day = startDate.clone();
-    while (day.isBefore(endDate, 'day') || day.isSame(endDate, 'day')) {
-      days.push({
-        date: day.clone(),
-        isDaySelected: day.isSame(currentDate)
-      });
-      day.add(1, 'day');
-    }
-    return days;
-  };
-  const changeMonth = amountMonthsToChange => {
-    const newDate = (0, _moment.default)(currentMonth, 'MM-YYYY').add(amountMonthsToChange, 'month').format('MM-YYYY');
-    setCurrentMonth(newDate);
-  };
-  const getFirstOrLastDayButtonOfCalendar = function () {
-    let firstOrLast = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'first';
-    const listOfButtons = currentCalendarRef.current?.getElementsByClassName('daybutton') || [];
-    if (firstOrLast === 'first') return listOfButtons[0];
-    if (firstOrLast === 'last') return listOfButtons[listOfButtons.length - 1];
-  };
-  const navigateWithArrows = event => {
-    let indexCurrentDay = 0;
-    const eventTarget = event.target;
-    indexCurrentDay = Number(eventTarget.getAttribute('data-day-index') || 0);
-    const containerDaySelected = currentCalendarRef.current?.getElementsByClassName('-selectedday');
-    const buttonDaySelected = containerDaySelected?.[0]?.firstChild;
-    const daysOfMonth = currentCalendarRef.current?.getElementsByClassName('daybutton');
-    const lastDayButtonElement = getFirstOrLastDayButtonOfCalendar('last');
-    if (!currentCalendarRef.current?.contains(document.activeElement)) {
-      if (currentCalendarRef.current?.contains(buttonDaySelected)) {
-        buttonDaySelected.focus();
-        indexCurrentDay = Number(buttonDaySelected.getAttribute('data-day-index') || 0);
-      }
-    }
-    if (calendarMonthsContainerRef.current?.contains(document.activeElement)) {
-      const element = {
-        ArrowUp: daysOfMonth[indexCurrentDay - 7],
-        ArrowRight: daysOfMonth[indexCurrentDay + 1],
-        ArrowDown: daysOfMonth[indexCurrentDay + 7],
-        ArrowLeft: daysOfMonth[indexCurrentDay - 1]
-      }[event.code];
-      if (element) element.focus();
-      const lastButtonElementIndex = Number(lastDayButtonElement?.getAttribute('data-day-index') || 0);
-      if (indexCurrentDay === 0 && event.code === 'ArrowLeft') {
-        setCurrentMonth(prevState => {
-          return (0, _moment.default)(prevState, 'MM-YYYY').subtract(1, 'month').format('MM-YYYY');
-        });
-        setTimeout(() => {
-          getFirstOrLastDayButtonOfCalendar('last')?.focus();
-        }, 1);
-      }
-      if (indexCurrentDay === lastButtonElementIndex && event.code === 'ArrowRight') {
-        setCurrentMonth(prevState => {
-          return (0, _moment.default)(prevState, 'MM-YYYY').add(1, 'month').format('MM-YYYY');
-        });
-        setTimeout(() => {
-          getFirstOrLastDayButtonOfCalendar('first')?.focus();
-        }, 1);
-      }
-    } else {
-      if (calendarMonthsContainerRef.current?.contains(buttonDaySelected)) {
-        buttonDaySelected.focus();
-      } else {
-        getFirstOrLastDayButtonOfCalendar('first')?.focus();
-      }
-    }
-  };
-  const contextValues = {
-    handleDateChange: onDateChangeFunction
+    currentDate: l = O(),
+    onDateChange: u,
+    drawGridLines: D = !1,
+    colorStyle: M,
+    unpadding: N = !1,
+    customClass: E,
+    gridLayout: f,
+    currentDateButton: d,
+    calendarContainer: m
+  } = A, n = x(null), e = x(null), [a, c] = G(y(l)), b = (t) => {
+    u && u(t), c(t);
+  }, L = () => {
+    const t = a.clone();
+    c(t.subtract(1, "month"));
+  }, k = () => {
+    const t = a.clone();
+    c(t.add(1, "month"));
+  }, R = (t) => {
+    var w;
+    const i = t.target, r = (w = n.current) == null ? void 0 : w.getElementsByClassName("daybutton");
+    let s = 0;
+    r.length && Array.from(r).find((C, Y) => {
+      C && C.id === i.id && (s = Y);
+    });
+    const p = {
+      ArrowUp: r[s - 7],
+      ArrowRight: r[s + 1],
+      ArrowDown: r[s + 7],
+      ArrowLeft: r[s - 1]
+    }[t.code];
+    p && p.focus();
+  }, S = {
+    handleDateChange: b
   };
-  (0, _react.useEffect)(() => {
-    setCurrentDate((0, _helpers.validDate)(currentDateProp));
-    calendarContainer?.(currentCalendarRef?.current);
-  }, []);
-  (0, _react.useEffect)(() => {
-    document.addEventListener('keydown', event => {
-      if (event && event.code && arrowKeys.includes(event.code) && document.contains(currentCalendarRef.current)) {
-        navigateWithArrows(event);
-        event.stopPropagation();
-        event.preventDefault();
-      }
+  g(() => (m == null || m(e == null ? void 0 : e.current), c(y(l)), document.addEventListener("keydown", (t) => {
+    t && t.code && K.includes(t.code) && e.current && e.current.contains(document.activeElement) && n.current && n.current.contains(document.activeElement) && (R(t), t.stopPropagation(), t.preventDefault());
+  }), () => {
+    document.removeEventListener("keydown", () => {
     });
-    return () => {
-      document.removeEventListener('keydown', () => {});
-    };
-  }, []);
-  const component = /*#__PURE__*/_react.default.createElement("div", {
-    ref: currentCalendarRef,
-    role: "grid",
-    "aria-label": String('calendar-container-').concat((0, _uuid.v1)()),
-    className: (0, _helpers.getCalendarCssClass)({
-      unpadding,
-      drawGridLines,
-      customClass,
-      colorStyle
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "calendarheader"
-  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    id: (0, _uuid.v1)(),
-    tabIndex: -1,
-    boxShadow: false,
-    iconName: "arrow_left",
-    customClass: "navbutton nav-arrow-left",
-    onClick: () => {
-      changeMonth(-1);
+  }), []), g(() => {
+    var i;
+    const t = (i = n.current) == null ? void 0 : i.getElementsByClassName("-selectedday")[0];
+    d == null || d(t.firstChild);
+  }, [l]);
+  const h = /* @__PURE__ */ o.jsxs(
+    "div",
+    {
+      ref: e,
+      className: _({
+        unpadding: N,
+        drawGridLines: D,
+        customClass: E,
+        colorStyle: M
+      }),
+      children: [
+        /* @__PURE__ */ o.jsxs("div", { className: "calendarheader", children: [
+          /* @__PURE__ */ o.jsx(
+            v,
+            {
+              id: j(),
+              boxShadow: !1,
+              iconName: "arrow_left",
+              customClass: "navbutton nav-arrow-left",
+              onClick: () => {
+                L();
+              }
+            }
+          ),
+          /* @__PURE__ */ o.jsx("span", { className: "monthname", children: a.format("MMMM YYYY") }),
+          /* @__PURE__ */ o.jsx(
+            v,
+            {
+              id: j(),
+              boxShadow: !1,
+              iconName: "arrow_right",
+              customClass: "navbutton nav-arrow-right",
+              onClick: () => {
+                k();
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o.jsx("div", { className: "daynames", children: B().map((t) => /* @__PURE__ */ o.jsx("div", { children: t }, `day-${t}`)) }),
+        /* @__PURE__ */ o.jsx(P, { monthRef: n, currentDate: a })
+      ]
     }
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "monthname"
-  }, (0, _moment.default)(currentMonth, 'MM-YYYY').format('MMMM YYYY')), /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    id: (0, _uuid.v1)(),
-    tabIndex: -1,
-    boxShadow: false,
-    iconName: "arrow_right",
-    customClass: "navbutton nav-arrow-right",
-    onClick: () => {
-      changeMonth(1);
-    }
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "daynames"
-  }, (0, _helpers.dayNames)().map(name => /*#__PURE__*/_react.default.createElement("div", {
-    key: `day-${name}`
-  }, name))), /*#__PURE__*/_react.default.createElement("div", {
-    ref: calendarMonthsContainerRef,
-    className: "calendarmonth"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "monthweek"
-  }, createCalendarWithWeeksAndDays().map((_ref, index) => {
-    let {
-      date,
-      isDaySelected
-    } = _ref;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: date.format('YYYY-MM-DD'),
-      ref: isDaySelected ? currentDaySelectedContainerRef : undefined,
-      className: (0, _helpers.getDayContainerCssClass)(currentDate, date)
-    }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-      "data-day-index": index,
-      id: (0, _uuid.v1)(),
-      type: "button",
-      buttonRef: ref => isDaySelected && ref ? currentDateButton?.(ref) : undefined,
-      tabIndex: -1,
-      boxShadow: false,
-      label: date.date().toString(),
-      onClick: () => onDateChangeFunction(date),
-      customClass: ` ${(0, _helpers.getDayCssClass)(currentDate, date)} numberdaycalendar`
-    }));
-  }))));
-  return /*#__PURE__*/_react.default.createElement(_helpers.CalendarContext.Provider, {
-    value: contextValues
-  }, !gridLayout ? component : /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-    customClass: "-withinput",
-    cols: gridLayout
-  }, component));
+  );
+  return /* @__PURE__ */ o.jsx(F.Provider, { value: S, children: f ? /* @__PURE__ */ o.jsx(U, { customClass: "-withinput", cols: f, children: h }) : h });
+};
+export {
+  Z as default
 };
-var _default = exports.default = Calendar;

package/lib/calendar/index.d.ts

@@ -1,14 +1,8 @@
-import Calendar from './base/index.js';
-export { default as SuccessCalendar } from './SuccessCalendar.js';
-export { default as PrimaryCalendar } from './PrimaryCalendar.js';
-export { default as DangerCalendar } from './DangerCalendar.js';
-export { default as WarningCalendar } from './WarningCalendar.js';
-export { default as InfoCalendar } from './InfoCalendar.js';
-import './types.js';
-import 'react';
-import 'moment';
-import '../@types/ColorStyles.js';
-
-
-
-export { Calendar as default };
+import { default as Calendar } from './base';
+import { default as SuccessCalendar } from './SuccessCalendar';
+import { default as PrimaryCalendar } from './PrimaryCalendar';
+import { default as DangerCalendar } from './DangerCalendar';
+import { default as WarningCalendar } from './WarningCalendar';
+import { default as InfoCalendar } from './InfoCalendar';
+export default Calendar;
+export { DangerCalendar, SuccessCalendar, PrimaryCalendar, WarningCalendar, InfoCalendar, };

package/lib/calendar/index.js

@@ -1,44 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DangerCalendar", {
-  enumerable: true,
-  get: function () {
-    return _DangerCalendar.default;
-  }
-});
-Object.defineProperty(exports, "InfoCalendar", {
-  enumerable: true,
-  get: function () {
-    return _InfoCalendar.default;
-  }
-});
-Object.defineProperty(exports, "PrimaryCalendar", {
-  enumerable: true,
-  get: function () {
-    return _PrimaryCalendar.default;
-  }
-});
-Object.defineProperty(exports, "SuccessCalendar", {
-  enumerable: true,
-  get: function () {
-    return _SuccessCalendar.default;
-  }
-});
-Object.defineProperty(exports, "WarningCalendar", {
-  enumerable: true,
-  get: function () {
-    return _WarningCalendar.default;
-  }
-});
-exports.default = void 0;
-var _base = _interopRequireDefault(require("./base"));
-var _SuccessCalendar = _interopRequireDefault(require("./SuccessCalendar"));
-var _PrimaryCalendar = _interopRequireDefault(require("./PrimaryCalendar"));
-var _DangerCalendar = _interopRequireDefault(require("./DangerCalendar"));
-var _WarningCalendar = _interopRequireDefault(require("./WarningCalendar"));
-var _InfoCalendar = _interopRequireDefault(require("./InfoCalendar"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _base.default;
+import r from "./base/index.js";
+import { default as f } from "./SuccessCalendar.js";
+import { default as d } from "./PrimaryCalendar.js";
+import { default as n } from "./DangerCalendar.js";
+import { default as s } from "./WarningCalendar.js";
+import { default as u } from "./InfoCalendar.js";
+export {
+  n as DangerCalendar,
+  u as InfoCalendar,
+  d as PrimaryCalendar,
+  f as SuccessCalendar,
+  s as WarningCalendar,
+  r as default
+};

package/lib/calendar/types.d.ts

@@ -1,8 +1,7 @@
 import { LegacyRef } from 'react';
 import { Moment } from 'moment';
-import { ColorStyles } from '../@types/ColorStyles.js';
-
-interface ICalendarProps {
+import { ColorStyles } from '../@types/ColorStyles';
+export interface ICalendarProps {
     customClass?: string;
     currentDate?: Moment;
     drawGridLines?: boolean;
@@ -14,17 +13,15 @@ interface ICalendarProps {
     currentDateButton?: (buttonElement: HTMLButtonElement) => void;
     calendarContainer?: (calendarElement: HTMLDivElement | null) => void;
 }
-interface IWeekProps {
+export interface IWeekProps {
     weekStartDate: Moment;
     currentDate: Moment;
 }
-interface IDayProps {
+export interface IDayProps {
     currentDate: Moment;
     day: Moment;
 }
-interface IMonthProps {
+export interface IMonthProps {
     monthRef: LegacyRef<HTMLDivElement> | undefined;
     currentDate: Moment;
 }
-
-export { ICalendarProps, IDayProps, IMonthProps, IWeekProps };

package/lib/checkbox/checkbox.spec.d.ts

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

package/lib/checkbox/index.d.ts

@@ -1,13 +1,9 @@
-import React__default from 'react';
-import { ICheckBoxProps } from './types.js';
-import '../@types/PermissionAttr.js';
-import '../@types/Position.js';
-
+import { default as React } from 'react';
+import { ICheckBoxProps } from './types';
 /**
  * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
  * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
  * componente para gerar propriedades customizadas.
  */
-declare const CheckBox: React__default.ForwardRefExoticComponent<ICheckBoxProps & React__default.RefAttributes<HTMLInputElement>>;
-
-export { CheckBox as default };
+declare const CheckBox: React.ForwardRefExoticComponent<ICheckBoxProps & React.RefAttributes<HTMLInputElement>>;
+export default CheckBox;

package/lib/checkbox/index.js

@@ -1,145 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _gridlayout = _interopRequireDefault(require("../gridlayout"));
-var _permissionValidations = require("../permissionValidations");
-require("../assets/styles/checkbox.scss");
-var _errorMessage = require("../inputs/errorMessage");
-var _ = require("..");
-var _textContent = _interopRequireDefault(require("../textContent"));
-var _popover = _interopRequireDefault(require("../popover"));
-var _hint = _interopRequireDefault(require("../hint"));
-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); }
-/**
- * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
- * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
- * componente para gerar propriedades customizadas.
- */
-
-const CheckBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    name,
-    required,
-    value,
-    label,
-    onChange,
-    autofocus,
-    hint,
-    id = undefined,
-    gridLayout,
-    checked = false,
-    disabled,
-    permissionAttr,
-    tooltip,
-    tooltipPosition = 'top',
-    tooltipWidth = 'auto',
-    skeletonize,
-    targetRef,
-    errorMessages,
-    customClassForLabel,
-    hintPosition = 'below',
-    themePopover = 'light',
-    popoverAlign = 'left'
-  } = _ref;
-  const [isChecked, setIsChecked] = (0, _react.useState)(checked);
-  const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
-  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
-  const inputRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, () => inputRef.current, [inputRef.current]);
-  (0, _react.useEffect)(() => {
-    setIsChecked(checked);
-  }, [checked]);
-  const shouldDisable = () => disabled || onDenied.disabled;
-  const getProps = () => {
-    if (shouldDisable()) return null;
-    const target = {
-      checked: !isChecked,
-      id,
-      name,
-      value: !isChecked
-    };
-    return {
-      onClick: () => {
-        if (!shouldDisable() && !skeletonize) {
-          setIsChecked(!isChecked);
-          onChange?.({
-            target
-          });
-        }
-      },
-      onKeyDown: undefined,
-      role: 'checkbox',
-      tabIndex: -1
-    };
-  };
-  const renderInput = () => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    "data-skeletonized": skeletonize,
-    className: "checkbox-component",
-    style: {
-      display: 'flex',
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", _extends({
-    "data-testid": "checkbox-container",
-    className: "inputcontent",
-    "aria-checked": isChecked
-  }, getProps()), /*#__PURE__*/_react.default.createElement("input", {
-    id: id || undefined,
-    ref: r => {
-      if (targetRef) targetRef(r);
-      inputRef.current = r;
-    },
-    className: "input",
-    type: "checkbox",
-    autoFocus: autofocus,
-    checked: isChecked,
-    disabled: shouldDisable(),
-    name: name,
-    required: required,
-    value: value,
-    onChange: () => {}
-  }), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_.Icon, {
-    size: 12,
-    name: "checkmark"
-  })), label && /*#__PURE__*/_react.default.createElement("div", {
-    className: "description"
-  }, /*#__PURE__*/_react.default.createElement(_textContent.default, {
-    required: required,
-    disabled: shouldDisable(),
-    className: customClassForLabel,
-    tooltip: tooltip,
-    tooltipWidth: tooltipWidth,
-    tooltipPosition: tooltipPosition
-  }), label, /*#__PURE__*/_react.default.createElement(_textContent.default, null), /*#__PURE__*/_react.default.createElement(_hint.default, {
-    disabled: disabled,
-    visible: !!hint && hintPosition === 'below',
-    description: hint,
-    customClass: "hint"
-  }))), !!hint && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
-    theme: themePopover,
-    align: popoverAlign,
-    customClass: "-hint",
-    iconColor: "#03bde2",
-    style: {
-      margin: '0px 5px',
-      height: 'auto',
-      width: 20
-    }
-  }, hint)), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
-    messages: errorMessages
-  }));
-  if (onDenied.unvisible) return null;
-  return gridLayout ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-    customClass: "-withinput",
-    cols: gridLayout
-  }, renderInput()) : renderInput();
-});
-CheckBox.displayName = 'CheckBox';
-var _default = exports.default = CheckBox;
+import "../chunks/jsx-runtime.CYK1ROHF.js";
+import "react";
+import '../assets/radio.css';import '../assets/skeleton.css';import '../assets/toolbar.css';import '../assets/label.css';import '../assets/panel.css';import '../assets/noPermission.css';import '../assets/button.css';import '../assets/gridlayout.css';/* empty css                            */
+import "../gridlayout/GridCol.js";
+import "../permissionValidations.js";
+import { C as D } from "../chunks/tabs.Cvj2MJH6.js";
+import "../inputs/errorMessage/index.js";
+import "../icons/index.js";
+import "../buttons/DefaultButton.js";
+/* empty css                        */
+import "../panel/helpers.js";
+/* empty css                              */
+/* empty css                       */
+import "../toolbar/helpers.js";
+import "../labels/DefaultLabel.js";
+/* empty css                       */
+/* empty css                         */
+import "../list/helpers.js";
+/* empty css                          */
+/* empty css                       */
+import "../popover/index.js";
+import "../textContent/index.js";
+import "../tabs/MenuTabs.js";
+import "lodash";
+import "../tabs/context.js";
+import "../tabs/tabHelpers.js";
+import "../chunks/index.yztgndLc.js";
+import "../hint/index.js";
+export {
+  D as default
+};

package/lib/checkbox/types.d.ts

@@ -1,8 +1,7 @@
 import { ReactElement } from 'react';
-import { PermissionAttr } from '../@types/PermissionAttr.js';
-import { Position } from '../@types/Position.js';
-
-type ChangeEvent = {
+import { PermissionAttr } from '../@types/PermissionAttr';
+import { Position } from '../@types/Position';
+export type ChangeEvent = {
     checked: boolean;
     id?: string;
     name?: string;
@@ -11,7 +10,7 @@ type ChangeEvent = {
 type Target = {
     target: ChangeEvent;
 };
-interface ICheckBoxProps {
+export interface ICheckBoxProps {
     id?: string;
     label?: string;
     disabled?: boolean;
@@ -43,5 +42,4 @@ interface ICheckBoxProps {
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
 }
-
-export { ChangeEvent, ICheckBoxProps };
+export {};