@proef/common-ui 0.0.0-stage → 2.2.1

package/dist/types/v1/primitives/navigation/Tabs/Tabs.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+export interface TabItem<K extends string = string> {
+    id: K;
+    /** Normalmente texto; aceita JSX. Com `iconOnly`, tem de ser texto (vai para o nome do botão e para o tooltip). */
+    label: React.ReactNode;
+    /** Ícone antes do texto (ex: um ícone do lucide com `size={14}`). */
+    icon?: React.ReactNode;
+    /** Número ao lado do texto (ex: pendentes). Não aparece se for `undefined`. */
+    count?: number;
+    /** Explicação no tooltip (`data-tip`, com o `TooltipLayer`), com o `label` como título. */
+    tip?: string;
+    disabled?: boolean;
+}
+interface TabsBase<K extends string> {
+    items: TabItem<K>[];
+    /** Nome do conjunto, para leitores de ecrã (ex: "Estado das faturas"). */
+    label?: string;
+    /**
+     * `underline` (por omissão): separadores da página, com a linha por baixo.
+     * `segmented`: botões juntos numa caixa, para trocar de vista dentro de uma
+     * secção (ex: Lista · Quadro).
+     */
+    variant?: 'underline' | 'segmented';
+    /** Só os ícones; o `label` fica no tooltip e no nome do botão. */
+    iconOnly?: boolean;
+    className?: string;
+}
+export interface TabsSingleProps<K extends string = string> extends TabsBase<K> {
+    multiple?: false;
+    /** O separador escolhido. A app guarda este estado. */
+    value: K;
+    onChange: (id: K) => void;
+}
+export interface TabsMultipleProps<K extends string = string> extends TabsBase<K> {
+    /**
+     * Vários escolhidos ao mesmo tempo: um clique escolhe só esse separador;
+     * Ctrl/⌘/Shift + clique junta-o ou tira-o dos escolhidos.
+     */
+    multiple: true;
+    value: K[];
+    /** Os escolhidos depois do clique, e o separador clicado. */
+    onChange: (ids: K[], clicked: K) => void;
+    /** O separador "Todos": escolhê-lo limpa a escolha, e fica ativo quando não há nenhum escolhido. */
+    allId?: K;
+}
+export type TabsProps<K extends string = string> = TabsSingleProps<K> | TabsMultipleProps<K>;
+/**
+ * Separadores: escolher uma de várias vistas do mesmo ecrã.
+ *
+ * Só desenha os botões; o conteúdo de cada vista fica na app, que mostra o
+ * que corresponde a `value`. Setas ← → (e Home/End) mudam de separador,
+ * saltando os desativados. O escolhido fica a navy (não turquesa: turquesa
+ * sobre branco não tem contraste para texto).
+ *
+ * Com `multiple`, vários podem estar escolhidos (ex: estados de uma lista).
+ */
+export default function Tabs<K extends string = string>(props: TabsProps<K>): React.JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,125 @@
-{
-  "name": "@proef/common-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+{
+  "name": "@proef/common-ui",
+  "version": "2.2.1",
+  "description": "",
+  "main": "dist/esm/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/esm/index.js"
+    },
+    "./tailwind.css": "./dist/tailwind.css",
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prebuild": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\"",
+    "build": "vite build --config vite.lib.config.ts && tsc -p tsconfig.build.json && tailwindcss -i src/styles/tailwind.css -o dist/style.css --minify && tailwindcss -i src/styles/tailwind.layered.css -o dist/style.layered.css --minify && node scripts/css-components-layer.mjs && node scripts/extrair-imagens-css.mjs && node scripts/gerar-tema.mjs && node -e \"const fs=require('fs');fs.copyFileSync('src/styles/tailwind.app.css','dist/tailwind.css');fs.copyFileSync('src/styles/tokens.css','dist/tokens.css')\" && node -e \"import('./dist/esm/v1/capabilities/theme/useTheme.js').then(m=>require('fs').writeFileSync('dist/theme-boot.js',m.themeBootScript))\"",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "pub": "git add . && git commit -m \"update\" && git push && npm test && npm version patch && npm run build && npm publish",
+    "pubOnly": "npm test && npm version patch && npm run build && npm publish",
+    "pubOnlySameVersion": "npm run build && npm publish",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ci": "vitest run --coverage",
+    "release": "node scripts/release.mjs"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "peerDependencies": {
+    "@azure/msal-browser": ">=3",
+    "@azure/msal-react": ">=2",
+    "react": ">=18",
+    "react-dom": ">=18",
+    "react-router-dom": ">=6"
+  },
+  "peerDependenciesMeta": {
+    "@azure/msal-react": {
+      "optional": true
+    },
+    "@azure/msal-browser": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@azure/msal-browser": "^5.17.3",
+    "@azure/msal-react": "^5.5.4",
+    "@chromatic-com/storybook": "^5.5.1",
+    "@storybook/addon-docs": "^10.6.2",
+    "@storybook/addon-links": "^10.6.2",
+    "@storybook/addon-onboarding": "^10.6.2",
+    "@storybook/react-vite": "^10.6.2",
+    "@tailwindcss/cli": "^4.3.3",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.8",
+    "@types/js-cookie": "^3.0.6",
+    "@types/leaflet": "^1.9.22",
+    "@types/leaflet.markercluster": "^1.5.6",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@types/socket.io-client": "^3.0.0",
+    "@types/storybook__react": "^5.2.1",
+    "@vitejs/plugin-react": "^4.7.0",
+    "@vitest/coverage-v8": "^3.2.7",
+    "jsdom": "^26.1.0",
+    "msw": "^2.7.3",
+    "qrcode": "^1.5.4",
+    "react-router-dom": "^6.30.4",
+    "sass": "^1.84.0",
+    "storybook": "^10.6.2",
+    "tailwindcss": "^4.3.3",
+    "typescript": "^5.7.3",
+    "vite": "^7.3.7",
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vitest": "^3.2.7"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/free-brands-svg-icons": "^6.7.2",
+    "@fortawesome/free-regular-svg-icons": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^6.7.2",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@tiptap/extension-image": "^3.32.0",
+    "@tiptap/pm": "^3.32.0",
+    "@tiptap/react": "^3.32.0",
+    "@tiptap/starter-kit": "^3.32.0",
+    "@zxing/library": "^0.23.0",
+    "axios": "^1.8.1",
+    "chart.js": "^4.5.1",
+    "chartjs-plugin-datalabels": "^2.2.0",
+    "dompurify": "^3.4.17",
+    "iconoir-react": "^7.11.0",
+    "js-cookie": "^3.0.5",
+    "keycloak-js": "^25.0.0",
+    "leaflet": "^1.9.4",
+    "leaflet.heat": "^0.2.0",
+    "leaflet.markercluster": "^1.5.3",
+    "pdfjs-dist": "^4.10.38",
+    "qr-scanner": "^1.4.2",
+    "react-chartjs-2": "^5.3.1",
+    "react-focus-lock": "^2.13.6",
+    "react-infinite-scroll-component": "^6.1.0",
+    "react-remove-scroll": "^2.6.3",
+    "react-switch": "^7.1.0",
+    "socket.io-client": "^4.8.1",
+    "tough-cookie": "^5.1.2",
+    "zxing-wasm": "^3.1.5"
+  },
+  "overrides": {
+    "storybook": "$storybook"
+  }
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.