@spaziodati/atoka-design-system 10.0.0 → 10.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AddableItems/AddableItems.d.ts +0 -1
- package/AddableItems/index.js +1 -2
- package/BubbleChart/index.d.ts +2 -0
- package/BubbleChart/index.js +1 -1
- package/ButtonDropdown/index.d.ts +1 -0
- package/CardsPage/index.d.ts +2 -0
- package/CardsPage/index.js +3 -3
- package/CursorPagination/index.d.ts +1 -0
- package/DatePicker/index.js +1 -1
- package/DatePickerInput/index.d.ts +1 -0
- package/DatePickerInput/index.js +1 -1
- package/DetailPage/DetailPageHeaderUI.d.ts +0 -1
- package/DetailPage/index.d.ts +2 -0
- package/DetailPage/index.js +1 -1
- package/DetailPageContent/fixtures.d.ts +0 -9
- package/DetailPageContent/index.d.ts +1 -0
- package/DetailPageContent/index.js +1 -1
- package/Dropdown/index.js +1 -1
- package/EditableString/index.js +2 -2
- package/Facet/FacetHelp.d.ts +0 -8
- package/Facet/index.js +3 -3
- package/FeedbackButton/index.d.ts +1 -0
- package/Funnel/index.d.ts +1 -0
- package/Funnel/index.js +2 -2
- package/GeoMap/index.d.ts +1 -0
- package/GridCard/index.js +1 -1
- package/HighlightableText/index.js +1 -1
- package/Histogram/index.d.ts +2 -0
- package/Histogram/index.js +1 -1
- package/InlineStringEditor/index.d.ts +1 -0
- package/InlineStringEditor/index.js +1 -1
- package/InputGroup/index.d.ts +2 -0
- package/Jumbotron/index.d.ts +1 -0
- package/Map/index.d.ts +2 -0
- package/Map/index.js +1 -1
- package/Modal/index.d.ts +1 -0
- package/MultiModeDatePicker/MultiModeDatePicker.d.ts +0 -1
- package/MultiModeDatePicker/index.d.ts +2 -0
- package/MultiModeDatePicker/index.js +1 -1
- package/Navbar/index.d.ts +1 -0
- package/Navbar/index.js +3 -3
- package/Pagination/index.d.ts +1 -0
- package/PieChart/index.d.ts +1 -0
- package/PieChart/index.js +2 -2
- package/PublicFooter/index.d.ts +1 -0
- package/PublicNavbar/index.d.ts +1 -0
- package/ResponsiveLineChart/ResponsiveLineChart.d.ts +0 -1
- package/ResponsiveLineChart/index.d.ts +1 -0
- package/ResponsiveLineChart/index.js +1 -1
- package/RowCard/RowCardLayout.d.ts +3 -8
- package/RowCard/index.js +1 -1
- package/SelectDropdown/index.js +1 -1
- package/StatisticsItemCard/index.d.ts +1 -0
- package/StatisticsItemCard/index.js +1 -1
- package/StatisticsLegend/index.d.ts +3 -0
- package/StatisticsLegend/index.js +2 -2
- package/StreamDialog/index.d.ts +1 -0
- package/Suggester/index.d.ts +3 -0
- package/Suggester/index.js +2 -2
- package/SunBurst/index.d.ts +2 -0
- package/TabSwitcher/index.js +1 -1
- package/Title/index.d.ts +1 -0
- package/Toast/index.d.ts +2 -0
- package/UserAvatar/index.js +1 -1
- package/Utils/Statistics.d.ts +0 -1
- package/Utils/Style.d.ts +1 -0
- package/Utils/Text.d.ts +1 -1
- package/Utils/index.d.ts +5 -0
- package/Utils/index.js +5 -6
- package/_shared/{AtokaDropdownToggles-s9UdVkW7.js → AtokaDropdownToggles-B6q-ieDU.js} +1 -2
- package/_shared/{CardMenu-Dtn3ekWc.js → CardMenu-CvhJBEHI.js} +1 -1
- package/_shared/{DatePicker-BAGYjcIT.js → DatePicker-B83yTQAi.js} +1 -1
- package/_shared/{HighlightableText-D0tZl92S.js → HighlightableText-e3yQ0DQg.js} +1 -1
- package/_shared/{InlineStringEditor-Do24E8yV.js → InlineStringEditor-mo49_wqf.js} +1 -1
- package/_shared/{MultiModeDatePicker-CHfI589j.js → MultiModeDatePicker-ZX2nGY4n.js} +2 -2
- package/_shared/{RowCard-Do8PVEjP.js → RowCard-CqPQ-gmI.js} +1 -1
- package/_shared/{SelectDropdown-CamvT0US.js → SelectDropdown-BqLfmaLM.js} +3 -2
- package/_shared/{StatisticsSVGLegend-BAuiH8MT.js → StatisticsSVGLegend-BaeY7Liv.js} +1 -1
- package/_shared/{TabSwitcher-DPpuunX7.js → TabSwitcher-jXRZG1zt.js} +1 -1
- package/_shared/{Text-CfPEdZ8Z.js → Text-DT1G7-vq.js} +2 -6
- package/_shared/{UserAvatar-CCWSU88K.js → UserAvatar-DaGKa8WA.js} +1 -1
- package/{atoka-design-system-10.0.0.min.css → atoka-design-system-10.1.0.min.css} +1 -1
- package/package.json +1 -1
- package/styles/atoka-bs.scss +0 -26
- package/Funnel/fixture.d.ts +0 -23
- package/Toast/ToastHeader.d.ts +0 -9
|
@@ -3,7 +3,6 @@ import { ItemAdditionType } from '../ClickableExcludableItem';
|
|
|
3
3
|
import { NumberToStringFormatterType, PropsWithClassName } from '../Utils/CommonTypes';
|
|
4
4
|
import { ClickableFacetItem } from './ClickableItemList';
|
|
5
5
|
import './AddableItems.scss';
|
|
6
|
-
export declare function extractFacetKeyFromItemValue(key: ClickableFacetItem | string): string;
|
|
7
6
|
export type AddableItemsData<ItemType extends ClickableFacetItem, Extras = Record<string, unknown>> = {
|
|
8
7
|
count: number;
|
|
9
8
|
items: ItemType[];
|
package/AddableItems/index.js
CHANGED
package/BubbleChart/index.d.ts
CHANGED
package/BubbleChart/index.js
CHANGED
|
@@ -7,7 +7,7 @@ import { c as createDataWithOtherSlice } from "../_shared/Statistics-Coxe2jk5.js
|
|
|
7
7
|
import { d as deepEqual, s as sortObjDesc } from "../_shared/Utils-CXFvxozf.js";
|
|
8
8
|
import { ResponsiveCirclePackingCanvas, ResponsiveCirclePacking } from "@nivo/circle-packing";
|
|
9
9
|
import classnames from "classnames";
|
|
10
|
-
import { e as ellipse } from "../_shared/Text-
|
|
10
|
+
import { e as ellipse } from "../_shared/Text-DT1G7-vq.js";
|
|
11
11
|
class BubbleChartUI extends React__default.PureComponent {
|
|
12
12
|
static displayName = "BubbleChartUI";
|
|
13
13
|
static ESTIMATED_LETTER_PIXELS = 6.2;
|
package/CardsPage/index.d.ts
CHANGED
package/CardsPage/index.js
CHANGED
|
@@ -7,16 +7,16 @@ import Col from "react-bootstrap/Col";
|
|
|
7
7
|
import { f as findChildByComponent } from "../_shared/Utils-CXFvxozf.js";
|
|
8
8
|
import { F as Form } from "../_shared/Form-l9l_S-Uk.js";
|
|
9
9
|
import classnames from "classnames";
|
|
10
|
-
import { S as SelectDropdown } from "../_shared/SelectDropdown-
|
|
10
|
+
import { S as SelectDropdown } from "../_shared/SelectDropdown-BqLfmaLM.js";
|
|
11
11
|
import { faList } from "@fortawesome/pro-light-svg-icons/faList";
|
|
12
12
|
import { faTh } from "@fortawesome/pro-light-svg-icons/faTh";
|
|
13
13
|
import { T as ToggleButtonGroup } from "../_shared/ToggleButtonGroup-Duq22aii.js";
|
|
14
14
|
import { T as Title } from "../_shared/Title-Bjj6BAK7.js";
|
|
15
15
|
import { B as Button } from "../_shared/Button-Bn8PyQFK.js";
|
|
16
|
-
import { a as RowCardLayout, R as RowCard } from "../_shared/RowCard-
|
|
16
|
+
import { a as RowCardLayout, R as RowCard } from "../_shared/RowCard-CqPQ-gmI.js";
|
|
17
17
|
import { E as EmptyState } from "../_shared/EmptyState-BQyVos2X.js";
|
|
18
18
|
import { T as Text } from "../_shared/Text-B4AyT0Tx.js";
|
|
19
|
-
import { T as TabSwitcher } from "../_shared/TabSwitcher-
|
|
19
|
+
import { T as TabSwitcher } from "../_shared/TabSwitcher-jXRZG1zt.js";
|
|
20
20
|
const CardsPageFullText = React__default.memo(
|
|
21
21
|
(props) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cards-page-fulltext mt-3", children: props.children })
|
|
22
22
|
);
|
package/DatePicker/index.js
CHANGED
package/DatePickerInput/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
|
5
5
|
import { faTimes } from "@fortawesome/pro-light-svg-icons/faTimes";
|
|
6
6
|
import { a as FormControl } from "../_shared/Form-l9l_S-Uk.js";
|
|
7
7
|
import { I as InputGroupComponent } from "../_shared/InputGroupShortcut-B6ccNgw4.js";
|
|
8
|
-
import { M as MultiModeDatePicker } from "../_shared/MultiModeDatePicker-
|
|
8
|
+
import { M as MultiModeDatePicker } from "../_shared/MultiModeDatePicker-ZX2nGY4n.js";
|
|
9
9
|
function useClickOutside(callback) {
|
|
10
10
|
const ref = React__default.useRef(null);
|
|
11
11
|
useEffect(() => {
|
|
@@ -14,4 +14,3 @@ export interface DetailPageHeaderUIProps extends PropsWithClassName {
|
|
|
14
14
|
}
|
|
15
15
|
/** Container component for the detail page header to be used as child of `DetailPage`. */
|
|
16
16
|
export declare const DetailPageHeaderUI: FC<React.PropsWithChildren<DetailPageHeaderUIProps>>;
|
|
17
|
-
export default DetailPageHeaderUI;
|
package/DetailPage/index.d.ts
CHANGED
package/DetailPage/index.js
CHANGED
|
@@ -58,7 +58,7 @@ const DetailPageHeaderUI = (props) => {
|
|
|
58
58
|
}
|
|
59
59
|
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "title-ellipsis-container", children: props.title });
|
|
60
60
|
}
|
|
61
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: baseClassNames, children: [
|
|
61
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: classnames(baseClassNames, "d-grid"), children: [
|
|
62
62
|
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "left-content", children: leftContent }),
|
|
63
63
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "content-container h-100 align-items-center d-flex", children: [
|
|
64
64
|
renderImage(),
|
|
@@ -1,14 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare const table: React.JSX.Element;
|
|
3
|
-
export declare const infoboxStyle: {
|
|
4
|
-
minWidth: string;
|
|
5
|
-
minHeight: string;
|
|
6
|
-
background: string;
|
|
7
|
-
};
|
|
8
3
|
export declare const infoboxChildren: React.JSX.Element;
|
|
9
|
-
export declare const defaultOptions: {
|
|
10
|
-
value: string;
|
|
11
|
-
label: string;
|
|
12
|
-
}[];
|
|
13
4
|
export declare const rightContent: React.JSX.Element;
|
|
14
5
|
export declare const listChildren: (React.JSX.Element | null)[];
|
|
@@ -20,7 +20,7 @@ const DetailPageContent = (props) => {
|
|
|
20
20
|
const children = props.mode === "list" && Array.isArray(props.children) ? props.children : [props.children];
|
|
21
21
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: sectionClassName, children: [
|
|
22
22
|
topContent && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "detail-page-content-header-container d-flex align-items-center justify-content-between", children: [
|
|
23
|
-
props.title && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "d-flex align-items-center
|
|
23
|
+
props.title && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "d-flex align-items-center column-gap-2 text-truncate", children: [
|
|
24
24
|
props.prefixImg && /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
25
25
|
"img",
|
|
26
26
|
{
|
package/Dropdown/index.js
CHANGED
package/EditableString/index.js
CHANGED
|
@@ -4,10 +4,10 @@ import classnames from "classnames";
|
|
|
4
4
|
import React__default, { isValidElement, cloneElement, Children } from "react";
|
|
5
5
|
import "@fortawesome/react-fontawesome";
|
|
6
6
|
import "../_shared/Form-l9l_S-Uk.js";
|
|
7
|
-
import {
|
|
7
|
+
import { c as isStringEmpty } from "../_shared/Text-DT1G7-vq.js";
|
|
8
8
|
import "../_shared/Style-CSNnkrg3.js";
|
|
9
9
|
import { B as Button } from "../_shared/Button-Bn8PyQFK.js";
|
|
10
|
-
import { I as InlineStringEditor } from "../_shared/InlineStringEditor-
|
|
10
|
+
import { I as InlineStringEditor } from "../_shared/InlineStringEditor-mo49_wqf.js";
|
|
11
11
|
import { _ as _inheritsLoose, a as _extends, b as _objectWithoutPropertiesLoose, T as TransitionGroupContext, P as PropTypes, C as CSSTransition } from "../_shared/CSSTransition-BGcESi-j.js";
|
|
12
12
|
function _assertThisInitialized(e) {
|
|
13
13
|
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
package/Facet/FacetHelp.d.ts
CHANGED
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './FacetHelp.scss';
|
|
3
|
-
export declare const tooltipPopperConfig: {
|
|
4
|
-
modifiers: {
|
|
5
|
-
name: string;
|
|
6
|
-
options: {
|
|
7
|
-
rootBoundary: string;
|
|
8
|
-
};
|
|
9
|
-
}[];
|
|
10
|
-
};
|
|
11
3
|
export interface FacetHelpProps {
|
|
12
4
|
title: React.ReactNode;
|
|
13
5
|
onIconClick?: () => void;
|
package/Facet/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import { faChevronDown } from "@fortawesome/pro-light-svg-icons/faChevronDown";
|
|
|
6
6
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
7
7
|
import { T as Text } from "../_shared/Text-B4AyT0Tx.js";
|
|
8
8
|
import { T as Title } from "../_shared/Title-Bjj6BAK7.js";
|
|
9
|
-
import {
|
|
9
|
+
import { c as isStringEmpty } from "../_shared/Text-DT1G7-vq.js";
|
|
10
10
|
import { faInfoCircle } from "@fortawesome/pro-light-svg-icons/faInfoCircle";
|
|
11
11
|
import Overlay from "react-bootstrap/Overlay";
|
|
12
12
|
import Popover from "react-bootstrap/Popover";
|
|
@@ -114,7 +114,7 @@ class Facet extends React__default.PureComponent {
|
|
|
114
114
|
const icon = this.props.canCollapse && (this.isCollapsed ? closeIcon : openIcon);
|
|
115
115
|
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes, onClick: this.props?.onToggleCollapsed, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "align-items-center d-flex justify-content-between w-100", children: [
|
|
116
116
|
icon,
|
|
117
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs(Title, { size: "xs", className: "d-flex w-100
|
|
117
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs(Title, { size: "xs", className: "d-flex w-100 column-gap-2", children: [
|
|
118
118
|
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-truncate", children: itemCount ? /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: this.props.title }) : this.props.title }),
|
|
119
119
|
this.props.help
|
|
120
120
|
] })
|
|
@@ -126,7 +126,7 @@ class Facet extends React__default.PureComponent {
|
|
|
126
126
|
if (title == null && itemCount == null) {
|
|
127
127
|
return null;
|
|
128
128
|
}
|
|
129
|
-
const className = classnames("facet-header d-flex justify-content-between
|
|
129
|
+
const className = classnames("facet-header d-flex justify-content-between column-gap-2", {
|
|
130
130
|
"bg-transparent position-absolute": isStringEmpty(this.props.title ?? null)
|
|
131
131
|
});
|
|
132
132
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className, children: [
|
package/Funnel/index.d.ts
CHANGED
package/Funnel/index.js
CHANGED
|
@@ -4,10 +4,10 @@ import { g as generateStyledTheme, d as deepEqual } from "../_shared/Utils-CXFvx
|
|
|
4
4
|
import { g as blue50, i as blue90, j as blue95, e as blue300, n as generateRangeColor } from "../_shared/Style-CSNnkrg3.js";
|
|
5
5
|
import { ResponsiveFunnel } from "@nivo/funnel";
|
|
6
6
|
import classnames from "classnames";
|
|
7
|
-
import { S as StatisticsSVGLegend } from "../_shared/StatisticsSVGLegend-
|
|
7
|
+
import { S as StatisticsSVGLegend } from "../_shared/StatisticsSVGLegend-BaeY7Liv.js";
|
|
8
8
|
import "../_shared/StatisticsTooltip-7DgI4Yoj.js";
|
|
9
9
|
import { g as getRenderStatisticsTooltip } from "../_shared/helpers-DbJ4Yobs.js";
|
|
10
|
-
import { e as ellipse, s as slugify } from "../_shared/Text-
|
|
10
|
+
import { e as ellipse, s as slugify } from "../_shared/Text-DT1G7-vq.js";
|
|
11
11
|
const SVGDataLabelSizes = {
|
|
12
12
|
ESTIMATED_LETTER_PIXELS: 6
|
|
13
13
|
};
|
package/GeoMap/index.d.ts
CHANGED
package/GridCard/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import React__default from "react";
|
|
|
3
3
|
import classnames from "classnames";
|
|
4
4
|
import { f as findChildByComponent } from "../_shared/Utils-CXFvxozf.js";
|
|
5
5
|
import { O as OniruCard } from "../_shared/OniruCard-g_9qIXxK.js";
|
|
6
|
-
import { C as CardTitle, a as CardMenu } from "../_shared/CardMenu-
|
|
6
|
+
import { C as CardTitle, a as CardMenu } from "../_shared/CardMenu-CvhJBEHI.js";
|
|
7
7
|
import { F as Form } from "../_shared/Form-l9l_S-Uk.js";
|
|
8
8
|
const GridCardFooter = React__default.memo(
|
|
9
9
|
(props) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3", children: props.children })
|
package/Histogram/index.d.ts
CHANGED
package/Histogram/index.js
CHANGED
|
@@ -10,7 +10,7 @@ import "../_shared/StatisticsTooltip-7DgI4Yoj.js";
|
|
|
10
10
|
import { g as getRenderStatisticsTooltip } from "../_shared/helpers-DbJ4Yobs.js";
|
|
11
11
|
import { c as createDataWithOtherSlice } from "../_shared/Statistics-Coxe2jk5.js";
|
|
12
12
|
import { m as extractColorFromVar, d as blue30 } from "../_shared/Style-CSNnkrg3.js";
|
|
13
|
-
import { a as ellipseAndFormat, m as matchAndFormatRangeLabel } from "../_shared/Text-
|
|
13
|
+
import { a as ellipseAndFormat, m as matchAndFormatRangeLabel } from "../_shared/Text-DT1G7-vq.js";
|
|
14
14
|
const MAGIC_MULTIPLIER_LEFT = 7.7;
|
|
15
15
|
const MAGIC_MULTIPLIER_BOTTOM = 4.3;
|
|
16
16
|
const MIN_BAR_HEIGHT_PERCENT = 0.02;
|
package/InputGroup/index.d.ts
CHANGED
package/Jumbotron/index.d.ts
CHANGED
package/Map/index.d.ts
CHANGED
package/Map/index.js
CHANGED
|
@@ -10,7 +10,7 @@ import Tooltip from "react-bootstrap/Tooltip";
|
|
|
10
10
|
import OverlayTrigger from "react-bootstrap/OverlayTrigger";
|
|
11
11
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
12
12
|
import { s as orange, e as blue300, d as blue30, D as linear } from "../_shared/Style-CSNnkrg3.js";
|
|
13
|
-
import { s as slugify } from "../_shared/Text-
|
|
13
|
+
import { s as slugify } from "../_shared/Text-DT1G7-vq.js";
|
|
14
14
|
import "react-dom";
|
|
15
15
|
function useAttribution(map, attribution) {
|
|
16
16
|
const attributionRef = useRef(attribution);
|
package/Modal/index.d.ts
CHANGED
|
@@ -4,7 +4,6 @@ import { type MultiModeDatePickerProps, type MultiModeDatePickerSpecificProps }
|
|
|
4
4
|
export type DSLocale = Exclude<Locale, string> & {
|
|
5
5
|
code: string;
|
|
6
6
|
};
|
|
7
|
-
export declare function dateFromString(str: string, locale: DSLocale): Date;
|
|
8
7
|
/**
|
|
9
8
|
* ### Overview
|
|
10
9
|
* `MultiModeDatePicker` allows the user to select dates according to three modes:
|
package/Navbar/index.d.ts
CHANGED
package/Navbar/index.js
CHANGED
|
@@ -9,7 +9,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
|
9
9
|
import { faBars } from "@fortawesome/pro-light-svg-icons/faBars";
|
|
10
10
|
import Row from "react-bootstrap/Row";
|
|
11
11
|
import { T as Title } from "../_shared/Title-Bjj6BAK7.js";
|
|
12
|
-
import { D as Dropdown, a as AtokaCustomDropdownToggleWithChevron, A as AtokaCustomDropdownToggle } from "../_shared/AtokaDropdownToggles-
|
|
12
|
+
import { D as Dropdown, a as AtokaCustomDropdownToggleWithChevron, A as AtokaCustomDropdownToggle } from "../_shared/AtokaDropdownToggles-B6q-ieDU.js";
|
|
13
13
|
import { z as zip, f as findChildByComponent } from "../_shared/Utils-CXFvxozf.js";
|
|
14
14
|
import { faBell } from "@fortawesome/pro-light-svg-icons/faBell";
|
|
15
15
|
import { E as EmptyState } from "../_shared/EmptyState-BQyVos2X.js";
|
|
@@ -17,8 +17,8 @@ import BsDropdown from "react-bootstrap/Dropdown";
|
|
|
17
17
|
import Col from "react-bootstrap/Col";
|
|
18
18
|
import { T as Text } from "../_shared/Text-B4AyT0Tx.js";
|
|
19
19
|
import { E as EllipsableContent } from "../_shared/EllipsableContent-D5WSnr7s.js";
|
|
20
|
-
import {
|
|
21
|
-
import { U as UserAvatar } from "../_shared/UserAvatar-
|
|
20
|
+
import { c as isStringEmpty } from "../_shared/Text-DT1G7-vq.js";
|
|
21
|
+
import { U as UserAvatar } from "../_shared/UserAvatar-DaGKa8WA.js";
|
|
22
22
|
import { faSearch } from "@fortawesome/pro-light-svg-icons/faSearch";
|
|
23
23
|
import { faTimes } from "@fortawesome/pro-light-svg-icons/faTimes";
|
|
24
24
|
import { a as FormControl } from "../_shared/Form-l9l_S-Uk.js";
|
package/Pagination/index.d.ts
CHANGED
package/PieChart/index.d.ts
CHANGED
package/PieChart/index.js
CHANGED
|
@@ -2,12 +2,12 @@ import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
|
|
|
2
2
|
import { ResponsivePie } from "@nivo/pie";
|
|
3
3
|
import classnames from "classnames";
|
|
4
4
|
import React__default from "react";
|
|
5
|
-
import { S as StatisticsSVGLegend } from "../_shared/StatisticsSVGLegend-
|
|
5
|
+
import { S as StatisticsSVGLegend } from "../_shared/StatisticsSVGLegend-BaeY7Liv.js";
|
|
6
6
|
import "../_shared/StatisticsTooltip-7DgI4Yoj.js";
|
|
7
7
|
import { g as getRenderStatisticsTooltip } from "../_shared/helpers-DbJ4Yobs.js";
|
|
8
8
|
import { c as createDataWithOtherSlice } from "../_shared/Statistics-Coxe2jk5.js";
|
|
9
9
|
import { d as blue30, h as blue80, a as blue100, e as blue300 } from "../_shared/Style-CSNnkrg3.js";
|
|
10
|
-
import { e as ellipse } from "../_shared/Text-
|
|
10
|
+
import { e as ellipse } from "../_shared/Text-DT1G7-vq.js";
|
|
11
11
|
import { d as deepEqual, s as sortObjDesc, g as generateStyledTheme } from "../_shared/Utils-CXFvxozf.js";
|
|
12
12
|
class PieChart extends React__default.Component {
|
|
13
13
|
renderTooltip = null;
|
package/PublicFooter/index.d.ts
CHANGED
package/PublicNavbar/index.d.ts
CHANGED
|
@@ -19,7 +19,6 @@ export interface ResponsiveLineChartProps extends Omit<LineProps, 'data' | 'colo
|
|
|
19
19
|
/** Whether to show the bottom axis values */
|
|
20
20
|
enableAxisBottom?: true | false;
|
|
21
21
|
}
|
|
22
|
-
export declare function calculateAxisLeftTickValues(lineDataArrays: readonly LineData[], tickValuesAmount: number): number[];
|
|
23
22
|
/**
|
|
24
23
|
* ### Overview
|
|
25
24
|
* `LineChart` is best suited for displaying time-series data.
|
|
@@ -3,7 +3,7 @@ import { ResponsiveLine } from "@nivo/line";
|
|
|
3
3
|
import { S as StatisticsTooltip } from "../_shared/StatisticsTooltip-7DgI4Yoj.js";
|
|
4
4
|
import { g as generateStyledTheme } from "../_shared/Utils-CXFvxozf.js";
|
|
5
5
|
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";
|
|
6
|
-
import { a as StatisticsLegend } from "../_shared/StatisticsSVGLegend-
|
|
6
|
+
import { a as StatisticsLegend } from "../_shared/StatisticsSVGLegend-BaeY7Liv.js";
|
|
7
7
|
const lineChartColorNameToHex = {
|
|
8
8
|
blue300,
|
|
9
9
|
orange,
|
|
@@ -1,19 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PropsWithClassName } from '../Utils/CommonTypes';
|
|
3
3
|
import './RowCard.scss';
|
|
4
|
-
|
|
4
|
+
declare class RowCardLayoutHeader extends React.PureComponent<{
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
}> {
|
|
7
7
|
static displayName: string;
|
|
8
8
|
render(): React.ReactNode;
|
|
9
9
|
}
|
|
10
|
-
|
|
11
|
-
children?: React.ReactNode;
|
|
12
|
-
}> {
|
|
13
|
-
static displayName: string;
|
|
14
|
-
render(): React.ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export declare class RowCardLayoutActions extends React.PureComponent<{
|
|
10
|
+
declare class RowCardLayoutContent extends React.PureComponent<{
|
|
17
11
|
children?: React.ReactNode;
|
|
18
12
|
}> {
|
|
19
13
|
static displayName: string;
|
|
@@ -26,3 +20,4 @@ export declare class RowCardLayout extends React.PureComponent<React.PropsWithCh
|
|
|
26
20
|
static Actions: typeof RowCardLayoutHeader;
|
|
27
21
|
render(): React.ReactNode;
|
|
28
22
|
}
|
|
23
|
+
export {};
|
package/RowCard/index.js
CHANGED
package/SelectDropdown/index.js
CHANGED
|
@@ -10,7 +10,7 @@ import { E as EllipsableContent } from "../_shared/EllipsableContent-D5WSnr7s.js
|
|
|
10
10
|
import { S as Spinner, a as SpinnerSize } from "../_shared/Spinner-DHoqZ2pO.js";
|
|
11
11
|
import { E as EmptyState } from "../_shared/EmptyState-BQyVos2X.js";
|
|
12
12
|
import { T as Tooltip } from "../_shared/Tooltip-Ds1ht2gU.js";
|
|
13
|
-
import { D as Dropdown, b as AtokaSimpleDropdownToggle } from "../_shared/AtokaDropdownToggles-
|
|
13
|
+
import { D as Dropdown, b as AtokaSimpleDropdownToggle } from "../_shared/AtokaDropdownToggles-B6q-ieDU.js";
|
|
14
14
|
const statisticsTitle = React__default.memo((props) => {
|
|
15
15
|
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;
|
|
16
16
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs(Title, { size: "xs", children: [
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { a as StatisticsLegend } from "../_shared/StatisticsSVGLegend-
|
|
2
|
-
import { S } from "../_shared/StatisticsSVGLegend-
|
|
1
|
+
import { a as StatisticsLegend } from "../_shared/StatisticsSVGLegend-BaeY7Liv.js";
|
|
2
|
+
import { S } from "../_shared/StatisticsSVGLegend-BaeY7Liv.js";
|
|
3
3
|
import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
|
|
4
4
|
const getRenderStatisticsLegend = ({ legendDataLabelKey, legendDataValueKey, legendDataPercentageKey, layout, columnsNumber }) => (
|
|
5
5
|
// eslint-disable-next-line react/display-name
|
package/StreamDialog/index.d.ts
CHANGED
package/Suggester/index.d.ts
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
/** @public */
|
|
1
2
|
export { Suggester, type SuggesterProps, type RenderMultiValueContainer } from './Suggester';
|
|
3
|
+
/** @public */
|
|
2
4
|
export { getRenderCustomMultiValueWithIcon } from './getRenderCustomMultiValueWithIcon';
|
|
5
|
+
/** @public */
|
|
3
6
|
export type { CustomOptionProps } from './CustomOption';
|
package/Suggester/index.js
CHANGED
|
@@ -2,10 +2,10 @@ import { j as jsxRuntimeExports } from "../_shared/jsx-runtime-CkWJgiG5.js";
|
|
|
2
2
|
import React__default from "react";
|
|
3
3
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
4
4
|
import { F as Form } from "../_shared/Form-l9l_S-Uk.js";
|
|
5
|
-
import {
|
|
5
|
+
import { c as isStringEmpty } from "../_shared/Text-DT1G7-vq.js";
|
|
6
6
|
import "../_shared/Style-CSNnkrg3.js";
|
|
7
7
|
import classnames from "classnames";
|
|
8
|
-
import { H as HighlightableText } from "../_shared/HighlightableText-
|
|
8
|
+
import { H as HighlightableText } from "../_shared/HighlightableText-e3yQ0DQg.js";
|
|
9
9
|
import { T as Text } from "../_shared/Text-B4AyT0Tx.js";
|
|
10
10
|
import Select, { components } from "react-select";
|
|
11
11
|
import AsyncSelect from "react-select/async";
|
package/SunBurst/index.d.ts
CHANGED
package/TabSwitcher/index.js
CHANGED
package/Title/index.d.ts
CHANGED
package/Toast/index.d.ts
CHANGED
package/UserAvatar/index.js
CHANGED
package/Utils/Statistics.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { DataPoint, TypedRecord } from './CommonTypes';
|
|
2
2
|
export declare function createDataWithOtherSlice<T extends TypedRecord & Partial<DataPoint>>(data: T[], otherId?: string, otherLabel?: string, maxSlicesNumber?: number, total?: number, dataValueKey?: keyof T): T[];
|
|
3
|
-
export declare function createCleanTree<A extends object>(node: A): A;
|
|
4
3
|
export declare function normalizePercentage(value: number): string;
|
package/Utils/Style.d.ts
CHANGED
|
@@ -10,4 +10,5 @@ declare function generateRangeColor(len: number, rangeColors?: string[]): string
|
|
|
10
10
|
export declare function calculateDomain(len: number, rangeColorsLength: number): number[];
|
|
11
11
|
export declare function extractColorFromVar(cssVar: `--atoka_colors_${string}`): string;
|
|
12
12
|
declare const themeColors: Record<"blackMain" | "blackDark" | "blackContrastText" | "greenMain" | "greenDark" | "greenContrastText" | "orangeMain" | "orangeDark" | "orangeContrastText" | "pinkMain" | "pinkDark" | "pinkContrastText" | "redMain" | "redDark" | "redContrastText" | "salmonMain" | "salmonDark" | "salmonContrastText" | "violetMain" | "violetDark" | "violetContrastText" | "yellowMain" | "yellowDark" | "yellowContrastText" | "bluekeywordsMain" | "bluekeywordsDark" | "bluekeywordsContrastText" | "bluestartupMain" | "bluestartupDark" | "bluestartupContrastText" | "bluelightMain" | "bluelightDark" | "bluelightContrastText" | "bluepaMain" | "bluepaDark" | "bluepaContrastText" | "blueelectricMain" | "blueelectricDark" | "blueelectricContrastText" | "bluedivisionMain" | "bluedivisionDark" | "bluedivisionContrastText" | "blue300Main" | "blue300Dark" | "blue300ContrastText" | "gray300Main" | "gray300Dark" | "gray300ContrastText" | "successMain" | "successDark" | "successContrastText" | "errorMain" | "errorDark" | "errorContrastText" | "infoMain" | "infoDark" | "infoContrastText" | "warningMain" | "warningDark" | "warningContrastText" | "primaryMain" | "primaryDark" | "primaryContrastText" | "highEmphasisMain" | "highEmphasisDark" | "highEmphasisContrastText" | "lowEmphasisMain" | "lowEmphasisDark" | "lowEmphasisContrastText" | "mediumEmphasisMain" | "mediumEmphasisDark" | "mediumEmphasisContrastText", string>;
|
|
13
|
+
/** @public */
|
|
13
14
|
export { generateRangeColor, white, blue25, blue30, blue50, blue80, blue90, blue95, blue100, blue300, gray200, blue400, yellow, orange, red, green, gray100, gray300, purple, violet, pink100, pink200, salmon, bluelight, black, usableRangeColors, themeColors, };
|
package/Utils/Text.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { LabelFormatter } from '@nivo/bar';
|
|
2
2
|
import { DataPoint, Value } from './CommonTypes';
|
|
3
3
|
export declare function isStringEmpty(s: string | undefined | null): boolean;
|
|
4
|
+
/** @public */
|
|
4
5
|
export declare function slugify(text: string): string;
|
|
5
|
-
export declare function estimateWordSize(wordLength: number, letterPixels: number, constant: number): number;
|
|
6
6
|
export declare function ellipse(input: string | null, length: number): string;
|
|
7
7
|
export declare function matchAndFormatRangeLabel(formatter: LabelFormatter | undefined): (label: string) => string;
|
|
8
8
|
export declare function formatRange(item: Pick<DataPoint, 'from' | 'to'>, formatter: LabelFormatter): string;
|
package/Utils/index.d.ts
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/** @public */
|
|
1
2
|
export type { DataPoint, BasePieItemData, PropsWithClassName, OptionData } from './CommonTypes';
|
|
3
|
+
/** @public */
|
|
2
4
|
export { createDataWithOtherSlice, normalizePercentage } from './Statistics';
|
|
5
|
+
/** @public */
|
|
3
6
|
export { deepEqual, sortObjDesc } from './Utils';
|
|
7
|
+
/** @public */
|
|
4
8
|
export * from './Text';
|
|
9
|
+
/** @public */
|
|
5
10
|
export * from './Style';
|