@taiv/ui 1.4.5 → 1.5.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/dist/components/Data/Cards/{ChartCard.d.ts → ChartCard/ChartCard.d.ts} +2 -2
- package/dist/components/Data/Cards/ChartCard/ChartCard.d.ts.map +1 -0
- package/dist/components/Data/Cards/{ChartCard.js → ChartCard/ChartCard.js} +6 -6
- package/dist/components/Data/Cards/{PieChartCard.d.ts → PieChartCard/PieChartCard.d.ts} +2 -2
- package/dist/components/Data/Cards/PieChartCard/PieChartCard.d.ts.map +1 -0
- package/dist/components/Data/Cards/{PieChartCard.js → PieChartCard/PieChartCard.js} +6 -6
- package/dist/components/Data/Cards/{StatsCard.d.ts → StatsCard/StatsCard.d.ts} +3 -3
- package/dist/components/Data/Cards/StatsCard/StatsCard.d.ts.map +1 -0
- package/dist/components/Data/Cards/{StatsCard.js → StatsCard/StatsCard.js} +9 -9
- package/dist/components/Data/{Chart.d.ts → Chart/Chart.d.ts} +2 -2
- package/dist/components/Data/Chart/Chart.d.ts.map +1 -0
- package/dist/components/Data/{Chart.js → Chart/Chart.js} +8 -8
- package/dist/components/Data/CheckboxTable/CheckboxTable.d.ts.map +1 -0
- package/dist/components/Data/{CheckboxTable.js → CheckboxTable/CheckboxTable.js} +9 -9
- package/dist/components/Data/{PieChart.d.ts → PieChart/PieChart.d.ts} +2 -2
- package/dist/components/Data/PieChart/PieChart.d.ts.map +1 -0
- package/dist/components/Data/{PieChart.js → PieChart/PieChart.js} +9 -9
- package/dist/components/Data/RemovableItemList/RemovableItemList.d.ts.map +1 -0
- package/dist/components/Data/{RemovableItemList.js → RemovableItemList/RemovableItemList.js} +3 -3
- package/dist/components/Data/{StatsBadge.d.ts → StatsBadge/StatsBadge.d.ts} +2 -2
- package/dist/components/Data/StatsBadge/StatsBadge.d.ts.map +1 -0
- package/dist/components/Data/{StatsBadge.js → StatsBadge/StatsBadge.js} +2 -2
- package/dist/components/Info/{Badge.d.ts → Badge/Badge.d.ts} +1 -1
- package/dist/components/Info/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Info/{Badge.js → Badge/Badge.js} +2 -2
- package/dist/components/Info/{InfoCard.d.ts → InfoCard/InfoCard.d.ts} +2 -2
- package/dist/components/Info/InfoCard/InfoCard.d.ts.map +1 -0
- package/dist/components/Info/{InfoCard.js → InfoCard/InfoCard.js} +3 -3
- package/dist/components/Info/Modals/Modal/Modal.d.ts.map +1 -0
- package/dist/components/Info/Modals/{Modal.js → Modal/Modal.js} +4 -4
- package/dist/components/Info/Modals/ModalProvider/ModalProvider.d.ts.map +1 -0
- package/dist/components/Info/Notifications/NotificationProvider/NotificationProvider.d.ts.map +1 -0
- package/dist/components/Info/Notifications/{NotificationProvider.js → NotificationProvider/NotificationProvider.js} +2 -2
- package/dist/components/Info/Tooltips/FormulaTooltip/FormulaTooltip.d.ts.map +1 -0
- package/dist/components/Info/Tooltips/{FormulaTooltip.js → FormulaTooltip/FormulaTooltip.js} +6 -6
- package/dist/components/Info/Tooltips/InfoTooltip/InfoTooltip.d.ts.map +1 -0
- package/dist/components/Info/Tooltips/{InfoTooltip.js → InfoTooltip/InfoTooltip.js} +2 -2
- package/dist/components/Info/Tooltips/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Info/Tooltips/{Tooltip.js → Tooltip/Tooltip.js} +2 -2
- package/dist/components/Inputs/Buttons/Button/Button.d.ts +2 -1
- package/dist/components/Inputs/Buttons/Button/Button.d.ts.map +1 -1
- package/dist/components/Inputs/Buttons/Button/Button.js +2 -1
- package/dist/components/Inputs/Dropdowns/CascadingSelect/CascadingSelect.js +1 -1
- package/dist/components/Layout/Box/Box.stories.js +1 -1
- package/dist/components/Layout/Frame/Frame.js +1 -1
- package/dist/components/Layout/SectionCard/SectionCard.js +1 -1
- package/dist/components/Layout/Stack/Stack.stories.js +1 -1
- package/dist/components/Misc/LoadingOverlay/LoadingOverlay.d.ts +5 -0
- package/dist/components/Misc/LoadingOverlay/LoadingOverlay.d.ts.map +1 -0
- package/dist/components/Misc/LoadingOverlay/LoadingOverlay.js +9 -0
- package/dist/components/Typography/{CollapsibleText.d.ts → CollapsibleText/CollapsibleText.d.ts} +1 -1
- package/dist/components/Typography/CollapsibleText/CollapsibleText.d.ts.map +1 -0
- package/dist/components/Typography/{CollapsibleText.js → CollapsibleText/CollapsibleText.js} +6 -6
- package/dist/components/Typography/{Formula.d.ts → Formula/Formula.d.ts} +1 -1
- package/dist/components/Typography/Formula/Formula.d.ts.map +1 -0
- package/dist/components/Typography/{Formula.js → Formula/Formula.js} +3 -3
- package/dist/components/Typography/{Fraction.d.ts → Fraction/Fraction.d.ts} +1 -1
- package/dist/components/Typography/Fraction/Fraction.d.ts.map +1 -0
- package/dist/components/Typography/{Fraction.js → Fraction/Fraction.js} +4 -4
- package/dist/components/Typography/{Text.d.ts → Text/Text.d.ts} +1 -1
- package/dist/components/Typography/Text/Text.d.ts.map +1 -0
- package/dist/components/Typography/{Text.js → Text/Text.js} +1 -1
- package/dist/components/Typography/{Title.d.ts → Title/Title.d.ts} +1 -1
- package/dist/components/Typography/Title/Title.d.ts.map +1 -0
- package/dist/components/Typography/{Title.js → Title/Title.js} +1 -1
- package/dist/components/index.d.ts +22 -21
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +22 -21
- package/dist/hooks/useConfirmationModal.js +1 -1
- package/dist/hooks/useInfoModal.js +1 -1
- package/package.json +1 -1
- package/dist/components/Data/Cards/ChartCard.d.ts.map +0 -1
- package/dist/components/Data/Cards/PieChartCard.d.ts.map +0 -1
- package/dist/components/Data/Cards/StatsCard.d.ts.map +0 -1
- package/dist/components/Data/Chart.d.ts.map +0 -1
- package/dist/components/Data/CheckboxTable.d.ts.map +0 -1
- package/dist/components/Data/JustChart.d.ts +0 -23
- package/dist/components/Data/JustChart.d.ts.map +0 -1
- package/dist/components/Data/JustChart.js +0 -70
- package/dist/components/Data/JustPieChart.d.ts +0 -20
- package/dist/components/Data/JustPieChart.d.ts.map +0 -1
- package/dist/components/Data/JustPieChart.js +0 -63
- package/dist/components/Data/PieChart.d.ts.map +0 -1
- package/dist/components/Data/RemovableItemList.d.ts.map +0 -1
- package/dist/components/Data/StatsBadge.d.ts.map +0 -1
- package/dist/components/Data/StatsCard.d.ts +0 -17
- package/dist/components/Data/StatsCard.d.ts.map +0 -1
- package/dist/components/Data/StatsCard.js +0 -38
- package/dist/components/Data/shared/chartFormats.d.ts +0 -8
- package/dist/components/Data/shared/chartFormats.d.ts.map +0 -1
- package/dist/components/Data/shared/chartFormats.js +0 -29
- package/dist/components/Data/shared/dataFormats.d.ts +0 -9
- package/dist/components/Data/shared/dataFormats.d.ts.map +0 -1
- package/dist/components/Data/shared/dataFormats.js +0 -20
- package/dist/components/Info/Badge.d.ts.map +0 -1
- package/dist/components/Info/InfoCard.d.ts.map +0 -1
- package/dist/components/Info/Modals/Modal.d.ts.map +0 -1
- package/dist/components/Info/Modals/ModalProvider.d.ts.map +0 -1
- package/dist/components/Info/Notifications/NotificationProvider.d.ts.map +0 -1
- package/dist/components/Info/Tooltips/FormulaTooltip.d.ts.map +0 -1
- package/dist/components/Info/Tooltips/InfoTooltip.d.ts.map +0 -1
- package/dist/components/Info/Tooltips/Tooltip.d.ts.map +0 -1
- package/dist/components/Inputs/Buttons/Button.d.ts +0 -12
- package/dist/components/Inputs/Buttons/Button.d.ts.map +0 -1
- package/dist/components/Inputs/Buttons/Button.js +0 -37
- package/dist/components/Inputs/Buttons/UnstyledButton.d.ts +0 -10
- package/dist/components/Inputs/Buttons/UnstyledButton.d.ts.map +0 -1
- package/dist/components/Inputs/Buttons/UnstyledButton.js +0 -6
- package/dist/components/Inputs/Buttons/shared/sizes.d.ts +0 -25
- package/dist/components/Inputs/Buttons/shared/sizes.d.ts.map +0 -1
- package/dist/components/Inputs/Buttons/shared/sizes.js +0 -7
- package/dist/components/Inputs/Buttons/shared/variants.d.ts +0 -191
- package/dist/components/Inputs/Buttons/shared/variants.d.ts.map +0 -1
- package/dist/components/Inputs/Buttons/shared/variants.js +0 -191
- package/dist/components/Inputs/Controls/Checkbox.d.ts +0 -27
- package/dist/components/Inputs/Controls/Checkbox.d.ts.map +0 -1
- package/dist/components/Inputs/Controls/Checkbox.js +0 -55
- package/dist/components/Inputs/Controls/Radio.d.ts +0 -8
- package/dist/components/Inputs/Controls/Radio.d.ts.map +0 -1
- package/dist/components/Inputs/Controls/Radio.js +0 -43
- package/dist/components/Inputs/Controls/RadioList.d.ts +0 -16
- package/dist/components/Inputs/Controls/RadioList.d.ts.map +0 -1
- package/dist/components/Inputs/Controls/RadioList.js +0 -24
- package/dist/components/Inputs/Controls/Toggle.d.ts +0 -29
- package/dist/components/Inputs/Controls/Toggle.d.ts.map +0 -1
- package/dist/components/Inputs/Controls/Toggle.js +0 -42
- package/dist/components/Inputs/DatePickers/DatePicker.d.ts +0 -12
- package/dist/components/Inputs/DatePickers/DatePicker.d.ts.map +0 -1
- package/dist/components/Inputs/DatePickers/DatePicker.js +0 -71
- package/dist/components/Inputs/Dates/DatePicker.d.ts +0 -12
- package/dist/components/Inputs/Dates/DatePicker.d.ts.map +0 -1
- package/dist/components/Inputs/Dates/DatePicker.js +0 -71
- package/dist/components/Inputs/Dropdowns/CascadingSelect.d.ts +0 -17
- package/dist/components/Inputs/Dropdowns/CascadingSelect.d.ts.map +0 -1
- package/dist/components/Inputs/Dropdowns/CascadingSelect.js +0 -70
- package/dist/components/Inputs/Dropdowns/FontSelect.d.ts +0 -11
- package/dist/components/Inputs/Dropdowns/FontSelect.d.ts.map +0 -1
- package/dist/components/Inputs/Dropdowns/FontSelect.js +0 -48
- package/dist/components/Inputs/Dropdowns/MultiSelect.d.ts +0 -12
- package/dist/components/Inputs/Dropdowns/MultiSelect.d.ts.map +0 -1
- package/dist/components/Inputs/Dropdowns/MultiSelect.js +0 -94
- package/dist/components/Inputs/Dropdowns/NestedSelect.d.ts +0 -17
- package/dist/components/Inputs/Dropdowns/NestedSelect.d.ts.map +0 -1
- package/dist/components/Inputs/Dropdowns/NestedSelect.js +0 -70
- package/dist/components/Inputs/Dropdowns/Select.d.ts +0 -11
- package/dist/components/Inputs/Dropdowns/Select.d.ts.map +0 -1
- package/dist/components/Inputs/Dropdowns/Select.js +0 -62
- package/dist/components/Inputs/Dropdowns/shared/fontSelectList.d.ts +0 -9
- package/dist/components/Inputs/Dropdowns/shared/fontSelectList.d.ts.map +0 -1
- package/dist/components/Inputs/Dropdowns/shared/fontSelectList.js +0 -65
- package/dist/components/Inputs/Sliders/Slider.d.ts +0 -16
- package/dist/components/Inputs/Sliders/Slider.d.ts.map +0 -1
- package/dist/components/Inputs/Sliders/Slider.js +0 -91
- package/dist/components/Inputs/Sliders/VolumeSlider.d.ts +0 -6
- package/dist/components/Inputs/Sliders/VolumeSlider.d.ts.map +0 -1
- package/dist/components/Inputs/Sliders/VolumeSlider.js +0 -37
- package/dist/components/Inputs/TextInputs/AutoComplete.d.ts +0 -11
- package/dist/components/Inputs/TextInputs/AutoComplete.d.ts.map +0 -1
- package/dist/components/Inputs/TextInputs/AutoComplete.js +0 -57
- package/dist/components/Inputs/TextInputs/PasswordInput.d.ts +0 -12
- package/dist/components/Inputs/TextInputs/PasswordInput.d.ts.map +0 -1
- package/dist/components/Inputs/TextInputs/PasswordInput.js +0 -52
- package/dist/components/Inputs/TextInputs/SearchBar.d.ts +0 -7
- package/dist/components/Inputs/TextInputs/SearchBar.d.ts.map +0 -1
- package/dist/components/Inputs/TextInputs/SearchBar.js +0 -23
- package/dist/components/Inputs/TextInputs/TextArea.d.ts +0 -12
- package/dist/components/Inputs/TextInputs/TextArea.d.ts.map +0 -1
- package/dist/components/Inputs/TextInputs/TextArea.js +0 -33
- package/dist/components/Inputs/TextInputs/TextInput.d.ts +0 -12
- package/dist/components/Inputs/TextInputs/TextInput.d.ts.map +0 -1
- package/dist/components/Inputs/TextInputs/TextInput.js +0 -32
- package/dist/components/Layout/AutoGrid.d.ts +0 -8
- package/dist/components/Layout/AutoGrid.d.ts.map +0 -1
- package/dist/components/Layout/AutoGrid.js +0 -6
- package/dist/components/Layout/Box.d.ts +0 -10
- package/dist/components/Layout/Box.d.ts.map +0 -1
- package/dist/components/Layout/Box.js +0 -6
- package/dist/components/Layout/Card.d.ts +0 -8
- package/dist/components/Layout/Card.d.ts.map +0 -1
- package/dist/components/Layout/Card.js +0 -16
- package/dist/components/Layout/Center.d.ts +0 -9
- package/dist/components/Layout/Center.d.ts.map +0 -1
- package/dist/components/Layout/Center.js +0 -6
- package/dist/components/Layout/Divider.d.ts +0 -10
- package/dist/components/Layout/Divider.d.ts.map +0 -1
- package/dist/components/Layout/Divider.js +0 -7
- package/dist/components/Layout/Frame.d.ts +0 -12
- package/dist/components/Layout/Frame.d.ts.map +0 -1
- package/dist/components/Layout/Frame.js +0 -7
- package/dist/components/Layout/Grid.d.ts +0 -10
- package/dist/components/Layout/Grid.d.ts.map +0 -1
- package/dist/components/Layout/Grid.js +0 -9
- package/dist/components/Layout/Group.d.ts +0 -10
- package/dist/components/Layout/Group.d.ts.map +0 -1
- package/dist/components/Layout/Group.js +0 -6
- package/dist/components/Layout/Loader.d.ts +0 -8
- package/dist/components/Layout/Loader.d.ts.map +0 -1
- package/dist/components/Layout/Loader.js +0 -6
- package/dist/components/Layout/SectionCard.d.ts +0 -11
- package/dist/components/Layout/SectionCard.d.ts.map +0 -1
- package/dist/components/Layout/SectionCard.js +0 -13
- package/dist/components/Layout/Stack.d.ts +0 -10
- package/dist/components/Layout/Stack.d.ts.map +0 -1
- package/dist/components/Layout/Stack.js +0 -6
- package/dist/components/Layout/Tabs.d.ts +0 -17
- package/dist/components/Layout/Tabs.d.ts.map +0 -1
- package/dist/components/Layout/Tabs.js +0 -48
- package/dist/components/Misc/IconBadge.d.ts +0 -8
- package/dist/components/Misc/IconBadge.d.ts.map +0 -1
- package/dist/components/Misc/IconBadge.js +0 -28
- package/dist/components/Misc/Transition.d.ts +0 -4
- package/dist/components/Misc/Transition.d.ts.map +0 -1
- package/dist/components/Misc/Transition.js +0 -6
- package/dist/components/Typography/CollapsibleText.d.ts.map +0 -1
- package/dist/components/Typography/Formula.d.ts.map +0 -1
- package/dist/components/Typography/Fraction.d.ts.map +0 -1
- package/dist/components/Typography/Text.d.ts.map +0 -1
- package/dist/components/Typography/Title.d.ts.map +0 -1
- package/dist/hooks/useDropdowns.d.ts +0 -9
- package/dist/hooks/useDropdowns.d.ts.map +0 -1
- package/dist/hooks/useDropdowns.js +0 -12
- /package/dist/components/Data/{CheckboxTable.d.ts → CheckboxTable/CheckboxTable.d.ts} +0 -0
- /package/dist/components/Data/{RemovableItemList.d.ts → RemovableItemList/RemovableItemList.d.ts} +0 -0
- /package/dist/components/Info/Modals/{Modal.d.ts → Modal/Modal.d.ts} +0 -0
- /package/dist/components/Info/Modals/{ModalProvider.d.ts → ModalProvider/ModalProvider.d.ts} +0 -0
- /package/dist/components/Info/Modals/{ModalProvider.js → ModalProvider/ModalProvider.js} +0 -0
- /package/dist/components/Info/Notifications/{NotificationProvider.d.ts → NotificationProvider/NotificationProvider.d.ts} +0 -0
- /package/dist/components/Info/Tooltips/{FormulaTooltip.d.ts → FormulaTooltip/FormulaTooltip.d.ts} +0 -0
- /package/dist/components/Info/Tooltips/{InfoTooltip.d.ts → InfoTooltip/InfoTooltip.d.ts} +0 -0
- /package/dist/components/Info/Tooltips/{Tooltip.d.ts → Tooltip/Tooltip.d.ts} +0 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Divider } from '
|
|
3
|
-
import { textStyle } from '
|
|
4
|
-
import { Text } from '
|
|
5
|
-
import { Stack } from '
|
|
2
|
+
import { Divider } from '../../Layout/Divider/Divider';
|
|
3
|
+
import { textStyle } from '../../../constants';
|
|
4
|
+
import { Text } from '../Text/Text';
|
|
5
|
+
import { Stack } from '../../Layout/Stack/Stack';
|
|
6
6
|
const Fraction = ({ numerator, denominator, variant = 'body', color, weight, size }) => {
|
|
7
7
|
const selectedVariant = textStyle[variant];
|
|
8
8
|
return (_jsxs(Stack, { sx: { display: 'inline-flex', alignItems: 'center', lineHeight: 1 }, gap: "0.25rem", children: [_jsx(Text, { variant: variant, color: color, weight: weight, size: size, sx: { display: 'block', textAlign: 'center' }, children: numerator }), _jsx(Divider, { color: color || selectedVariant.color, width: "100%" }), _jsx(Text, { variant: variant, color: color, weight: weight, size: size, sx: { display: 'block', textAlign: 'center' }, children: denominator })] }));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { CSSProperties } from 'react';
|
|
2
2
|
import { TextProps as MantineTextProps } from '@mantine/core';
|
|
3
|
-
import { textStyle, fontSize, fontWeight } from '
|
|
3
|
+
import { textStyle, fontSize, fontWeight } from '../../../constants/font';
|
|
4
4
|
export interface TextProps extends MantineTextProps {
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
variant?: keyof typeof textStyle;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAuB,SAAS,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1E,MAAM,WAAW,SAAU,SAAQ,gBAAgB;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,IAAI,GAAI,8DAAuE,SAAS,4CAsC7F,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Text as MantineText } from '@mantine/core';
|
|
3
|
-
import { textStyle, fontSize, fontWeight } from '
|
|
3
|
+
import { textStyle, fontSize, fontWeight } from '../../../constants/font';
|
|
4
4
|
const Text = ({ variant = 'body', size, children, weight, color, styles, ...props }) => {
|
|
5
5
|
const selectedVariant = textStyle[variant];
|
|
6
6
|
const customSize = size ? fontSize[size] : {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { CSSProperties } from 'react';
|
|
2
2
|
import { TitleProps as MantineTitleProps } from '@mantine/core';
|
|
3
|
-
import { fontSize, fontWeight } from '
|
|
3
|
+
import { fontSize, fontWeight } from '../../../constants/font';
|
|
4
4
|
declare const titleOrderMap: {
|
|
5
5
|
readonly header: 1;
|
|
6
6
|
readonly sectionHeader: 2;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Title/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAc,QAAQ,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG3E,QAAA,MAAM,aAAa;;;;;;;CAOT,CAAC;AAEX,UAAU,UAAW,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,KAAK,GAAI,8DAAgF,UAAU,4CAsBxG,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Title as MantineTitle } from '@mantine/core';
|
|
3
|
-
import { titleStyle, fontSize, fontWeight } from '
|
|
3
|
+
import { titleStyle, fontSize, fontWeight } from '../../../constants/font';
|
|
4
4
|
// Map our custom variants to appropriate Title orders
|
|
5
5
|
const titleOrderMap = {
|
|
6
6
|
header: 1,
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
export { CheckboxTable } from './Data/CheckboxTable';
|
|
2
|
-
export { Chart } from './Data/Chart';
|
|
3
|
-
export { ChartCard } from './Data/Cards/ChartCard';
|
|
4
|
-
export { PieChart } from './Data/PieChart';
|
|
5
|
-
export { PieChartCard } from './Data/Cards/PieChartCard';
|
|
6
|
-
export { RemovableItemList } from './Data/RemovableItemList';
|
|
7
|
-
export { StatsCard } from './Data/Cards/StatsCard';
|
|
8
|
-
export { StatsBadge } from './Data/StatsBadge';
|
|
9
|
-
export { Modal } from './Info/Modals/Modal';
|
|
10
|
-
export { ModalProvider } from './Info/Modals/ModalProvider';
|
|
11
|
-
export { NotificationProvider } from './Info/Notifications/NotificationProvider';
|
|
12
|
-
export { Badge } from './Info/Badge';
|
|
13
|
-
export { Tooltip } from './Info/Tooltips/Tooltip';
|
|
14
|
-
export { InfoTooltip } from './Info/Tooltips/InfoTooltip';
|
|
15
|
-
export { FormulaTooltip } from './Info/Tooltips/FormulaTooltip';
|
|
16
|
-
export { InfoCard } from './Info/InfoCard';
|
|
1
|
+
export { CheckboxTable } from './Data/CheckboxTable/CheckboxTable';
|
|
2
|
+
export { Chart } from './Data/Chart/Chart';
|
|
3
|
+
export { ChartCard } from './Data/Cards/ChartCard/ChartCard';
|
|
4
|
+
export { PieChart } from './Data/PieChart/PieChart';
|
|
5
|
+
export { PieChartCard } from './Data/Cards/PieChartCard/PieChartCard';
|
|
6
|
+
export { RemovableItemList } from './Data/RemovableItemList/RemovableItemList';
|
|
7
|
+
export { StatsCard } from './Data/Cards/StatsCard/StatsCard';
|
|
8
|
+
export { StatsBadge } from './Data/StatsBadge/StatsBadge';
|
|
9
|
+
export { Modal } from './Info/Modals/Modal/Modal';
|
|
10
|
+
export { ModalProvider } from './Info/Modals/ModalProvider/ModalProvider';
|
|
11
|
+
export { NotificationProvider } from './Info/Notifications/NotificationProvider/NotificationProvider';
|
|
12
|
+
export { Badge } from './Info/Badge/Badge';
|
|
13
|
+
export { Tooltip } from './Info/Tooltips/Tooltip/Tooltip';
|
|
14
|
+
export { InfoTooltip } from './Info/Tooltips/InfoTooltip/InfoTooltip';
|
|
15
|
+
export { FormulaTooltip } from './Info/Tooltips/FormulaTooltip/FormulaTooltip';
|
|
16
|
+
export { InfoCard } from './Info/InfoCard/InfoCard';
|
|
17
17
|
export { AutoComplete } from './Inputs/TextInputs/AutoComplete/AutoComplete';
|
|
18
18
|
export { Button } from './Inputs/Buttons/Button/Button';
|
|
19
19
|
export { UnstyledButton } from './Inputs/Buttons/UnstyledButton/UnstyledButton';
|
|
@@ -44,11 +44,12 @@ export { Stack } from './Layout/Stack/Stack';
|
|
|
44
44
|
export { Card } from './Layout/Card/Card';
|
|
45
45
|
export { SectionCard } from './Layout/SectionCard/SectionCard';
|
|
46
46
|
export { Tabs } from './Layout/Tabs/Tabs';
|
|
47
|
-
export { CollapsibleText } from './Typography/CollapsibleText';
|
|
48
|
-
export { Text } from './Typography/Text';
|
|
49
|
-
export { Title } from './Typography/Title';
|
|
50
|
-
export { Fraction } from './Typography/Fraction';
|
|
51
|
-
export { Formula } from './Typography/Formula';
|
|
47
|
+
export { CollapsibleText } from './Typography/CollapsibleText/CollapsibleText';
|
|
48
|
+
export { Text } from './Typography/Text/Text';
|
|
49
|
+
export { Title } from './Typography/Title/Title';
|
|
50
|
+
export { Fraction } from './Typography/Fraction/Fraction';
|
|
51
|
+
export { Formula } from './Typography/Formula/Formula';
|
|
52
52
|
export { Transition } from './Misc/Transition/Transition';
|
|
53
53
|
export { IconBadge } from './Misc/IconBadge/IconBadge';
|
|
54
|
+
export { LoadingOverlay } from './Misc/LoadingOverlay/LoadingOverlay';
|
|
54
55
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG1D,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,gEAAgE,CAAC;AACtG,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAGlE,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
//Data
|
|
2
|
-
export { CheckboxTable } from './Data/CheckboxTable';
|
|
3
|
-
export { Chart } from './Data/Chart';
|
|
4
|
-
export { ChartCard } from './Data/Cards/ChartCard';
|
|
5
|
-
export { PieChart } from './Data/PieChart';
|
|
6
|
-
export { PieChartCard } from './Data/Cards/PieChartCard';
|
|
7
|
-
export { RemovableItemList } from './Data/RemovableItemList';
|
|
8
|
-
export { StatsCard } from './Data/Cards/StatsCard';
|
|
9
|
-
export { StatsBadge } from './Data/StatsBadge';
|
|
2
|
+
export { CheckboxTable } from './Data/CheckboxTable/CheckboxTable';
|
|
3
|
+
export { Chart } from './Data/Chart/Chart';
|
|
4
|
+
export { ChartCard } from './Data/Cards/ChartCard/ChartCard';
|
|
5
|
+
export { PieChart } from './Data/PieChart/PieChart';
|
|
6
|
+
export { PieChartCard } from './Data/Cards/PieChartCard/PieChartCard';
|
|
7
|
+
export { RemovableItemList } from './Data/RemovableItemList/RemovableItemList';
|
|
8
|
+
export { StatsCard } from './Data/Cards/StatsCard/StatsCard';
|
|
9
|
+
export { StatsBadge } from './Data/StatsBadge/StatsBadge';
|
|
10
10
|
//Info
|
|
11
|
-
export { Modal } from './Info/Modals/Modal';
|
|
12
|
-
export { ModalProvider } from './Info/Modals/ModalProvider';
|
|
13
|
-
export { NotificationProvider } from './Info/Notifications/NotificationProvider';
|
|
14
|
-
export { Badge } from './Info/Badge';
|
|
15
|
-
export { Tooltip } from './Info/Tooltips/Tooltip';
|
|
16
|
-
export { InfoTooltip } from './Info/Tooltips/InfoTooltip';
|
|
17
|
-
export { FormulaTooltip } from './Info/Tooltips/FormulaTooltip';
|
|
18
|
-
export { InfoCard } from './Info/InfoCard';
|
|
11
|
+
export { Modal } from './Info/Modals/Modal/Modal';
|
|
12
|
+
export { ModalProvider } from './Info/Modals/ModalProvider/ModalProvider';
|
|
13
|
+
export { NotificationProvider } from './Info/Notifications/NotificationProvider/NotificationProvider';
|
|
14
|
+
export { Badge } from './Info/Badge/Badge';
|
|
15
|
+
export { Tooltip } from './Info/Tooltips/Tooltip/Tooltip';
|
|
16
|
+
export { InfoTooltip } from './Info/Tooltips/InfoTooltip/InfoTooltip';
|
|
17
|
+
export { FormulaTooltip } from './Info/Tooltips/FormulaTooltip/FormulaTooltip';
|
|
18
|
+
export { InfoCard } from './Info/InfoCard/InfoCard';
|
|
19
19
|
//Inputs
|
|
20
20
|
export { AutoComplete } from './Inputs/TextInputs/AutoComplete/AutoComplete';
|
|
21
21
|
export { Button } from './Inputs/Buttons/Button/Button';
|
|
@@ -49,11 +49,12 @@ export { Card } from './Layout/Card/Card';
|
|
|
49
49
|
export { SectionCard } from './Layout/SectionCard/SectionCard';
|
|
50
50
|
export { Tabs } from './Layout/Tabs/Tabs';
|
|
51
51
|
//Typography
|
|
52
|
-
export { CollapsibleText } from './Typography/CollapsibleText';
|
|
53
|
-
export { Text } from './Typography/Text';
|
|
54
|
-
export { Title } from './Typography/Title';
|
|
55
|
-
export { Fraction } from './Typography/Fraction';
|
|
56
|
-
export { Formula } from './Typography/Formula';
|
|
52
|
+
export { CollapsibleText } from './Typography/CollapsibleText/CollapsibleText';
|
|
53
|
+
export { Text } from './Typography/Text/Text';
|
|
54
|
+
export { Title } from './Typography/Title/Title';
|
|
55
|
+
export { Fraction } from './Typography/Fraction/Fraction';
|
|
56
|
+
export { Formula } from './Typography/Formula/Formula';
|
|
57
57
|
//Misc
|
|
58
58
|
export { Transition } from './Misc/Transition/Transition';
|
|
59
59
|
export { IconBadge } from './Misc/IconBadge/IconBadge';
|
|
60
|
+
export { LoadingOverlay } from './Misc/LoadingOverlay/LoadingOverlay';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { modals } from '@mantine/modals';
|
|
3
3
|
import { neutral } from '../constants/colors';
|
|
4
|
-
import { Title } from '../components/Typography/Title';
|
|
4
|
+
import { Title } from '../components/Typography/Title/Title';
|
|
5
5
|
import { Stack } from '../components/Layout/Stack/Stack';
|
|
6
6
|
import { Center } from '../components/Layout/Center/Center';
|
|
7
7
|
import { modalVariants } from '../components/Info/Modals/variants';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { modals } from '@mantine/modals';
|
|
3
3
|
import { neutral } from '../constants/colors';
|
|
4
|
-
import { Title } from '../components/Typography/Title';
|
|
4
|
+
import { Title } from '../components/Typography/Title/Title';
|
|
5
5
|
import { Stack } from '../components/Layout/Stack/Stack';
|
|
6
6
|
import { Center } from '../components/Layout/Center/Center';
|
|
7
7
|
import { modalVariants } from '../components/Info/Modals/variants';
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChartCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Data/Cards/ChartCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAO7C,MAAM,WAAW,cAAe,SAAQ,UAAU,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkB9C,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PieChartCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Data/Cards/PieChartCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAY,aAAa,EAAE,MAAM,aAAa,CAAC;AAOtD,MAAM,WAAW,iBAAkB,SAAQ,aAAa,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnF,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyCpD,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StatsCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Data/Cards/StatsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAOzD,OAAO,EAAE,UAAU,EAAoB,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACpC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,GAAI,mHAAgJ,cAAc,4CA4DvL,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/Data/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAI/C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmKtC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxTable.d.ts","sourceRoot":"","sources":["../../../src/components/Data/CheckboxTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,kBAAkB;IAC1B,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,GAAI,uFAAgH,kBAAkB,4CAuHxJ,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { formats } from '../../constants/data';
|
|
3
|
-
export interface ChartDataPoint {
|
|
4
|
-
date: string | number;
|
|
5
|
-
value: number;
|
|
6
|
-
label?: string;
|
|
7
|
-
}
|
|
8
|
-
export interface ChartSeries {
|
|
9
|
-
name: string;
|
|
10
|
-
data: ChartDataPoint[];
|
|
11
|
-
color?: string;
|
|
12
|
-
type?: 'line' | 'area' | 'bar';
|
|
13
|
-
}
|
|
14
|
-
export interface ChartProps {
|
|
15
|
-
series: ChartSeries[];
|
|
16
|
-
height?: string | number;
|
|
17
|
-
yAxisFormat?: keyof typeof formats;
|
|
18
|
-
xAxisFormat?: keyof typeof formats;
|
|
19
|
-
showLegend?: boolean;
|
|
20
|
-
loading?: boolean;
|
|
21
|
-
}
|
|
22
|
-
export declare const Chart: React.FC<ChartProps>;
|
|
23
|
-
//# sourceMappingURL=JustChart.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JustChart.d.ts","sourceRoot":"","sources":["../../../src/components/Data/JustChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAK/C,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;CAChC;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmKtC,CAAC"}
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Text } from '../Typography/Text';
|
|
3
|
-
import { Center } from '../Layout/Center';
|
|
4
|
-
import { primary, neutral } from '../../constants/colors';
|
|
5
|
-
import { Area, Bar, CartesianGrid, ComposedChart, Legend, Line, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
|
|
6
|
-
import { Group } from '../Layout/Group';
|
|
7
|
-
import { getChartFormat } from './shared/dataFormats';
|
|
8
|
-
import { Box } from '../Layout/Box';
|
|
9
|
-
import { Stack } from '../Layout/Stack';
|
|
10
|
-
export const Chart = ({ series, height = 300, yAxisFormat = 'decimal', xAxisFormat = 'string', showLegend = true, loading = false }) => {
|
|
11
|
-
var _a;
|
|
12
|
-
const formatYAxisValue = getChartFormat[yAxisFormat];
|
|
13
|
-
const formatXAxisValue = (value) => value.toString();
|
|
14
|
-
// Transform data to match Recharts format
|
|
15
|
-
// TODO: This is a hack to get the data in the correct format - we should use the data in the correct format from the start
|
|
16
|
-
const chartData = (_a = series[0]) === null || _a === void 0 ? void 0 : _a.data.map((point, index) => {
|
|
17
|
-
const dataPoint = { date: point.date };
|
|
18
|
-
series.forEach((s) => {
|
|
19
|
-
if (s.data[index]) {
|
|
20
|
-
dataPoint[s.name] = s.data[index].value;
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
return dataPoint;
|
|
24
|
-
});
|
|
25
|
-
const hasData = series.some((s) => s.data.length > 0);
|
|
26
|
-
// Single reusable tick component
|
|
27
|
-
const CustomTick = ({ x, y, payload, formatter }) => {
|
|
28
|
-
return (_jsx("g", { transform: `translate(${x},${y})`, children: _jsx("foreignObject", { x: 0, y: 0, width: 100, height: 20, children: _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100%' }, children: _jsx(Text, { variant: "label", children: formatter(payload.value) }) }) }) }));
|
|
29
|
-
};
|
|
30
|
-
const getTooltipContent = (props) => {
|
|
31
|
-
const { active, payload, label } = props;
|
|
32
|
-
if (active && payload && payload.length) {
|
|
33
|
-
return (_jsx(Box, { sx: {
|
|
34
|
-
backgroundColor: 'white',
|
|
35
|
-
padding: '1rem',
|
|
36
|
-
border: `1px solid ${neutral[100]}`,
|
|
37
|
-
borderRadius: '8px',
|
|
38
|
-
boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
|
|
39
|
-
}, children: _jsxs(Stack, { gap: "0.25rem", children: [_jsx(Text, { weight: "semibold", color: neutral[300], children: formatXAxisValue(label) }), payload.map((entry) => (_jsxs(Group, { gap: "0.5rem", children: [_jsx("div", { style: {
|
|
40
|
-
width: '8px',
|
|
41
|
-
height: '8px',
|
|
42
|
-
borderRadius: '50%',
|
|
43
|
-
backgroundColor: entry.color,
|
|
44
|
-
} }), _jsxs(Group, { gap: "0.25rem", children: [_jsxs(Text, { variant: "label", color: neutral[300], children: [entry.name, ":"] }), _jsx(Text, { variant: "label", children: formatYAxisValue(entry.value) })] })] }, entry.name)))] }) }));
|
|
45
|
-
}
|
|
46
|
-
return null;
|
|
47
|
-
};
|
|
48
|
-
return (_jsx(_Fragment, { children: loading || !hasData ? (_jsx(Center, { style: { height, backgroundColor: neutral[25], borderRadius: '8px' }, children: _jsx(Text, { variant: "label", color: neutral[200], children: loading ? 'Loading...' : 'No data available' }) })) : (_jsxs(_Fragment, { children: [_jsx(Center, { style: { height, width: '100%' }, children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(ComposedChart, { data: chartData, children: [_jsx("defs", { children: series.map((s, index) => (_jsxs("linearGradient", { id: `gradient-${index}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: s.color || primary[200], stopOpacity: 0.3 }), _jsx("stop", { offset: "99%", stopColor: s.color || primary[200], stopOpacity: 0.05 })] }, s.name))) }), _jsx(XAxis, { dataKey: "date", axisLine: { stroke: neutral[50] }, tickLine: { stroke: neutral[50] }, tick: (props) => _jsx(CustomTick, { ...props, formatter: formatXAxisValue }) }), _jsx(YAxis, { width: 40, axisLine: false, tickLine: false, tick: (props) => _jsx(CustomTick, { ...props, formatter: formatYAxisValue }) }), _jsx(CartesianGrid, { strokeDasharray: "0", stroke: neutral[50], horizontal: true, vertical: false }), series.map((s, index) => {
|
|
49
|
-
const seriesType = s.type || 'line';
|
|
50
|
-
if (seriesType === 'area') {
|
|
51
|
-
return (_jsx(Area, { type: "monotone", dataKey: s.name, stroke: s.color || primary[200], strokeWidth: 2, fill: `url(#gradient-${index})`, baseValue: "dataMin", style: { outline: 'none' } }, s.name));
|
|
52
|
-
}
|
|
53
|
-
else if (seriesType === 'bar') {
|
|
54
|
-
return (_jsx(Bar, { dataKey: s.name, fill: s.color || primary[200], radius: [8, 8, 0, 0], style: { outline: 'none' }, onMouseEnter: (data, index, event) => {
|
|
55
|
-
const barElement = event.target;
|
|
56
|
-
if (barElement) {
|
|
57
|
-
barElement.style.opacity = '0.8';
|
|
58
|
-
}
|
|
59
|
-
}, onMouseLeave: (data, index, event) => {
|
|
60
|
-
const barElement = event.target;
|
|
61
|
-
if (barElement) {
|
|
62
|
-
barElement.style.opacity = '1';
|
|
63
|
-
}
|
|
64
|
-
} }, s.name));
|
|
65
|
-
}
|
|
66
|
-
else {
|
|
67
|
-
return _jsx(Line, { type: "monotone", dataKey: s.name, stroke: s.color || primary[200], strokeWidth: 2, dot: false, style: { outline: 'none' } }, s.name);
|
|
68
|
-
}
|
|
69
|
-
}), _jsx(Tooltip, { content: getTooltipContent, cursor: series.some((s) => s.type === 'bar') ? false : true }), showLegend && (_jsx(Legend, { iconType: "circle", iconSize: 8, formatter: (value) => (_jsx(Text, { variant: "label", sx: { color: neutral[300], display: 'inline', whiteSpace: 'nowrap' }, children: value })) }))] }) }) }), _jsx("style", { children: `.recharts-surface { outline: none; }` })] })) }));
|
|
70
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { numberFormats } from '../../constants/data';
|
|
3
|
-
export interface PieChartDataPoint {
|
|
4
|
-
name: string;
|
|
5
|
-
value: number;
|
|
6
|
-
color?: string;
|
|
7
|
-
}
|
|
8
|
-
export interface JustPieChartProps {
|
|
9
|
-
data: PieChartDataPoint[];
|
|
10
|
-
height?: string | number;
|
|
11
|
-
showLegend?: boolean;
|
|
12
|
-
innerRadius?: number;
|
|
13
|
-
outerRadius?: number;
|
|
14
|
-
paddingAngle?: number;
|
|
15
|
-
format?: keyof typeof numberFormats;
|
|
16
|
-
loading?: boolean;
|
|
17
|
-
centerTitle?: string;
|
|
18
|
-
}
|
|
19
|
-
export declare const JustPieChart: React.FC<JustPieChartProps>;
|
|
20
|
-
//# sourceMappingURL=JustPieChart.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JustPieChart.d.ts","sourceRoot":"","sources":["../../../src/components/Data/JustPieChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+IpD,CAAC"}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Text } from '../Typography/Text';
|
|
3
|
-
import { Center } from '../Layout/Center';
|
|
4
|
-
import { Group } from '../Layout/Group';
|
|
5
|
-
import { neutral } from '../../constants/colors';
|
|
6
|
-
import { PieChart as RechartsPieChart, Pie, Cell, ResponsiveContainer, Tooltip, Legend } from 'recharts';
|
|
7
|
-
import { Title } from '../Typography/Title';
|
|
8
|
-
import { Stack } from '../Layout/Stack';
|
|
9
|
-
import { getChartFormatter } from './shared/chartFormats';
|
|
10
|
-
export const JustPieChart = ({ data, height = '30rem', showLegend = true, innerRadius = 80, outerRadius = 100, paddingAngle = 5, format = 'decimal', loading = false, centerTitle, }) => {
|
|
11
|
-
const hasData = data && data.length > 0;
|
|
12
|
-
const totalValue = hasData ? data.reduce((sum, item) => sum + item.value, 0) : 0;
|
|
13
|
-
const firstDataPoint = hasData ? data[0] : null;
|
|
14
|
-
const firstDataPercentage = firstDataPoint && totalValue > 0 ? Math.round((firstDataPoint.value / totalValue) * 100) : 0;
|
|
15
|
-
const valueFormatter = (value) => getChartFormatter(format)(value);
|
|
16
|
-
// Custom tooltip component
|
|
17
|
-
const CustomTooltip = ({ active, payload, label }) => {
|
|
18
|
-
if (active && payload && payload.length) {
|
|
19
|
-
return (_jsxs("div", { style: {
|
|
20
|
-
backgroundColor: 'white',
|
|
21
|
-
padding: '10px',
|
|
22
|
-
border: `1px solid ${neutral[100]}`,
|
|
23
|
-
borderRadius: '8px',
|
|
24
|
-
boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
|
|
25
|
-
zIndex: 1000,
|
|
26
|
-
position: 'relative',
|
|
27
|
-
}, children: [_jsx(Text, { weight: "semibold", color: neutral[300], children: label }), payload.map((entry) => (_jsxs(Group, { children: [_jsx("div", { style: {
|
|
28
|
-
width: '8px',
|
|
29
|
-
height: '8px',
|
|
30
|
-
borderRadius: '50%',
|
|
31
|
-
backgroundColor: entry.payload.color,
|
|
32
|
-
} }), _jsxs(Group, { gap: "0.25rem", children: [_jsxs(Text, { variant: "label", color: neutral[300], children: [entry.payload.name, ":"] }), _jsx(Text, { variant: "label", children: valueFormatter(entry.payload.value) })] })] }, entry.name)))] }));
|
|
33
|
-
}
|
|
34
|
-
return null;
|
|
35
|
-
};
|
|
36
|
-
return (_jsxs(_Fragment, { children: [loading || !hasData ? (_jsx(Center, { style: { height, backgroundColor: neutral[25], borderRadius: '8px' }, children: _jsx(Text, { variant: "label", color: neutral[200], children: loading ? 'Loading...' : 'No data available' }) })) : (_jsxs(Center, { style: { height, width: '100%', position: 'relative' }, children: [_jsx(ResponsiveContainer, { width: "100%", height: "100%", style: { outline: 'none' }, children: _jsxs(RechartsPieChart, { style: { outline: 'none' }, children: [_jsx(Pie, { data: data, innerRadius: innerRadius, outerRadius: outerRadius, paddingAngle: paddingAngle, dataKey: "value", style: { outline: 'none' }, children: data.map((entry, index) => (_jsx(Cell, { fill: entry.color, style: { outline: 'none' } }, `cell-${entry.name}`))) }), _jsx(Tooltip, { content: _jsx(CustomTooltip, {}), wrapperStyle: {
|
|
37
|
-
border: 'none',
|
|
38
|
-
outline: 'none',
|
|
39
|
-
boxShadow: 'none',
|
|
40
|
-
zIndex: 1000,
|
|
41
|
-
}, contentStyle: {
|
|
42
|
-
border: 'none',
|
|
43
|
-
outline: 'none',
|
|
44
|
-
boxShadow: 'none',
|
|
45
|
-
padding: 0,
|
|
46
|
-
margin: 0,
|
|
47
|
-
backgroundColor: 'transparent',
|
|
48
|
-
} }), showLegend && (_jsx(Legend, { iconType: "circle", iconSize: 8, style: {
|
|
49
|
-
marginTop: '1rem',
|
|
50
|
-
}, formatter: (value) => (_jsx(Text, { variant: "label", style: {
|
|
51
|
-
color: neutral[300],
|
|
52
|
-
display: 'inline',
|
|
53
|
-
whiteSpace: 'nowrap',
|
|
54
|
-
}, children: value })) }))] }) }), _jsx(Center, { style: {
|
|
55
|
-
position: 'absolute',
|
|
56
|
-
top: '45%',
|
|
57
|
-
left: '50%',
|
|
58
|
-
transform: 'translate(-50%, -50%)',
|
|
59
|
-
textAlign: 'center',
|
|
60
|
-
zIndex: 1,
|
|
61
|
-
pointerEvents: 'none',
|
|
62
|
-
}, children: _jsxs(Stack, { gap: "0", align: "center", children: [_jsxs(Title, { variant: "cardHeader", color: neutral[300], children: [firstDataPercentage, "%"] }), _jsx(Text, { variant: "label", children: centerTitle })] }) })] })), _jsx("style", { children: `.recharts-surface { outline: none; }` })] }));
|
|
63
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../src/components/Data/PieChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,OAAO,aAAa,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,yBAAyB,CAAC;CAC3C;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwH5C,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RemovableItemList.d.ts","sourceRoot":"","sources":["../../../src/components/Data/RemovableItemList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,sBAAsB;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,GAAI,6CAAkD,sBAAsB,4CAgElG,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StatsBadge.d.ts","sourceRoot":"","sources":["../../../src/components/Data/StatsBadge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,UAAU,eAAgB,SAAQ,UAAU;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,GAAI,sCAA0D,eAAe,4CA2B5F,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CardProps } from '../Layout/Card';
|
|
3
|
-
import { primitives } from '../../constants/colors';
|
|
4
|
-
import { dataFormats } from './shared/dataFormats';
|
|
5
|
-
export interface StatsCardProps extends Omit<CardProps, 'children'> {
|
|
6
|
-
value: number;
|
|
7
|
-
title: string;
|
|
8
|
-
description?: string;
|
|
9
|
-
format?: keyof typeof dataFormats;
|
|
10
|
-
isDelta?: boolean;
|
|
11
|
-
icon?: React.ReactNode;
|
|
12
|
-
iconColor?: keyof typeof primitives;
|
|
13
|
-
tooltip?: React.ReactNode;
|
|
14
|
-
increaseDescription?: string;
|
|
15
|
-
}
|
|
16
|
-
export declare const StatsCard: ({ value, format, isDelta, title, description, increaseDescription, icon: Icon, iconColor, tooltip, ...cardProps }: StatsCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
//# sourceMappingURL=StatsCard.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StatsCard.d.ts","sourceRoot":"","sources":["../../../src/components/Data/StatsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMjD,OAAO,EAAE,UAAU,EAAoB,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACpC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,GAAI,mHAAgJ,cAAc,4CA4DvL,CAAC"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Card } from '../Layout/Card';
|
|
3
|
-
import { InfoTooltip } from '../Info/Tooltips/InfoTooltip';
|
|
4
|
-
import { Text } from '../Typography/Text';
|
|
5
|
-
import { Title } from '../Typography/Title';
|
|
6
|
-
import { Group } from '../Layout/Group';
|
|
7
|
-
import { Stack } from '../Layout/Stack';
|
|
8
|
-
import { success, neutral } from '../../constants/colors';
|
|
9
|
-
import { dataFormats } from './shared/dataFormats';
|
|
10
|
-
import { IconBadge } from '../Misc/IconBadge';
|
|
11
|
-
export const StatsCard = ({ value, format = 'decimal', isDelta = false, title, description, increaseDescription, icon: Icon, iconColor = 'blue', tooltip, ...cardProps }) => {
|
|
12
|
-
const getDelta = () => {
|
|
13
|
-
const currentDirection = isDelta ? (value > 0 ? 'positive' : value < 0 ? 'negative' : null) : null;
|
|
14
|
-
return {
|
|
15
|
-
direction: currentDirection,
|
|
16
|
-
color: currentDirection === 'positive' ? success[200] : currentDirection === 'negative' ? neutral[200] : undefined,
|
|
17
|
-
showIncrementalText: currentDirection === 'positive',
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
const delta = getDelta();
|
|
21
|
-
const formatValue = () => {
|
|
22
|
-
const config = dataFormats[format];
|
|
23
|
-
const formattedNumber = value.toLocaleString('en-US', {
|
|
24
|
-
minimumFractionDigits: config.decimalPlaces,
|
|
25
|
-
maximumFractionDigits: config.decimalPlaces,
|
|
26
|
-
});
|
|
27
|
-
let result = formattedNumber;
|
|
28
|
-
if (delta.direction === 'positive') {
|
|
29
|
-
result = `+${result}`;
|
|
30
|
-
}
|
|
31
|
-
else if (delta.direction === 'negative') {
|
|
32
|
-
result = `-${result}`;
|
|
33
|
-
}
|
|
34
|
-
result = `${config.prefix}${result}${config.suffix}`;
|
|
35
|
-
return result;
|
|
36
|
-
};
|
|
37
|
-
return (_jsx(Card, { bg: neutral[25], animate: true, ...cardProps, children: _jsxs(Stack, { gap: "1.6rem", children: [_jsxs(Stack, { gap: "0.25rem", children: [_jsxs(Group, { position: "apart", children: [_jsx(Title, { size: "3xl", weight: "bold", children: formatValue() }), Icon && _jsx(IconBadge, { icon: Icon, color: iconColor })] }), _jsxs(Group, { gap: "0.75rem", children: [_jsx(Title, { variant: "cardHeader", color: "#6D6D6D", weight: "medium", children: title }), tooltip && _jsx(InfoTooltip, { text: tooltip })] })] }), _jsxs(Stack, { gap: "0", children: [description && _jsx(Text, { variant: "label", children: description }), delta.showIncrementalText && increaseDescription && (_jsx(Text, { variant: "label", color: delta.color, children: increaseDescription }))] })] }) }));
|
|
38
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { formats, truncation } from '../../../constants/data';
|
|
2
|
-
interface FormatOptions {
|
|
3
|
-
truncateAt?: keyof typeof truncation;
|
|
4
|
-
decimalPlaces?: number;
|
|
5
|
-
}
|
|
6
|
-
export declare const getChartFormatter: (format: keyof typeof formats, options?: FormatOptions) => ((value: string | number) => string);
|
|
7
|
-
export {};
|
|
8
|
-
//# sourceMappingURL=chartFormats.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chartFormats.d.ts","sourceRoot":"","sources":["../../../../src/components/Data/shared/chartFormats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE7E,UAAU,aAAa;IACrB,UAAU,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAeD,eAAO,MAAM,iBAAiB,GAAI,QAAQ,MAAM,OAAO,OAAO,EAAE,UAAU,aAAa,KAAG,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAa5H,CAAC"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { numberFormats, truncation } from '../../../constants/data';
|
|
2
|
-
const formatAndTruncate = (value, format, options) => {
|
|
3
|
-
var _a, _b;
|
|
4
|
-
const absValue = Math.abs(value);
|
|
5
|
-
const config = numberFormats[format];
|
|
6
|
-
const truncateConfig = truncation[(_a = options === null || options === void 0 ? void 0 : options.truncateAt) !== null && _a !== void 0 ? _a : 'thousand'];
|
|
7
|
-
const computedDecimalPlaces = (_b = options === null || options === void 0 ? void 0 : options.decimalPlaces) !== null && _b !== void 0 ? _b : config.decimalPlaces;
|
|
8
|
-
if (absValue >= truncateConfig.threshold) {
|
|
9
|
-
return `${config.prefix}${(value / truncateConfig.threshold).toFixed(1)}${truncateConfig.suffix}${config.suffix}`;
|
|
10
|
-
}
|
|
11
|
-
else {
|
|
12
|
-
return `${config.prefix}${value.toFixed(computedDecimalPlaces)}${config.suffix}`;
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
export const getChartFormatter = (format, options) => {
|
|
16
|
-
if (format === 'string') {
|
|
17
|
-
return (value) => String(value);
|
|
18
|
-
}
|
|
19
|
-
else if (format in numberFormats) {
|
|
20
|
-
return (value) => {
|
|
21
|
-
const numValue = typeof value === 'string' ? parseFloat(value) : value;
|
|
22
|
-
if (isNaN(numValue)) {
|
|
23
|
-
return String(value);
|
|
24
|
-
}
|
|
25
|
-
return formatAndTruncate(numValue, format, options);
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
throw new Error(`Invalid format: ${format}`);
|
|
29
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export declare const getChartFormat: {
|
|
2
|
-
string: (value: string) => string;
|
|
3
|
-
integer: (value: number) => string;
|
|
4
|
-
decimal: (value: number) => string;
|
|
5
|
-
currency: (value: number) => string;
|
|
6
|
-
percentage: (value: number) => string;
|
|
7
|
-
multiple: (value: number) => string;
|
|
8
|
-
};
|
|
9
|
-
//# sourceMappingURL=dataFormats.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dataFormats.d.ts","sourceRoot":"","sources":["../../../../src/components/Data/shared/dataFormats.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,cAAc;oBACT,MAAM,KAAG,MAAM;qBACd,MAAM,KAAG,MAAM;qBACf,MAAM,KAAG,MAAM;sBACd,MAAM,KAAG,MAAM;wBACb,MAAM,KAAG,MAAM;sBACjB,MAAM,KAAG,MAAM;CAClC,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { formats, truncation } from '../../../constants/data';
|
|
2
|
-
const formatAndTruncate = (value, format, threshold = 'million') => {
|
|
3
|
-
const absValue = Math.abs(value);
|
|
4
|
-
const config = formats[format];
|
|
5
|
-
const truncateConfig = truncation[threshold];
|
|
6
|
-
if (absValue >= truncateConfig.threshold) {
|
|
7
|
-
return `${config.prefix}${(value / truncateConfig.threshold).toFixed(1)}${truncateConfig.suffix}${config.suffix}`;
|
|
8
|
-
}
|
|
9
|
-
else {
|
|
10
|
-
return `${config.prefix}${value.toFixed(config.decimalPlaces)}${config.suffix}`;
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
export const getChartFormat = {
|
|
14
|
-
string: (value) => value,
|
|
15
|
-
integer: (value) => formatAndTruncate(value, 'integer', 'thousand'),
|
|
16
|
-
decimal: (value) => formatAndTruncate(value, 'decimal', 'thousand'),
|
|
17
|
-
currency: (value) => formatAndTruncate(value, 'currency', 'thousand'),
|
|
18
|
-
percentage: (value) => formatAndTruncate(value, 'percentage', 'thousand'),
|
|
19
|
-
multiple: (value) => formatAndTruncate(value, 'multiple', 'thousand'),
|
|
20
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Info/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,UAAU,UAAW,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;CAC7C;AAED,QAAA,MAAM,KAAK,GAAI,4CAA2E,UAAU,4CA8DnG,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InfoCard.d.ts","sourceRoot":"","sources":["../../../src/components/Info/InfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,GAAI,qCAAiD,aAAa,4CAwBtF,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Info/Modals/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,UAAU;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAGD,eAAO,MAAM,KAAK,GAAI,6DAAuE,UAAU,4CAoEtG,CAAC"}
|