analytica-frontend-lib 1.0.22 → 1.0.23

package/dist/Toast/utils/Toaster.js

@@ -0,0 +1,145 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Toast/utils/Toaster.tsx
+var Toaster_exports = {};
+__export(Toaster_exports, {
+  Toaster: () => Toaster,
+  useToast: () => useToast
+});
+module.exports = __toCommonJS(Toaster_exports);
+
+// src/components/Toast/utils/ToastStore.ts
+var import_zustand = require("zustand");
+var useToastStore = (0, import_zustand.create)((set) => ({
+  toasts: [],
+  addToast: (toast) => {
+    const id = crypto.randomUUID();
+    set((state) => ({
+      toasts: [...state.toasts, { id, ...toast }]
+    }));
+  },
+  removeToast: (id) => {
+    set((state) => ({
+      toasts: state.toasts.filter((t) => t.id !== id)
+    }));
+  }
+}));
+
+// src/components/Toast/Toast.tsx
+var import_phosphor_react = require("phosphor-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var VARIANT_ACTION_CLASSES = {
+  solid: {
+    warning: "bg-warning text-warning-800 border-none focus-visible:outline-none",
+    success: "bg-success text-success-800 border-none focus-visible:outline-none",
+    info: "bg-info text-info-800 border-none focus-visible:outline-none"
+  },
+  outlined: {
+    warning: "bg-warning text-warning-800 border border-warning-200 focus-visible:outline-none",
+    success: "bg-success text-success-800 border border-success-200 focus-visible:outline-none",
+    info: "bg-info text-info-800 border border-info-200 focus-visible:outline-none"
+  }
+};
+var iconMap = {
+  success: import_phosphor_react.CheckCircle,
+  info: import_phosphor_react.Info,
+  warning: import_phosphor_react.WarningCircle
+};
+var Toast = ({
+  variant = "outlined",
+  action = "success",
+  className = "",
+  onClose,
+  title,
+  description,
+  position = "default",
+  ...props
+}) => {
+  const variantClasses = VARIANT_ACTION_CLASSES[variant][action];
+  const positionClasses = {
+    "top-left": "fixed top-4 left-4",
+    "top-center": "fixed top-4 left-1/2 transform -translate-x-1/2",
+    "top-right": "fixed top-4 right-4",
+    "bottom-left": "fixed bottom-4 left-4",
+    "bottom-center": "fixed bottom-4 left-1/2 transform -translate-x-1/2",
+    "bottom-right": "fixed bottom-4 right-4",
+    default: ""
+  };
+  const IconAction = iconMap[action] || iconMap["success"];
+  const baseClasses = "max-w-[390px] w-full flex flex-row items-start justify-between shadow-lg rounded-lg border p-4 gap-6 group";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      role: "alert",
+      "aria-live": "assertive",
+      "aria-atomic": "true",
+      className: `${baseClasses} ${positionClasses[position]} ${variantClasses} ${className}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-row items-start gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconAction, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-start justify-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-semibold text-md", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-md text-text-900", children: description })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            onClick: onClose,
+            "aria-label": "Dismiss notification",
+            className: "text-background-500 cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_phosphor_react.X, {})
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/Toast/utils/Toaster.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Toaster = () => {
+  const toasts = useToastStore((state) => state.toasts);
+  const removeToast = useToastStore((state) => state.removeToast);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    Toast,
+    {
+      title: toast.title,
+      description: toast.description,
+      variant: toast.variant,
+      action: toast.action,
+      position: toast.position,
+      onClose: () => removeToast(toast.id)
+    },
+    toast.id
+  )) });
+};
+var useToast = () => {
+  const addToast = useToastStore((state) => state.addToast);
+  const removeToast = useToastStore((state) => state.removeToast);
+  return { addToast, removeToast };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Toaster,
+  useToast
+});

package/dist/Toast/utils/Toaster.mjs

@@ -0,0 +1,35 @@
+"use client";
+import {
+  Toast
+} from "../../chunk-MI5FIRHM.mjs";
+import {
+  useToastStore
+} from "../../chunk-WIOCQOM7.mjs";
+
+// src/components/Toast/utils/Toaster.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+var Toaster = () => {
+  const toasts = useToastStore((state) => state.toasts);
+  const removeToast = useToastStore((state) => state.removeToast);
+  return /* @__PURE__ */ jsx(Fragment, { children: toasts.map((toast) => /* @__PURE__ */ jsx(
+    Toast,
+    {
+      title: toast.title,
+      description: toast.description,
+      variant: toast.variant,
+      action: toast.action,
+      position: toast.position,
+      onClose: () => removeToast(toast.id)
+    },
+    toast.id
+  )) });
+};
+var useToast = () => {
+  const addToast = useToastStore((state) => state.addToast);
+  const removeToast = useToastStore((state) => state.removeToast);
+  return { addToast, removeToast };
+};
+export {
+  Toaster,
+  useToast
+};

package/dist/chunk-MI5FIRHM.mjs

@@ -0,0 +1,75 @@
+// src/components/Toast/Toast.tsx
+import { CheckCircle, WarningCircle, Info, X } from "phosphor-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var VARIANT_ACTION_CLASSES = {
+  solid: {
+    warning: "bg-warning text-warning-800 border-none focus-visible:outline-none",
+    success: "bg-success text-success-800 border-none focus-visible:outline-none",
+    info: "bg-info text-info-800 border-none focus-visible:outline-none"
+  },
+  outlined: {
+    warning: "bg-warning text-warning-800 border border-warning-200 focus-visible:outline-none",
+    success: "bg-success text-success-800 border border-success-200 focus-visible:outline-none",
+    info: "bg-info text-info-800 border border-info-200 focus-visible:outline-none"
+  }
+};
+var iconMap = {
+  success: CheckCircle,
+  info: Info,
+  warning: WarningCircle
+};
+var Toast = ({
+  variant = "outlined",
+  action = "success",
+  className = "",
+  onClose,
+  title,
+  description,
+  position = "default",
+  ...props
+}) => {
+  const variantClasses = VARIANT_ACTION_CLASSES[variant][action];
+  const positionClasses = {
+    "top-left": "fixed top-4 left-4",
+    "top-center": "fixed top-4 left-1/2 transform -translate-x-1/2",
+    "top-right": "fixed top-4 right-4",
+    "bottom-left": "fixed bottom-4 left-4",
+    "bottom-center": "fixed bottom-4 left-1/2 transform -translate-x-1/2",
+    "bottom-right": "fixed bottom-4 right-4",
+    default: ""
+  };
+  const IconAction = iconMap[action] || iconMap["success"];
+  const baseClasses = "max-w-[390px] w-full flex flex-row items-start justify-between shadow-lg rounded-lg border p-4 gap-6 group";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "alert",
+      "aria-live": "assertive",
+      "aria-atomic": "true",
+      className: `${baseClasses} ${positionClasses[position]} ${variantClasses} ${className}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-start gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ jsx(IconAction, {}) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start justify-start", children: [
+            /* @__PURE__ */ jsx("p", { className: "font-semibold text-md", children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: "text-md text-text-900", children: description })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onClose,
+            "aria-label": "Dismiss notification",
+            className: "text-background-500 cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity",
+            children: /* @__PURE__ */ jsx(X, {})
+          }
+        )
+      ]
+    }
+  );
+};
+
+export {
+  Toast
+};

