linear-react-components-ui 2.0.0-beta.1 → 2.0.0-beta.2

package/lib/calendar/base/helpers.js

@@ -0,0 +1,44 @@
+import e from "../../node_modules/moment/dist/moment.js";
+import { createContext as u } from "react";
+e.locale("pt-br");
+function d() {
+  return ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
+}
+function o(t, n) {
+  return e(t.format("YYYY-MM-DD")).isSame(n.format("YYYY-MM-DD"));
+}
+function l(t, n) {
+  return t.format("MM") !== n.format("MM");
+}
+function f({
+  unpadding: t,
+  drawGridLines: n,
+  customClass: a,
+  colorStyle: s
+}) {
+  let r = `calendar-component ${a}`;
+  return r += ` -${s}`, r += t ? " -unpadding" : "", r += n ? " -draw-grid-lines" : "", r;
+}
+function m(t) {
+  return e(t).format() !== "Invalid date" ? t : e();
+}
+function C(t, n) {
+  let a = "monthday ";
+  return a += o(t, n) ? "-selectedday " : "", a;
+}
+function M(t, n) {
+  let a = "daybutton ";
+  return a += o(e(), n) ? "-nowday " : "", a += l(t, n) ? "-outmonth" : "", a;
+}
+const D = u({});
+export {
+  D as CalendarContext,
+  o as dateIsEquals,
+  d as dayNames,
+  l as dayOutOfCurrentMonth,
+  f as getCalendarCssClass,
+  C as getDayContainerCssClass,
+  M as getDayCssClass,
+  m as validDate
+};
+//# sourceMappingURL=helpers.js.map

