linear-react-components-ui 1.1.26-beta.7 → 1.1.26-beta.8

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

@@ -0,0 +1,59 @@
+import { default as React } from 'react';
+import { default as moment, Moment } from 'moment';
+import { ColorStyles } from '../../@types/ColorStyles';
+import { ICalendarProps } from '../types';
+export declare function dayNames(): string[];
+export declare function getStartOfWeek(date: Moment): moment.Moment;
+export declare function getStartOfMonth(date: Moment): moment.Moment;
+export declare function dateIsEquals(date1: Moment, date2: Moment): boolean;
+export declare function dayOutOfCurrentMonth(currentDate: Moment, comparedDay: Moment): boolean;
+export declare function getPtBrLocale(): {
+    months: string[];
+    monthsShort: string[];
+    weekdays: string[];
+    weekdaysShort: string[];
+    weekdaysMin: string[];
+    longDateFormat: {
+        LT: string;
+        L: string;
+        LL: string;
+        LLL: string;
+        LLLL: string;
+    };
+    calendar: {
+        sameDay: string;
+        nextDay: string;
+        nextWeek: string;
+        lastDay: string;
+        lastWeek(): string;
+        sameElse: string;
+    };
+    relativeTime: {
+        future: string;
+        past: string;
+        s: string;
+        m: string;
+        mm: string;
+        h: string;
+        hh: string;
+        d: string;
+        dd: string;
+        M: string;
+        MM: string;
+        y: string;
+        yy: string;
+    };
+    ordinal: string;
+};
+/** Functions used insed index.jsx */
+export declare function getCalendarCssClass({ unpadding, drawGridLines, customClass, colorStyle, }: {
+    unpadding: boolean;
+    drawGridLines: boolean;
+    customClass: string | undefined;
+    colorStyle: ColorStyles | undefined;
+}): string;
+export declare function validDate(date: Moment): moment.Moment;
+/** Functions used inside Day Component */
+export declare function getDayContainerCssClass(currentDate: Moment, day: Moment): string;
+export declare function getDayCssClass(currentDate: Moment, day: Moment): string;
+export declare const CalendarContext: React.Context<ICalendarProps>;

package/lib/calendar/base/helpers.js

