@caipira/tamandua 0.0.1

package/components/plugins.ts

@@ -0,0 +1,89 @@
+import Avatar from "./Avatar";
+import Backdrop from "./Backdrop";
+import Button from "./Button";
+import ButtonCopy from "./ButtonCopy";
+import Drawer from "./Drawer";
+import Dropdown from "./Dropdown";
+import FileDrop from "./FileDrop";
+import Form from "./Form";
+import FormItem from "./FormItem";
+import GraphyEmpty from "./GraphyEmpty";
+import GraphyLabel from "./GraphyLabel";
+import GraphyPrice from "./GraphyPrice";
+import GraphySubtitle from "./GraphySubtitle";
+import GraphyTitle from "./GraphyTitle";
+import Icon from "./Icon";
+import IconButton from "./IconButton";
+import InputAvatar from "./InputAvatar";
+import InputCheckbox from "./InputCheckbox";
+import InputColor from "./InputColor";
+import InputDate from "./InputDate";
+import InputMultiplier from "./InputMultiplier";
+import InputPassword from "./InputPassword";
+import InputPhone from "./InputPhone";
+import InputPrice from "./InputPrice";
+import InputRadio from "./InputRadio";
+import InputSelect from "./InputSelect";
+import InputSwitch from "./InputSwitch";
+import InputText from "./InputText";
+import InputTextarea from "./InputTextarea";
+import LineChart from "./LineChart";
+import Modal from "./Modal";
+import ModalForm from "./ModalForm";
+import Pagination from "./Pagination";
+import PieChart from "./PieChart";
+import Popconfirm from "./Popconfirm";
+import Popover from "./Popover";
+import ProgressCircle from "./ProgressCircle";
+import ProgressLine from "./ProgressLine";
+import SensitiveInfo from "./SensitiveInfo";
+import Tab from "./Tab";
+import Table from "./Table";
+import Tag from "./Tag";
+import Toast from "./Toast";
+
+export {
+    Avatar,
+    Backdrop,
+    Button,
+    ButtonCopy,
+    Drawer,
+    Dropdown,
+    FileDrop,
+    Form,
+    FormItem,
+    GraphyEmpty,
+    GraphyLabel,
+    GraphyPrice,
+    GraphySubtitle,
+    GraphyTitle,
+    Icon,
+    IconButton,
+    InputAvatar,
+    InputCheckbox,
+    InputColor,
+    InputDate,
+    InputMultiplier,
+    InputPassword,
+    InputPhone,
+    InputPrice,
+    InputRadio,
+    InputSelect,
+    InputSwitch,
+    InputText,
+    InputTextarea,
+    LineChart,
+    Modal,
+    ModalForm,
+    Pagination,
+    PieChart,
+    Popconfirm,
+    Popover,
+    ProgressCircle,
+    ProgressLine,
+    SensitiveInfo,
+    Tab,
+    Table,
+    Tag,
+    Toast,
+};

package/composables/index.ts

@@ -0,0 +1,2 @@
+export * from "./useBreakpoint";
+export * from "./useRender";

package/composables/useBreakpoints.ts

@@ -0,0 +1,30 @@
+import { ref } from "vue";
+
+const BREAKPOINT_SM = 640;
+const BREAKPOINT_MD = 768;
+const BREAKPOINT_LG = 1024;
+const BREAKPOINT_XL = 1280;
+
+const size = ref<number>(window.innerWidth);
+const sm = ref<boolean>(false);
+const md = ref<boolean>(false);
+const lg = ref<boolean>(false);
+
+const refresh = (event?: any) => {
+    size.value = event ? event.target.innerWidth : window.innerWidth;
+    sm.value = size.value >= BREAKPOINT_SM;
+    md.value = size.value >= BREAKPOINT_MD;
+    lg.value = size.value >= BREAKPOINT_LG;
+};
+
+window.addEventListener("resize", refresh);
+
+export default function useBreakpoints() {
+    refresh();
+
+    return {
+        sm,
+        md,
+        lg,
+    };
+}