package/dist/chunk-TT3VCQGR.mjs

@@ -0,0 +1,53 @@
+// src/components/Text/Text.tsx
+import { jsx } from "react/jsx-runtime";
+var Text = ({
+  children,
+  size = "md",
+  weight = "normal",
+  color = "text-text-950",
+  as,
+  className = "",
+  ...props
+}) => {
+  let sizeClasses = "";
+  let weightClasses = "";
+  const sizeClassMap = {
+    "2xs": "text-2xs",
+    xs: "text-xs",
+    sm: "text-sm",
+    md: "text-md",
+    lg: "text-lg",
+    xl: "text-xl",
+    "2xl": "text-2xl",
+    "3xl": "text-3xl",
+    "4xl": "text-4xl",
+    "5xl": "text-5xl",
+    "6xl": "text-6xl"
+  };
+  sizeClasses = sizeClassMap[size] ?? sizeClassMap.md;
+  const weightClassMap = {
+    hairline: "font-hairline",
+    light: "font-light",
+    normal: "font-normal",
+    medium: "font-medium",
+    semibold: "font-semibold",
+    bold: "font-bold",
+    extrabold: "font-extrabold",
+    black: "font-black"
+  };
+  weightClasses = weightClassMap[weight] ?? weightClassMap.normal;
+  const baseClasses = "font-primary";
+  const Component = as ?? "p";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: `${baseClasses} ${sizeClasses} ${weightClasses} ${color} ${className}`,
+      ...props,
+      children
+    }
+  );
+};
+
+export {
+  Text
+};

package/dist/chunk-WIOCQOM7.mjs