@@ -0,0 +1,100 @@
+import u from "react";
+import { h as s } from "../../chunks/moment.DMLRxgRE.js";
+s.locale("pt-br");
+function r(e, t) {
+  return e.startOf(t);
+}
+function l() {
+  return ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
+}
+function f(e) {
+  return r(e, "week");
+}
+function M(e) {
+  return r(e, "month");
+}
+function o(e, t) {
+  return s(e.format("YYYY-MM-DD")).isSame(t.format("YYYY-MM-DD"));
+}
+function m(e, t) {
+  return e.format("MM") !== t.format("MM");
+}
+function Y() {
+  return {
+    months: "janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),
+    monthsShort: "jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),
+    weekdays: "domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split("_"),
+    weekdaysShort: "dom_seg_ter_qua_qui_sex_sáb".split("_"),
+    weekdaysMin: "dom_2ª_3ª_4ª_5ª_6ª_sáb".split("_"),
+    longDateFormat: {
+      LT: "HH:mm",
+      L: "DD/MM/YYYY",
+      LL: "D [de] MMMM [de] YYYY",
+      LLL: "D [de] MMMM [de] YYYY [às] LT",
+      LLLL: "dddd, D [de] MMMM [de] YYYY [às] LT"
+    },
+    calendar: {
+      sameDay: "[Hoje às] LT",
+      nextDay: "[Amanhã às] LT",
+      nextWeek: "dddd [às] LT",
+      lastDay: "[Ontem às] LT",
+      lastWeek() {
+        return this.sameDay === "0" || this.sameDay === "6" ? "[Último] dddd [às] LT" : (
+          // Saturday + Sunday
+          "[Última] dddd [às] LT"
+        );
+      },
+      sameElse: "L"
+    },
+    relativeTime: {
+      future: "em %s",
+      past: "%s atrás",
+      s: "segundos",
+      m: "um minuto",
+      mm: "%d minutos",
+      h: "uma hora",
+      hh: "%d horas",
+      d: "um dia",
+      dd: "%d dias",
+      M: "um mês",
+      MM: "%d meses",
+      y: "um ano",
+      yy: "%d anos"
+    },
+    ordinal: "%dº"
+  };
+}
+function c({
+  unpadding: e,
+  drawGridLines: t,
+  customClass: a,
+  colorStyle: d
+}) {
+  let n = `calendar-component ${a}`;
+  return n += ` -${d}`, n += e ? " -unpadding" : "", n += t ? " -draw-grid-lines" : "", n;
+}
+function h(e) {
+  return s(e).format() !== "Invalid date" ? e : s();
+}
+function L(e, t) {
+  let a = "monthday ";
+  return a += o(e, t) ? "-selectedday " : "", a;
+}
+function D(e, t) {
+  let a = "daybutton ";
+  return a += o(s(), t) ? "-nowday " : "", a += m(e, t) ? "-outmonth" : "", a;
+}
+const y = u.createContext({});
+export {
+  y as CalendarContext,
+  o as dateIsEquals,
+  l as dayNames,
+  m as dayOutOfCurrentMonth,
+  c as getCalendarCssClass,
+  L as getDayContainerCssClass,
+  D as getDayCssClass,
+  Y as getPtBrLocale,
+  M as getStartOfMonth,
+  f as getStartOfWeek,
+  h as validDate
+};

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,137 @@
+import { j as n } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as ae } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { useRef as Z, useState as ie, useEffect as ee } from "react";
+import { h as ce } from "../../chunks/moment.DMLRxgRE.js";
+import me from "./Month.js";
+import te 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 fe from "../../gridlayout/GridCol.js";
+import { validDate as oe, dayNames as de, CalendarContext as ue, getCalendarCssClass as he } from "./helpers.js";
+import { v as ne } from "../../chunks/v1.Ds1rkxUj.js";
+const pe = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"], Le = (C) => {
+  const e = ae.c(53), {
+    currentDate: w,
+    onDateChange: x,
+    drawGridLines: I,
+    colorStyle: U,
+    unpadding: J,
+    customClass: $,
+    gridLayout: y,
+    currentDateButton: F,
+    calendarContainer: K
+  } = C;
+  let g;
+  e[0] !== w ? (g = w === void 0 ? ce() : w, e[0] = w, e[1] = g) : g = e[1];
+  const r = g, T = I === void 0 ? !1 : I, V = J === void 0 ? !1 : J, h = Z(null), v = Z(null);
+  let D;
+  e[2] !== r ? (D = oe(r), e[2] = r, e[3] = D) : D = e[3];
+  const [o, j] = ie(D);
+  let A;
+  e[4] !== x ? (A = (t) => {
+    x && x(t), j(t);
+  }, e[4] = x, e[5] = A) : A = e[5];
+  const W = A;
+  let _;
+  e[6] !== o ? (_ = () => {
+    const t = o.clone();
+    j(t.subtract(1, "month"));
+  }, e[6] = o, e[7] = _) : _ = e[7];
+  const q = _;
+  let b;
+  e[8] !== o ? (b = () => {
+    const t = o.clone();
+    j(t.add(1, "month"));
+  }, e[8] = o, e[9] = b) : b = e[9];
+  const z = b;
+  let M;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (M = (t) => {
+    const se = t.target, u = h.current?.getElementsByClassName("daybutton");
+    let p = 0;
+    u.length && Array.from(u).find((X, le) => {
+      X && X.id === se.id && (p = le);
+    });
+    const Q = {
+      ArrowUp: u[p - 7],
+      ArrowRight: u[p + 1],
+      ArrowDown: u[p + 7],
+      ArrowLeft: u[p - 1]
+    }[t.code];
+    Q && Q.focus();
+  }, e[10] = M) : M = e[10];
+  const re = M;
+  let E;
+  e[11] !== W ? (E = {
+    handleDateChange: W
+  }, e[11] = W, e[12] = E) : E = e[12];
+  const H = E;
+  let N;
+  e[13] !== K || e[14] !== r ? (N = () => (K?.(v?.current), j(oe(r)), document.addEventListener("keydown", (t) => {
+    t && t.code && pe.includes(t.code) && v.current && v.current.contains(document.activeElement) && h.current && h.current.contains(document.activeElement) && (re(t), t.stopPropagation(), t.preventDefault());
+  }), we), e[13] = K, e[14] = r, e[15] = N) : N = e[15];
+  let S;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (S = [], e[16] = S) : S = e[16], ee(N, S);
+  let L;
+  e[17] !== F ? (L = () => {
+    const t = h.current?.getElementsByClassName("-selectedday")[0];
+    F?.(t.firstChild);
+  }, e[17] = F, e[18] = L) : L = e[18];
+  let R;
+  e[19] !== r ? (R = [r], e[19] = r, e[20] = R) : R = e[20], ee(L, R);
+  let s;
+  e[21] !== U || e[22] !== $ || e[23] !== T || e[24] !== V ? (s = he({
+    unpadding: V,
+    drawGridLines: T,
+    customClass: $,
+    colorStyle: U
+  }), e[21] = U, e[22] = $, e[23] = T, e[24] = V, e[25] = s) : s = e[25];
+  let k;
+  e[26] === Symbol.for("react.memo_cache_sentinel") ? (k = ne(), e[26] = k) : k = e[26];
+  let l;
+  e[27] !== q ? (l = /* @__PURE__ */ n.jsx(te, { id: k, boxShadow: !1, iconName: "arrow_left", customClass: "navbutton nav-arrow-left", onClick: () => {
+    q();
+  } }), e[27] = q, e[28] = l) : l = e[28];
+  let a;
+  e[29] !== o ? (a = o.format("MMMM YYYY"), e[29] = o, e[30] = a) : a = e[30];
+  let i;
+  e[31] !== a ? (i = /* @__PURE__ */ n.jsx("span", { className: "monthname", children: a }), e[31] = a, e[32] = i) : i = e[32];
+  let Y;
+  e[33] === Symbol.for("react.memo_cache_sentinel") ? (Y = ne(), e[33] = Y) : Y = e[33];
+  let c;
+  e[34] !== z ? (c = /* @__PURE__ */ n.jsx(te, { id: Y, boxShadow: !1, iconName: "arrow_right", customClass: "navbutton nav-arrow-right", onClick: () => {
+    z();
+  } }), e[34] = z, e[35] = c) : c = e[35];
+  let m;
+  e[36] !== l || e[37] !== i || e[38] !== c ? (m = /* @__PURE__ */ n.jsxs("div", { className: "calendarheader", children: [
+    l,
+    i,
+    c
+  ] }), e[36] = l, e[37] = i, e[38] = c, e[39] = m) : m = e[39];
+  let B;
+  e[40] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ n.jsx("div", { className: "daynames", children: de().map(xe) }), e[40] = B) : B = e[40];
+  let f;
+  e[41] !== o ? (f = /* @__PURE__ */ n.jsx(me, { monthRef: h, currentDate: o }), e[41] = o, e[42] = f) : f = e[42];
+  let G;
+  e[43] !== s || e[44] !== m || e[45] !== f ? (G = /* @__PURE__ */ n.jsxs("div", { ref: v, className: s, children: [
+    m,
+    B,
+    f
+  ] }), e[43] = s, e[44] = m, e[45] = f, e[46] = G) : G = e[46];
+  const O = G;
+  let d;
+  e[47] !== O || e[48] !== y ? (d = y ? /* @__PURE__ */ n.jsx(fe, { customClass: "-withinput", cols: y, children: O }) : O, e[47] = O, e[48] = y, e[49] = d) : d = e[49];
+  let P;
+  return e[50] !== H || e[51] !== d ? (P = /* @__PURE__ */ n.jsx(ue.Provider, { value: H, children: d }), e[50] = H, e[51] = d, e[52] = P) : P = e[52], P;
+};
+function Ce() {
+}
+function we() {
+  document.removeEventListener("keydown", Ce);
+}
+function xe(C) {
+  return /* @__PURE__ */ n.jsx("div", { children: C }, `day-${C}`);
+}
+export {
+  Le as default
+};

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,14 @@
+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