package/lib/calendar/base/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../src/lib/calendar/base/helpers.ts"],"sourcesContent":["import moment, { Moment, unitOfTime } from 'moment';\nimport { createContext } from 'react';\nimport { ColorStyles } from '../../@types/ColorStyles';\nimport { ICalendarProps } from '../types';\n\nmoment.locale('pt-br');\n\nfunction getStartOf(date: Moment, unit: unitOfTime.StartOf) {\n  return date.startOf(unit);\n}\n\nexport function dayNames() {\n  return [\n    'Dom',\n    'Seg',\n    'Ter',\n    'Qua',\n    'Qui',\n    'Sex',\n    'Sab',\n  ];\n}\n\nexport function getStartOfWeek(date: Moment) {\n  return getStartOf(date, 'week');\n}\n\nexport function getStartOfMonth(date: Moment) {\n  return getStartOf(date, 'month');\n}\n\nexport function dateIsEquals(date1: Moment, date2: Moment) {\n  return moment(date1.format('YYYY-MM-DD')).isSame(date2.format('YYYY-MM-DD'));\n}\n\nexport function dayOutOfCurrentMonth(currentDate: Moment, comparedDay: Moment) {\n  return currentDate.format('MM') !== comparedDay.format('MM');\n}\n\nexport function getPtBrLocale() {\n  return {\n    months: 'janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro'.split('_'),\n    monthsShort: 'jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez'.split('_'),\n    weekdays: 'domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado'.split('_'),\n    weekdaysShort: 'dom_seg_ter_qua_qui_sex_sáb'.split('_'),\n    weekdaysMin: 'dom_2ª_3ª_4ª_5ª_6ª_sáb'.split('_'),\n    longDateFormat: {\n      LT: 'HH:mm',\n      L: 'DD/MM/YYYY',\n      LL: 'D [de] MMMM [de] YYYY',\n      LLL: 'D [de] MMMM [de] YYYY [às] LT',\n      LLLL: 'dddd, D [de] MMMM [de] YYYY [às] LT',\n    },\n    calendar: {\n      sameDay: '[Hoje às] LT',\n      nextDay: '[Amanhã às] LT',\n      nextWeek: 'dddd [às] LT',\n      lastDay: '[Ontem às] LT',\n      lastWeek(): string {\n        return (this.sameDay === '0' || this.sameDay === '6') ?\n          '[Último] dddd [às] LT' : // Saturday + Sunday\n          '[Última] dddd [às] LT'; // Monday - Friday\n      },\n      sameElse: 'L',\n    },\n    relativeTime: {\n      future: 'em %s',\n      past: '%s atrás',\n      s: 'segundos',\n      m: 'um minuto',\n      mm: '%d minutos',\n      h: 'uma hora',\n      hh: '%d horas',\n      d: 'um dia',\n      dd: '%d dias',\n      M: 'um mês',\n      MM: '%d meses',\n      y: 'um ano',\n      yy: '%d anos',\n    },\n    ordinal: '%dº',\n  };\n}\n\n/** Functions used insed index.jsx */\nexport function getCalendarCssClass({\n  unpadding, drawGridLines, customClass, colorStyle,\n}: { unpadding: boolean, drawGridLines: boolean, customClass: string | undefined,\n  colorStyle: ColorStyles | undefined }) {\n  let cssClass = `calendar-component ${customClass}`;\n  cssClass += ` -${colorStyle}`;\n  cssClass += unpadding ? ' -unpadding' : '';\n  cssClass += drawGridLines ? ' -draw-grid-lines' : '';\n  return cssClass;\n}\n\nexport function validDate(date: Moment) {\n  if (moment(date).format() !== 'Invalid date') {\n    return date;\n  }\n  return moment();\n}\n\n/** Functions used inside Day Component */\nexport function getDayContainerCssClass(currentDate: Moment, day: Moment) {\n  let cssClass = 'monthday ';\n  cssClass += dateIsEquals(currentDate, day) ? '-selectedday ' : '';\n  return cssClass;\n}\n\nexport function getDayCssClass(currentDate: Moment, day: Moment) {\n  let cssClass = 'daybutton ';\n  cssClass += dateIsEquals(moment(), day) ? '-nowday ' : '';\n  cssClass += dayOutOfCurrentMonth(currentDate, day) ? '-outmonth' : '';\n  return cssClass;\n}\n\nexport const CalendarContext = createContext<ICalendarProps>({} as ICalendarProps);\n"],"names":["moment","locale","dayNames","dateIsEquals","date1","date2","format","isSame","dayOutOfCurrentMonth","currentDate","comparedDay","getCalendarCssClass","unpadding","drawGridLines","customClass","colorStyle","cssClass","validDate","date","getDayContainerCssClass","day","getDayCssClass","CalendarContext","createContext"],"mappings":";;AAKAA,EAAOC,OAAO,OAAO;AAMd,SAASC,IAAW;AACzB,SAAO,CACL,OACA,OACA,OACA,OACA,OACA,OACA,KAAK;AAET;AAUO,SAASC,EAAaC,GAAeC,GAAe;AACzD,SAAOL,EAAOI,EAAME,OAAO,YAAY,CAAC,EAAEC,OAAOF,EAAMC,OAAO,YAAY,CAAC;AAC7E;AAEO,SAASE,EAAqBC,GAAqBC,GAAqB;AAC7E,SAAOD,EAAYH,OAAO,IAAI,MAAMI,EAAYJ,OAAO,IAAI;AAC7D;AAgDO,SAASK,EAAoB;AAAA,EAClCC,WAAAA;AAAAA,EAAWC,eAAAA;AAAAA,EAAeC,aAAAA;AAAAA,EAAaC,YAAAA;AAEH,GAAG;AACvC,MAAIC,IAAW,sBAAsBF,CAAW;AAChDE,SAAAA,KAAY,KAAKD,CAAU,IAC3BC,KAAYJ,IAAY,gBAAgB,IACxCI,KAAYH,IAAgB,sBAAsB,IAC3CG;AACT;AAEO,SAASC,EAAUC,GAAc;AACtC,SAAIlB,EAAOkB,CAAI,EAAEZ,OAAAA,MAAa,iBACrBY,IAEFlB,EAAAA;AACT;AAGO,SAASmB,EAAwBV,GAAqBW,GAAa;AACxE,MAAIJ,IAAW;AACfA,SAAAA,KAAYb,EAAaM,GAAaW,CAAG,IAAI,kBAAkB,IACxDJ;AACT;AAEO,SAASK,EAAeZ,GAAqBW,GAAa;AAC/D,MAAIJ,IAAW;AACfA,SAAAA,KAAYb,EAAaH,EAAAA,GAAUoB,CAAG,IAAI,aAAa,IACvDJ,KAAYR,EAAqBC,GAAaW,CAAG,IAAI,cAAc,IAC5DJ;AACT;AAEO,MAAMM,IAAkBC,EAA8B,CAAA,CAAoB;"}

package/lib/calendar/base/index.d.ts

@@ -0,0 +1,3 @@
+import { ICalendarProps } from '../types';
+declare const Calendar: (props: ICalendarProps) => import("react/jsx-runtime").JSX.Element;
+export default Calendar;

package/lib/calendar/base/index.js

@@ -0,0 +1,170 @@
+import { jsx as s, jsxs as ie } from "react/jsx-runtime";
+import { c as ye } from "../../_virtual/compiler-runtime.js";
+import '../../assets/styles/button.css';import '../../assets/styles/calendar.css';/* empty css                                */
+import { useRef as oe, useState as de, useEffect as fe } from "react";
+import d from "../../node_modules/moment/dist/moment.js";
+import Ce from "../../gridlayout/GridCol.js";
+import ae from "../../buttons/Button.js";
+/* empty css                              */
+import { getDayCssClass as pe, getDayContainerCssClass as Me, CalendarContext as we, validDate as De, getCalendarCssClass as be, dayNames as ge } from "./helpers.js";
+import V from "../../node_modules/uuid/dist/v1.js";
+const Se = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"], We = (c) => {
+  const e = ye.c(56), {
+    currentDate: S,
+    onDateChange: v,
+    drawGridLines: re,
+    colorStyle: q,
+    unpadding: se,
+    customClass: z,
+    gridLayout: x,
+    currentDateButton: H,
+    calendarContainer: J
+  } = c;
+  let _;
+  e[0] !== S ? (_ = S === void 0 ? d() : S, e[0] = S, e[1] = _) : _ = e[1];
+  const f = _, Q = re === void 0 ? !1 : re, X = se === void 0 ? !1 : se, i = oe(null), Z = oe(null), me = oe(null), [m, le] = de(f);
+  let N;
+  e[2] !== f ? (N = d(f).format("MM-YYYY"), e[2] = f, e[3] = N) : N = e[3];
+  const [l, ee] = de(N);
+  let A;
+  e[4] !== v ? (A = (t) => {
+    le(t), v && v(t);
+  }, e[4] = v, e[5] = A) : A = e[5];
+  const u = A;
+  let E;
+  e[6] !== m || e[7] !== l ? (E = () => {
+    const t = d(l, "MM-YYYY").startOf("month"), o = d(l, "MM-YYYY").endOf("month"), n = t.clone().startOf("week"), a = o.clone().endOf("week"), g = [], r = n.clone();
+    for (; r.isBefore(a, "day") || r.isSame(a, "day"); )
+      g.push({
+        date: r.clone(),
+        isDaySelected: r.isSame(m)
+      }), r.add(1, "day");
+    return g;
+  }, e[6] = m, e[7] = l, e[8] = E) : E = e[8];
+  const te = E;
+  let O;
+  e[9] !== l ? (O = (t) => {
+    const o = d(l, "MM-YYYY").add(t, "month").format("MM-YYYY");
+    ee(o);
+  }, e[9] = l, e[10] = O) : O = e[10];
+  const h = O;
+  let k;
+  if (e[11] === Symbol.for("react.memo_cache_sentinel")) {
+    const t = (o) => {
+      const n = o === void 0 ? "first" : o, a = i.current?.getElementsByClassName("daybutton") || [];
+      if (n === "first")
+        return a[0];
+      if (n === "last")
+        return a[a.length - 1];
+    };
+    k = (o) => {
+      let n;
+      const a = o.target;
+      n = Number(a.getAttribute("data-day-index") || 0);
+      const r = i.current?.getElementsByClassName("-selectedday")?.[0]?.firstChild, K = i.current?.getElementsByClassName("daybutton"), he = t("last");
+      if (i.current?.contains(document.activeElement) || i.current?.contains(r) && (r.focus(), n = Number(r.getAttribute("data-day-index") || 0)), Z.current?.contains(document.activeElement)) {
+        const ce = {
+          ArrowUp: K[n - 7],
+          ArrowRight: K[n + 1],
+          ArrowDown: K[n + 7],
+          ArrowLeft: K[n - 1]
+        }[o.code];
+        ce && ce.focus();
+        const Ye = Number(he?.getAttribute("data-day-index") || 0);
+        n === 0 && o.code === "ArrowLeft" && (ee(ve), setTimeout(() => {
+          t("last")?.focus();
+        }, 1)), n === Ye && o.code === "ArrowRight" && (ee(xe), setTimeout(() => {
+          t("first")?.focus();
+        }, 1));
+      } else
+        Z.current?.contains(r) ? r.focus() : t("first")?.focus();
+    }, e[11] = k;
+  } else
+    k = e[11];
+  const ue = k;
+  let B;
+  e[12] !== u ? (B = {
+    handleDateChange: u
+  }, e[12] = u, e[13] = B) : B = e[13];
+  const ne = B;
+  let L;
+  e[14] !== J || e[15] !== f ? (L = () => {
+    le(De(f)), J?.(i?.current);
+  }, e[14] = J, e[15] = f, e[16] = L) : L = e[16];
+  let R;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (R = [], e[17] = R) : R = e[17], fe(L, R);
+  let I, G;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (I = () => (document.addEventListener("keydown", (t) => {
+    t && t.code && Se.includes(t.code) && document.contains(i.current) && (ue(t), t.stopPropagation(), t.preventDefault());
+  }), Ne), G = [], e[18] = I, e[19] = G) : (I = e[18], G = e[19]), fe(I, G);
+  let P;
+  e[20] === Symbol.for("react.memo_cache_sentinel") ? (P = "calendar-container-".concat(V()), e[20] = P) : P = e[20];
+  let Y;
+  e[21] !== q || e[22] !== z || e[23] !== Q || e[24] !== X ? (Y = be({
+    unpadding: X,
+    drawGridLines: Q,
+    customClass: z,
+    colorStyle: q
+  }), e[21] = q, e[22] = z, e[23] = Q, e[24] = X, e[25] = Y) : Y = e[25];
+  let T;
+  e[26] === Symbol.for("react.memo_cache_sentinel") ? (T = V(), e[26] = T) : T = e[26];
+  let y;
+  e[27] !== h ? (y = /* @__PURE__ */ s(ae, { id: T, tabIndex: -1, boxShadow: !1, iconName: "arrow_left", customClass: "navbutton nav-arrow-left", onClick: () => {
+    h(-1);
+  } }), e[27] = h, e[28] = y) : y = e[28];
+  let C;
+  e[29] !== l ? (C = d(l, "MM-YYYY").format("MMMM YYYY"), e[29] = l, e[30] = C) : C = e[30];
+  let p;
+  e[31] !== C ? (p = /* @__PURE__ */ s("span", { className: "monthname", children: C }), e[31] = C, e[32] = p) : p = e[32];
+  let W;
+  e[33] === Symbol.for("react.memo_cache_sentinel") ? (W = V(), e[33] = W) : W = e[33];
+  let M;
+  e[34] !== h ? (M = /* @__PURE__ */ s(ae, { id: W, tabIndex: -1, boxShadow: !1, iconName: "arrow_right", customClass: "navbutton nav-arrow-right", onClick: () => {
+    h(1);
+  } }), e[34] = h, e[35] = M) : M = e[35];
+  let w;
+  e[36] !== y || e[37] !== p || e[38] !== M ? (w = /* @__PURE__ */ ie("div", { className: "calendarheader", children: [
+    y,
+    p,
+    M
+  ] }), e[36] = y, e[37] = p, e[38] = M, e[39] = w) : w = e[39];
+  let $;
+  e[40] === Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ s("div", { className: "daynames", children: ge().map(Ae) }), e[40] = $) : $ = e[40];
+  let D;
+  e[41] !== te || e[42] !== m || e[43] !== H || e[44] !== u ? (D = /* @__PURE__ */ s("div", { ref: Z, className: "calendarmonth", children: /* @__PURE__ */ s("div", { className: "monthweek", children: te().map((t, o) => {
+    const {
+      date: n,
+      isDaySelected: a
+    } = t;
+    return /* @__PURE__ */ s("div", { ref: a ? me : void 0, className: Me(m, n), children: /* @__PURE__ */ s(ae, { "data-day-index": o, id: V(), type: "button", buttonRef: (g) => a && g ? H?.(g) : void 0, tabIndex: -1, boxShadow: !1, label: n.date().toString(), onClick: () => u(n), customClass: ` ${pe(m, n)} numberdaycalendar` }) }, n.format("YYYY-MM-DD"));
+  }) }) }), e[41] = te, e[42] = m, e[43] = H, e[44] = u, e[45] = D) : D = e[45];
+  let j;
+  e[46] !== Y || e[47] !== w || e[48] !== D ? (j = /* @__PURE__ */ ie("div", { ref: i, role: "grid", "aria-label": P, className: Y, children: [
+    w,
+    $,
+    D
+  ] }), e[46] = Y, e[47] = w, e[48] = D, e[49] = j) : j = e[49];
+  const F = j;
+  let b;
+  e[50] !== F || e[51] !== x ? (b = x ? /* @__PURE__ */ s(Ce, { customClass: "-withinput", cols: x, children: F }) : F, e[50] = F, e[51] = x, e[52] = b) : b = e[52];
+  let U;
+  return e[53] !== ne || e[54] !== b ? (U = /* @__PURE__ */ s(we.Provider, { value: ne, children: b }), e[53] = ne, e[54] = b, e[55] = U) : U = e[55], U;
+};
+function ve(c) {
+  return d(c, "MM-YYYY").subtract(1, "month").format("MM-YYYY");
+}
+function xe(c) {
+  return d(c, "MM-YYYY").add(1, "month").format("MM-YYYY");
+}
+function _e() {
+}
+function Ne() {
+  document.removeEventListener("keydown", _e);
+}
+function Ae(c) {
+  return /* @__PURE__ */ s("div", { children: c }, `day-${c}`);
+}
+export {
+  We as default
+};
+//# sourceMappingURL=index.js.map

package/lib/calendar/base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/calendar/base/index.tsx"],"sourcesContent":["import '../../assets/styles/calendar.scss';\nimport { useState, useEffect, useRef } from 'react';\nimport moment, { Moment } from 'moment';\nimport { v1 } from 'uuid';\nimport Grid from '../../gridlayout';\nimport Button from '../../buttons';\nimport { validDate, getCalendarCssClass, dayNames, CalendarContext, getDayContainerCssClass, getDayCssClass } from './helpers';\nimport { ICalendarProps } from '../types';\n\nconst arrowKeys = ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft'];\nconst Calendar = (props: ICalendarProps) => {\n  const {\n    currentDate: currentDateProp = moment(), onDateChange, drawGridLines = false, colorStyle, \n    unpadding = false, customClass, gridLayout, currentDateButton, calendarContainer,\n  } = props;\n  const currentCalendarRef = useRef<HTMLDivElement>(null);\n  const calendarMonthsContainerRef = useRef<HTMLDivElement>(null);\n  const currentDaySelectedContainerRef = useRef<HTMLDivElement>(null);\n  const [currentDate, setCurrentDate] = useState(currentDateProp);\n  const [currentMonth, setCurrentMonth] = useState(moment(currentDateProp).format('MM-YYYY'));\n\n  const onDateChangeFunction = (date: Moment) => {\n    setCurrentDate(date);\n    if (onDateChange) onDateChange(date);\n  };\n\n  const createCalendarWithWeeksAndDays = () => {\n    const firstDayOfMonth = moment(currentMonth, 'MM-YYYY').startOf('month');\n    const lastDayOfMonth = moment(currentMonth, 'MM-YYYY').endOf('month');\n\n    const startDate = firstDayOfMonth.clone().startOf('week');\n    const endDate = lastDayOfMonth.clone().endOf('week');\n\n    const days: { date: moment.Moment; isDaySelected: boolean }[] = [];\n    const day = startDate.clone();\n\n    while (day.isBefore(endDate, 'day') || day.isSame(endDate, 'day')) {\n      days.push({\n        date: day.clone(),\n        isDaySelected: day.isSame(currentDate),\n      });\n      day.add(1, 'day');\n    }\n\n    return days;\n  };\n\n  const changeMonth = (amountMonthsToChange: number) => {\n    const newDate = moment(currentMonth, 'MM-YYYY').add(amountMonthsToChange, 'month').format('MM-YYYY');\n    setCurrentMonth(newDate);\n  };\n\n  const getFirstOrLastDayButtonOfCalendar = (firstOrLast: 'first' | 'last' = 'first') => {\n    const listOfButtons = currentCalendarRef.current?.getElementsByClassName('daybutton') as HTMLCollectionOf<HTMLButtonElement> || [];\n    if (firstOrLast === 'first') return listOfButtons[0];\n    if (firstOrLast === 'last') return listOfButtons[listOfButtons.length - 1];\n  };\n\n  const navigateWithArrows = (event: KeyboardEvent) => {\n    let indexCurrentDay = 0;\n    const eventTarget = event.target as HTMLButtonElement;\n    indexCurrentDay = Number(eventTarget.getAttribute('data-day-index') || 0);\n    const containerDaySelected = currentCalendarRef.current?.getElementsByClassName('-selectedday');\n    const buttonDaySelected = containerDaySelected?.[0]?.firstChild as HTMLButtonElement;\n    const daysOfMonth = currentCalendarRef.current?.getElementsByClassName('daybutton') as HTMLCollectionOf<HTMLButtonElement>;\n    const lastDayButtonElement = getFirstOrLastDayButtonOfCalendar('last');\n\n    if (!currentCalendarRef.current?.contains(document.activeElement)) {\n      if (currentCalendarRef.current?.contains(buttonDaySelected)) {\n        buttonDaySelected.focus();\n        indexCurrentDay = Number(buttonDaySelected.getAttribute('data-day-index') || 0);\n      }\n    }\n\n    if (calendarMonthsContainerRef.current?.contains(document.activeElement)) {\n      const element = {\n        ArrowUp: daysOfMonth[indexCurrentDay - 7],\n        ArrowRight: daysOfMonth[indexCurrentDay + 1],\n        ArrowDown: daysOfMonth[indexCurrentDay + 7],\n        ArrowLeft: daysOfMonth[indexCurrentDay - 1],\n      }[event.code];\n\n      if (element) element.focus();\n\n      const lastButtonElementIndex = Number(lastDayButtonElement?.getAttribute('data-day-index') || 0);\n\n      if (indexCurrentDay === 0 && event.code === 'ArrowLeft') {\n        setCurrentMonth((prevState) => {\n          return moment(prevState, 'MM-YYYY').subtract(1, 'month').format('MM-YYYY');\n        });\n        setTimeout(() => { getFirstOrLastDayButtonOfCalendar('last')?.focus(); }, 1);\n      }\n\n      if (indexCurrentDay === lastButtonElementIndex && event.code === 'ArrowRight') {\n        setCurrentMonth((prevState) => {\n          return moment(prevState, 'MM-YYYY').add(1, 'month').format('MM-YYYY');\n        });\n        setTimeout(() => { getFirstOrLastDayButtonOfCalendar('first')?.focus(); }, 1);\n      }\n    } else {\n      if (calendarMonthsContainerRef.current?.contains(buttonDaySelected)) {\n        buttonDaySelected.focus();\n      } else {\n        getFirstOrLastDayButtonOfCalendar('first')?.focus();\n      }\n    }\n  };\n\n  const contextValues = {\n    handleDateChange: onDateChangeFunction,\n  };\n\n  useEffect(() => {\n    setCurrentDate(validDate(currentDateProp));\n    calendarContainer?.(currentCalendarRef?.current);\n  }, []);\n\n  useEffect(() => {\n    document.addEventListener('keydown', (event: KeyboardEvent) => {\n      if (event && event.code && arrowKeys.includes(event.code) &&\n        document.contains(currentCalendarRef.current)) {\n        navigateWithArrows(event);\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    });\n\n    return () => {\n      document.removeEventListener('keydown', () => {});\n    };\n  }, []);\n\n  const component = (\n    <div\n      ref={currentCalendarRef}\n      role=\"grid\"\n      aria-label={String('calendar-container-').concat(v1())}\n      className={getCalendarCssClass({\n        unpadding,\n        drawGridLines,\n        customClass,\n        colorStyle,\n      })}>\n      <div className=\"calendarheader\">\n        <Button\n          id={v1()}\n          tabIndex={-1}\n          boxShadow={false}\n          iconName=\"arrow_left\"\n          customClass=\"navbutton nav-arrow-left\"\n          onClick={() => { changeMonth(-1); }} />\n        <span className=\"monthname\">\n          {moment(currentMonth, 'MM-YYYY').format('MMMM YYYY')}\n        </span>\n        <Button\n          id={v1()}\n          tabIndex={-1}\n          boxShadow={false}\n          iconName=\"arrow_right\"\n          customClass=\"navbutton nav-arrow-right\"\n          onClick={() => { changeMonth(1); }} />\n      </div>\n      <div className=\"daynames\">\n        {dayNames().map(name => <div key={`day-${name}`}>{name}</div>)}\n      </div>\n      <div ref={calendarMonthsContainerRef} className=\"calendarmonth\">\n        <div className=\"monthweek\">\n          {createCalendarWithWeeksAndDays().map(({ date, isDaySelected }, index) => (\n            <div\n              key={date.format('YYYY-MM-DD')}\n              ref={isDaySelected ? currentDaySelectedContainerRef : undefined}\n              className={getDayContainerCssClass(currentDate, date)}>\n              <Button\n                data-day-index={index}\n                id={v1()}\n                type=\"button\"\n                buttonRef={ref => isDaySelected && ref ? currentDateButton?.(ref) : undefined}\n                tabIndex={-1}\n                boxShadow={false}\n                label={date.date().toString()}\n                onClick={() => onDateChangeFunction(date)}\n                customClass={` ${getDayCssClass(currentDate, date)} numberdaycalendar`} />\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n\n  return (\n    <CalendarContext.Provider value={contextValues}>\n      {!gridLayout ? component : <Grid customClass=\"-withinput\" cols={gridLayout}>{component}</Grid>}\n    </CalendarContext.Provider>\n  );\n};\n\nexport default Calendar;\n"],"names":["arrowKeys","Calendar","props","$","_c","currentDate","t0","onDateChange","drawGridLines","t1","colorStyle","unpadding","t2","customClass","gridLayout","currentDateButton","calendarContainer","t3","undefined","moment","currentDateProp","currentCalendarRef","useRef","calendarMonthsContainerRef","currentDaySelectedContainerRef","setCurrentDate","useState","t4","format","currentMonth","setCurrentMonth","t5","date","onDateChangeFunction","t6","firstDayOfMonth","startOf","lastDayOfMonth","endOf","startDate","clone","endDate","days","day","isBefore","isSame","push","isDaySelected","add","createCalendarWithWeeksAndDays","t7","amountMonthsToChange","newDate","changeMonth","t8","Symbol","for","getFirstOrLastDayButtonOfCalendar","t9","firstOrLast","listOfButtons","current","getElementsByClassName","length","event","indexCurrentDay","eventTarget","target","Number","getAttribute","buttonDaySelected","firstChild","daysOfMonth","lastDayButtonElement","contains","document","activeElement","focus","element","ArrowUp","ArrowRight","ArrowDown","ArrowLeft","code","lastButtonElementIndex","_temp","setTimeout","_temp2","navigateWithArrows","handleDateChange","contextValues","t10","validDate","t11","useEffect","t12","t13","addEventListener","event_0","includes","stopPropagation","preventDefault","_temp4","t14","concat","v1","t15","getCalendarCssClass","t16","t17","jsx","Button","t18","t19","t20","t21","t22","t23","dayNames","map","_temp5","t24","t25","index","date_0","getDayContainerCssClass","ref","toString","getDayCssClass","jsxs","component","t26","Grid","t27","CalendarContext","prevState","subtract","prevState_0","_temp3","removeEventListener","name"],"mappings":"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"}

package/lib/calendar/index.d.ts

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,15 @@
+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
+};
+//# sourceMappingURL=index.js.map

package/lib/calendar/index.js.map

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

package/lib/calendar/types.d.ts

@@ -0,0 +1,27 @@
+import { LegacyRef } from 'react';
+import { Moment } from 'moment';
+import { ColorStyles } from '../@types/ColorStyles';
+export interface ICalendarProps {
+    customClass?: string;
+    currentDate?: Moment;
+    drawGridLines?: boolean;
+    unpadding?: boolean;
+    onDateChange?: (date: Moment) => void;
+    colorStyle?: ColorStyles;
+    handleDateChange?: (date: Moment) => void;
+    gridLayout?: string;
+    currentDateButton?: (buttonElement: HTMLButtonElement) => void;
+    calendarContainer?: (calendarElement: HTMLDivElement | null) => void;
+}
+export interface IWeekProps {
+    weekStartDate: Moment;
+    currentDate: Moment;
+}
+export interface IDayProps {
+    currentDate: Moment;
+    day: Moment;
+}
+export interface IMonthProps {
+    monthRef: LegacyRef<HTMLDivElement> | undefined;
+    currentDate: Moment;
+}

package/lib/checkbox/index.d.ts

@@ -0,0 +1,8 @@
+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: import('react').ForwardRefExoticComponent<ICheckBoxProps & import('react').RefAttributes<HTMLInputElement>>;
+export default CheckBox;

package/lib/checkbox/index.js

@@ -0,0 +1,101 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as G, useState as k, useRef as K, useImperativeHandle as M, useEffect as z } from "react";
+import A from "../gridlayout/GridCol.js";
+import { actionsOnPermissionDenied as J, OPTIONS_ON_DENIED as g } from "../permissionValidations.js";
+import '../assets/styles/tabs.css';import '../assets/styles/skeleton.css';import '../assets/styles/list.css';import '../assets/styles/label.css';import '../assets/styles/button.css';import '../assets/styles/toolbar.css';import '../assets/styles/panel.css';import '../assets/styles/checkbox.css';/* empty css                             */
+import { ErrorMessage as L } from "../inputs/errorMessage/index.js";
+/* empty css                          */
+import "../_virtual/compiler-runtime.js";
+/* empty css                            */
+/* empty css                           */
+/* empty css                          */
+import Q from "../icons/index.js";
+/* empty css                         */
+/* empty css                             */
+import "../radio/index.js";
+/* empty css                         */
+import "../_virtual/lodash.js";
+import "../dialog/base/index.js";
+import N from "../textContent/index.js";
+import U from "../popover/index.js";
+import V from "../hint/index.js";
+const W = G(({
+  name: l,
+  required: m,
+  value: I,
+  label: p,
+  onChange: w,
+  autofocus: D,
+  hint: t,
+  id: d = void 0,
+  gridLayout: u,
+  checked: n = !1,
+  disabled: h,
+  permissionAttr: y,
+  tooltip: E,
+  tooltipPosition: O = "top",
+  tooltipWidth: P = "auto",
+  skeletonize: c,
+  targetRef: f,
+  errorMessages: R,
+  customClassForLabel: j,
+  hintPosition: b = "below",
+  themePopover: B = "light",
+  popoverAlign: H = "left",
+  tabIndex: S = 0
+}, T) => {
+  const [o, x] = k(n), _ = [g.disabled, g.unvisible], [v] = k(J(_, y)), a = K(null);
+  M(T, () => a.current, [a.current]), z(() => {
+    x(n);
+  }, [n]);
+  const i = () => h || v.disabled, F = () => {
+    if (i()) return null;
+    const r = {
+      checked: !o,
+      id: d,
+      name: l,
+      value: !o
+    };
+    return {
+      onClick: () => {
+        !i() && !c && (x(!o), w?.({
+          target: r
+        }));
+      },
+      onKeyDown: void 0,
+      role: "checkbox",
+      tabIndex: -1
+    };
+  }, C = () => /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ s("div", { "data-skeletonized": c, className: "checkbox-component", style: {
+      display: "flex",
+      alignItems: "center"
+    }, children: [
+      /* @__PURE__ */ s("span", { "data-testid": "checkbox-container", className: "inputcontent", "aria-checked": o, ...F(), children: [
+        /* @__PURE__ */ e("input", { id: d || void 0, ref: (r) => {
+          f && f(r), a.current = r;
+        }, tabIndex: S, className: "input", type: "checkbox", autoFocus: D, checked: o, disabled: i(), name: l, required: m, value: I, onChange: () => {
+        } }),
+        /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(Q, { size: 12, name: "checkmark" }) }),
+        p && /* @__PURE__ */ s("div", { className: "description", children: [
+          /* @__PURE__ */ e(N, { required: m, disabled: i(), className: j, tooltip: E, tooltipWidth: P, tooltipPosition: O }),
+          p,
+          /* @__PURE__ */ e(N, {}),
+          /* @__PURE__ */ e(V, { disabled: h, visible: !!t && b === "below", description: t, customClass: "hint" })
+        ] })
+      ] }),
+      !!t && b === "onLabelRight" && !c && /* @__PURE__ */ e(U, { theme: B, align: H, customClass: "-hint", iconColor: "#03bde2", style: {
+        margin: "0px 5px",
+        height: "auto",
+        width: 20
+      }, children: t })
+    ] }),
+    /* @__PURE__ */ e(L, { messages: R })
+  ] });
+  return v.unvisible ? null : u ? /* @__PURE__ */ e(A, { customClass: "-withinput", cols: u, children: C() }) : C();
+});
+W.displayName = "CheckBox";
+export {
+  W as default
+};
+//# sourceMappingURL=index.js.map

