@proef/common-ui 2.2.4 → 2.2.6

package/dist/types/v1/primitives/display/PeopleFilter/PeopleFilter.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+export interface PeopleFilterPerson {
+    id: string;
+    name: string;
+    /** URL da fotografia. Sem ela ficam as iniciais. */
+    photo?: string | null;
+}
+export interface PeopleFilterProps {
+    people: PeopleFilterPerson[];
+    /** A pessoa escolhida (`id`), ou `null` para nenhuma. */
+    value: string | null;
+    onChange: (id: string | null) => void;
+    /** Nome do grupo, para leitores de ecrã (ex: "Recurso"). */
+    label?: string;
+    /**
+     * Por omissão é um filtro: clicar na escolhida desmarca-a e há um × para limpar.
+     * `false` para escolher sempre uma pessoa (ex: num formulário).
+     */
+    clearable?: boolean;
+    /** Nome do botão ×. */
+    clearLabel?: string;
+    /** `sm` 24px (barras de filtros), `md` 28px (formulários). */
+    size?: 'sm' | 'md';
+    className?: string;
+}
+/**
+ * Escolher uma pessoa pela cara: avatares sobrepostos, a escolhida com o
+ * contorno turquesa dos filtros e as outras esbatidas. O nome aparece ao passar
+ * o rato.
+ *
+ * Usar para filtrar uma lista por pessoa (ex: por recurso ou responsável) ou,
+ * com `clearable={false}`, para escolher a pessoa num formulário. O × fica
+ * sempre com o seu lugar, para os avatares não saltarem quando aparece.
+ */
+export default function PeopleFilter({ people, value, onChange, label, clearable, clearLabel, size, className, }: PeopleFilterProps): React.JSX.Element | null;
+export { PeopleFilter };

package/dist/types/v1/primitives/forms/Switch/Switch.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'type' | 'role'> {
+    /** Ligado ou desligado. A app guarda este estado. */
+    checked: boolean;
+    /** O valor novo, ao clicar (ou com Espaço/Enter). */
+    onChange: (checked: boolean) => void;
+    /** Texto à direita (ex: "Ativo"). Clicar nele também muda o interruptor. */
+    label?: React.ReactNode;
+}
+/**
+ * Interruptor de ligar/desligar, para uma opção que tem efeito logo (ex: "Grupo CAB",
+ * "Mostrar inativos"). Para marcar itens numa lista ou aceitar termos, usar a
+ * [Checkbox](?path=/docs/v1-primitives-forms-checkbox--docs).
+ *
+ * Dentro de um [FormField](?path=/docs/v1-components-forms-formfield--docs) fica
+ * ligado à etiqueta automaticamente. Fora dele, dar-lhe um `label` ou um `aria-label`.
+ *
+ * **Aceita os atributos HTML do [&lt;button&gt;](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button)** (`disabled`, `name`, `ref`, `aria-*`, ...).
+ * Diferenças: o `className` aplica-se ao conjunto (interruptor e texto).
+ */
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export default Switch;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proef/common-ui",
-  "version": "2.2.4",
+  "version": "2.2.6",
   "description": "",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",

package/dist/esm/legacy/components/atoms/Switch/CustomSwitch.css

@@ -1,36 +0,0 @@
-.cui-container {
-  color: var(--dark-blue);
-  display: flex;
-  align-items: center;
-}
-.cui-container .cui-label {
-  white-space: nowrap;
-}
-
-.cui-switch {
-  display: inline-block;
-}
-
-.cui-switch-size-default {
-  font-size: 0.95rem;
-  gap: 0.4rem;
-}
-.cui-switch-size-default .cui-switch {
-  transform: scale(1);
-}
-
-.cui-switch-size-compact {
-  font-size: 0.85rem;
-  gap: 0.2rem;
-}
-.cui-switch-size-compact .cui-switch {
-  transform: scale(0.85);
-}
-
-.cui-switch-size-large {
-  font-size: 1.1rem;
-  gap: 0.7rem;
-}
-.cui-switch-size-large .cui-switch {
-  transform: scale(1.15);
-}