@snksergio/design-system 0.55.0 → 0.56.0

package/dist-lib/src/components/ui/Scheduler/parts/scheduler-toolbar.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { SchedulerFilterField, SchedulerFilterModel, SchedulerView } from '../scheduler.types';
+export type SchedulerToolbarProps = {
+    title: ReactNode;
+    view: SchedulerView;
+    onViewChange: (view: SchedulerView) => void;
+    onPrev: () => void;
+    onNext: () => void;
+    onToday: () => void;
+    searchable: boolean;
+    search: string;
+    onSearchChange: (search: string) => void;
+    filterFields?: SchedulerFilterField[];
+    filterModel: SchedulerFilterModel;
+    onClearField: (fieldId: string) => void;
+    onClearAll: () => void;
+    appliedCount: number;
+    /** Estado do painel-coluna de filtro. */
+    filterPanelOpen: boolean;
+    onToggleFilterPanel: () => void;
+    /**
+     * `false` abaixo de `lg`: a coluna extra não cabe junto de uma grade de 7
+     * dias legível, então o botão fica desabilitado com `title` explicando — em
+     * vez de abrir um painel que o CSS esconde.
+     */
+    filterPanelAvailable: boolean;
+    toolbarActions?: ReactNode;
+    primaryAction?: ReactNode;
+};
+export declare function SchedulerToolbar({ title, view, onViewChange, onPrev, onNext, onToday, searchable, search, onSearchChange, filterFields, filterModel, onClearField, onClearAll, appliedCount, filterPanelOpen, onToggleFilterPanel, filterPanelAvailable, toolbarActions, primaryAction, }: SchedulerToolbarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=scheduler-toolbar.d.ts.map

package/dist-lib/src/components/ui/Scheduler/parts/scheduler-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheduler-toolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Scheduler/parts/scheduler-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqCvC,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,aAAa,EACd,MAAM,oBAAoB,CAAC;AAqC5B,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,aAAa,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,YAAY,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACtC,WAAW,EAAE,oBAAoB,CAAC;IAClC,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IAErB,yCAAyC;IACzC,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC;;;;OAIG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAE9B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAO,EACP,UAAU,EACV,MAAM,EACN,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,aAAa,GACd,EAAE,qBAAqB,2CA6MvB"}

package/dist-lib/src/components/ui/Scheduler/scheduler.d.ts

@@ -0,0 +1,44 @@
+import { SchedulerProps, SchedulerRef } from './scheduler.types';
+/**
+ * `Scheduler` — calendário de eventos com 4 modos de visualização
+ * (mês · semana · dia · lista), busca, filtros declarativos e detalhe por
+ * callback.
+ *
+ * Não confundir com `Calendar` (o primitivo shadcn/react-day-picker): aquele
+ * é **seletor de data** dentro de um form; este exibe **eventos ao longo do
+ * tempo**. Nomes distintos porque as intenções são opostas.
+ *
+ * ## O componente é dumb sobre mutação
+ *
+ * `events` nunca é mutado. Mover ou redimensionar um evento emite
+ * `onEventMove`/`onEventResize` e o consumidor decide se e como aplica — mesma
+ * escolha do `onCardMove` do `Kanban`, pela mesma razão: só a tela sabe se a
+ * mudança precisa de confirmação, de otimismo ou de rollback.
+ *
+ * ## As 4 views
+ *
+ * - `month`: grade 6×7 fixa, evento multi-dia com pontas truncadas, "+N mais"
+ *   em popover, `+` de criar no hover da célula.
+ * - `week` / `day`: a MESMA view (`views/time-grid.tsx`) com 7 ou 1 coluna —
+ *   gutter de horas, banda de dia inteiro, lane-packing de sobreposição, linha
+ *   do "agora" e faixa de hora clicável.
+ * - `list`: agenda agrupada por dia, só os dias QUE TÊM evento.
+ *
+ * ## Drag & drop e teclado
+ *
+ * **Arrastar** move o evento: no mês muda a data preservando hora e duração; em
+ * week/day combina a coluna (dia) com o `delta.y` (minutos, snapado). **A borda
+ * do bloco** redimensiona em week/day — alça separada, pra agarrar a borda não
+ * virar movimento. `@dnd-kit/core`, mesma base do `Kanban`.
+ *
+ * O dnd só liga quando há `onEventMove`/`onEventResize` conectado: arrastar e
+ * ver o evento voltar sozinho lê como bug do app, e é o que `draggable: false`
+ * por default protege. Em DEV, ligar sem handler avisa por `console.warn`.
+ *
+ * **Teclado:** cada grade é uma ÚNICA parada de `Tab` (roving tabindex) —
+ * as setas movem dentro dela, `Home`/`End` vão às pontas da linha, `Enter`
+ * cria no slot focado. Sem isso a grade do mês custava 42 `Tab` e a da semana
+ * 168.
+ */
+export declare const Scheduler: import('react').ForwardRefExoticComponent<SchedulerProps & import('react').RefAttributes<SchedulerRef>>;
+//# sourceMappingURL=scheduler.d.ts.map

package/dist-lib/src/components/ui/Scheduler/scheduler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheduler.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Scheduler/scheduler.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,eAAO,MAAM,SAAS,yGA2VrB,CAAC"}