@spaziodati/atoka-design-system 10.8.0 → 10.9.0

package/AddableItems/index.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import React__default from "react";
 import { B as Button } from "../_shared/Button-Bn8PyQFK.js";
 import { T as Text } from "../_shared/Text-B4AyT0Tx.js";
-import { a as ClickableItemKind, b as ClickableItemList } from "../_shared/ClickableItemList-DVomaPq2.js";
+import { a as ClickableItemKind, b as ClickableItemList } from "../_shared/ClickableItemList-Bhiz90-u.js";
 function extractFacetKeyFromItemValue(key) {
   return typeof key === "object" ? key.value : key;
 }

package/BubbleChart/index.js

@@ -1,11 +1,11 @@
 import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
 import React__default from "react";
 import { e as blue300, d as blue30, n as generateRangeColor } from "../_shared/Style-CSNnkrg3.js";
-import "../_shared/StatisticsTooltip-pL9xXE3S.js";
-import { g as getRenderStatisticsTooltip } from "../_shared/helpers-Bg6unjPS.js";
-import { c as createDataWithOtherSlice } from "../_shared/Statistics-Bm18tBPk.js";
-import { d as deepEqual, s as sortObjDesc } from "../_shared/Utils-Bpj1pJRF.js";
-import { ResponsiveCirclePackingCanvas, ResponsiveCirclePacking } from "@nivo/circle-packing";
+import "../_shared/StatisticsTooltip-CCS8nRmU.js";
+import { g as getRenderStatisticsTooltip } from "../_shared/helpers-NoMDjFuw.js";
+import { c as createDataWithOtherSlice } from "../_shared/Statistics-DhyTVLxQ.js";
+import { d as deepEqual, s as sortObjDesc } from "../_shared/Utils-BrBNE2g6.js";
+import { CirclePackingCanvas, ResponsiveCirclePackingCanvas, CirclePacking, ResponsiveCirclePacking } from "@nivo/circle-packing";
 import classnames from "classnames";
 import { e as ellipse } from "../_shared/Text-DT1G7-vq.js";
 class BubbleChartUI extends React__default.PureComponent {
@@ -27,7 +27,7 @@ class BubbleChartUI extends React__default.PureComponent {
     return this.getEllipsedLabel(d.radius, d.data.label);
   };
   renderContent() {
-    const { id, isCanvas, fontSize } = this.props, commonProps = {
+    const { id, isCanvas, fontSize, size } = this.props, width = size?.width, height = size?.height, hasExplicitSize = width != null && height != null, commonProps = {
       layers: this.defaultLayers,
       margin: { top: 0, right: 0, bottom: 0, left: 0 },
       data: this.props.data,
@@ -46,15 +46,12 @@ class BubbleChartUI extends React__default.PureComponent {
         fontSize,
         background: "#fff"
       };
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveCirclePackingCanvas, { ...commonProps, theme });
+      return hasExplicitSize ? /* @__PURE__ */ jsxRuntimeExports.jsx(CirclePackingCanvas, { ...commonProps, theme, width, height }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveCirclePackingCanvas, { ...commonProps, theme });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveCirclePacking, { ...commonProps });
+    return hasExplicitSize ? /* @__PURE__ */ jsxRuntimeExports.jsx(CirclePacking, { ...commonProps, width, height }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveCirclePacking, { ...commonProps });
   }
   render() {
-    const { id, className, chartRef, size } = this.props, chartWidth = size?.width ?? "100%", chartHeight = size?.height ?? "100%", classNames = classnames(
-      "bubble-chart-container d-flex justify-content-center align-items-center",
-      className
-    );
+    const { id, className, chartRef, size } = this.props, chartWidth = size?.width ?? "100%", chartHeight = size?.height ?? "100%", classNames = classnames("bubble-chart-container", className);
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id, className: classNames, ref: chartRef, style: { width: chartWidth, height: chartHeight }, children: this.renderContent() });
   }
 }

package/CardsPage/index.js

@@ -4,7 +4,7 @@ import Container from "react-bootstrap/Container";
 import { B as Bs4V3Wrapper } from "../_shared/Bs4V3Wrapper-BKRW0pvE.js";
 import Row from "react-bootstrap/Row";
 import Col from "react-bootstrap/Col";
-import { f as findChildByComponent } from "../_shared/Utils-Bpj1pJRF.js";
+import { f as findChildByComponent } from "../_shared/Utils-BrBNE2g6.js";
 import { F as Form } from "../_shared/Form-D-8ftG21.js";
 import classnames from "classnames";
 import { S as SelectDropdown } from "../_shared/SelectDropdown-GHblwuD9.js";