package/lib/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/checkbox/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, forwardRef, useImperativeHandle } from 'react';\nimport Grid from '../gridlayout';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { ICheckBoxProps } from './types';\nimport '../assets/styles/checkbox.scss';\nimport { ErrorMessage } from '../inputs/errorMessage';\nimport { Icon } from '..';\nimport TextContent from '../textContent';\nimport Popover from '../popover';\nimport Hint from '../hint';\n\n/**\n * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado\n * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do\n * componente para gerar propriedades customizadas.\n */\n\nconst CheckBox = forwardRef<HTMLInputElement, ICheckBoxProps>(({\n  name, required, value, label, onChange, autofocus, hint, id = undefined, gridLayout, \n  checked = false, disabled, permissionAttr, tooltip, tooltipPosition = 'top', tooltipWidth = 'auto',\n  skeletonize, targetRef, errorMessages, customClassForLabel, hintPosition = 'below',\n  themePopover = 'light', popoverAlign = 'left', tabIndex = 0,\n}, ref) => {\n  const [isChecked, setIsChecked] = useState(checked);\n  const options = [OPTIONS_ON_DENIED.disabled, OPTIONS_ON_DENIED.unvisible];\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(options, permissionAttr));\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  useImperativeHandle(ref, () => inputRef.current!, [inputRef.current]);\n\n  useEffect(() => {\n    setIsChecked(checked);\n  }, [checked]);\n\n  const shouldDisable = () => disabled || onDenied.disabled;\n\n  const getProps = () => {\n\n    if (shouldDisable()) return null;\n    const target = {\n      checked: !isChecked,\n      id,\n      name,\n      value: !isChecked,\n    };\n    return {\n      onClick: () => {\n        if (!shouldDisable() && !skeletonize) {\n          setIsChecked(!isChecked);\n          onChange?.({ target });\n        }\n      },\n      onKeyDown: undefined,\n      role: 'checkbox',\n      tabIndex: -1,\n    };\n  };\n\n  const renderInput = () => (\n    <div>\n      <div\n        data-skeletonized={skeletonize}\n        className=\"checkbox-component\"\n        style={{ display: 'flex', alignItems: 'center' }}>\n        <span\n          data-testid=\"checkbox-container\"\n          className=\"inputcontent\"\n          aria-checked={isChecked}\n          {...getProps()}>\n          <input\n            id={id || undefined}\n            ref={(r) => {\n              if (targetRef) targetRef(r);\n              inputRef.current = r;\n            }}\n            tabIndex={tabIndex}\n            className=\"input\"\n            type=\"checkbox\"\n            autoFocus={autofocus}\n            checked={isChecked}\n            disabled={shouldDisable()}\n            name={name}\n            required={required}\n            value={value}\n            onChange={() => { }} />\n          <span>\n            <Icon size={12} name=\"checkmark\" />\n          </span>\n          {label && (\n            <div className='description'>\n              <TextContent\n                required={required}\n                disabled={shouldDisable()}\n                className={customClassForLabel}\n                tooltip={tooltip}\n                tooltipWidth={tooltipWidth}\n                tooltipPosition={tooltipPosition} />\n              {label}\n              <TextContent />\n              <Hint disabled={disabled} visible={!!hint && hintPosition === 'below'} description={hint} customClass=\"hint\" />\n            </div>\n          )}\n        </span>\n        {!!hint && hintPosition === 'onLabelRight' && !skeletonize && (\n          <Popover\n            theme={themePopover}\n            align={popoverAlign}\n            customClass=\"-hint\"\n            iconColor=\"#03bde2\"\n            style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n            {hint}\n          </Popover>\n        )}\n      </div>\n      <ErrorMessage messages={errorMessages} />\n    </div>\n  );\n\n  if (onDenied.unvisible) return null;\n\n  return (gridLayout ? <Grid customClass=\"-withinput\" cols={gridLayout}>{renderInput()}</Grid> : renderInput());\n});\n\nCheckBox.displayName = 'CheckBox';\n\nexport default CheckBox;\n"],"names":["CheckBox","forwardRef","name","required","value","label","onChange","autofocus","hint","id","undefined","gridLayout","checked","disabled","permissionAttr","tooltip","tooltipPosition","tooltipWidth","skeletonize","targetRef","errorMessages","customClassForLabel","hintPosition","themePopover","popoverAlign","tabIndex","ref","isChecked","setIsChecked","useState","options","OPTIONS_ON_DENIED","unvisible","onDenied","actionsOnPermissionDenied","inputRef","useRef","useImperativeHandle","current","useEffect","shouldDisable","getProps","target","onClick","onKeyDown","role","renderInput","jsxs","display","alignItems","jsx","r","Icon","TextContent","Hint","Popover","margin","height","width","ErrorMessage","Grid","displayName"],"mappings":"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"}

