bord-design-system 0.0.58 → 0.0.59

package/dist/components/BordFiltersBar/BordFiltersBar.d.ts

@@ -1,10 +1,10 @@
 import type { IBordFiltersBarProps } from './BordFiltersBar.types';
 import './BordFiltersBar.scss';
 /**
- * Barra de filtros activos: resultados, un chip removible por valor aplicado, "+N más" que expande la barra,
- * "Ver menos" (gris, para diferenciarlo de "Limpiar todo") que la recoge y "Limpiar todo". No sabe de inventario:
- * recibe los chips ya armados y en orden.
+ * Barra de filtros activos que no desplaza la tabla: recogida ocupa una línea y "+N más" la expande hasta dos
+ * ("Ver menos", en gris, la recoge); lo que tampoco cabe se ve en un popover solo con esos chips. No sabe de
+ * inventario: recibe los chips ya armados y en orden.
  */
-declare const BordFiltersBar: ({ chips, onRemoveChip, onClearAll, resultsLabel, maxVisibleChips, maxChipLabelLength, clearAllLabel, getMoreLabel, showLessLabel, className, }: IBordFiltersBarProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const BordFiltersBar: ({ chips, onRemoveChip, onClearAll, resultsLabel, maxVisibleChips, maxChipLabelLength, clearAllLabel, getMoreLabel, getPopoverTitle, showLessLabel, className, }: IBordFiltersBarProps) => import("react/jsx-runtime").JSX.Element | null;
 export default BordFiltersBar;
 //# sourceMappingURL=BordFiltersBar.d.ts.map

package/dist/components/BordFiltersBar/BordFiltersBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordFiltersBar.d.ts","sourceRoot":"","sources":["../../../src/components/BordFiltersBar/BordFiltersBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAuB,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACxF,OAAO,uBAAuB,CAAC;AAQ/B;;;;GAIG;AACH,QAAA,MAAM,cAAc,mJAWjB,oBAAoB,mDA8CtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BordFiltersBar.d.ts","sourceRoot":"","sources":["../../../src/components/BordFiltersBar/BordFiltersBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAuB,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACxF,OAAO,uBAAuB,CAAC;AAa/B;;;;GAIG;AACH,QAAA,MAAM,cAAc,oKAYjB,oBAAoB,mDAmFtB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/BordFiltersBar/BordFiltersBar.types.d.ts

@@ -14,7 +14,7 @@ export interface IBordFiltersBarProps {
     onClearAll: () => void;
     /** Texto a la izquierda de los chips, p. ej. "16 resultados:". */
     resultsLabel?: string;
-    /** Chips visibles antes de agrupar el resto en "+N más". Por defecto 6. */
+    /** Chips visibles con la barra recogida antes de agrupar el resto en "+N más". Por defecto 6; nunca más de una línea. */
     maxVisibleChips?: number;
     /** Caracteres máximos de la etiqueta de un chip; el resto se corta con "…". Por defecto 20. */
     maxChipLabelLength?: number;
@@ -22,6 +22,8 @@ export interface IBordFiltersBarProps {
     /** Texto del botón que recoge la barra expandida. Por defecto "Ver menos". */
     showLessLabel?: string;
     getMoreLabel?: (hiddenCount: number) => string;
+    /** Texto accesible del popover con los chips que no caben en dos líneas. Por defecto "N filtros más". */
+    getPopoverTitle?: (hiddenCount: number) => string;
     className?: string;
 }
 //# sourceMappingURL=BordFiltersBar.types.d.ts.map

package/dist/components/BordFiltersBar/BordFiltersBar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordFiltersBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordFiltersBar/BordFiltersBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAE/F,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,wBAAwB,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+FAA+F;IAC/F,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"BordFiltersBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordFiltersBar/BordFiltersBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAE/F,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,wBAAwB,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yHAAyH;IACzH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+FAA+F;IAC/F,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,yGAAyG;IACzG,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/BordFiltersSidebar/BordFiltersSidebar.mocks.d.ts

@@ -4,6 +4,6 @@ export declare const toOptions: (labels: string[]) => {
     value: string;
     label: string;
 }[];
-/** Los 13 filtros del inventario de Dash, en el orden de la épica, para las stories del panel y la barra. */
+/** Los 14 filtros del inventario de Dash, en el orden de la épica, para las stories del panel y la barra. */
 export declare const INVENTORY_FILTERS: IBordFiltersSidebarFilter[];
 //# sourceMappingURL=BordFiltersSidebar.mocks.d.ts.map

package/dist/components/BordFiltersSidebar/BordFiltersSidebar.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordFiltersSidebar.mocks.d.ts","sourceRoot":"","sources":["../../../src/components/BordFiltersSidebar/BordFiltersSidebar.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAE5E,kFAAkF;AAClF,eAAO,MAAM,SAAS,WAAY,MAAM,EAAE;;;GAAmD,CAAC;AAE9F,6GAA6G;AAC7G,eAAO,MAAM,iBAAiB,EAAE,yBAAyB,EAoGxD,CAAC"}
+{"version":3,"file":"BordFiltersSidebar.mocks.d.ts","sourceRoot":"","sources":["../../../src/components/BordFiltersSidebar/BordFiltersSidebar.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAE5E,kFAAkF;AAClF,eAAO,MAAM,SAAS,WAAY,MAAM,EAAE;;;GAAmD,CAAC;AAE9F,6GAA6G;AAC7G,eAAO,MAAM,iBAAiB,EAAE,yBAAyB,EA0GxD,CAAC"}

package/dist/hooks/useWrappedRowsLimit.d.ts

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+/**
+ * Cuántos elementos (de `maxItems`) caben en un contenedor con `flex-wrap` sin pasar de `maxRows` líneas.
+ * El componente renderiza esa cantidad y el hook la baja de a uno antes de pintar mientras sobren líneas.
+ * @param containerRef Contenedor cuyos hijos directos se miden.
+ * @param maxItems Tope de elementos a mostrar si caben todos.
+ * @param maxRows Líneas máximas permitidas.
+ * @param contentKey Valor que cambia cuando cambia el contenido (para volver a medir desde el tope).
+ * @returns `fitCount` y `isSettled`, que es `false` en los renders intermedios de la medición.
+ */
+declare const useWrappedRowsLimit: (containerRef: RefObject<HTMLElement>, maxItems: number, maxRows: number, contentKey: string) => {
+    fitCount: number;
+    isSettled: boolean;
+};
+export default useWrappedRowsLimit;
+//# sourceMappingURL=useWrappedRowsLimit.d.ts.map

package/dist/hooks/useWrappedRowsLimit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWrappedRowsLimit.d.ts","sourceRoot":"","sources":["../../src/hooks/useWrappedRowsLimit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAQxE;;;;;;;;GAQG;AACH,QAAA,MAAM,mBAAmB,iBACT,SAAS,CAAC,WAAW,CAAC,YAC1B,MAAM,WACP,MAAM,cACH,MAAM;;;CA+BnB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/index.d.ts

@@ -2640,7 +2640,7 @@ interface IBordFiltersBarProps {
     onClearAll: () => void;
     /** Texto a la izquierda de los chips, p. ej. "16 resultados:". */
     resultsLabel?: string;
-    /** Chips visibles antes de agrupar el resto en "+N más". Por defecto 6. */
+    /** Chips visibles con la barra recogida antes de agrupar el resto en "+N más". Por defecto 6; nunca más de una línea. */
     maxVisibleChips?: number;
     /** Caracteres máximos de la etiqueta de un chip; el resto se corta con "…". Por defecto 20. */
     maxChipLabelLength?: number;
@@ -2648,15 +2648,17 @@ interface IBordFiltersBarProps {
     /** Texto del botón que recoge la barra expandida. Por defecto "Ver menos". */
     showLessLabel?: string;
     getMoreLabel?: (hiddenCount: number) => string;
+    /** Texto accesible del popover con los chips que no caben en dos líneas. Por defecto "N filtros más". */
+    getPopoverTitle?: (hiddenCount: number) => string;
     className?: string;
 }
 
 /**
- * Barra de filtros activos: resultados, un chip removible por valor aplicado, "+N más" que expande la barra,
- * "Ver menos" (gris, para diferenciarlo de "Limpiar todo") que la recoge y "Limpiar todo". No sabe de inventario:
- * recibe los chips ya armados y en orden.
+ * Barra de filtros activos que no desplaza la tabla: recogida ocupa una línea y "+N más" la expande hasta dos
+ * ("Ver menos", en gris, la recoge); lo que tampoco cabe se ve en un popover solo con esos chips. No sabe de
+ * inventario: recibe los chips ya armados y en orden.
  */
-declare const BordFiltersBar: ({ chips, onRemoveChip, onClearAll, resultsLabel, maxVisibleChips, maxChipLabelLength, clearAllLabel, getMoreLabel, showLessLabel, className, }: IBordFiltersBarProps) => react_jsx_runtime.JSX.Element | null;
+declare const BordFiltersBar: ({ chips, onRemoveChip, onClearAll, resultsLabel, maxVisibleChips, maxChipLabelLength, clearAllLabel, getMoreLabel, getPopoverTitle, showLessLabel, className, }: IBordFiltersBarProps) => react_jsx_runtime.JSX.Element | null;
 
 /**
  * Props del contenedor que agrupa varios interruptores con espaciado y divisores de diseño.