@@ -13,10 +13,10 @@ import { faTh } from "@fortawesome/pro-light-svg-icons/faTh";
 import { T as ToggleButtonGroup } from "../_shared/ToggleButtonGroup-Duq22aii.js";
 import { T as Title } from "../_shared/Title-Bjj6BAK7.js";
 import { B as Button } from "../_shared/Button-Bn8PyQFK.js";
-import { a as RowCardLayout, R as RowCard } from "../_shared/RowCard-DoBnimBD.js";
+import { a as RowCardLayout, R as RowCard } from "../_shared/RowCard-aVTtGpHA.js";
 import { E as EmptyState } from "../_shared/EmptyState-BQyVos2X.js";
 import { T as Text } from "../_shared/Text-B4AyT0Tx.js";
-import { T as TabSwitcher } from "../_shared/TabSwitcher-BwM8Io9E.js";
+import { T as TabSwitcher } from "../_shared/TabSwitcher-B35_74Vv.js";
 const CardsPageFullText = React__default.memo(
   (props) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cards-page-fulltext mt-3", children: props.children })
 );

package/ClickableExcludableItem/index.js

@@ -1,4 +1,4 @@
-import { C } from "../_shared/ClickableItemList-DVomaPq2.js";
+import { C } from "../_shared/ClickableItemList-Bhiz90-u.js";
 export {
   C as ClickableExcludableItem
 };

package/CursorPagination/index.js

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
 import classnames from "classnames";
 import React__default from "react";
 import BsPagination from "react-bootstrap/Pagination";
-import { a as scrollToTop } from "../_shared/Utils-Bpj1pJRF.js";
+import { a as scrollToTop } from "../_shared/Utils-BrBNE2g6.js";
 import { P as PaginationPrev, a as PaginationNext } from "../_shared/PaginationNext-BOdbeCda.js";
 class CursorPagination extends React__default.PureComponent {
   static displayName = "CursorPagination";

package/DatePickerInput/index.js

@@ -4,8 +4,8 @@ import { createPortal } from "react-dom";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faTimes } from "@fortawesome/pro-light-svg-icons/faTimes";
 import { a as FormControl } from "../_shared/Form-D-8ftG21.js";