@@ -0,0 +1,20 @@
+// src/components/Toast/utils/ToastStore.ts
+import { create } from "zustand";
+var useToastStore = create((set) => ({
+  toasts: [],
+  addToast: (toast) => {
+    const id = crypto.randomUUID();
+    set((state) => ({
+      toasts: [...state.toasts, { id, ...toast }]
+    }));
+  },
+  removeToast: (id) => {
+    set((state) => ({
+      toasts: state.toasts.filter((t) => t.id !== id)
+    }));
+  }
+}));
+
+export {
+  useToastStore
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "analytica-frontend-lib",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "description": "Repositório público dos componentes utilizados nas plataformas da Analytica Ensino",
   "main": "dist/index.cjs",
   "module": "./dist/index.js",
@@ -13,7 +13,72 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
-    "./styles.css": "./dist/index.css"
+    "./styles.css": "./dist/index.css",
+    "./Alert": {
+      "types": "./dist/components/Alert/Alert.d.ts",
+      "import": "./dist/components/Alert/Alert.js",
+      "require": "./dist/components/Alert/Alert.cjs"
+    },
+    "./Badge": {
+      "types": "./dist/components/Badge/Badge.d.ts",
+      "import": "./dist/components/Badge/Badge.js",
+      "require": "./dist/components/Badge/Badge.cjs"
+    },
+    "./Button": {
+      "types": "./dist/components/Button/Button.d.ts",
+      "import": "./dist/components/Button/Button.js",
+      "require": "./dist/components/Button/Button.cjs"
+    },
+    "./CheckBox": {
+      "types": "./dist/components/CheckBox/CheckBox.d.ts",
+      "import": "./dist/components/CheckBox/CheckBox.js",
+      "require": "./dist/components/CheckBox/CheckBox.cjs"
+    },
+    "./DropdownMenu": {
+      "types": "./dist/components/DropdownMenu/DropdownMenu.d.ts",
+      "import": "./dist/components/DropdownMenu/DropdownMenu.js",
+      "require": "./dist/components/DropdownMenu/DropdownMenu.cjs"
+    },
+    "./IconButton": {
+      "types": "./dist/components/IconButton/IconButton.d.ts",
+      "import": "./dist/components/IconButton/IconButton.js",
+      "require": "./dist/components/IconButton/IconButton.cjs"
+    },
+    "./IconRoundedButton": {
+      "types": "./dist/components/IconRoundedButton/IconRoundedButton.d.ts",
+      "import": "./dist/components/IconRoundedButton/IconRoundedButton.js",
+      "require": "./dist/components/IconRoundedButton/IconRoundedButton.cjs"
+    },
+    "./NavButton": {
+      "types": "./dist/components/NavButton/NavButton.d.ts",
+      "import": "./dist/components/NavButton/NavButton.js",
+      "require": "./dist/components/NavButton/NavButton.cjs"
+    },
+    "./SelectionButton": {
+      "types": "./dist/components/SelectionButton/SelectionButton.d.ts",
+      "import": "./dist/components/SelectionButton/SelectionButton.js",
+      "require": "./dist/components/SelectionButton/SelectionButton.cjs"
+    },
+    "./Table": {
+      "types": "./dist/components/Table/Table.d.ts",
+      "import": "./dist/components/Table/Table.js",
+      "require": "./dist/components/Table/Table.cjs"
+    },
+    "./Text": {
+      "types": "./dist/components/Text/Text.d.ts",
+      "import": "./dist/components/Text/Text.js",
+      "require": "./dist/components/Text/Text.cjs"
+    },
+    "./TextArea": {
+      "types": "./dist/components/TextArea/TextArea.d.ts",
+      "import": "./dist/components/TextArea/TextArea.js",
+      "require": "./dist/components/TextArea/TextArea.cjs"
+    },
+    "./Toast": {
+      "types": "./dist/components/Toast/Toast.d.ts",
+      "import": "./dist/components/Toast/Toast.js",
+      "require": "./dist/components/Toast/Toast.cjs"
+    }
   },
   "scripts": {
     "lint": "npx eslint \"{src,app}/**/*.{js,jsx,ts,tsx}\" --fix",
@@ -23,7 +88,10 @@
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
     "test:sonar": "jest --coverage --testResultsProcessor=jest-sonar-reporter",
-    "build": "tsup src/index.ts --dts --format esm,cjs --out-dir dist --clean",
+    "generate:exports": "node scripts/generate-exports.mjs",
+    "build": "npm run build:main && npm run build:components",
+    "build:main": "tsup src/index.ts --dts --format esm,cjs --out-dir dist --clean",
+    "build:components": "node scripts/build-components.mjs",
     "build:check": "npm run typecheck && npm run build",
     "dev": "tsup src/index.ts --dts --format esm,cjs --out-dir dist --watch",
     "prepack": "npm run build:check",