package/lib/checkbox/types.d.ts

@@ -0,0 +1,46 @@
+import { ReactElement } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr';
+import { Position } from '../@types/Position';
+export type ChangeEvent = {
+    checked: boolean;
+    id?: string;
+    name?: string;
+    value: boolean;
+};
+type Target = {
+    target: ChangeEvent;
+};
+export interface ICheckBoxProps {
+    id?: string;
+    label?: string;
+    disabled?: boolean;
+    defaultChecked?: boolean;
+    checked?: boolean;
+    required?: boolean;
+    value?: string | number;
+    name?: string;
+    onChange?: (event: Target) => void;
+    onClick?: () => void;
+    autoFocus?: boolean;
+    e?: {
+        target: Element;
+    } | undefined;
+    children?: ReactElement;
+    autofocus?: boolean;
+    hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    gridLayout?: string;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+    tooltip?: string;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    tooltipWidth?: string | number;
+    skeletonize?: boolean;
+    targetRef?: (ref: HTMLInputElement | null) => void;
+    targetSpanRef?: (ref: HTMLSpanElement | null) => void;
+    errorMessages?: string[] | undefined;
+    customClassForLabel?: string;
+    tabIndex?: number;
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+export {};

package/lib/dialog/Alert.d.ts

@@ -0,0 +1,3 @@
+import { ICommonDialogProps } from './types';
+declare const Alert: (props: ICommonDialogProps) => import("react/jsx-runtime").JSX.Element;
+export default Alert;

package/lib/dialog/Alert.js

@@ -0,0 +1,23 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as a } from "../_virtual/compiler-runtime.js";
+import s from "../buttons/PrimaryButton.js";
+import '../assets/styles/button.css';/* empty css                           */
+import u from "./Custom.js";
+import b from "../icons/index.js";
+const L = (t) => {
+  const o = a.c(7), {
+    onConfirmClick: i,
+    confirmLabel: f
+  } = t, n = f === void 0 ? "Confirmar" : f;
+  let e;
+  o[0] !== n || o[1] !== i ? (e = [/* @__PURE__ */ l(s, { onClick: i, label: n }, "confirm-buttom")], o[0] = n, o[1] = i, o[2] = e) : e = o[2];
+  const c = e;
+  let m;
+  o[3] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ l(b, { name: "exclamation", color: "#f39c12", size: 64 }), o[3] = m) : m = o[3];
+  let r;
+  return o[4] !== c || o[5] !== t ? (r = /* @__PURE__ */ l(u, { ...t, buttons: c, icon: m }), o[4] = c, o[5] = t, o[6] = r) : r = o[6], r;
+};
+export {
+  L as default
+};
+//# sourceMappingURL=Alert.js.map

