@agrotools1/at-components 1.0.0 → 1.0.2

package/dist/ProgressBar/ProgressBar.vue2.js

@@ -0,0 +1,91 @@
+import { defineComponent as h, ref as c, reactive as g, onMounted as y } from "vue";
+import { AtCircleXMarkSolidIcon as F } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleXMarkSolidIcon/index.js";
+import { AtExcelSolidIcon as M } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtExcelSolidIcon/index.js";
+import { AtTipograph as P } from "../Tipograph/index.js";
+const x = h({
+  name: "AtProgressBar",
+  components: {
+    AtParagraph: P.Paragraph,
+    AtCircleXMarkSolidIcon: F,
+    AtExcelSolidIcon: M
+  },
+  props: {
+    file: {
+      type: File,
+      required: !1,
+      default: null,
+      validator: (t) => t instanceof File
+    },
+    isOnlyUse: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    handleRemoveFile: {
+      type: Function,
+      required: !1,
+      default: null
+    },
+    interval: {
+      type: Number,
+      required: !1,
+      default: 1e3,
+      validator: (t) => typeof t == "number"
+    },
+    title: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (t) => typeof t == "string"
+    }
+  },
+  emits: ["updateProgress", "update:file"],
+  setup(t, { emit: r }) {
+    const n = c(0), l = c(0), o = g({ file: t.file });
+    y(() => {
+      r("update:file", o.file), d(o.file);
+    });
+    const d = (e) => {
+      if (e !== null && l.value === 0) {
+        const a = e.size, u = 5e4, s = setInterval(() => {
+          l.value + u > a ? (l.value = a, n.value = 100, r("updateProgress", 100), clearInterval(s)) : (l.value += u, n.value = Math.floor(l.value * 100 / a), r(
+            "updateProgress",
+            Math.floor(l.value * 100 / a)
+          ));
+        }, t.interval);
+      }
+    }, f = () => {
+      o.file = null, n.value = 0, l.value = 0, r("update:file", o.file), r("updateProgress", 0);
+    }, v = (e) => e !== "" && e !== void 0 ? e : "Nome_do_arquivo.tipo", p = (e) => i(e !== void 0 ? e : 0), m = () => {
+      var e;
+      return t.isOnlyUse ? f() : (e = t.handleRemoveFile) == null ? void 0 : e.call(t);
+    }, B = () => {
+      var e;
+      return ((e = o.file) == null ? void 0 : e.size) === 0 ? i(0) : i(l.value);
+    };
+    function i(e) {
+      if (e === 0)
+        return "0 B";
+      const a = 1024, u = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], s = Math.floor(
+        Math.log(e) / Math.log(a)
+      );
+      return `${Number.parseFloat(
+        (e / a ** s).toFixed(2)
+      )} ${u[s]}`;
+    }
+    return {
+      fileC: o,
+      progress: n,
+      uploadBytes: l,
+      handleFileName: v,
+      handleFileSize: p,
+      handleProgressBar: d,
+      handleRemoveFileC: f,
+      handleClick: m,
+      handleUploadBytes: B
+    };
+  }
+});
+export {
+  x as default
+};

package/dist/ProgressBar/ProgressBar.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/ProgressBar/index.d.ts

@@ -0,0 +1 @@
+export { default as AtProgressBar } from './ProgressBar';

package/dist/RadioButton/RadioButton.d.ts