package/composables/useRender.ts

@@ -0,0 +1,29 @@
+import type { VNode } from "vue";
+import { getCurrentInstance } from "vue";
+
+export function useRender(render: () => Array<VNode | null>): void {
+    const vm = getCurrentInstance();
+
+    if (!vm) {
+        throw new Error(
+            "[useRender] must be called from inside a setup function"
+        );
+    }
+
+    /**
+     * In development mode, assignment render property works fine
+     * but in production SFC overwrites it with an empty function
+     * because no <template> section defined.
+     *
+     * Filthy hack to avoid this in production.
+     * https://github.com/vuejs/core/issues/4980
+     */
+    if (import.meta.env.DEV) {
+        (vm as any).render = render;
+    } else {
+        Object.defineProperty(vm, "render", {
+            get: () => render,
+            set: () => {},
+        });
+    }
+}

package/entrypoint.sh

@@ -0,0 +1,19 @@
+#!/bin/bash
+
+set -e
+
+yarn install
+
+if [ "$1" = "prod" ]; then
+  yarn build
+
+  cp -r /usr/src/assets /usr/src/static/site
+else
+  yarn dev
+fi
+
+# Wait for any process to exit
+wait -n
+
+# Exit with status of process that exited first
+exit $?

package/enums/app.ts

@@ -0,0 +1,5 @@
+export enum Themes {
+  SYSTEM = 'system',
+  LIGHT = 'light',
+  DARK = 'dark',
+}

package/enums/form.ts

@@ -0,0 +1,25 @@
+export enum FormStates {
+    ADD = 1,
+    EDIT = 2,
+}
+
+export const enum FormDataTypes {
+    Address,
+    Boolean,
+    Country,
+    Date,
+    DateRange,
+    Document,
+    Documents,
+    Number,
+    Password,
+    Price,
+    String,
+    StringArray,
+    Website,
+}
+
+export const enum FormSubmissionFormat {
+    FormData,
+    JSON,
+}

package/enums/ui.ts