package/lib/dialog/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../src/lib/dialog/Alert.tsx"],"sourcesContent":["import { PrimaryButton } from '../buttons';\nimport Custom from './Custom';\nimport Icon from '../icons';\nimport { ICommonDialogProps } from './types';\n\nconst Alert = (props: ICommonDialogProps) => {\n  const { onConfirmClick, confirmLabel = 'Confirmar' } = props;\n\n  const buttons = [\n    <PrimaryButton key=\"confirm-buttom\" onClick={onConfirmClick} label={confirmLabel} />,\n  ];\n\n  return (\n    <Custom\n      {...props}\n      buttons={buttons}\n      icon={<Icon name=\"exclamation\" color=\"#f39c12\" size={64} />} />\n  );\n};\n\nexport default Alert;\n"],"names":["Alert","props","$","_c","onConfirmClick","confirmLabel","t0","undefined","t1","PrimaryButton","buttons","t2","Symbol","for","Icon","t3","Custom"],"mappings":";;;;;;AAKA,MAAMA,IAAQC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GACZ;AAAA,IAAAC,gBAAAA;AAAAA,IAAAC,cAAAC;AAAAA,EAAAA,IAAuDL,GAA/BI,IAAAC,MAAAC,SAAA,cAAAD;AAA0B,MAAAE;AAAA,EAAAN,EAAA,CAAA,MAAAG,KAAAH,SAAAE,KAElCI,uBACbC,GAAA,EAA4CL,SAAAA,GAAuBC,OAAAA,KAAjD,iBAAiE,GACrFH,OAAAG,GAAAH,OAAAE,GAAAF,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAFD,QAAAQ,IAAgBF;AAEd,MAAAG;AAAA,EAAAT,EAAA,CAAA,MAAAU,OAAAC,IAAA,2BAAA,KAMQF,sBAACG,GAAA,EAAU,MAAA,eAAoB,OAAA,WAAgB,MAAA,IAAE,GAAIZ,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAA,MAAAa;AAAA,SAAAb,EAAA,CAAA,MAAAQ,KAAAR,SAAAD,KAH7Dc,sBAACC,GAAA,EAAM,GACDf,GACKS,SAAAA,GACH,MAAAC,GAAqD,GAAIT,OAAAQ,GAAAR,OAAAD,GAAAC,OAAAa,KAAAA,IAAAb,EAAA,CAAA,GAHjEa;AAGiE;"}