@@ -0,0 +1,87 @@
+export interface RadioButtonProps {
+    name: string;
+    value?: boolean;
+    checked: boolean;
+    disabled: boolean;
+    size: "12" | "16" | "20" | "24" | "28";
+    label: string;
+}
+declare const _default: import('vue').DefineComponent<{
+    name: {
+        required: true;
+        type: () => RadioButtonProps["name"];
+        default: string;
+    };
+    value: {
+        required: true;
+        type: () => RadioButtonProps["name"];
+        default: string;
+    };
+    checked: {
+        required: false;
+        type: () => RadioButtonProps["checked"];
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    disabled: {
+        required: false;
+        type: () => RadioButtonProps["disabled"];
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    size: {
+        required: false;
+        type: () => RadioButtonProps["size"];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    label: {
+        required: false;
+        type: () => RadioButtonProps["label"];
+        default: string;
+    };
+}, {
+    isChecked: import('vue').Ref<boolean>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        required: true;
+        type: () => RadioButtonProps["name"];
+        default: string;
+    };
+    value: {
+        required: true;
+        type: () => RadioButtonProps["name"];
+        default: string;
+    };
+    checked: {
+        required: false;
+        type: () => RadioButtonProps["checked"];
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    disabled: {
+        required: false;
+        type: () => RadioButtonProps["disabled"];
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    size: {
+        required: false;
+        type: () => RadioButtonProps["size"];
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    label: {
+        required: false;
+        type: () => RadioButtonProps["label"];
+        default: string;
+    };
+}>>, {
+    name: string;
+    size: "12" | "16" | "20" | "24" | "28";
+    label: string;
+    disabled: boolean;
+    value: string;
+    checked: boolean;
+}, {}>;
+export default _default;

package/dist/RadioButton/RadioButton.vue.js

@@ -0,0 +1,46 @@
+import t from "./RadioButton.vue2.js";
+import { resolveComponent as l, openBlock as n, createElementBlock as r, createElementVNode as a, normalizeStyle as i, createVNode as d, withCtx as p, createTextVNode as c, toDisplayString as m } from "vue";
+import "./RadioButton.vue3.js";
+import u from "../_virtual/_plugin-vue_export-helper.js";
+const h = { class: "wrapper d-inline-block position-relative" }, f = ["id", "name", "value", "checked", "disabled"], b = ["for"];
+function k(e, o, g, v, $, z) {
+  const s = l("AtParagraph");
+  return n(), r("div", h, [
+    a("input", {
+      id: e.value,
+      type: "radio",
+      name: e.name,
+      value: e.value,
+      checked: e.isChecked,
+      disabled: e.disabled,
+      class: "position-absolute w-0 h-0"
+    }, null, 8, f),
+    a("label", {
+      for: e.value,
+      class: "label d-flex align-items-center",
+      style: i(`padding-left: ${parseInt(e.size) + 8}px; height: ${e.size}px;`)
+    }, [
+      d(s, {
+        size: "p2",
+        weight: "regular",
+        class: "m-0"
+      }, {
+        default: p(() => [
+          c(m(e.label), 1)
+        ]),
+        _: 1
+      })
+    ], 12, b),
+    a("span", {
+      class: "checkmark position-absolute top-0 lef-0",
+      style: i(`width: ${e.size}px; height: ${e.size}px;`),
+      onClick: o[0] || (o[0] = () => {
+        e.disabled || (e.isChecked = !0);
+      })
+    }, null, 4)
+  ]);
+}
+const B = /* @__PURE__ */ u(t, [["render", k], ["__scopeId", "data-v-2609bee3"]]);
+export {
+  B as default
+};

package/dist/RadioButton/RadioButton.vue2.js

@@ -0,0 +1,57 @@
+import { defineComponent as r, ref as o, watch as l } from "vue";
+import { AtTipograph as d } from "../Tipograph/index.js";
+const u = r({
+  name: "AtRadioButton",
+  components: {
+    AtParagraph: d.Paragraph
+  },
+  props: {
+    name: {
+      required: !0,
+      type: String,
+      default: ""
+    },
+    value: {
+      required: !0,
+      type: String,
+      default: ""
+    },
+    checked: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    disabled: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    size: {
+      required: !1,
+      type: String,
+      default: "24",
+      validator: (e) => ["12", "16", "20", "24", "28"].includes(e)
+    },
+    label: {
+      required: !1,
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const a = o(e.checked);
+    return l(
+      () => e.checked,
+      (t) => {
+        a.value = t;
+      }
+    ), {
+      isChecked: a
+    };
+  }
+});
+export {
+  u as default
+};

package/dist/RadioButton/RadioButton.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/RadioButton/index.d.ts

@@ -0,0 +1 @@
+export { type RadioButtonProps, default as AtRadioButton, } from './RadioButton';

package/dist/Search/Search.d.ts

@@ -0,0 +1,180 @@
+import { ComputedRef, PropType } from 'vue';
+import { DropdownListItem } from '../Dropdown/Dropdown.types';
+
+export interface SearchProps {
+    label: string;
+    modelValue: string;
+    autoCompleteList: DropdownListItem[];
+    withIcon?: boolean | true;
+    hasAutoComplete?: boolean | true;
+    hasFilterOption?: boolean | true;
+    isDisabled?: boolean | false;
+    error?: {
+        value: boolean;
+        message: string;
+    };
+    isLoading: boolean;
+    required?: boolean;
+    teleportToBody?: boolean;
+}
+declare const _default: import('vue').DefineComponent<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoCompleteList: {
+        type: PropType<DropdownListItem[]>;
+        default: () => never[];
+    };
+    withIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchEndpoint: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    hasAutoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasFilterOption: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    error: {
+        type: () => SearchProps["error"];
+        default: () => void;
+    };
+    id: {
+        type: StringConstructor;
+        required: false;
+    };
+    isLoading: {
+        type: () => SearchProps["isLoading"];
+        default: boolean;
+    };
+    required: {
+        type: () => SearchProps["required"];
+        default: boolean;
+    };
+    arrowIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    msgNoResult: {
+        type: StringConstructor;
+        default: string;
+    };
+    teleportToBody: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+}, {
+    atSearch: import('vue').Ref<HTMLDivElement | null>;
+    autocompleteListIsOpen: ComputedRef<boolean>;
+    autoCompleteListFiltered: ComputedRef<DropdownListItem[]>;
+    isLoading: import('vue').Ref<boolean>;
+    showSearchIcon: ComputedRef<boolean>;
+    getShowNoResultMessage: ComputedRef<boolean>;
+    getSearchIconColor: ComputedRef<string>;
+    getInputIcon: ComputedRef<{
+        name: string;
+    }>;
+    clear: () => void;
+    openList: () => void;
+    closeList: () => void;
+    handleChangeValue: (value: string) => void;
+    handleSelectedItem: (item: DropdownListItem) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "onSelectedItem" | "onClear")[], "update:modelValue" | "onSelectedItem" | "onClear", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoCompleteList: {
+        type: PropType<DropdownListItem[]>;
+        default: () => never[];
+    };
+    withIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchEndpoint: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    hasAutoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasFilterOption: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    error: {
+        type: () => SearchProps["error"];
+        default: () => void;
+    };
+    id: {
+        type: StringConstructor;
+        required: false;
+    };
+    isLoading: {
+        type: () => SearchProps["isLoading"];
+        default: boolean;
+    };
+    required: {
+        type: () => SearchProps["required"];
+        default: boolean;
+    };
+    arrowIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    msgNoResult: {
+        type: StringConstructor;
+        default: string;
+    };
+    teleportToBody: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOnSelectedItem?: ((...args: any[]) => any) | undefined;
+    onOnClear?: ((...args: any[]) => any) | undefined;
+}, {
+    required: boolean | undefined;
+    label: string;
+    error: {
+        value: boolean;
+        message: string;
+    } | undefined;
+    withIcon: boolean;
+    isLoading: boolean;
+    modelValue: string;
+    isDisabled: boolean | undefined;
+    teleportToBody: boolean | undefined;
+    msgNoResult: string;
+    autoCompleteList: DropdownListItem[];
+    hasAutoComplete: boolean;
+    hasFilterOption: boolean;
+    arrowIcon: boolean;
+}, {}>;
+export default _default;

package/dist/Search/Search.vue.js

@@ -0,0 +1,53 @@
+import a from "./Search.vue2.js";
+import { resolveComponent as o, openBlock as t, createElementBlock as s, normalizeClass as d, createVNode as r, withCtx as u, mergeProps as i, createCommentVNode as p } from "vue";
+import "./Search.vue3.js";
+import m from "../_virtual/_plugin-vue_export-helper.js";
+const c = {
+  key: 0,
+  class: "spinner"
+};
+function h(e, f, b, g, I, C) {
+  const l = o("AtInput"), n = o("AtLista");
+  return t(), s("section", {
+    ref: "atSearch",
+    class: d(["atSearch", { disabled: e.isDisabled }])
+  }, [
+    r(n, {
+      id: e.id,
+      "drop-down-list": e.autoCompleteListFiltered,
+      "is-open": e.autocompleteListIsOpen,
+      "show-no-result-message": e.getShowNoResultMessage,
+      "full-size": !0,
+      "msg-no-result": e.msgNoResult,
+      style: { "max-height": "200px" },
+      "teleport-to-body": e.teleportToBody,
+      onOnSave: e.handleSelectedItem
+    }, {
+      default: u(() => [
+        r(l, i({
+          id: e.label,
+          label: e.label,
+          "model-value": e.modelValue,
+          autocomplete: "off",
+          disabled: e.isDisabled,
+          "use-clear-button": !0,
+          icon: e.getInputIcon,
+          error: e.error,
+          required: e.required
+        }, e.$attrs, {
+          "force-event-clear-button": !0,
+          "onUpdate:modelValue": e.handleChangeValue,
+          onFocus: e.openList,
+          onFocusout: e.closeList,
+          onClearInput: e.clear
+        }), null, 16, ["id", "label", "model-value", "disabled", "icon", "error", "required", "onUpdate:modelValue", "onFocus", "onFocusout", "onClearInput"]),
+        e.showSearchIcon ? (t(), s("span", c)) : p("", !0)
+      ]),
+      _: 1
+    }, 8, ["id", "drop-down-list", "is-open", "show-no-result-message", "msg-no-result", "teleport-to-body", "onOnSave"])
+  ], 2);
+}
+const V = /* @__PURE__ */ m(a, [["render", h], ["__scopeId", "data-v-ecf470ec"]]);
+export {
+  V as default
+};

package/dist/Search/Search.vue2.js

@@ -0,0 +1,148 @@
+import { defineComponent as T, ref as n, computed as u } from "vue";
+import { AtCloseSolidIcon as b } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCloseSolidIcon/index.js";
+import { AtSearchIcon as E } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtSearchIcon/index.js";
+import { AtInput as O } from "../Input/index.js";
+import x from "../List/components/List.vue.js";
+const F = {
+  AtSearchIcon: E,
+  AtCloseSolidIcon: b
+}, U = T({
+  name: "AtSearch",
+  components: {
+    AtInput: O.Text,
+    AtLista: x,
+    ...F
+  },
+  props: {
+    label: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    autoCompleteList: {
+      type: Array,
+      default: () => []
+    },
+    withIcon: {
+      type: Boolean,
+      default: !0
+    },
+    searchEndpoint: {
+      type: Function,
+      required: !1
+    },
+    hasAutoComplete: {
+      type: Boolean,
+      default: !0
+    },
+    hasFilterOption: {
+      type: Boolean,
+      default: !1
+    },
+    isDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: Object,
+      default: () => {
+      }
+    },
+    id: {
+      type: String,
+      required: !1
+    },
+    isLoading: {
+      type: Boolean,
+      default: !1
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    arrowIcon: {
+      type: Boolean,
+      default: !1
+    },
+    msgNoResult: {
+      type: String,
+      default: "Dado não encontrado"
+    },
+    teleportToBody: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "onSelectedItem", "onClear"],
+  setup(t, { emit: o }) {
+    const r = n([]), c = n(!1), s = n(null), i = n(null), y = u(
+      () => {
+        var e;
+        return c.value && t.hasAutoComplete && (!!t.modelValue || t.hasFilterOption) && !(!((e = h.value) != null && e.length) && I.value);
+      }
+    ), p = (e = "false") => {
+      var l;
+      if (t.arrowIcon) {
+        const f = (l = s.value) == null ? void 0 : l.querySelector(".AT_INPUT_icon_slot");
+        if (!(f instanceof HTMLElement))
+          return;
+        f.setAttribute("data-rotate", e);
+      }
+    }, S = u(
+      () => t.arrowIcon ? { name: "AtAngleDownSolidIcon" } : { name: "AtSearchIcon" }
+    ), g = () => {
+      var e;
+      c.value = !0, (e = s.value) == null || e.classList.add("focused"), p("true");
+    }, A = () => {
+      var e;
+      setTimeout(() => {
+        c.value = !1;
+      }, 200), (e = s.value) == null || e.classList.remove("focused"), p();
+    }, a = n(!1), L = (e) => {
+      o("update:modelValue", e), t.searchEndpoint && (a.value = !0, i.value && clearTimeout(i.value), i.value = setTimeout(async () => {
+        t.searchEndpoint && (r.value = await t.searchEndpoint(e)), a.value = !1;
+      }, 300));
+    }, h = u(() => {
+      var e;
+      if (t.hasFilterOption) {
+        const l = (m, v) => m.text.toUpperCase().includes(v.toUpperCase());
+        return t.autoCompleteList.filter(
+          (m) => l(m, t.modelValue)
+        );
+      }
+      return (e = r.value) != null && e.length ? r.value : t.autoCompleteList;
+    }), d = n(), C = (e) => {
+      const l = e.text;
+      d.value = e, o("onSelectedItem", e), o("update:modelValue", l);
+    }, V = () => {
+      o("onSelectedItem", null), o("onClear"), o("update:modelValue", ""), a.value = !1, d.value = null;
+    }, I = u(
+      () => t.withIcon && a.value && !d.value || t.isLoading
+    ), w = u(
+      () => t.isDisabled ? "var(--at-medium-grey)" : ""
+    ), B = u(
+      () => !!t.modelValue && !a.value
+    );
+    return {
+      atSearch: s,
+      autocompleteListIsOpen: y,
+      autoCompleteListFiltered: h,
+      isLoading: a,
+      showSearchIcon: I,
+      getShowNoResultMessage: B,
+      getSearchIconColor: w,
+      getInputIcon: S,
+      clear: V,
+      openList: g,
+      closeList: A,
+      handleChangeValue: L,
+      handleSelectedItem: C
+    };
+  }
+});
+export {
+  U as default
+};

package/dist/Search/Search.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/Search/index.d.ts

@@ -0,0 +1 @@
+export { default as AtSearch, type SearchProps } from './Search';

package/dist/Search/test.mocks.d.ts

@@ -0,0 +1,4 @@
+import { DropdownListItem } from '../Dropdown/Dropdown.types';
+
+declare const autoCompleteListMock: DropdownListItem[];
+export { autoCompleteListMock };