@@ -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/checkbox.spec.d.ts

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

package/lib/checkbox/index.d.ts

@@ -0,0 +1,9 @@
+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.ForwardRefExoticComponent<ICheckBoxProps & React.RefAttributes<HTMLInputElement>>;
+export default CheckBox;

package/lib/checkbox/index.js

@@ -0,0 +1,32 @@
+import "../chunks/jsx-runtime.D1SHvdVE.js";
+import "react";
+import "../chunks/compiler-runtime.Cu50tn6L.js";
+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 E } from "../chunks/tabs.BvKfeA6Y.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 "../chunks/lodash.CIAK_hAg.js";
+import "../tabs/context.js";
+import "../tabs/tabHelpers.js";
+import "../chunks/index.aw0XaUkg.js";
+import "../hint/index.js";
+export {
+  E as default
+};

package/lib/checkbox/types.d.ts

@@ -0,0 +1,45 @@
+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;
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+export {};

package/lib/chunks/compiler-runtime.Cu50tn6L.js

@@ -0,0 +1,54 @@
+import p from "react";
+var e = { exports: {} }, t = {};
+/**
+ * @license React
+ * react-compiler-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var a;
+function s() {
+  if (a) return t;
+  a = 1;
+  var o = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  return t.c = function(r) {
+    return o.H.useMemoCache(r);
+  }, t;
+}
+var n = {};
+/**
+ * @license React
+ * react-compiler-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var u;
+function m() {
+  return u || (u = 1, process.env.NODE_ENV !== "production" && (function() {
+    var o = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    n.c = function(r) {
+      var i = o.H;
+      return i === null && console.error(
+        `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+1. You might have mismatching versions of React and the renderer (such as React DOM)
+2. You might be breaking the Rules of Hooks
+3. You might have more than one copy of React in the same app
+See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
+      ), i.useMemoCache(r);
+    };
+  })()), n;
+}
+var c;
+function l() {
+  return c || (c = 1, process.env.NODE_ENV === "production" ? e.exports = s() : e.exports = m()), e.exports;
+}
+var _ = l();
+export {
+  _ as c
+};