package/lib/dialog/Custom.d.ts

@@ -0,0 +1,3 @@
+import { ICustomProps } from './types';
+declare const Custom: (props: ICustomProps) => import("react/jsx-runtime").JSX.Element;
+export default Custom;

package/lib/dialog/Custom.js

@@ -0,0 +1,47 @@
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { c as N } from "../_virtual/compiler-runtime.js";
+import { cloneElement as b } from "react";
+import w from "./base/index.js";
+import C from "./base/Footer.js";
+import j from "../icons/index.js";
+import B from "../buttons/button_container/index.js";
+import '../assets/styles/button.css';/* empty css                           */
+import E from "../node_modules/uuid/dist/v1.js";
+const I = (e, t) => t || (e ? /* @__PURE__ */ r(j, { name: e, color: "#000", size: 64 }) : null), G = (e) => {
+  const t = N.c(22), {
+    width: h,
+    height: v,
+    iconName: x,
+    open: f
+  } = e, s = h === void 0 ? "35%" : h, d = v === void 0 ? "auto" : v, u = x === void 0 ? null : x;
+  let i;
+  t[0] !== u || t[1] !== e.icon ? (i = I(u, e.icon), t[0] = u, t[1] = e.icon, t[2] = i) : i = t[2];
+  let l;
+  t[3] !== i ? (l = /* @__PURE__ */ r("div", { className: "icon", children: i }), t[3] = i, t[4] = l) : l = t[4];
+  let n;
+  t[5] !== e.title ? (n = e.title && /* @__PURE__ */ r("div", { className: "title", children: e.title }), t[5] = e.title, t[6] = n) : n = t[6];
+  let o;
+  t[7] !== e.text ? (o = /* @__PURE__ */ r("div", { className: "text", children: e.text }), t[7] = e.text, t[8] = o) : o = t[8];
+  let c;
+  t[9] !== n || t[10] !== o ? (c = /* @__PURE__ */ g("div", { className: "container", children: [
+    n,
+    o
+  ] }), t[9] = n, t[10] = o, t[11] = c) : c = t[11];
+  let m;
+  t[12] !== e ? (m = e.buttons && e.buttons.length > 0 && /* @__PURE__ */ r(C, { ...e, children: /* @__PURE__ */ r(B, { position: "right", children: e.buttons.map($) }) }), t[12] = e, t[13] = m) : m = t[13];
+  let a;
+  return t[14] !== d || t[15] !== f || t[16] !== e || t[17] !== l || t[18] !== c || t[19] !== m || t[20] !== s ? (a = /* @__PURE__ */ g(w, { open: f, width: s, height: d, ...e, wrapperClassName: "dialog-alert-wrapper", children: [
+    l,
+    c,
+    m
+  ] }), t[14] = d, t[15] = f, t[16] = e, t[17] = l, t[18] = c, t[19] = m, t[20] = s, t[21] = a) : a = t[21], a;
+};
+function $(e) {
+  return b(e, {
+    key: `button-${E()}`
+  });
+}
+export {
+  G as default
+};
+//# sourceMappingURL=Custom.js.map