@@ -0,0 +1,160 @@
+export enum ElementSize {
+    EXTRA_SMALL = "xs",
+    SMALL = "sm",
+    DEFAULT = "",
+    LARGE = "lg",
+    EXTRA_LARGE = "xl",
+}
+
+export enum ElementShape {
+    SQUARE = "square",
+    ROUNDED = "rounded",
+    CIRCLE = "circle",
+}
+
+export enum ElementVariant {
+    DEFAULT = "default",
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    SUCCESS = "success",
+    DANGER = "danger",
+    WARNING = "warning",
+    TRANSPARENT = "transparent",
+}
+
+export enum ElementTrigger {
+    CLICK = "click",
+    HOVER = "hover",
+}
+
+export enum ElementPosition {
+    TOP_START = "top-start",
+    TOP = "top",
+    TOP_END = "top-end",
+    RIGHT_START = "right-start",
+    RIGHT = "right",
+    RIGHT_END = "right-end",
+    BOTTOM_END = "bottom-end",
+    BOTTOM = "bottom",
+    BOTTOM_START = "bottom-start",
+    LEFT_END = "left-end",
+    LEFT = "left",
+    LEFT_START = "left-start",
+}
+
+export enum ButtonType {
+    BUTTON = "button",
+    SUBMIT = "submit",
+    LINK = "link",
+    ROUTER_LINK = "router-link",
+    FILE = "file",
+}
+
+export enum GraphyPriceVariant {
+    DEFAULT = "default",
+    INCREASE = "increase",
+    DECREASE = "decrease",
+    AUTO = "auto",
+}
+
+export enum SelectionBars {
+    DEFAULT = "default",
+    PHOTO_SELECTION = "photo_selection",
+    TRANSACTION_SELECTION = "transaction_selection",
+    COMPANIES_SELECTION = "companies_selection",
+}
+
+export enum Icon {
+    Account = "account",
+    AlertOctagon = "alert-octagon",
+    AlertOctagonOutline = "alert-octagon-outline",
+    Archive = "archive",
+    ArchiveOutline = "archive-outline",
+    ArrowLeft = "arrow-left",
+    ArrowRight = "arrow-right",
+    Bank = "bank",
+    BankOutline = "bank-outline",
+    Camera = "camera",
+    CardsOutline = "cards-outline",
+    CardsVariant = "cards-variant",
+    CartOutline = "cart-outline",
+    ChartBox = "chart-box",
+    ChartBoxOutline = "chart-box-outline",
+    Check = "check",
+    CheckCircle = "check-circle",
+    CheckCircleOutline = "check-circle-outline",
+    ChevronDown = "chevron-down",
+    ChevronLeft = "chevron-left",
+    ChevronRight = "chevron-right",
+    ChevronUp = "chevron-up",
+    Circle = "circle",
+    Clock = "clock",
+    Close = "close",
+    CloseCircle = "close-circle",
+    CloseCircleOutline = "close-circle-outline",
+    Cog = "cog",
+    ColorFill = "color-fill",
+    Copy = "copy",
+    CreditCard = "credit-card",
+    CreditCardPlus = "credit-card-plus",
+    Currency = "currency",
+    Database = "database",
+    DotsGrid = "dots-grid",
+    DotsVertical = "dots-vertical",
+    EmailOpenOutline = "email-open-outline",
+    EmailOutline = "email-outline",
+    Eye = "eye",
+    EyeOff = "eye-off",
+    FIleDocumentPlusOutline = "file-document-plus-outline",
+    Filmstrip = "filmstrip",
+    Filter = "filter",
+    Fullscreen = "fullscreen",
+    FullscreenExit = "fullscreen-exit",
+    Group = "group",
+    Image = "image",
+    ImageAlbum = "image-album",
+    ImageAlbumOutline = "image-album-outline",
+    ImageOutline = "image-outline",
+    InfoOutline = "info-outline",
+    Key = "key",
+    KeyChain = "key-chain",
+    KeyVariant = "key-variant",
+    ListboxOutline = "listbox-outline",
+    Loading = "loading",
+    Lock = "lock",
+    LockOutline = "lock-outline",
+    Logout = "logout",
+    Menu = "menu",
+    MenuDown = "menu-down",
+    MenuLeft = "menu-left",
+    MenuRight = "menu-right",
+    Minus = "minus",
+    MinusCircle = "minus-circle",
+    MinusCircleOutline = "minus-circle-outline",
+    Moon = "moon",
+    OpenInNew = "open-in-new",
+    Pencil = "pencil",
+    People = "people",
+    PiggyBankOutline = "piggy-bank-outline",
+    Plus = "plus",
+    PlusCircle = "plus-circle",
+    PlusCircleOutline = "plus-circle-outline",
+    QrcodeScan = "qrcode-scan",
+    Refresh = "refresh",
+    Save = "save",
+    Search = "search",
+    Spotlight = "spotlight",
+    StoreOutline = "store-outline",
+    Sun = "sun",
+    Swap = "swap",
+    SwapHorizontal = "swap-horizontal",
+    SwapLeft = "swap-left",
+    SwapRight = "swap-right",
+    SystemTheme = "system-theme",
+    TagOutline = "tag-outline",
+    TrashCan = "trash-can",
+    TrashCanOutline = "trash-can-outline",
+    Upload = "upload",
+    UserCircle = "user-circle",
+    ZipBox = "zip-box",
+}

package/env.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/i18n.ts

@@ -0,0 +1,20 @@
+import { createI18n } from "vue-i18n";
+
+export default createI18n({
+    locale: "en",
+    legacy: false,
+    numberFormats: {
+        EUR: {
+            currency: {
+                style: "currency",
+                currency: "EUR",
+            },
+        },
+        BRL: {
+            currency: {
+                style: "currency",
+                currency: "BRL",
+            },
+        },
+    },
+});