-import { I as InputGroupComponent } from "../_shared/InputGroupShortcut-DVgXnEC3.js";
-import { M as MultiModeDatePicker } from "../_shared/MultiModeDatePicker-nKd6dcHG.js";
+import { I as InputGroupComponent } from "../_shared/InputGroupShortcut-mfQ0HR5_.js";
+import { M as MultiModeDatePicker } from "../_shared/MultiModeDatePicker-CvnQBr92.js";
 function useClickOutside(callback) {
   const ref = React__default.useRef(null);
   useEffect(() => {

package/DetailPage/index.js

@@ -4,7 +4,7 @@ import Container from "react-bootstrap/Container";
 import { B as Bs4V3Wrapper } from "../_shared/Bs4V3Wrapper-BKRW0pvE.js";
 import { T as Text } from "../_shared/Text-B4AyT0Tx.js";
 import classnames from "classnames";
-import { I as ItemImage } from "../_shared/ItemImage-Bhitkbw1.js";
+import { I as ItemImage } from "../_shared/ItemImage-Cns4pr0R.js";
 import { S as Spinner, a as SpinnerSize } from "../_shared/Spinner-DHoqZ2pO.js";
 import { T as Title } from "../_shared/Title-Bjj6BAK7.js";
 import Nav from "react-bootstrap/Nav";

package/EllipsableContent/index.js

@@ -1,4 +1,4 @@
-import { E } from "../_shared/EllipsableContent-DA9bhZw-.js";
+import { E } from "../_shared/EllipsableContent-Dg7SmEC1.js";
 export {
   E as EllipsableContent
 };

package/Expandable/index.js

@@ -4,7 +4,7 @@ import { useRef, useState, useEffect } from "react";
 import { faChevronDown } from "@fortawesome/pro-light-svg-icons/faChevronDown";
 import { faChevronUp } from "@fortawesome/pro-light-svg-icons/faChevronUp";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { M as Modal } from "../_shared/Modal-DKv77LLf.js";
+import { M as Modal } from "../_shared/Modal-BAgaw4ui.js";
 import { T as Text } from "../_shared/Text-B4AyT0Tx.js";
 const TOLERANCE_THRESHOLD = 40;
 const DEFAULT_MAX_HEIGHT = 200;

package/Funnel/Funnel.d.ts

@@ -11,9 +11,9 @@ export interface FunnelProps extends AtokaFunnelCommonProps {
     /** The colors are a palette, the component will generate the right color numbers depending on the palette you give it*/
     colors?: string[];
 }
-export interface AtokaFunnelDatum extends FunnelDatum {
+export type AtokaFunnelDatum = FunnelDatum<{
     percentage?: number;
-}
+}>;
 interface FunnelState extends Pick<FunnelProps, 'colors'> {
     data: AtokaFunnelDatum[];
     sinkData: FunnelData[];

package/Funnel/index.js

@@ -1,12 +1,12 @@
 import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
 import React__default from "react";
-import { g as generateStyledTheme, d as deepEqual } from "../_shared/Utils-Bpj1pJRF.js";
+import { g as generateStyledTheme, d as deepEqual } from "../_shared/Utils-BrBNE2g6.js";
 import { g as blue50, i as blue90, j as blue95, e as blue300, n as generateRangeColor } from "../_shared/Style-CSNnkrg3.js";
 import { ResponsiveFunnel } from "@nivo/funnel";
 import classnames from "classnames";
-import { S as StatisticsSVGLegend } from "../_shared/StatisticsSVGLegend-hnWvsMts.js";
-import "../_shared/StatisticsTooltip-pL9xXE3S.js";
-import { g as getRenderStatisticsTooltip } from "../_shared/helpers-Bg6unjPS.js";
+import { S as StatisticsSVGLegend } from "../_shared/StatisticsSVGLegend-DFifhIFN.js";
+import "../_shared/StatisticsTooltip-CCS8nRmU.js";
+import { g as getRenderStatisticsTooltip } from "../_shared/helpers-NoMDjFuw.js";
 import { e as ellipse, s as slugify } from "../_shared/Text-DT1G7-vq.js";
 const SVGDataLabelSizes = {
   ESTIMATED_LETTER_PIXELS: 6

package/GeoMap/GeoMap.d.ts

@@ -3,6 +3,8 @@ import './GeoMap.scss';
 type GeoMapProps = Partial<ResponsiveChoropleth['props']> & Pick<ResponsiveChoropleth['props'], 'features' | 'data'> & {
     isZoomEnabled?: boolean;
     isZoomOnWheelEnabled?: boolean;
+    minProjectionScale?: number;
+    maxProjectionScale?: number;
 };
 /**
  * ### Overview

package/GeoMap/index.js

@@ -5,17 +5,25 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faMinus } from "@fortawesome/pro-light-svg-icons/faMinus";
 import { faArrowRotateLeft } from "@fortawesome/pro-light-svg-icons/faArrowRotateLeft";
 import { faPlus } from "@fortawesome/pro-light-svg-icons/faPlus";
-import { g as generateStyledTheme } from "../_shared/Utils-Bpj1pJRF.js";
+import { g as generateStyledTheme } from "../_shared/Utils-BrBNE2g6.js";
 const DEFAULT_PROJECTION_SCALE = 1e3;
-const MIN_PROJECTION_SCALE = 500;
-const MAX_PROJECTION_SCALE = 5e3;
+const DEFAULT_MIN_PROJECTION_SCALE = 500;
+const DEFAULT_MAX_PROJECTION_SCALE = 5e3;
 const DEFAULT_TRANSLATION_X = 0;
 const DEFAULT_TRANSLATION_Y = 3.15;
 const ZOOM_IN_FACTOR = 1.1;
 const ZOOM_OUT_FACTOR = 0.9;
 const TRANSLATION_CENTER = 0.5;
 const GeoMap = (props) => {
-  const { getIDForFeature, isZoomEnabled, isZoomOnWheelEnabled, projectionTranslation, ...restProps } = props;
+  const {
+    getIDForFeature,
+    isZoomEnabled,
+    isZoomOnWheelEnabled,
+    projectionTranslation,
+    minProjectionScale = DEFAULT_MIN_PROJECTION_SCALE,
+    maxProjectionScale = DEFAULT_MAX_PROJECTION_SCALE,
+    ...restProps
+  } = props;
   const initialProjectionScale = useMemo(
     () => props.projectionScale ?? DEFAULT_PROJECTION_SCALE,
     [props.projectionScale]
@@ -47,7 +55,7 @@ const GeoMap = (props) => {
   }, [props.features, getIDForFeature]);
   const handleZoomIn = useCallback(() => {
     setProjectionScale((prev) => {
-      const newScale = Math.min(prev * ZOOM_IN_FACTOR, MAX_PROJECTION_SCALE);
+      const newScale = Math.min(prev * ZOOM_IN_FACTOR, maxProjectionScale);
       const scaleFactor = newScale / prev;
       setTranslation(([x, y]) => [
         TRANSLATION_CENTER + (x - TRANSLATION_CENTER) * scaleFactor,
@@ -55,10 +63,10 @@ const GeoMap = (props) => {
       ]);
       return newScale;
     });
-  }, []);
+  }, [maxProjectionScale]);
   const handleZoomOut = useCallback(() => {
     setProjectionScale((prev) => {
-      const newScale = Math.max(prev / ZOOM_IN_FACTOR, MIN_PROJECTION_SCALE);
+      const newScale = Math.max(prev / ZOOM_IN_FACTOR, minProjectionScale);
       const scaleFactor = newScale / prev;
       setTranslation(([x, y]) => [
         TRANSLATION_CENTER + (x - TRANSLATION_CENTER) * scaleFactor,
@@ -66,7 +74,7 @@ const GeoMap = (props) => {
       ]);
       return newScale;
     });
-  }, []);
+  }, [minProjectionScale]);
   const handleResetZoom = useCallback(() => {
     setProjectionScale(initialProjectionScale);
     setTranslation(initialTranslation);
@@ -84,7 +92,7 @@ const GeoMap = (props) => {
       const mouseX = (e.clientX - rect.left) / rect.width;
       const mouseY = (e.clientY - rect.top) / rect.height;
       setProjectionScale((prev) => {
-        const newScale = Math.max(MIN_PROJECTION_SCALE, Math.min(MAX_PROJECTION_SCALE, prev * zoomFactor));
+        const newScale = Math.max(minProjectionScale, Math.min(maxProjectionScale, prev * zoomFactor));
         const scaleFactor = newScale / prev;
         setTranslation(([x, y]) => [mouseX + (x - mouseX) * scaleFactor, mouseY + (y - mouseY) * scaleFactor]);
         return newScale;
@@ -94,7 +102,7 @@ const GeoMap = (props) => {
     return () => {
       container.removeEventListener("wheel", handleWheel);
     };
-  }, [isZoomOnWheelEnabled, isZoomEnabled]);
+  }, [isZoomOnWheelEnabled, isZoomEnabled, minProjectionScale, maxProjectionScale]);
   useEffect(() => {
     const container = mapContainerRef.current;
     if (!container || !isZoomEnabled) {

package/GridCard/index.js

@@ -1,9 +1,9 @@
 import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
 import React__default from "react";
 import classnames from "classnames";
-import { f as findChildByComponent } from "../_shared/Utils-Bpj1pJRF.js";
+import { f as findChildByComponent } from "../_shared/Utils-BrBNE2g6.js";
 import { O as OniruCard } from "../_shared/OniruCard-g_9qIXxK.js";
-import { C as CardTitle, a as CardMenu } from "../_shared/CardMenu-BEJgJfms.js";
+import { C as CardTitle, a as CardMenu } from "../_shared/CardMenu-DCuVAJHA.js";
 import { F as Form } from "../_shared/Form-D-8ftG21.js";
 const GridCardFooter = React__default.memo(
   (props) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3", children: props.children })

package/Histogram/Histogram.d.ts

@@ -1,4 +1,4 @@
-import { BarCommonProps, BarCustomLayerProps, LabelFormatter, ValueFormatter } from '@nivo/bar';
+import { BarCommonProps, BarCustomLayerProps, LabelFormatter } from '@nivo/bar';
 import { Dimensions, Margin } from '@nivo/core';
 import React from 'react';
 import { BarDatum, DataPoint, Value } from '../Utils/CommonTypes';
@@ -79,9 +79,9 @@ type HistogramProps = Pick<BarCommonProps<BarDatum>, 'gridYValues' | 'gridXValue
     total?: number;
     /** This prop will calculate dynamically the necessary space for your margin for your value axis */
     computeMargin?: boolean;
-    valueFormat?: ValueFormatter;
+    valueFormat?: LabelFormatter;
     labelFormat?: LabelFormatter;
-    tooltipValueFormat?: ValueFormatter;
+    tooltipValueFormat?: LabelFormatter;
 } & ({
     isCanvas?: true;
     animate?: never;

package/Histogram/Types.d.ts

@@ -1,4 +1,4 @@
-import { BarTooltipProps, ComputedDatum } from '@nivo/bar';
+import { BarTooltipProps, ComputedDatum, BarDatum as NivoBarDatum } from '@nivo/bar';
 import { BarDatum } from '../Utils/CommonTypes';
 export type Layout = 'horizontal' | 'vertical';
 type Margin = {
@@ -11,7 +11,7 @@ export type Box = Partial<Margin>;
 export interface CustomColorsDatum {
     [key: string]: string;
 }
-export type BarTooltipDatum<T> = ComputedDatum<T> & {
+export type BarTooltipDatum<T extends NivoBarDatum> = ComputedDatum<T> & {
     color: string;
 };
 export type TooltipProp = (props: BarTooltipProps<BarDatum>) => JSX.Element;

package/Histogram/index.js

@@ -1,14 +1,14 @@
 import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
-import { ResponsiveBarCanvas, ResponsiveBar } from "@nivo/bar";
+import { BarCanvas, ResponsiveBarCanvas, ResponsiveBar } from "@nivo/bar";
 import { useTooltip } from "@nivo/tooltip";
 import classnames from "classnames";
 import React__default, { useMemo, useCallback } from "react";
 import { E as EmptyState } from "../_shared/EmptyState-BQyVos2X.js";
 import { S as Spinner } from "../_shared/Spinner-DHoqZ2pO.js";
-import { d as deepEqual, f as findChildByComponent, g as generateStyledTheme } from "../_shared/Utils-Bpj1pJRF.js";
-import "../_shared/StatisticsTooltip-pL9xXE3S.js";
-import { g as getRenderStatisticsTooltip } from "../_shared/helpers-Bg6unjPS.js";
-import { c as createDataWithOtherSlice } from "../_shared/Statistics-Bm18tBPk.js";
+import { d as deepEqual, f as findChildByComponent, g as generateStyledTheme } from "../_shared/Utils-BrBNE2g6.js";
+import "../_shared/StatisticsTooltip-CCS8nRmU.js";
+import { g as getRenderStatisticsTooltip } from "../_shared/helpers-NoMDjFuw.js";
+import { c as createDataWithOtherSlice } from "../_shared/Statistics-DhyTVLxQ.js";
 import { m as extractColorFromVar, d as blue30 } from "../_shared/Style-CSNnkrg3.js";
 import { a as ellipseAndFormat, m as matchAndFormatRangeLabel } from "../_shared/Text-DT1G7-vq.js";
 const MAGIC_MULTIPLIER_LEFT = 7.7;
@@ -493,6 +493,8 @@ class Histogram extends React__default.Component {
       theme: generateStyledTheme(this.props.theme),
       isInteractive: this.isClickable() || hasTooltip,
       indexBy: "id",
+      valueScale: { type: "linear", min: "auto", max: "auto" },
+      indexScale: { type: "band", round: true },
       colors: this.getColors,
       enableGridY: this.props.layout === "vertical" ? enableGridY : false,
       enableGridX: this.props.layout === "horizontal" ? enableGridX : false,
@@ -503,17 +505,17 @@ class Histogram extends React__default.Component {
       if (barProps.theme) {
         barProps.theme = mapObjectCSSVarToHex(barProps.theme);
       }
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ResponsiveBarCanvas,
-        {
-          ...barProps,
-          ...size,
-          data,
-          layers: this.getCanvasLayers(),
-          axisLeft,
-          axisBottom
-        }
-      );
+      const canvasProps = {
+        ...barProps,
+        data,
+        layers: this.getCanvasLayers(),
+        axisLeft,
+        axisBottom
+      };
+      if (size?.width != null && size?.height != null) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(BarCanvas, { ...canvasProps, width: size.width, height: size.height });
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveBarCanvas, { ...canvasProps });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       ResponsiveBar,
@@ -531,15 +533,11 @@ class Histogram extends React__default.Component {
     );
   }
   render() {
-    const className = classnames(
-      "histogram-container",
-      "d-flex",
-      "justify-content-center",
-      "align-items-center",
-      {
-        clickable: this.isClickable()
-      }
-    );
+    const isLoadingOrEmpty = this.props.isLoading || this.props.isEmpty;
+    const className = classnames("histogram-container", {
+      "d-flex justify-content-center align-items-center": isLoadingOrEmpty,
+      clickable: this.isClickable()
+    });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { id: this.props.id, className, ref: this.props.chartRef, children: [
       this.renderIsLoading(),
       this.renderIsEmpty(),

package/InputGroup/index.js

@@ -1,4 +1,4 @@
-import { I, a } from "../_shared/InputGroupShortcut-DVgXnEC3.js";
+import { I, a } from "../_shared/InputGroupShortcut-mfQ0HR5_.js";
 export {
   I as InputGroup,
   a as InputGroupShortcut

package/Map/index.js

@@ -3,7 +3,7 @@ import React__default, { useRef, useEffect, useContext, createContext, forwardRe
 import L, { GeoJSON as GeoJSON$1, Map as Map$2, TileLayer as TileLayer$1 } from "leaflet";
 import classnames from "classnames";
 import leafletImage from "leaflet-image";
-import { f as findChildByComponent } from "../_shared/Utils-Bpj1pJRF.js";
+import { f as findChildByComponent } from "../_shared/Utils-BrBNE2g6.js";
 import { S as Spinner } from "../_shared/Spinner-DHoqZ2pO.js";
 import { E as EmptyState } from "../_shared/EmptyState-BQyVos2X.js";
 import Tooltip from "react-bootstrap/Tooltip";

package/Modal/index.js

@@ -1,4 +1,4 @@
-import { M } from "../_shared/Modal-DKv77LLf.js";
+import { M } from "../_shared/Modal-BAgaw4ui.js";
 export {
   M as Modal
 };

package/MultiModeDatePicker/index.js

@@ -1,4 +1,4 @@
-import { M } from "../_shared/MultiModeDatePicker-nKd6dcHG.js";
+import { M } from "../_shared/MultiModeDatePicker-CvnQBr92.js";
 export {
   M as MultiModeDatePicker
 };

package/Navbar/index.js

@@ -10,19 +10,19 @@ import { faBars } from "@fortawesome/pro-light-svg-icons/faBars";
 import Row from "react-bootstrap/Row";
 import { T as Title } from "../_shared/Title-Bjj6BAK7.js";
 import { D as Dropdown, a as AtokaCustomDropdownToggleWithChevron, A as AtokaCustomDropdownToggle } from "../_shared/AtokaDropdownToggles-B6q-ieDU.js";
-import { z as zip, f as findChildByComponent } from "../_shared/Utils-Bpj1pJRF.js";
+import { z as zip, f as findChildByComponent } from "../_shared/Utils-BrBNE2g6.js";
 import { faBell } from "@fortawesome/pro-light-svg-icons/faBell";
 import { E as EmptyState } from "../_shared/EmptyState-BQyVos2X.js";
 import BsDropdown from "react-bootstrap/Dropdown";
 import Col from "react-bootstrap/Col";
 import { T as Text } from "../_shared/Text-B4AyT0Tx.js";
-import { E as EllipsableContent } from "../_shared/EllipsableContent-DA9bhZw-.js";
+import { E as EllipsableContent } from "../_shared/EllipsableContent-Dg7SmEC1.js";
 import { c as isStringEmpty } from "../_shared/Text-DT1G7-vq.js";
 import { U as UserAvatar } from "../_shared/UserAvatar-CDZ6F3es.js";
 import { faSearch } from "@fortawesome/pro-light-svg-icons/faSearch";
 import { faTimes } from "@fortawesome/pro-light-svg-icons/faTimes";
 import { a as FormControl } from "../_shared/Form-D-8ftG21.js";
-import { I as InputGroupComponent, a as InputGroupShortcutComponent } from "../_shared/InputGroupShortcut-DVgXnEC3.js";
+import { I as InputGroupComponent, a as InputGroupShortcutComponent } from "../_shared/InputGroupShortcut-mfQ0HR5_.js";
 import { faUserNinja } from "@fortawesome/pro-light-svg-icons/faUserNinja";
 import { faTrash } from "@fortawesome/pro-light-svg-icons/faTrash";
 import ListGroup from "react-bootstrap/ListGroup";

package/Pagination/index.js

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
 import classnames from "classnames";
 import React__default from "react";
 import BsPagination from "react-bootstrap/Pagination";
-import { a as scrollToTop } from "../_shared/Utils-Bpj1pJRF.js";
+import { a as scrollToTop } from "../_shared/Utils-BrBNE2g6.js";
 import { P as PaginationPrev, a as PaginationNext } from "../_shared/PaginationNext-BOdbeCda.js";
 class Pagination extends React__default.PureComponent {
   static defaultProps = {

package/PieChart/index.js

@@ -2,13 +2,13 @@ import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
 import { ResponsivePie } from "@nivo/pie";
 import classnames from "classnames";
 import React__default from "react";
-import { S as StatisticsSVGLegend } from "../_shared/StatisticsSVGLegend-hnWvsMts.js";
-import "../_shared/StatisticsTooltip-pL9xXE3S.js";
-import { g as getRenderStatisticsTooltip } from "../_shared/helpers-Bg6unjPS.js";
-import { c as createDataWithOtherSlice } from "../_shared/Statistics-Bm18tBPk.js";
+import { S as StatisticsSVGLegend } from "../_shared/StatisticsSVGLegend-DFifhIFN.js";
+import "../_shared/StatisticsTooltip-CCS8nRmU.js";
+import { g as getRenderStatisticsTooltip } from "../_shared/helpers-NoMDjFuw.js";
+import { c as createDataWithOtherSlice } from "../_shared/Statistics-DhyTVLxQ.js";
 import { d as blue30, h as blue80, a as blue100, e as blue300 } from "../_shared/Style-CSNnkrg3.js";
 import { e as ellipse } from "../_shared/Text-DT1G7-vq.js";
-import { d as deepEqual, s as sortObjDesc, g as generateStyledTheme } from "../_shared/Utils-Bpj1pJRF.js";
+import { d as deepEqual, s as sortObjDesc, g as generateStyledTheme } from "../_shared/Utils-BrBNE2g6.js";
 class PieChart extends React__default.Component {
   renderTooltip = null;
   static displayName = "PieChart";

package/ResponsiveLineChart/ResponsiveLineChart.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import { LineProps, LineSvgProps } from '@nivo/line';
+import { LineSeries, LineSvgProps } from '@nivo/line';
+import { ResponsiveProps } from '@nivo/core';
 import { ColorName } from '../Utils';
 import { LineData } from '../Utils/CommonTypes';
 export type ResponsiveLineChartColorName = Extract<ColorName, 'blue300' | 'orange' | 'green' | 'red' | 'bluelight' | 'salmon' | 'violet'>;
-export interface ResponsiveLineChartProps extends Omit<LineProps, 'data' | 'colors'>, Pick<LineSvgProps, 'useMesh'> {
+export interface ResponsiveLineChartProps extends Omit<ResponsiveProps<LineSvgProps<LineSeries>>, 'data' | 'colors'> {
     /** Arrays of line data for the chart */
     data: LineData[];
     /** Colors can be any among `blue300`, `orange`, `green`, `red`, `bluelight`, `salmon`, `violet` */

package/ResponsiveLineChart/index.js

@@ -1,9 +1,9 @@
 import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
 import { ResponsiveLine } from "@nivo/line";
-import { S as StatisticsTooltip } from "../_shared/StatisticsTooltip-pL9xXE3S.js";
-import { g as generateStyledTheme } from "../_shared/Utils-Bpj1pJRF.js";
+import { S as StatisticsTooltip } from "../_shared/StatisticsTooltip-CCS8nRmU.js";
+import { g as generateStyledTheme } from "../_shared/Utils-BrBNE2g6.js";
 import { A as violet, x as salmon, k as bluelight, w as red, r as green, s as orange, e as blue300 } from "../_shared/Style-CSNnkrg3.js";
-import { a as StatisticsLegend } from "../_shared/StatisticsSVGLegend-hnWvsMts.js";
+import { a as StatisticsLegend } from "../_shared/StatisticsSVGLegend-DFifhIFN.js";
 const lineChartColorNameToHex = {
   blue300,
   orange,
@@ -56,7 +56,7 @@ function ResponsiveLineChart({
   const hexColors = colors.map((color) => lineChartColorNameToHex[color]);
   function LineChartTooltip({ point }) {
     const tooltipDatum = {
-      id: String(point.serieId),
+      id: String(point.seriesId),
       label: String(point.data.x),
       value: axisLeftValueFormatter ? axisLeftValueFormatter(Number(point.data.y)) : String(point.data.y)
     };
@@ -67,7 +67,7 @@ function ResponsiveLineChart({
         tooltipDataLabelKey: "label",
         tooltipDataValueKey: "value",
         tooltipDataTitleKey: "id",
-        color: point.serieColor,
+        color: point.seriesColor,
         className: "tooltip-background"
       }
     );
@@ -124,10 +124,10 @@ function ResponsiveLineChart({
     return responsiveLine;
   }
   return (
-    // the top-surface-main class is used to make the chart background olor fill the available height
+    // the top-surface-main class is used to make the chart background color fill the available height
     // otherwise the legend would be placed with a one pixel black line :sad:
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "d-flex flex-column h-100 top-surface-main", children: [
-      responsiveLine,
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-grow-1 min-h-0", children: responsiveLine }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         StatisticsLegend,
         {

package/ResultItemCard/index.js

@@ -3,10 +3,10 @@ import classnames from "classnames";
 import React__default from "react";
 import Col from "react-bootstrap/Col";
 import Row from "react-bootstrap/Row";
-import { f as findChildByComponent, b as findChildrenByComponent } from "../_shared/Utils-Bpj1pJRF.js";
+import { f as findChildByComponent, b as findChildrenByComponent } from "../_shared/Utils-BrBNE2g6.js";
 import { T as Text } from "../_shared/Text-B4AyT0Tx.js";
 import { O as OniruCard } from "../_shared/OniruCard-g_9qIXxK.js";
-import { I as ItemImage } from "../_shared/ItemImage-Bhitkbw1.js";
+import { I as ItemImage } from "../_shared/ItemImage-Cns4pr0R.js";
 import { T as Title } from "../_shared/Title-Bjj6BAK7.js";
 const ResultItemCardActions = (props) => {
   return (

package/RowCard/index.js

@@ -1,4 +1,4 @@
-import { R } from "../_shared/RowCard-DoBnimBD.js";
+import { R } from "../_shared/RowCard-aVTtGpHA.js";
 export {
   R as RowCard
 };

package/StatisticsItemCard/index.js

@@ -5,8 +5,8 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faInfoCircle } from "@fortawesome/pro-light-svg-icons/faInfoCircle";
 import { O as OniruCard } from "../_shared/OniruCard-g_9qIXxK.js";
 import { T as Title } from "../_shared/Title-Bjj6BAK7.js";
-import { f as findChildByComponent, b as findChildrenByComponent } from "../_shared/Utils-Bpj1pJRF.js";
-import { E as EllipsableContent } from "../_shared/EllipsableContent-DA9bhZw-.js";
+import { f as findChildByComponent, b as findChildrenByComponent } from "../_shared/Utils-BrBNE2g6.js";
+import { E as EllipsableContent } from "../_shared/EllipsableContent-Dg7SmEC1.js";
 import { S as Spinner, a as SpinnerSize } from "../_shared/Spinner-DHoqZ2pO.js";
 import { E as EmptyState } from "../_shared/EmptyState-BQyVos2X.js";
 import { T as Tooltip } from "../_shared/Tooltip-Ds1ht2gU.js";

package/StatisticsLegend/StatisticsSVGLegend.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { LabelFormatter, ValueFormatter } from '@nivo/bar';
-import { DataPoint } from '../Utils/CommonTypes';
+import { LabelFormatter } from '@nivo/bar';
+import { DataPoint, NumberToStringFormatterType } from '../Utils/CommonTypes';
 interface StatisticsSVGLegendProps {
     data: Partial<DataPoint>[];
-    valueFormat?: ValueFormatter;
+    valueFormat?: NumberToStringFormatterType;
     labelFormat?: LabelFormatter;
     x: number;
     y: number;

package/StatisticsLegend/index.js

@@ -1,5 +1,5 @@
-import { a as StatisticsLegend } from "../_shared/StatisticsSVGLegend-hnWvsMts.js";
-import { S } from "../_shared/StatisticsSVGLegend-hnWvsMts.js";
+import { a as StatisticsLegend } from "../_shared/StatisticsSVGLegend-DFifhIFN.js";
+import { S } from "../_shared/StatisticsSVGLegend-DFifhIFN.js";
 import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
 const getRenderStatisticsLegend = ({ legendDataLabelKey, legendDataValueKey, legendDataPercentageKey, layout, columnsNumber }) => (
   // eslint-disable-next-line react/display-name

package/StatisticsTooltip/index.js

@@ -1,5 +1,5 @@
-import { S } from "../_shared/StatisticsTooltip-pL9xXE3S.js";
-import { g } from "../_shared/helpers-Bg6unjPS.js";
+import { S } from "../_shared/StatisticsTooltip-CCS8nRmU.js";
+import { g } from "../_shared/helpers-NoMDjFuw.js";
 export {
   S as StatisticsTooltip,
   g as getRenderStatisticsTooltip

package/SunBurst/index.js

@@ -2,11 +2,11 @@ import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
 import React__default from "react";
 import { ResponsiveSunburst } from "@nivo/sunburst";
 import classnames from "classnames";
-import { d as deepEqual, g as generateStyledTheme } from "../_shared/Utils-Bpj1pJRF.js";
+import { d as deepEqual, g as generateStyledTheme } from "../_shared/Utils-BrBNE2g6.js";
 import { a as blue100, v as purple, A as violet, u as pink200, t as pink100, x as salmon, y as themeColors } from "../_shared/Style-CSNnkrg3.js";
-import { c as createDataWithOtherSlice } from "../_shared/Statistics-Bm18tBPk.js";
-import "../_shared/StatisticsTooltip-pL9xXE3S.js";
-import { g as getRenderStatisticsTooltip } from "../_shared/helpers-Bg6unjPS.js";
+import { c as createDataWithOtherSlice } from "../_shared/Statistics-DhyTVLxQ.js";
+import "../_shared/StatisticsTooltip-CCS8nRmU.js";
+import { g as getRenderStatisticsTooltip } from "../_shared/helpers-NoMDjFuw.js";
 class SunBurst extends React__default.Component {
   static displayName = "SunBurst";
   renderTooltip;

package/TabSwitcher/index.js

@@ -1,4 +1,4 @@
-import { T } from "../_shared/TabSwitcher-BwM8Io9E.js";
+import { T } from "../_shared/TabSwitcher-B35_74Vv.js";
 export {
   T as TabSwitcher
 };