package/lib/dialog/Custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Custom.js","sources":["../../src/lib/dialog/Custom.tsx"],"sourcesContent":["import { cloneElement, ReactElement } from 'react';\nimport * as uuid from 'uuid';\nimport BaseDialog from './base';\nimport FormFooter from './base/Footer';\nimport Icon from '../icons';\nimport { ButtonContainer } from '../buttons';\nimport { ICustomProps } from './types';\nimport { IconNames } from '../@types/Icon';\n\nconst getIcon = (iconName: IconNames | null, icon: ReactElement) => {\n  if (icon) {\n    return icon;\n  } else if (iconName) {\n    return <Icon name={iconName} color=\"#000\" size={64} />;\n  }\n  return null;\n};\n\nconst Custom = (props: ICustomProps) => {\n  const { width = '35%', height = 'auto', iconName = null, open } = props;\n  return (\n    <BaseDialog\n      open={open}\n      width={width}\n      height={height}\n      {...props}\n      wrapperClassName=\"dialog-alert-wrapper\">\n      <div className=\"icon\">\n        {getIcon(iconName, props.icon)}\n      </div>\n      <div className=\"container\">\n        {props.title &&\n          <div className=\"title\">\n            {props.title}\n          </div>}\n        <div className=\"text\">\n          {props.text}\n        </div>\n      </div>\n      {props.buttons && props.buttons.length > 0 && (\n        <FormFooter {...props}>\n          <ButtonContainer position=\"right\">\n            {props.buttons.map(button => cloneElement(button, { key: `button-${uuid.v1()}` }))}\n          </ButtonContainer>\n        </FormFooter>\n      )}\n    </BaseDialog>\n  );\n};\n\nexport default Custom;\n"],"names":["getIcon","iconName","icon","Icon","Custom","props","$","_c","width","t0","height","t1","t2","open","undefined","t3","t4","jsx","t5","title","t6","text","t7","jsxs","t8","buttons","length","FormFooter","ButtonContainer","map","_temp","t9","BaseDialog","button","cloneElement","key","uuid"],"mappings":";;;;;;;;;AASA,MAAMA,IAAUA,CAACC,GAA4BC,MACvCA,MAEOD,sBACDE,GAAA,EAAK,MAAMF,GAAU,OAAM,QAAO,MAAM,IAAG,IAE9C,OAGHG,IAASC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACb;AAAA,IAAAC,OAAAC;AAAAA,IAAAC,QAAAC;AAAAA,IAAAV,UAAAW;AAAAA,IAAAC,MAAAA;AAAAA,EAAAA,IAAkER,GAA1DG,IAAAC,MAAAK,SAAA,QAAAL,GAAeC,IAAAC,MAAAG,SAAA,SAAAH,GAAiBV,IAAAW,MAAAE,SAAA,OAAAF;AAAe,MAAAG;AAAA,EAAAT,SAAAL,KAAAK,EAAA,CAAA,MAAAD,EAAAH,QAShDa,IAAAf,EAAQC,GAAUI,EAAKH,IAAK,GAACI,OAAAL,GAAAK,EAAA,CAAA,IAAAD,EAAAH,MAAAI,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAA,MAAAU;AAAA,EAAAV,SAAAS,KADhCC,IAAA,gBAAAC,EAAA,OAAA,EAAe,WAAA,QACZF,UAAAA,GACH,GAAMT,OAAAS,GAAAT,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAY;AAAA,EAAAZ,EAAA,CAAA,MAAAD,EAAAc,SAEHD,IAAAb,EAAKc,SACJ,gBAAAF,WAAe,WAAA,SACZZ,YAAKc,MAAAA,CACR,GAAMb,EAAA,CAAA,IAAAD,EAAAc,OAAAb,OAAAY,KAAAA,IAAAZ,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAD,EAAAgB,QACRD,IAAA,gBAAAH,EAAA,OAAA,EAAe,WAAA,QACZZ,YAAKgB,MACR,GAAMf,EAAA,CAAA,IAAAD,EAAAgB,MAAAf,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAgB;AAAA,EAAAhB,EAAA,CAAA,MAAAY,KAAAZ,UAAAc,KAPRE,IAAA,gBAAAC,EAAA,OAAA,EAAe,WAAA,aACZL,UAAAA;AAAAA,IAAAA;AAAAA,IAIDE;AAAAA,EAAAA,GAGF,GAAMd,OAAAY,GAAAZ,QAAAc,GAAAd,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA;AAAA,MAAAkB;AAAA,EAAAlB,UAAAD,KACLmB,IAAAnB,EAAKoB,WAAYpB,EAAKoB,QAAQC,SAAU,uBACtCC,GAAA,EAAU,GAAKtB,GACd,UAAA,gBAAAY,EAACW,GAAA,EAAyB,UAAA,SACvBvB,UAAAA,EAAKoB,QAAQI,IAAKC,CAA8D,GACnF,EAAA,CACF,GACDxB,QAAAD,GAAAC,QAAAkB,KAAAA,IAAAlB,EAAA,EAAA;AAAA,MAAAyB;AAAA,SAAAzB,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAD,KAAAC,UAAAU,KAAAV,EAAA,EAAA,MAAAgB,KAAAhB,EAAA,EAAA,MAAAkB,KAAAlB,EAAA,EAAA,MAAAE,KAxBHuB,IAAA,gBAAAR,EAACS,KACOnB,MAAAA,GACCL,OAAAA,GACCE,QAAAA,GAAM,GACVL,GACa,kBAAA,wBACjBW,UAAAA;AAAAA,IAAAA;AAAAA,IAGAM;AAAAA,IASCE;AAAAA,EAAAA,GAOH,GAAalB,QAAAI,GAAAJ,QAAAO,GAAAP,QAAAD,GAAAC,QAAAU,GAAAV,QAAAgB,GAAAhB,QAAAkB,GAAAlB,QAAAE,GAAAF,QAAAyB,KAAAA,IAAAzB,EAAA,EAAA,GAzBbyB;AAyBa;AA5BF,SAAAD,EAAAG,GAAA;AAAA,SAwB0BC,EAAaD,GAAQ;AAAA,IAAAE,KAAO,UAAUC,GAAS;AAAA,EAAA,CAAI;AAAC;"}

package/lib/dialog/Error.d.ts

@@ -0,0 +1,3 @@
+import { ICommonDialogProps } from './types';
+declare const Error: (props: ICommonDialogProps) => import("react/jsx-runtime").JSX.Element;
+export default Error;