@agrotools1/at-components1 1.1.0 → 1.1.2-beta.0

package/dist/DataTable/DataTable.vue.js

@@ -0,0 +1,130 @@
+import A from "./DataTable.vue2.js";
+import { resolveComponent as c, createElementBlock as o, openBlock as t, Fragment as d, createElementVNode as i, createCommentVNode as m, mergeProps as P, createBlock as p, withDirectives as $, renderSlot as D, withCtx as T, createVNode as g, renderList as u, normalizeClass as f, withKeys as z, toDisplayString as w, resolveDynamicComponent as k, vShow as E } from "vue";
+/* empty css               */
+import K from "../_virtual/_plugin-vue_export-helper.js";
+const V = ["data-align-columns"], _ = ["data-isStick"], L = {
+  role: "row",
+  class: "thead-row"
+}, U = {
+  key: 1,
+  role: "rowgroup"
+}, B = ["onmouseenter"], F = ["data-key", "onClick"], I = { class: "td-container" }, N = ["id", "value", "onKeydown"], H = { key: 1 }, R = {
+  key: 2,
+  class: "item-as-array"
+}, W = { key: 0 }, j = {
+  key: 0,
+  class: "d-flex flex-column w-100 gap-2"
+}, M = { class: "table-skeleton" }, O = {
+  key: 1,
+  style: { display: "flex", "justify-content": "flex-end", "margin-top": "16px" }
+};
+function q(e, r, G, J, Q, X) {
+  const b = c("AtCheckbox"), v = c("AtColumn"), C = c("AtText"), S = c("AtPaginator");
+  return t(), o(d, null, [
+    i("table", P(e.$attrs, {
+      role: "table",
+      class: "table-content",
+      "data-align-columns": e.alignColumns
+    }), [
+      i("thead", {
+        role: "rowgroup",
+        "data-isStick": e.stickHeader
+      }, [
+        i("tr", L, [
+          e.withSelection ? (t(), p(v, {
+            key: 0,
+            field: "selection",
+            "data-align-columns": "left"
+          }, {
+            default: T(() => [
+              g(b, {
+                "model-value": e.withSelectionModel,
+                size: "20",
+                "onUpdate:modelValue": e.handleWithSelectionChanges
+              }, null, 8, ["model-value", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          })) : m("", !0),
+          D(e.$slots, "default", {}, void 0, !0)
+        ])
+      ], 8, _),
+      !e.value || !e.value.length ? (t(), p(C, {
+        key: 0,
+        as: "h6"
+      })) : $((t(), o("tbody", U, [
+        r[1] || (r[1] = i("tr", { class: "empty-space" }, null, -1)),
+        (t(!0), o(d, null, u(e.activeTableData, (a) => (t(), o("tr", {
+          key: e.extractKey(a),
+          class: f([...e.columnsClasses, "tbody-tr"]),
+          role: "row",
+          tabindex: "-1",
+          onmouseenter: (n) => {
+            e.lastHoveredTr = {
+              element: n.target,
+              item: a
+            };
+          }
+        }, [
+          (t(!0), o(d, null, u(e.getEntries(a), ([n, l]) => {
+            var h, y;
+            return t(), o("td", {
+              key: n,
+              "data-key": n,
+              role: "cell",
+              class: f(`tbody-row ${(h = e.withEditableFields) != null && h.includes(n) ? "with-focus" : ""} `),
+              "aria-selected": "false",
+              onClick: (s) => e.handleTrClick(s, n)
+            }, [
+              i("div", I, [
+                (y = e.withEditableFields) != null && y.includes(n) ? (t(), o("input", {
+                  key: 0,
+                  id: n,
+                  placeholder: "",
+                  value: l,
+                  onKeydown: z((s) => e.updateOnKeyDown(s, n), ["enter"])
+                }, null, 40, N)) : typeof l == "number" || typeof l == "string" ? (t(), o("span", H, w(l), 1)) : Array.isArray(l) ? (t(), o("div", R, [
+                  (t(!0), o(d, null, u(l, (s) => (t(), o("div", { key: s }, [
+                    typeof s == "number" || typeof s == "string" ? (t(), o("span", W, w(s), 1)) : (t(), p(k(typeof s == "function" ? s() : s), { key: 1 }))
+                  ]))), 128))
+                ])) : (t(), p(k(typeof l == "function" ? l() : l), { key: 3 }))
+              ])
+            ], 10, F);
+          }), 128))
+        ], 10, B))), 128)),
+        r[2] || (r[2] = i("tr", { class: "empty-space" }, null, -1))
+      ], 512)), [
+        [E, !e.reactiveIsLoading]
+      ])
+    ], 16, V),
+    e.reactiveIsLoading ? (t(), o("div", j, [
+      i("div", M, [
+        (t(!0), o(d, null, u(e.loadingRowsLength, (a) => (t(), o("div", {
+          key: a,
+          class: "skeleton-row"
+        }, [
+          (t(!0), o(d, null, u(e.columns, (n) => (t(), o("div", {
+            key: n,
+            class: "skeleton-cell"
+          }))), 128))
+        ]))), 128))
+      ])
+    ])) : m("", !0),
+    e.withPaginator ? (t(), o("div", O, [
+      g(S, {
+        ref: "paginatorRef",
+        "page-size": e.withPaginator.pageSize,
+        total: e.withPaginator.total,
+        disable: e.disable,
+        "disable-without-c-s-s": e.disableWithoutCSS,
+        "onUpdate:activePage": r[0] || (r[0] = (a) => {
+          var n;
+          (n = e.withPaginator) == null || n.onUpdatePage(a);
+        })
+      }, null, 8, ["page-size", "total", "disable", "disable-without-c-s-s"])
+    ])) : m("", !0)
+  ], 64);
+}
+const te = /* @__PURE__ */ K(A, [["render", q], ["__scopeId", "data-v-0e56160d"]]);
+export {
+  te as default
+};

package/dist/DataTable/DataTable.vue2.js

@@ -0,0 +1,189 @@
+import { defineComponent as L, ref as f, reactive as O, provide as b, readonly as x, inject as B, watch as p, onMounted as P, watchEffect as C, h as R, computed as q } from "vue";
+import N from "../Paginator/Paginator.vue.js";
+import { AtTipograph as V } from "../Tipograph/index.js";
+import F from "./Column/Column.vue.js";
+import D from "../Checkbox/Checkbox.vue.js";
+const W = L({
+  name: "AtDataTable",
+  components: {
+    AtText: V.Title,
+    AtColumn: F,
+    AtPaginator: N,
+    AtCheckbox: D
+  },
+  inheritAttrs: !1,
+  props: {
+    value: {
+      type: Array,
+      required: !0
+    },
+    withEditableFields: {
+      type: Array,
+      default: void 0
+    },
+    withSelection: {
+      type: Boolean,
+      default: !1
+    },
+    withDefaultSelectedItems: {
+      type: Array,
+      required: !1,
+      default: () => {
+      }
+    },
+    withPaginator: {
+      type: Object,
+      default: void 0
+    },
+    keyExtractor: {
+      type: Function,
+      default: (e) => e.id
+    },
+    columnsClasses: {
+      type: Array,
+      default: () => []
+    },
+    alignColumns: {
+      type: String,
+      default: "left"
+    },
+    isLoading: {
+      type: Boolean,
+      default: !1
+    },
+    loadingRowsLength: {
+      type: Number,
+      default: 10
+    },
+    disable: {
+      type: Boolean,
+      default: !1
+    },
+    disableWithoutCSS: {
+      type: Boolean,
+      default: !1
+    },
+    stickHeader: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: {
+    "update:selected-items": (e) => Array.isArray(e),
+    "update:table-data": (e) => Array.isArray(e),
+    "update:table-cell": (e) => typeof e == "object"
+  },
+  setup(e, r) {
+    const i = f(e.value), A = f([...i.value]), m = f(!1), u = f([]), I = f(), v = f(null), d = O([]), g = (t) => {
+      d.includes(t) || d.push(t);
+    };
+    b("columns", {
+      columns: x(d),
+      updateColumn: g
+    }), b("alignColumns", e.alignColumns), b("tableData", i);
+    const w = B("columns", {
+      columns: d,
+      updateColumn: g
+    }), k = (t) => Object.entries(t), s = (t) => {
+      try {
+        return e.keyExtractor(t);
+      } catch (n) {
+        console.warn("AtDataTable: Não foi possível extrair a key: ", n);
+      }
+    }, T = (t, n) => {
+      var a;
+      const o = t.target;
+      if ((a = e.withEditableFields) != null && a.includes(n)) {
+        const l = o.querySelector("input");
+        l == null || l.focus();
+      }
+    }, y = (t) => {
+      u.value = t;
+      const n = i.value.length, o = [...e.value].filter((a) => {
+        const l = s(a);
+        return [...u.value].includes(l);
+      });
+      if (v.value) {
+        const { element: a, item: l } = v.value, c = o.find((h) => s(h) === s(l));
+        a.setAttribute("aria-selected", JSON.stringify(!!c));
+      }
+      n === u.value.length ? m.value = !0 : m.value = !1, r.emit("update:selected-items", Array.from(o));
+    }, K = (t, n) => {
+      var c;
+      const o = t.target, { value: a } = o, l = (c = v.value) == null ? void 0 : c.item;
+      l && (l[n] = a, i.value = i.value.map((h) => {
+        const j = s(h), E = s(l);
+        return j === E ? l : h;
+      }), r.emit("update:table-data", i.value), r.emit("update:table-cell", {
+        field: n,
+        value: a
+      }));
+    }, S = (t) => {
+      m.value = t;
+      const n = Array.from(document.querySelectorAll(".table-content tbody tr")), o = (a) => {
+        for (const l of n)
+          l.setAttribute("aria-selected", JSON.stringify(a));
+      };
+      t ? (u.value = [...e.value].map((a) => s(a)), y(u.value), o(!0)) : (u.value = [], y(u.value), o(!1));
+    };
+    return p(
+      () => e.withDefaultSelectedItems,
+      (t) => {
+        t && y(e.withDefaultSelectedItems ?? []);
+      }
+    ), P(() => {
+      e.withDefaultSelectedItems && y([...e.withDefaultSelectedItems]);
+    }), C(() => {
+      e.withSelection ? i.value = [...e.value].map((t) => ({
+        selection: () => R(D, {
+          modelValue: u.value,
+          "onUpdate:modelValue": (n) => y(n),
+          val: s(t),
+          size: "20"
+        }),
+        ...t
+      })) : i.value = [...e.value];
+    }), C(() => {
+      const t = [...d], n = [...i.value].map((o) => {
+        const a = {}, l = Object.keys({ ...o });
+        for (const c of t)
+          l.includes(c) && (a[c] = o[c]);
+        return a;
+      });
+      A.value = n;
+    }), p(
+      () => [e.isLoading, e.value],
+      () => {
+        !e.isLoading && e.value.length > 0 && S(m.value);
+      },
+      {
+        flush: "post"
+      }
+    ), {
+      reactiveIsLoading: q(() => e.isLoading),
+      withSelectionModel: m,
+      handleWithSelectionChanges: S,
+      tableData: i,
+      activeTableData: A,
+      columns: w.columns,
+      updateColumn: w.updateColumn,
+      internalUpdateColumn: g,
+      internalColumns: d,
+      lastHoveredTr: v,
+      getEntries: k,
+      extractKey: s,
+      updateOnKeyDown: K,
+      handleTrClick: T,
+      paginatorRef: I
+    };
+  },
+  methods: {
+    setPage(e) {
+      var r;
+      (r = this.paginatorRef) == null || r.setPage(e);
+    }
+  }
+});
+export {
+  W as default
+};

package/dist/DataTable/index.js

@@ -0,0 +1,11 @@
+import o from "./Column/Column.vue.js";
+import t from "./Counters/Counters.vue.js";
+import r from "./DataTable.vue.js";
+const p = {
+  DataTable: r,
+  Column: o,
+  Counters: t
+};
+export {
+  p as AtDataTable
+};

package/dist/DatePicker/DatePicker.helper.js

@@ -0,0 +1,99 @@
+const s = {
+  pt: [
+    "Janeiro",
+    "Fevereiro",
+    "Março",
+    "Abril",
+    "Maio",
+    "Junho",
+    "Julho",
+    "Agosto",
+    "Setembro",
+    "Outubro",
+    "Novembro",
+    "Dezembro"
+  ],
+  en: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ],
+  es: [
+    "Enero",
+    "Febrero",
+    "Marzo",
+    "Abril",
+    "Mayo",
+    "Junio",
+    "Julio",
+    "Agosto",
+    "Septiembre",
+    "Octubre",
+    "Noviembre",
+    "Diciembre"
+  ]
+}, u = {
+  pt: ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"],
+  en: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  es: ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"]
+}, l = {
+  pt: "Salvar",
+  en: "Apply",
+  es: "Guardar"
+}, d = {
+  pt: "Cancelar",
+  en: "Cancel",
+  es: "Cancelar"
+}, b = {
+  pt: {
+    date: "Data",
+    dateStart: "Data Início",
+    dateEnd: "Data Fim"
+  },
+  en: {
+    date: "Date",
+    dateStart: "Start Date",
+    dateEnd: "End Date"
+  },
+  es: {
+    date: "Fecha",
+    dateStart: "Fecha Inicio",
+    dateEnd: "Fecha Fin"
+  }
+};
+function m() {
+  const e = (/* @__PURE__ */ new Date()).toLocaleTimeString();
+  return e.includes("AM") || e.includes("PM");
+}
+function S(e) {
+  if (!e) return "";
+  const a = {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric"
+  };
+  let t = new Date(e).toLocaleString("pt-br", a);
+  if (t.toString() === "Invalid Date") {
+    const [n, r, o] = String(e).split("/");
+    t = (/* @__PURE__ */ new Date(`${o}-${r}-${n}`)).toLocaleString("pt-br", a);
+  }
+  return t;
+}
+export {
+  d as cancelTranslation,
+  S as formatToBrDate,
+  m as isUsing12HourFormat,
+  s as monthTranslationObj,
+  b as placeholderTranslation,
+  l as saveTranslation,
+  u as weekInitialsObject
+};

package/dist/DatePicker/DatePicker.vue.js

@@ -0,0 +1,123 @@
+import f from "./DatePicker.vue2.js";
+import { resolveComponent as o, createElementBlock as i, openBlock as a, createElementVNode as m, createVNode as l, withCtx as d, createCommentVNode as t, createBlock as u, createTextVNode as k, toDisplayString as D } from "vue";
+/* empty css                */
+import v from "../_virtual/_plugin-vue_export-helper.js";
+const M = { class: "AT-DATEPICKER_container no-select" }, I = { class: "AT-DATEPICKER_core" }, b = {
+  key: 0,
+  class: "AT-DATEPICKER-callToAction"
+};
+function V(e, r, T, c, E, S) {
+  const P = o("AtCoreInput"), g = o("AtDatePickerHeader"), y = o("AtDatePickerCalendar"), A = o("AtDatePickerTime"), s = o("AtDatePickerListSelector"), p = o("AtButton"), C = o("AtDropdown");
+  return a(), i("div", M, [
+    m("div", null, [
+      l(C, {
+        id: e.id,
+        "is-open": e.displayModal,
+        position: e.position,
+        "onUpdate:isOpen": e.onOpenedModal
+      }, {
+        trigger: d(() => [
+          l(P, {
+            modelValue: e.displayValue,
+            "onUpdate:modelValue": r[0] || (r[0] = (n) => e.displayValue = n),
+            label: e.label,
+            disabled: e.disabled,
+            readonly: !0,
+            "force-focus": e.displayModal,
+            placeholder: e.placeholder,
+            cursor: "pointer",
+            icon: { name: "AtCalendarRegularIcon" },
+            "use-clear-button": e.value.startDate != null || e.value.endDate != null,
+            "force-event-clear-button": !0,
+            error: e.error,
+            onClickOutside: e.checkUnFocus,
+            onClearInput: r[1] || (r[1] = (n) => e.$emit("update:value", e.clearValue())),
+            onMouseover: r[2] || (r[2] = (n) => e.isInputHovered = n)
+          }, null, 8, ["modelValue", "label", "disabled", "force-focus", "placeholder", "use-clear-button", "error", "onClickOutside"])
+        ]),
+        default: d(() => [
+          e.displayModal ? (a(), i("div", {
+            key: 0,
+            class: "AT-DATEPICKER_modal",
+            onClick: r[13] || (r[13] = (...n) => e.keepFocus && e.keepFocus(...n))
+          }, [
+            l(g, {
+              "date-picker-mode": e.datePickerMode,
+              "current-month": e.getMonthName(e.currentMonth),
+              "current-year": e.currentYear,
+              "current-year-range": e.currentYearRange,
+              "selected-year": e.selectedMonthYear,
+              style: { marginBottom: "16px" },
+              onSimpleArrows: r[3] || (r[3] = (n) => e.updateDatePeriod(n, !0)),
+              "onUpdate:datePickerMode": r[4] || (r[4] = (n) => e.datePickerMode = n)
+            }, null, 8, ["date-picker-mode", "current-month", "current-year", "current-year-range", "selected-year"]),
+            m("div", I, [
+              e.datePickerMode === "calendar" ? (a(), u(y, {
+                key: 0,
+                year: e.currentYear,
+                month: e.currentMonth,
+                "selected-range": e.useConfirmBox ? e.auxValue : e.value,
+                "use-range": e.useRange,
+                "week-initials": e.weekInitials,
+                onIncrementMonth: r[5] || (r[5] = (n) => e.updateDatePeriod(n, !0)),
+                onSelected: r[6] || (r[6] = (n) => e.updateValue(n))
+              }, null, 8, ["year", "month", "selected-range", "use-range", "week-initials"])) : t("", !0),
+              e.useTimeInput && !e.useRange && e.datePickerMode === "calendar" ? (a(), u(A, {
+                key: 1,
+                date: e.useConfirmBox ? e.auxValue.startDate : e.value.startDate,
+                "period12-hour": e.display12HourFormat,
+                disabled: e.disabled || !e.value.startDate,
+                "set-focus-element": e.setTimeInputFocus,
+                "onUpdate:date": r[7] || (r[7] = (n) => e.updateValue({ startDate: n, endDate: n }))
+              }, null, 8, ["date", "period12-hour", "disabled", "set-focus-element"])) : t("", !0),
+              e.datePickerMode === "monthSelector" ? (a(), u(s, {
+                key: 2,
+                elements: e.monthList,
+                "current-page-value": `${e.currentYear}-${e.currentMonth}`,
+                onElementSelected: r[8] || (r[8] = (n) => {
+                  e.updateMonthYear(n), e.datePickerMode = "calendar";
+                })
+              }, null, 8, ["elements", "current-page-value"])) : t("", !0),
+              e.datePickerMode === "yearSelector" ? (a(), u(s, {
+                key: 3,
+                elements: e.yearList,
+                "current-page-value": String(e.currentYear),
+                "current-page-index": e.currentYearPageIndex,
+                onUpdateCurrentPageIndex: r[9] || (r[9] = (n) => e.currentYearPageIndex = n),
+                onUpdateCurrentSelector: r[10] || (r[10] = (n) => e.currentYearRange = n),
+                onElementSelected: r[11] || (r[11] = (n) => {
+                  e.updateMonthYear(n), e.datePickerMode = "calendar";
+                })
+              }, null, 8, ["elements", "current-page-value", "current-page-index"])) : t("", !0)
+            ]),
+            e.useConfirmBox ? (a(), i("div", b, [
+              l(p, {
+                variant: "secondary",
+                onClick: r[12] || (r[12] = (n) => e.updateFocus(!1))
+              }, {
+                default: d(() => [
+                  k(D(e.buttonNames.cancel), 1)
+                ]),
+                _: 1
+              }),
+              l(p, {
+                disabled: !(e.auxValue.startDate && e.auxValue.endDate),
+                onClick: e.confirmInput
+              }, {
+                default: d(() => [
+                  k(D(e.buttonNames.save), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "onClick"])
+            ])) : t("", !0)
+          ])) : t("", !0)
+        ]),
+        _: 1
+      }, 8, ["id", "is-open", "position", "onUpdate:isOpen"])
+    ])
+  ]);
+}
+const $ = /* @__PURE__ */ v(f, [["render", V], ["__scopeId", "data-v-8221a943"]]);
+export {
+  $ as default
+};