@spaziodati/atoka-design-system 10.10.0 → 10.11.4

package/AddableItems/AddableItems.d.ts

@@ -51,6 +51,8 @@ export interface AddableItemsProps<ItemType extends ClickableFacetItem = Clickab
     onToggleIncludeExclude?: (item: ItemType, isExcluded: boolean) => void;
     /** this is the message that appears when the list of selectable items will be empty */
     emptyMessage?: string;
+    /** custom sort comparator for selectable items; if omitted, items are sorted by count descending */
+    sortComparator?: (a: ItemType, b: ItemType) => number;
     /** this function allow to use a custom formatters numbers, generally counts in facets items */
     countFormatter?: NumberToStringFormatterType;
     isLoading?: true;

package/AddableItems/ClickableItemList.d.ts

@@ -20,6 +20,7 @@ export interface ClickableItemListProps<ItemType extends ClickableFacetItem> ext
     onClick: (item: ItemType, additionType: ItemAdditionType) => void;
     supportsExclusionAfterInclusion?: boolean;
     areItemsExcluded?: boolean;
+    sortComparator?: (a: ItemType, b: ItemType) => number;
     'aria-label': string;
 }
 export declare class ClickableItemList<ItemType extends ClickableFacetItem = ClickableFacetItem> extends React.Component<ClickableItemListProps<ItemType>> {

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-Bhiz90-u.js";
+import { a as ClickableItemKind, b as ClickableItemList } from "../_shared/ClickableItemList-irokfYIV.js";
 function extractFacetKeyFromItemValue(key) {
   return typeof key === "object" ? key.value : key;
 }
@@ -48,6 +48,7 @@ class AddableItems extends React__default.PureComponent {
       kind: ClickableItemKind.remove,
       onClick: this.props.onRemoveItem,
       itemContentRenderer: this.getItemContentRenderer(),
+      sortComparator: this.props.sortComparator,
       tooltipMessages: this.props.tooltipMessages,
       countFormatter: this.props.countFormatter,
       includeBtnLabel: this.props.includeBtnLabel,
@@ -125,6 +126,7 @@ class AddableItems extends React__default.PureComponent {
           supportsExclusionHoverButton: this.props.supportsExclusionHoverButton,
           includeBtnLabel: this.props.includeBtnLabel,
           excludeBtnLabel: this.props.excludeBtnLabel,
+          sortComparator: this.props.sortComparator,
           "aria-label": "Selectable items"
         }
       )

package/Alert/index.js

@@ -1,4 +1,4 @@
-import { A, t } from "../_shared/Alert-DfrkiukZ.js";
+import { A, t } from "../_shared/Alert-DRSXjo6r.js";
 export {
   A as Alert,
   t as titleIcons

package/CardsPage/index.js

@@ -10,10 +10,10 @@ import classnames from "classnames";
 import { S as SelectDropdown } from "../_shared/SelectDropdown-GHblwuD9.js";
 import { faList } from "@fortawesome/pro-light-svg-icons/faList";
 import { faTh } from "@fortawesome/pro-light-svg-icons/faTh";
-import { T as ToggleButtonGroup } from "../_shared/ToggleButtonGroup-Duq22aii.js";
+import { T as ToggleButtonGroup } from "../_shared/ToggleButtonGroup-oKuK9VxI.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-aVTtGpHA.js";
+import { a as RowCardLayout, R as RowCard } from "../_shared/RowCard-CZIj0R1g.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-B35_74Vv.js";

package/ClickableExcludableItem/index.js

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

package/DetailPageContent/index.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import React__default from "react";
 import { faInfoCircle } from "@fortawesome/pro-light-svg-icons/faInfoCircle";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { T as Tooltip } from "../_shared/Tooltip-Ds1ht2gU.js";
+import { T as Tooltip } from "../_shared/Tooltip-BHIhjI3i.js";
 import { T as Title } from "../_shared/Title-Bjj6BAK7.js";
 const DetailPageContent = (props) => {
   const topContent = props.title || props.titleSuffix;

package/EllipsableContent/index.js

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

package/Funnel/index.js

@@ -4,7 +4,7 @@ import { g as generateStyledTheme, d as deepEqual } from "../_shared/Utils-BrBNE
 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-DFifhIFN.js";
+import { S as StatisticsSVGLegend } from "../_shared/StatisticsSVGLegend-74C3yk1m.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";

package/Gauge/index.js

@@ -5,7 +5,7 @@ import "@fortawesome/react-fontawesome";
 import "../_shared/Form-D-8ftG21.js";
 import { n as generateRangeColor, z as usableRangeColors } from "../_shared/Style-CSNnkrg3.js";
 import { T as Title } from "../_shared/Title-Bjj6BAK7.js";
-import { T as Tooltip } from "../_shared/Tooltip-Ds1ht2gU.js";
+import { T as Tooltip } from "../_shared/Tooltip-BHIhjI3i.js";
 class GaugeLinear extends React__default.PureComponent {
   static displayName = "GaugeLinear";
   padding = 4;

package/GridCard/index.js

@@ -3,7 +3,7 @@ import React__default from "react";
 import classnames from "classnames";
 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-DCuVAJHA.js";
+import { C as CardTitle, a as CardMenu } from "../_shared/CardMenu-qWENEk_1.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/Map/MapUtils.d.ts

@@ -1,2 +1,2 @@
-declare const MAP_ATTRIBUTION: string, MAP_TILE_URL = "https://atoka.io/maps/styles/light/512/{z}/{x}/{y}.png";
+declare const MAP_ATTRIBUTION: string, MAP_TILE_URL: string;
 export { MAP_ATTRIBUTION, MAP_TILE_URL };

package/Map/index.js

@@ -390,7 +390,8 @@ const MapPopup = React__default.memo(({ ...props }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className, children: props.children });
 });
 MapPopup.displayName = "MapPopup";
-const MAP_ATTRIBUTION = '© <a href="https://openmaptiles.org/">OpenMapTiles</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors', MAP_TILE_URL = "https://atoka.io/maps/styles/light/512/{z}/{x}/{y}.png";
+const mapPrefix = "https://atoka.io";
+const MAP_ATTRIBUTION = '© <a href="https://openmaptiles.org/">OpenMapTiles</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors', MAP_TILE_URL = `${mapPrefix}/maps/styles/light/512/{z}/{x}/{y}.png`;
 class MapChoropleth extends React__default.Component {
   static displayName = "MapChoropleth";
   static defaultProps = {

package/Navbar/index.js

@@ -16,7 +16,7 @@ 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-Dg7SmEC1.js";
+import { E as EllipsableContent } from "../_shared/EllipsableContent-D9cVq_wI.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";

package/PieChart/index.js

@@ -2,7 +2,7 @@ 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-DFifhIFN.js";
+import { S as StatisticsSVGLegend } from "../_shared/StatisticsSVGLegend-74C3yk1m.js";
 import "../_shared/StatisticsTooltip-CCS8nRmU.js";
 import { g as getRenderStatisticsTooltip } from "../_shared/helpers-NoMDjFuw.js";
 import { c as createDataWithOtherSlice } from "../_shared/Statistics-DhyTVLxQ.js";

package/RecordBit/index.js

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
 import classnames from "classnames";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faInfoCircle } from "@fortawesome/pro-light-svg-icons/faInfoCircle";
-import { T as Tooltip } from "../_shared/Tooltip-Ds1ht2gU.js";
+import { T as Tooltip } from "../_shared/Tooltip-BHIhjI3i.js";
 import { T as Title } from "../_shared/Title-Bjj6BAK7.js";
 import { T as Text } from "../_shared/Text-B4AyT0Tx.js";
 const RecordBit = ({

package/ResponsiveLineChart/index.js

@@ -3,7 +3,7 @@ import { ResponsiveLine } from "@nivo/line";
 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-DFifhIFN.js";
+import { a as StatisticsLegend } from "../_shared/StatisticsSVGLegend-74C3yk1m.js";
 const lineChartColorNameToHex = {
   blue300,
   orange,

package/RowCard/index.js

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

package/StatisticsItemCard/index.js

@@ -6,10 +6,10 @@ 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-BrBNE2g6.js";
-import { E as EllipsableContent } from "../_shared/EllipsableContent-Dg7SmEC1.js";
+import { E as EllipsableContent } from "../_shared/EllipsableContent-D9cVq_wI.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";
+import { T as Tooltip } from "../_shared/Tooltip-BHIhjI3i.js";
 import { D as Dropdown, b as AtokaSimpleDropdownToggle } from "../_shared/AtokaDropdownToggles-B6q-ieDU.js";
 const statisticsTitle = React__default.memo((props) => {
   const tooltip = props.tooltip != null ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { ...props.tooltipProps, content: props.tooltip, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faInfoCircle, className: "ms-1 cursor-pointer" }) }) : null;

package/StatisticsLegend/index.js

@@ -1,5 +1,5 @@
-import { a as StatisticsLegend } from "../_shared/StatisticsSVGLegend-DFifhIFN.js";
-import { S } from "../_shared/StatisticsSVGLegend-DFifhIFN.js";
+import { a as StatisticsLegend } from "../_shared/StatisticsSVGLegend-74C3yk1m.js";
+import { S } from "../_shared/StatisticsSVGLegend-74C3yk1m.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/Toast/index.js

@@ -4,9 +4,9 @@ import BsToast from "react-bootstrap/Toast";
 import BsToastHeader from "react-bootstrap/ToastHeader";
 import { faInfoCircle } from "@fortawesome/pro-regular-svg-icons/faInfoCircle";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { t as titleIcons } from "../_shared/Alert-DfrkiukZ.js";
+import { t as titleIcons } from "../_shared/Alert-DRSXjo6r.js";
 import { T as Title } from "../_shared/Title-Bjj6BAK7.js";
-import { T as Tooltip } from "../_shared/Tooltip-Ds1ht2gU.js";
+import { T as Tooltip } from "../_shared/Tooltip-BHIhjI3i.js";
 import { B as Button } from "../_shared/Button-Bn8PyQFK.js";
 import React__default from "react";
 import { B as Bs4V3Wrapper } from "../_shared/Bs4V3Wrapper-BKRW0pvE.js";

package/ToggleButtonGroup/index.js

@@ -1,4 +1,4 @@
-import { T } from "../_shared/ToggleButtonGroup-Duq22aii.js";
+import { T } from "../_shared/ToggleButtonGroup-oKuK9VxI.js";
 export {
   T as ToggleButtonGroup
 };

package/Tooltip/index.js

@@ -1,4 +1,4 @@
-import { T } from "../_shared/Tooltip-Ds1ht2gU.js";
+import { T } from "../_shared/Tooltip-BHIhjI3i.js";
 export {
   T as Tooltip
 };

package/_shared/{Alert-DfrkiukZ.js → Alert-DRSXjo6r.js}

@@ -8,7 +8,7 @@ import { faExclamationCircle } from "@fortawesome/pro-solid-svg-icons/faExclamat
 import { faInfoCircle } from "@fortawesome/pro-solid-svg-icons/faInfoCircle";
 import { B as Button } from "./Button-Bn8PyQFK.js";
 import { T as Title } from "./Title-Bjj6BAK7.js";
-import { T as Tooltip } from "./Tooltip-Ds1ht2gU.js";
+import { T as Tooltip } from "./Tooltip-BHIhjI3i.js";
 const titleIcons = {
   danger: faCircleXmark,
   success: faCheckCircle,

package/_shared/{CardMenu-DCuVAJHA.js → CardMenu-qWENEk_1.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-CkWJgiG5.js";
 import React__default from "react";
-import { E as EllipsableContent } from "./EllipsableContent-Dg7SmEC1.js";
+import { E as EllipsableContent } from "./EllipsableContent-D9cVq_wI.js";
 import { T as Title } from "./Title-Bjj6BAK7.js";
 import classnames from "classnames";
 import { D as Dropdown, b as AtokaSimpleDropdownToggle } from "./AtokaDropdownToggles-B6q-ieDU.js";

package/_shared/{ClickableItemList-Bhiz90-u.js → ClickableItemList-irokfYIV.js}

@@ -5,7 +5,7 @@ import ListGroup from "react-bootstrap/ListGroup";
 import { faPlusCircle } from "@fortawesome/pro-light-svg-icons/faPlusCircle";
 import { faMinusCircle } from "@fortawesome/pro-light-svg-icons/faMinusCircle";
 import { faTimes } from "@fortawesome/pro-light-svg-icons/faTimes";
-import { T as Tooltip } from "./Tooltip-Ds1ht2gU.js";
+import { T as Tooltip } from "./Tooltip-BHIhjI3i.js";
 import { B as Button } from "./Button-Bn8PyQFK.js";
 import { c as clone } from "./Utils-BrBNE2g6.js";
 class ClickableExcludableItem extends React__default.PureComponent {
@@ -177,11 +177,13 @@ class ClickableItemList extends React__default.Component {
     if (this.props.items == null || this.props.items.length === 0) {
       return null;
     }
-    if (this.props.items[0].count == null) {
-      return this.props.items.map(this.renderItem);
-    }
     const items = clone(this.props.items);
-    return items.sort((a, b) => (b.count ?? 0) - (a.count ?? 0)).map(this.renderItem);
+    if (this.props.sortComparator) {
+      items.sort(this.props.sortComparator);
+    } else if (items[0].count) {
+      items.sort((a, b) => (b.count ?? 0) - (a.count ?? 0));
+    } else ;
+    return items.map(this.renderItem);
   }
   render() {
     const type = this.props.kind === 0 ? "addable" : "removable";

package/_shared/{EllipsableContent-Dg7SmEC1.js → EllipsableContent-D9cVq_wI.js}

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-CkWJgiG5.js";
 import classnames from "classnames";
 import React__default from "react";
-import { T as Tooltip } from "./Tooltip-Ds1ht2gU.js";
+import { T as Tooltip } from "./Tooltip-BHIhjI3i.js";
 import { f as findChildByComponent } from "./Utils-BrBNE2g6.js";
 const Prepend = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ellipsable-content-prepend", children: props.children });
 Prepend.displayName = "EllipsableContent.Prepend";

package/_shared/{RowCard-aVTtGpHA.js → RowCard-CZIj0R1g.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-CkWJgiG5.js";
 import React__default from "react";
 import classnames from "classnames";
 import { f as findChildByComponent } from "./Utils-BrBNE2g6.js";
-import { C as CardTitle, a as CardMenu } from "./CardMenu-DCuVAJHA.js";
+import { C as CardTitle, a as CardMenu } from "./CardMenu-qWENEk_1.js";
 import { O as OniruCard } from "./OniruCard-g_9qIXxK.js";
 import { F as Form } from "./Form-D-8ftG21.js";
 import Col from "react-bootstrap/Col";

package/_shared/{StatisticsSVGLegend-DFifhIFN.js → StatisticsSVGLegend-74C3yk1m.js}

@@ -6,7 +6,7 @@ import classnames from "classnames";
 import Col from "react-bootstrap/Col";
 import { faCircle } from "@fortawesome/pro-solid-svg-icons/faCircle";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { E as EllipsableContent } from "./EllipsableContent-Dg7SmEC1.js";
+import { E as EllipsableContent } from "./EllipsableContent-D9cVq_wI.js";
 import { c as isStringEmpty } from "./Text-DT1G7-vq.js";
 import { n as normalizePercentage } from "./Statistics-DhyTVLxQ.js";
 class StatisticsLegendItem extends React__default.PureComponent {

package/_shared/{ToggleButtonGroup-Duq22aii.js → ToggleButtonGroup-oKuK9VxI.js}

@@ -4,7 +4,7 @@ import classnames from "classnames";
 import ButtonGroup from "react-bootstrap/ButtonGroup";
 import BsToggleButton from "react-bootstrap/ToggleButton";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { T as Tooltip } from "./Tooltip-Ds1ht2gU.js";
+import { T as Tooltip } from "./Tooltip-BHIhjI3i.js";
 class ToggleButton extends React__default.PureComponent {
   static displayName = "ToggleButton";
   renderIcon() {

package/_shared/{Tooltip-Ds1ht2gU.js → Tooltip-BHIhjI3i.js}

@@ -50,7 +50,7 @@ const Tooltip = React__default.memo((props) => {
       if (enableHover) {
         clearHoverTimeout();
         if (delaySettings.show) {
-          hoverTimeoutRef.current = setTimeout(() => {
+          hoverTimeoutRef.current = window.setTimeout(() => {
             setIsHovered(true);
           }, delaySettings.show);
         } else {
@@ -66,7 +66,7 @@ const Tooltip = React__default.memo((props) => {
       if (enableHover) {
         clearHoverTimeout();
         if (delaySettings.hide) {
-          hoverTimeoutRef.current = setTimeout(() => {
+          hoverTimeoutRef.current = window.setTimeout(() => {
             setIsHovered(false);
           }, delaySettings.hide);
         } else {
@@ -82,7 +82,7 @@ const Tooltip = React__default.memo((props) => {
       if (enableFocus) {
         clearFocusTimeout();
         if (delaySettings.show) {
-          focusTimeoutRef.current = setTimeout(() => {
+          focusTimeoutRef.current = window.setTimeout(() => {
             setIsFocused(true);
           }, delaySettings.show);
         } else {
@@ -98,7 +98,7 @@ const Tooltip = React__default.memo((props) => {
       if (enableFocus) {
         clearFocusTimeout();
         if (delaySettings.hide) {
-          focusTimeoutRef.current = setTimeout(() => {
+          focusTimeoutRef.current = window.setTimeout(() => {
             setIsFocused(false);
           }, delaySettings.hide);
         } else {