@spaziodati/atoka-design-system 10.1.0 → 10.4.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-Cid_9WPj.js";
+import { a as ClickableItemKind, b as ClickableItemList } from "../_shared/ClickableItemList-DVomaPq2.js";
 function extractFacetKeyFromItemValue(key) {
   return typeof key === "object" ? key.value : key;
 }

package/BubbleChart/index.js

@@ -1,10 +1,10 @@
 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-7DgI4Yoj.js";
-import { g as getRenderStatisticsTooltip } from "../_shared/helpers-DbJ4Yobs.js";
-import { c as createDataWithOtherSlice } from "../_shared/Statistics-Coxe2jk5.js";
-import { d as deepEqual, s as sortObjDesc } from "../_shared/Utils-CXFvxozf.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 classnames from "classnames";
 import { e as ellipse } from "../_shared/Text-DT1G7-vq.js";

package/CardsPage/index.js

@@ -4,19 +4,19 @@ 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-CXFvxozf.js";
-import { F as Form } from "../_shared/Form-l9l_S-Uk.js";
+import { f as findChildByComponent } from "../_shared/Utils-Bpj1pJRF.js";
+import { F as Form } from "../_shared/Form-D-8ftG21.js";
 import classnames from "classnames";
-import { S as SelectDropdown } from "../_shared/SelectDropdown-BqLfmaLM.js";
+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 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-CqPQ-gmI.js";
+import { a as RowCardLayout, R as RowCard } from "../_shared/RowCard-DoBnimBD.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-jXRZG1zt.js";
+import { T as TabSwitcher } from "../_shared/TabSwitcher-BwM8Io9E.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-Cid_9WPj.js";
+import { C } from "../_shared/ClickableItemList-DVomaPq2.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-CXFvxozf.js";
+import { a as scrollToTop } from "../_shared/Utils-Bpj1pJRF.js";
 import { P as PaginationPrev, a as PaginationNext } from "../_shared/PaginationNext-BOdbeCda.js";
 class CursorPagination extends React__default.PureComponent {
   static displayName = "CursorPagination";

package/DatePicker/index.js

@@ -1,4 +1,4 @@
-import { D } from "../_shared/DatePicker-B83yTQAi.js";
+import { D } from "../_shared/DatePicker-DLES5hkO.js";
 export {
   D as DatePicker
 };

package/DatePickerInput/index.js

@@ -3,9 +3,9 @@ import React__default, { useState, useRef, useEffect, useCallback, useMemo } fro
 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-l9l_S-Uk.js";
-import { I as InputGroupComponent } from "../_shared/InputGroupShortcut-B6ccNgw4.js";
-import { M as MultiModeDatePicker } from "../_shared/MultiModeDatePicker-ZX2nGY4n.js";
+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";
 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-Bii41hXJ.js";
+import { I as ItemImage } from "../_shared/ItemImage-Bhitkbw1.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/EditableString/index.js

@@ -3,11 +3,11 @@ import { faPencil } from "@fortawesome/pro-light-svg-icons/faPencil";
 import classnames from "classnames";
 import React__default, { isValidElement, cloneElement, Children } from "react";
 import "@fortawesome/react-fontawesome";
-import "../_shared/Form-l9l_S-Uk.js";
+import "../_shared/Form-D-8ftG21.js";
 import { c as isStringEmpty } from "../_shared/Text-DT1G7-vq.js";
 import "../_shared/Style-CSNnkrg3.js";
 import { B as Button } from "../_shared/Button-Bn8PyQFK.js";
-import { I as InlineStringEditor } from "../_shared/InlineStringEditor-mo49_wqf.js";
+import { I as InlineStringEditor } from "../_shared/InlineStringEditor-Cu8aObXQ.js";
 import { _ as _inheritsLoose, a as _extends, b as _objectWithoutPropertiesLoose, T as TransitionGroupContext, P as PropTypes, C as CSSTransition } from "../_shared/CSSTransition-BGcESi-j.js";
 function _assertThisInitialized(e) {
   if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");

package/EllipsableContent/index.js

@@ -1,4 +1,4 @@
-import { E } from "../_shared/EllipsableContent-D5WSnr7s.js";
+import { E } from "../_shared/EllipsableContent-DA9bhZw-.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-DyYcAysY.js";
+import { M as Modal } from "../_shared/Modal-DKv77LLf.js";
 import { T as Text } from "../_shared/Text-B4AyT0Tx.js";
 const TOLERANCE_THRESHOLD = 40;
 const DEFAULT_MAX_HEIGHT = 200;

package/Form/index.js

@@ -1,4 +1,4 @@
-import { F } from "../_shared/Form-l9l_S-Uk.js";
+import { F } from "../_shared/Form-D-8ftG21.js";
 export {
   F as Form
 };

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-CXFvxozf.js";
+import { g as generateStyledTheme, d as deepEqual } from "../_shared/Utils-Bpj1pJRF.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-BaeY7Liv.js";
-import "../_shared/StatisticsTooltip-7DgI4Yoj.js";
-import { g as getRenderStatisticsTooltip } from "../_shared/helpers-DbJ4Yobs.js";
+import { S as StatisticsSVGLegend } from "../_shared/StatisticsSVGLegend-hnWvsMts.js";
+import "../_shared/StatisticsTooltip-pL9xXE3S.js";
+import { g as getRenderStatisticsTooltip } from "../_shared/helpers-Bg6unjPS.js";
 import { e as ellipse, s as slugify } from "../_shared/Text-DT1G7-vq.js";
 const SVGDataLabelSizes = {
   ESTIMATED_LETTER_PIXELS: 6

package/Gauge/index.js

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
 import React__default, { createElement } from "react";
 import classnames from "classnames";
 import "@fortawesome/react-fontawesome";
-import "../_shared/Form-l9l_S-Uk.js";
+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";

package/GeoMap/index.js

@@ -5,7 +5,7 @@ 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-CXFvxozf.js";
+import { g as generateStyledTheme } from "../_shared/Utils-Bpj1pJRF.js";
 const DEFAULT_PROJECTION_SCALE = 1e3;
 const MIN_PROJECTION_SCALE = 500;
 const MAX_PROJECTION_SCALE = 5e3;

package/GridCard/index.js

@@ -1,10 +1,10 @@
 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-CXFvxozf.js";
+import { f as findChildByComponent } from "../_shared/Utils-Bpj1pJRF.js";
 import { O as OniruCard } from "../_shared/OniruCard-g_9qIXxK.js";
-import { C as CardTitle, a as CardMenu } from "../_shared/CardMenu-CvhJBEHI.js";
-import { F as Form } from "../_shared/Form-l9l_S-Uk.js";
+import { C as CardTitle, a as CardMenu } from "../_shared/CardMenu-BEJgJfms.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/index.js

@@ -5,10 +5,10 @@ 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-CXFvxozf.js";
-import "../_shared/StatisticsTooltip-7DgI4Yoj.js";
-import { g as getRenderStatisticsTooltip } from "../_shared/helpers-DbJ4Yobs.js";
-import { c as createDataWithOtherSlice } from "../_shared/Statistics-Coxe2jk5.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 { 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;

package/InlineStringEditor/index.js

@@ -1,4 +1,4 @@
-import { I } from "../_shared/InlineStringEditor-mo49_wqf.js";
+import { I } from "../_shared/InlineStringEditor-Cu8aObXQ.js";
 export {
   I as InlineStringEditor
 };

package/InputGroup/index.js

@@ -1,4 +1,4 @@
-import { I, a } from "../_shared/InputGroupShortcut-B6ccNgw4.js";
+import { I, a } from "../_shared/InputGroupShortcut-DVgXnEC3.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-CXFvxozf.js";
+import { f as findChildByComponent } from "../_shared/Utils-Bpj1pJRF.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-DyYcAysY.js";
+import { M } from "../_shared/Modal-DKv77LLf.js";
 export {
   M as Modal
 };

package/MultiModeDatePicker/index.js

@@ -1,4 +1,4 @@
-import { M } from "../_shared/MultiModeDatePicker-ZX2nGY4n.js";
+import { M } from "../_shared/MultiModeDatePicker-nKd6dcHG.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-CXFvxozf.js";
+import { z as zip, f as findChildByComponent } from "../_shared/Utils-Bpj1pJRF.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-D5WSnr7s.js";
+import { E as EllipsableContent } from "../_shared/EllipsableContent-DA9bhZw-.js";
 import { c as isStringEmpty } from "../_shared/Text-DT1G7-vq.js";
-import { U as UserAvatar } from "../_shared/UserAvatar-DaGKa8WA.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-l9l_S-Uk.js";
-import { I as InputGroupComponent, a as InputGroupShortcutComponent } from "../_shared/InputGroupShortcut-B6ccNgw4.js";
+import { a as FormControl } from "../_shared/Form-D-8ftG21.js";
+import { I as InputGroupComponent, a as InputGroupShortcutComponent } from "../_shared/InputGroupShortcut-DVgXnEC3.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-CXFvxozf.js";
+import { a as scrollToTop } from "../_shared/Utils-Bpj1pJRF.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-BaeY7Liv.js";
-import "../_shared/StatisticsTooltip-7DgI4Yoj.js";
-import { g as getRenderStatisticsTooltip } from "../_shared/helpers-DbJ4Yobs.js";
-import { c as createDataWithOtherSlice } from "../_shared/Statistics-Coxe2jk5.js";
+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 { 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-CXFvxozf.js";
+import { d as deepEqual, s as sortObjDesc, g as generateStyledTheme } from "../_shared/Utils-Bpj1pJRF.js";
 class PieChart extends React__default.Component {
   renderTooltip = null;
   static displayName = "PieChart";

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-7DgI4Yoj.js";
-import { g as generateStyledTheme } from "../_shared/Utils-CXFvxozf.js";
+import { S as StatisticsTooltip } from "../_shared/StatisticsTooltip-pL9xXE3S.js";
+import { g as generateStyledTheme } from "../_shared/Utils-Bpj1pJRF.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-BaeY7Liv.js";
+import { a as StatisticsLegend } from "../_shared/StatisticsSVGLegend-hnWvsMts.js";
 const lineChartColorNameToHex = {
   blue300,
   orange,

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-CXFvxozf.js";
+import { f as findChildByComponent, b as findChildrenByComponent } from "../_shared/Utils-Bpj1pJRF.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-Bii41hXJ.js";
+import { I as ItemImage } from "../_shared/ItemImage-Bhitkbw1.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-CqPQ-gmI.js";
+import { R } from "../_shared/RowCard-DoBnimBD.js";
 export {
   R as RowCard
 };

package/SelectDropdown/SelectDropdown.d.ts

@@ -16,17 +16,25 @@ export interface SelectDropdownProps extends PropsWithClassName {
     direction?: 'up' | 'down';
     isFixed?: boolean;
 }
+interface SelectDropdownState {
+    isInsideModal: boolean;
+}
 /**
  * ### Overview
  *
  * The `SelectDropdown` allows users to either filter or sort items in a list according to specific parameters.
  */
-export declare class SelectDropdown extends React.PureComponent<React.PropsWithChildren<SelectDropdownProps>> {
+export declare class SelectDropdown extends React.PureComponent<React.PropsWithChildren<SelectDropdownProps>, SelectDropdownState> {
     static displayName: string;
     static defaultProps: Partial<SelectDropdownProps>;
+    private wrapperRef;
+    state: SelectDropdownState;
+    componentDidMount(): void;
+    private get isEffectivelyFixed();
     private renderOptions;
     private renderItem;
     private renderSelectedValue;
     private get popperConfig();
     render(): React.ReactNode;
 }
+export {};

package/SelectDropdown/index.js

@@ -1,4 +1,4 @@
-import { S } from "../_shared/SelectDropdown-BqLfmaLM.js";
+import { S } from "../_shared/SelectDropdown-GHblwuD9.js";
 export {
   S as SelectDropdown
 };

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-CXFvxozf.js";
-import { E as EllipsableContent } from "../_shared/EllipsableContent-D5WSnr7s.js";
+import { f as findChildByComponent, b as findChildrenByComponent } from "../_shared/Utils-Bpj1pJRF.js";
+import { E as EllipsableContent } from "../_shared/EllipsableContent-DA9bhZw-.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/index.js

@@ -1,5 +1,5 @@
-import { a as StatisticsLegend } from "../_shared/StatisticsSVGLegend-BaeY7Liv.js";
-import { S } from "../_shared/StatisticsSVGLegend-BaeY7Liv.js";
+import { a as StatisticsLegend } from "../_shared/StatisticsSVGLegend-hnWvsMts.js";
+import { S } from "../_shared/StatisticsSVGLegend-hnWvsMts.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-7DgI4Yoj.js";
-import { g } from "../_shared/helpers-DbJ4Yobs.js";
+import { S } from "../_shared/StatisticsTooltip-pL9xXE3S.js";
+import { g } from "../_shared/helpers-Bg6unjPS.js";
 export {
   S as StatisticsTooltip,
   g as getRenderStatisticsTooltip

package/Suggester/index.js

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
 import React__default from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { F as Form } from "../_shared/Form-l9l_S-Uk.js";
+import { F as Form } from "../_shared/Form-D-8ftG21.js";
 import { c as isStringEmpty } from "../_shared/Text-DT1G7-vq.js";
 import "../_shared/Style-CSNnkrg3.js";
 import classnames from "classnames";

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-CXFvxozf.js";
+import { d as deepEqual, g as generateStyledTheme } from "../_shared/Utils-Bpj1pJRF.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-Coxe2jk5.js";
-import "../_shared/StatisticsTooltip-7DgI4Yoj.js";
-import { g as getRenderStatisticsTooltip } from "../_shared/helpers-DbJ4Yobs.js";
+import { c as createDataWithOtherSlice } from "../_shared/Statistics-Bm18tBPk.js";
+import "../_shared/StatisticsTooltip-pL9xXE3S.js";
+import { g as getRenderStatisticsTooltip } from "../_shared/helpers-Bg6unjPS.js";
 class SunBurst extends React__default.Component {
   static displayName = "SunBurst";
   renderTooltip;

package/TabSwitcher/index.js

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

package/UserAvatar/index.js

@@ -1,4 +1,4 @@
-import { U } from "../_shared/UserAvatar-DaGKa8WA.js";
+import { U } from "../_shared/UserAvatar-CDZ6F3es.js";
 export {
   U as UserAvatar
 };

package/Utils/index.js

@@ -1,5 +1,5 @@
-import { c, n } from "../_shared/Statistics-Coxe2jk5.js";
-import { d, s } from "../_shared/Utils-CXFvxozf.js";
+import { c, n } from "../_shared/Statistics-Bm18tBPk.js";
+import { d, s } from "../_shared/Utils-Bpj1pJRF.js";
 import { e, a, b, f, i, c as c2, m, s as s2, d as d2 } from "../_shared/Text-DT1G7-vq.js";
 import { b as b2, a as a2, c as c3, d as d3, e as e2, f as f2, g, h, i as i2, j, k, l, m as m2, n as n2, o, p, q, r, s as s3, t, u, v, w, x, y, z, A, B, C } from "../_shared/Style-CSNnkrg3.js";
 export {

package/_shared/{CardMenu-CvhJBEHI.js → CardMenu-BEJgJfms.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-D5WSnr7s.js";
+import { E as EllipsableContent } from "./EllipsableContent-DA9bhZw-.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-Cid_9WPj.js → ClickableItemList-DVomaPq2.js}

@@ -7,7 +7,7 @@ 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 { B as Button } from "./Button-Bn8PyQFK.js";
-import { c as clone } from "./Utils-CXFvxozf.js";
+import { c as clone } from "./Utils-Bpj1pJRF.js";
 class ClickableExcludableItem extends React__default.PureComponent {
   static displayName = "ClickableExcludableItem";
   renderItemButtons() {

package/_shared/{DatePicker-B83yTQAi.js → DatePicker-DLES5hkO.js}

@@ -7,7 +7,7 @@ import ReactDOM__default from "react-dom";
 import { faChevronLeft } from "@fortawesome/pro-regular-svg-icons/faChevronLeft";
 import { faChevronRight } from "@fortawesome/pro-regular-svg-icons/faChevronRight";
 import { B as Button } from "./Button-Bn8PyQFK.js";
-import { S as SelectDropdown } from "./SelectDropdown-BqLfmaLM.js";
+import { S as SelectDropdown } from "./SelectDropdown-GHblwuD9.js";
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;

package/_shared/{EllipsableContent-D5WSnr7s.js → EllipsableContent-DA9bhZw-.js}

@@ -2,7 +2,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 { f as findChildByComponent } from "./Utils-CXFvxozf.js";
+import { f as findChildByComponent } from "./Utils-Bpj1pJRF.js";
 const Prepend = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ellipsable-content-prepend", children: props.children });
 Prepend.displayName = "EllipsableContent.Prepend";
 const Append = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ellipsable-content-append", children: props.children });

package/_shared/{Form-l9l_S-Uk.js → Form-D-8ftG21.js}

@@ -46,6 +46,7 @@ const FormControlComponent = React__default.forwardRef(
         isInvalid: props.isInvalid,
         ref,
         autoComplete: "off",
+        autoFocus: props.autoFocus,
         children: props.children
       }
     );

package/_shared/{InlineStringEditor-mo49_wqf.js → InlineStringEditor-Cu8aObXQ.js}

@@ -5,8 +5,8 @@ import { faCheck } from "@fortawesome/pro-light-svg-icons/faCheck";
 import { faTimes } from "@fortawesome/pro-light-svg-icons/faTimes";
 import classnames from "classnames";
 import { B as Button } from "./Button-Bn8PyQFK.js";
-import { F as Form, a as FormControl } from "./Form-l9l_S-Uk.js";
-import { S as SelectDropdown } from "./SelectDropdown-BqLfmaLM.js";
+import { F as Form, a as FormControl } from "./Form-D-8ftG21.js";
+import { S as SelectDropdown } from "./SelectDropdown-GHblwuD9.js";
 class InlineStringEditor extends React__default.Component {
   static displayName = "InlineStringEditor";
   static defaultProps = {

package/_shared/{InputGroupShortcut-B6ccNgw4.js → InputGroupShortcut-DVgXnEC3.js}

@@ -1,8 +1,8 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-CkWJgiG5.js";
 import React__default, { useCallback, useState, useMemo, useEffect } from "react";
 import classnames from "classnames";
-import { a as FormControl } from "./Form-l9l_S-Uk.js";
-import { f as findChildByComponent, e as getCurrentOS } from "./Utils-CXFvxozf.js";
+import { a as FormControl } from "./Form-D-8ftG21.js";
+import { f as findChildByComponent, e as getCurrentOS } from "./Utils-Bpj1pJRF.js";
 import { T as Text } from "./Text-B4AyT0Tx.js";
 import BsInputGroup from "react-bootstrap/InputGroup";
 const InputGroupText = React__default.memo((props) => {

package/_shared/{ItemImage-Bii41hXJ.js → ItemImage-Bhitkbw1.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-CkWJgiG5.js";
 import classnames from "classnames";
-import { h as hasChildIconOrCheckboxComponent } from "./Utils-CXFvxozf.js";
+import { h as hasChildIconOrCheckboxComponent } from "./Utils-Bpj1pJRF.js";
 const ItemImage = ({
   size = "sm",
   ...props

package/_shared/{Modal-DyYcAysY.js → Modal-DKv77LLf.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-CkWJgiG5.js";
 import React__default from "react";
 import BsModal from "react-bootstrap/Modal";
 import classnames from "classnames";
-import { f as findChildByComponent } from "./Utils-CXFvxozf.js";
+import { f as findChildByComponent } from "./Utils-Bpj1pJRF.js";
 function ModalHeader(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(BsModal.Header, { ...props });
 }

package/_shared/{MultiModeDatePicker-ZX2nGY4n.js → MultiModeDatePicker-nKd6dcHG.js}

@@ -1,11 +1,11 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-CkWJgiG5.js";
-import { useState } from "react";
+import { useState, useCallback } from "react";
 import Col from "react-bootstrap/Col";
 import Row from "react-bootstrap/Row";
 import { B as Button } from "./Button-Bn8PyQFK.js";
-import { D as DatePicker, p as parse } from "./DatePicker-B83yTQAi.js";
-import { T as TabSwitcher } from "./TabSwitcher-jXRZG1zt.js";
-import { b as FormControlFeedBack, a as FormControl } from "./Form-l9l_S-Uk.js";
+import { D as DatePicker, p as parse } from "./DatePicker-DLES5hkO.js";
+import { T as TabSwitcher } from "./TabSwitcher-BwM8Io9E.js";
+import { b as FormControlFeedBack, a as FormControl } from "./Form-D-8ftG21.js";
 const formatOptions = {
   year: "numeric",
   month: "numeric",
@@ -59,6 +59,9 @@ function MultiModeDatePicker(props) {
   });
   const isDateTwoValid = isDate(dateFromString(inputTwo, props.locale));
   const isConfirmDisabled = ["one", "two"].includes(showError) || (["before", "after"].includes(activeMode || "") ? !isDateOneValid : !isDateOneValid || !isDateTwoValid);
+  const focusRef = useCallback((node) => {
+    node?.focus({ preventScroll: true });
+  }, []);
   function handleTabClick(mode) {
     setActiveMode(mode);
     setShowError("none");
@@ -72,6 +75,7 @@ function MultiModeDatePicker(props) {
           return /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             FormControl,
             {
+              ref: focusRef,
               isInvalid: showError === "one",
               placeholder: props.beforePlaceholder,
               value: inputOne,
@@ -84,6 +88,7 @@ function MultiModeDatePicker(props) {
           return /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             FormControl,
             {
+              ref: focusRef,
               isInvalid: showError === "one",
               placeholder: props.afterPlaceholder,
               value: inputOne,
@@ -97,6 +102,7 @@ function MultiModeDatePicker(props) {
             /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { className: "pe-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               FormControl,
               {
+                ref: focusRef,
                 disabled: showError === "two",
                 isInvalid: showError === "one",
                 placeholder: props.rangePlaceholders[0],