@servicetitan/marketing-ui 1.7.0 → 1.11.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/ads/ads-stat.d.ts +3 -3
- package/dist/components/ads/ads-stat.d.ts.map +1 -1
- package/dist/components/ads/ads-stat.js +4 -4
- package/dist/components/ads/ads-stat.js.map +1 -1
- package/dist/components/charts/funnel-chart/components/funnel-chart.d.ts +2 -2
- package/dist/components/charts/funnel-chart/components/funnel-chart.d.ts.map +1 -1
- package/dist/components/charts/funnel-chart/components/funnel-chart.js +4 -4
- package/dist/components/charts/funnel-chart/components/funnel-chart.js.map +1 -1
- package/dist/components/charts/funnel-chart/components/funnel-svg.d.ts +2 -2
- package/dist/components/charts/funnel-chart/components/funnel-svg.d.ts.map +1 -1
- package/dist/components/charts/funnel-chart/components/funnel-svg.js +4 -4
- package/dist/components/charts/funnel-chart/components/funnel-svg.js.map +1 -1
- package/dist/components/charts/funnel-chart/funnel-chart.stories.d.ts +2 -2
- package/dist/components/charts/funnel-chart/funnel-chart.stories.d.ts.map +1 -1
- package/dist/components/charts/funnel-chart/funnel-chart.stories.js +5 -5
- package/dist/components/charts/funnel-chart/funnel-chart.stories.js.map +1 -1
- package/dist/components/charts/line-chart/components/body.d.ts +2 -2
- package/dist/components/charts/line-chart/components/body.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/body.js +12 -12
- package/dist/components/charts/line-chart/components/body.js.map +1 -1
- package/dist/components/charts/line-chart/components/container.d.ts +2 -2
- package/dist/components/charts/line-chart/components/container.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/container.js +5 -5
- package/dist/components/charts/line-chart/components/container.js.map +1 -1
- package/dist/components/charts/line-chart/components/hover-popover.d.ts +2 -2
- package/dist/components/charts/line-chart/components/hover-popover.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/hover-popover.js +8 -8
- package/dist/components/charts/line-chart/components/hover-popover.js.map +1 -1
- package/dist/components/charts/line-chart/components/hover-popover.module.less +1 -1
- package/dist/components/charts/line-chart/components/sidebar.d.ts +2 -2
- package/dist/components/charts/line-chart/components/sidebar.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/sidebar.js +3 -3
- package/dist/components/charts/line-chart/components/sidebar.js.map +1 -1
- package/dist/components/charts/line-chart/components/sidebar.module.less +2 -2
- package/dist/components/charts/line-chart/components/stuff.d.ts +4 -4
- package/dist/components/charts/line-chart/components/stuff.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/stuff.js +6 -6
- package/dist/components/charts/line-chart/components/stuff.js.map +1 -1
- package/dist/components/charts/line-chart/components/svg-bars.d.ts +3 -3
- package/dist/components/charts/line-chart/components/svg-bars.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/svg-bars.js +9 -9
- package/dist/components/charts/line-chart/components/svg-bars.js.map +1 -1
- package/dist/components/charts/line-chart/components/svg-body.d.ts +3 -3
- package/dist/components/charts/line-chart/components/svg-body.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/svg-body.js +6 -6
- package/dist/components/charts/line-chart/components/svg-body.js.map +1 -1
- package/dist/components/charts/line-chart/components/svg-lines.d.ts +2 -2
- package/dist/components/charts/line-chart/components/svg-lines.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/svg-lines.js +5 -5
- package/dist/components/charts/line-chart/components/svg-lines.js.map +1 -1
- package/dist/components/charts/line-chart/line-chart.stories.d.ts +2 -2
- package/dist/components/charts/line-chart/line-chart.stories.d.ts.map +1 -1
- package/dist/components/charts/line-chart/line-chart.stories.js +7 -7
- package/dist/components/charts/line-chart/line-chart.stories.js.map +1 -1
- package/dist/components/charts/line-chart/stores/line-chart.store.js +5 -5
- package/dist/components/charts/line-chart/stores/line-chart.store.js.map +1 -1
- package/dist/components/charts/line-chart/stores/svg.store.js +2 -2
- package/dist/components/charts/line-chart/stores/svg.store.js.map +1 -1
- package/dist/components/charts/line-chart/utils/formatters.js +2 -2
- package/dist/components/charts/line-chart/utils/formatters.js.map +1 -1
- package/dist/components/charts/line-chart/utils/interfaces.d.ts +2 -2
- package/dist/components/charts/line-chart/utils/interfaces.d.ts.map +1 -1
- package/dist/components/charts/line-chart/utils/labels.js +16 -16
- package/dist/components/charts/line-chart/utils/labels.js.map +1 -1
- package/dist/components/charts/pie-chart/components/pie-chart.d.ts +2 -2
- package/dist/components/charts/pie-chart/components/pie-chart.d.ts.map +1 -1
- package/dist/components/charts/pie-chart/components/pie-chart.js +5 -5
- package/dist/components/charts/pie-chart/components/pie-chart.js.map +1 -1
- package/dist/components/charts/pie-chart/components/pie.d.ts +5 -2
- package/dist/components/charts/pie-chart/components/pie.d.ts.map +1 -1
- package/dist/components/charts/pie-chart/components/pie.js +21 -41
- package/dist/components/charts/pie-chart/components/pie.js.map +1 -1
- package/dist/components/charts/pie-chart/pie-chart.stories.d.ts +3 -2
- package/dist/components/charts/pie-chart/pie-chart.stories.d.ts.map +1 -1
- package/dist/components/charts/pie-chart/pie-chart.stories.js +10 -4
- package/dist/components/charts/pie-chart/pie-chart.stories.js.map +1 -1
- package/dist/components/charts/pie-chart/utils/const.d.ts +2 -2
- package/dist/components/charts/pie-chart/utils/const.d.ts.map +1 -1
- package/dist/components/charts/pie-chart/utils/const.js +10 -8
- package/dist/components/charts/pie-chart/utils/const.js.map +1 -1
- package/dist/components/charts/pie-chart/utils/interface.d.ts +5 -2
- package/dist/components/charts/pie-chart/utils/interface.d.ts.map +1 -1
- package/dist/components/image-cropper/image-cropper.d.ts +2 -2
- package/dist/components/image-cropper/image-cropper.d.ts.map +1 -1
- package/dist/components/image-cropper/image-cropper.js +4 -4
- package/dist/components/image-cropper/image-cropper.js.map +1 -1
- package/dist/components/image-cropper/image-cropper.stories.js +6 -9
- package/dist/components/image-cropper/image-cropper.stories.js.map +1 -1
- package/dist/components/stat/stat-card.d.ts +5 -3
- package/dist/components/stat/stat-card.d.ts.map +1 -1
- package/dist/components/stat/stat-card.js +19 -13
- package/dist/components/stat/stat-card.js.map +1 -1
- package/dist/components/stat/stat-card.module.less +1 -1
- package/dist/components/stat/stat-cards.stories.d.ts +3 -2
- package/dist/components/stat/stat-cards.stories.d.ts.map +1 -1
- package/dist/components/stat/stat-cards.stories.js +7 -6
- package/dist/components/stat/stat-cards.stories.js.map +1 -1
- package/dist/components/stat/stat-extended-card.d.ts.map +1 -1
- package/dist/components/stat/stat-extended-card.js +2 -2
- package/dist/components/stat/stat-extended-card.js.map +1 -1
- package/dist/components/stat/stat-extended-card.stories.d.ts +2 -2
- package/dist/components/stat/stat-extended-card.stories.d.ts.map +1 -1
- package/dist/components/stat/stat-extended-card.stories.js +4 -4
- package/dist/components/stat/stat-extended-card.stories.js.map +1 -1
- package/dist/components/ui/centered-spinner.d.ts +2 -2
- package/dist/components/ui/centered-spinner.d.ts.map +1 -1
- package/dist/components/ui/centered-spinner.js +2 -2
- package/dist/components/ui/centered-spinner.js.map +1 -1
- package/dist/components/ui/centered-spinner.stories.d.ts +2 -2
- package/dist/components/ui/centered-spinner.stories.d.ts.map +1 -1
- package/dist/components/ui/centered-spinner.stories.js +4 -4
- package/dist/components/ui/centered-spinner.stories.js.map +1 -1
- package/dist/components/ui/date-range-picker/date-range-picker.js +5 -5
- package/dist/components/ui/date-range-picker/date-range-picker.js.map +1 -1
- package/dist/components/ui/date-range-picker/date-range-picker.module.less +1 -1
- package/dist/components/ui/date-range-picker/date-range-picker.stories.js +3 -3
- package/dist/components/ui/date-range-picker/date-range-picker.stories.js.map +1 -1
- package/dist/components/ui/disabled-button.d.ts +2 -2
- package/dist/components/ui/disabled-button.d.ts.map +1 -1
- package/dist/components/ui/disabled-button.js +1 -1
- package/dist/components/ui/disabled-button.js.map +1 -1
- package/dist/components/ui/line-text/line-text-body.stories.d.ts +2 -2
- package/dist/components/ui/line-text/line-text-body.stories.d.ts.map +1 -1
- package/dist/components/ui/line-text/line-text-body.stories.js +3 -3
- package/dist/components/ui/line-text/line-text-body.stories.js.map +1 -1
- package/dist/components/ui/line-text/line-text-head.stories.d.ts +2 -2
- package/dist/components/ui/line-text/line-text-head.stories.d.ts.map +1 -1
- package/dist/components/ui/line-text/line-text-head.stories.js +3 -3
- package/dist/components/ui/line-text/line-text-head.stories.js.map +1 -1
- package/dist/components/ui/line-text/line-text.d.ts +3 -3
- package/dist/components/ui/line-text/line-text.d.ts.map +1 -1
- package/dist/components/ui/line-text/line-text.js +7 -7
- package/dist/components/ui/line-text/line-text.js.map +1 -1
- package/dist/utils/ads-texts.d.ts +1 -1
- package/dist/utils/ads-texts.d.ts.map +1 -1
- package/dist/utils/ads-texts.js +1 -0
- package/dist/utils/ads-texts.js.map +1 -1
- package/dist/utils/date/date-range-picker-options.js +2 -2
- package/dist/utils/date/date-range-picker-options.js.map +1 -1
- package/dist/utils/date/date-range-picker-state.js +1 -1
- package/dist/utils/date/date-range-picker-state.js.map +1 -1
- package/dist/utils/date/date.js +1 -1
- package/dist/utils/date/date.js.map +1 -1
- package/dist/utils/formatters.js +7 -7
- package/dist/utils/formatters.js.map +1 -1
- package/dist/utils/use-client-rect.js +6 -25
- package/dist/utils/use-client-rect.js.map +1 -1
- package/package.json +2 -2
- package/src/components/ads/ads-stat.tsx +3 -3
- package/src/components/charts/funnel-chart/components/funnel-chart.tsx +2 -2
- package/src/components/charts/funnel-chart/components/funnel-svg.tsx +2 -2
- package/src/components/charts/funnel-chart/funnel-chart.stories.tsx +2 -2
- package/src/components/charts/line-chart/components/body.tsx +4 -4
- package/src/components/charts/line-chart/components/container.tsx +2 -2
- package/src/components/charts/line-chart/components/hover-popover.module.less +1 -1
- package/src/components/charts/line-chart/components/hover-popover.tsx +4 -4
- package/src/components/charts/line-chart/components/sidebar.module.less +2 -2
- package/src/components/charts/line-chart/components/sidebar.tsx +2 -2
- package/src/components/charts/line-chart/components/stuff.tsx +4 -4
- package/src/components/charts/line-chart/components/svg-bars.tsx +3 -3
- package/src/components/charts/line-chart/components/svg-body.tsx +4 -4
- package/src/components/charts/line-chart/components/svg-lines.tsx +3 -3
- package/src/components/charts/line-chart/line-chart.stories.tsx +1 -1
- package/src/components/charts/line-chart/utils/interfaces.ts +2 -2
- package/src/components/charts/pie-chart/components/pie-chart.tsx +20 -7
- package/src/components/charts/pie-chart/components/pie.tsx +42 -22
- package/src/components/charts/pie-chart/pie-chart.stories.tsx +20 -1
- package/src/components/charts/pie-chart/utils/const.ts +11 -6
- package/src/components/charts/pie-chart/utils/interface.ts +5 -2
- package/src/components/image-cropper/image-cropper.stories.tsx +8 -8
- package/src/components/image-cropper/image-cropper.tsx +2 -2
- package/src/components/stat/stat-card.module.less +1 -1
- package/src/components/stat/stat-card.tsx +17 -6
- package/src/components/stat/stat-cards.stories.tsx +5 -2
- package/src/components/stat/stat-extended-card.stories.tsx +2 -2
- package/src/components/stat/stat-extended-card.tsx +1 -1
- package/src/components/ui/centered-spinner.stories.tsx +2 -2
- package/src/components/ui/centered-spinner.tsx +2 -6
- package/src/components/ui/date-range-picker/date-range-picker.module.less +1 -1
- package/src/components/ui/date-range-picker/date-range-picker.stories.tsx +2 -2
- package/src/components/ui/date-range-picker/date-range-picker.tsx +1 -1
- package/src/components/ui/disabled-button.tsx +2 -2
- package/src/components/ui/line-text/line-text-body.stories.tsx +2 -2
- package/src/components/ui/line-text/line-text-head.stories.tsx +2 -2
- package/src/components/ui/line-text/line-text.tsx +3 -11
- package/src/utils/ads-texts.tsx +3 -0
- package/src/utils/use-client-rect.ts +2 -2
|
@@ -8,13 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
8
8
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
9
|
});
|
|
10
10
|
};
|
|
11
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
12
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
|
-
};
|
|
14
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
12
|
exports.basic = void 0;
|
|
16
13
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
17
|
-
const react_1 =
|
|
14
|
+
const react_1 = require("react");
|
|
18
15
|
const image_cropper_1 = require("./image-cropper");
|
|
19
16
|
exports.default = {
|
|
20
17
|
title: 'Marketing UI/ImageCropper/ImageCropper',
|
|
@@ -22,9 +19,9 @@ exports.default = {
|
|
|
22
19
|
parameters: {},
|
|
23
20
|
};
|
|
24
21
|
const BasicExample = () => {
|
|
25
|
-
const [imageToEdit, setImageToEdit] = react_1.
|
|
26
|
-
const [croppedImage, setCroppedImage] = react_1.
|
|
27
|
-
const imageCropper = react_1.
|
|
22
|
+
const [imageToEdit, setImageToEdit] = (0, react_1.useState)();
|
|
23
|
+
const [croppedImage, setCroppedImage] = (0, react_1.useState)();
|
|
24
|
+
const imageCropper = (0, react_1.useRef)(null);
|
|
28
25
|
const handleFileChange = (e) => {
|
|
29
26
|
var _a;
|
|
30
27
|
const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
|
|
@@ -48,8 +45,8 @@ const BasicExample = () => {
|
|
|
48
45
|
setCroppedImage(reader.result);
|
|
49
46
|
};
|
|
50
47
|
});
|
|
51
|
-
return (jsx_runtime_1.jsxs(react_1.
|
|
48
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "file", accept: "image/png, image/jpeg", onChange: handleFileChange }, void 0), imageToEdit && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { marginTop: 30 } }, { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: handleSave }, { children: "Save cropped image" }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { marginTop: 30 } }, { children: (0, jsx_runtime_1.jsx)(image_cropper_1.ImageCropper, { file: imageToEdit, ref: imageCropper, crop: { width: 300, height: 300 } }, void 0) }), void 0)] }), void 0)), croppedImage && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { marginTop: 30 } }, { children: [(0, jsx_runtime_1.jsx)("a", Object.assign({ href: croppedImage, download: imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.name }, { children: "Download" }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { marginTop: 30 } }, { children: (0, jsx_runtime_1.jsx)("img", { src: croppedImage }, void 0) }), void 0)] }), void 0))] }, void 0));
|
|
52
49
|
};
|
|
53
|
-
const basic = () => jsx_runtime_1.jsx(BasicExample, {}, void 0);
|
|
50
|
+
const basic = () => (0, jsx_runtime_1.jsx)(BasicExample, {}, void 0);
|
|
54
51
|
exports.basic = basic;
|
|
55
52
|
//# sourceMappingURL=image-cropper.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image-cropper.stories.js","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"image-cropper.stories.js","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,iCAAoE;AACpE,mDAA+C;AAE/C,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,4BAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,YAAY,GAAO,GAAG,EAAE;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAQ,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAC;IAE3D,MAAM,YAAY,GAAG,IAAA,cAAM,EAAe,IAAI,CAAC,CAAC;IAEhD,MAAM,gBAAgB,GAAG,CAAC,CAAgC,EAAE,EAAE;;QAC1D,MAAM,IAAI,GAAG,MAAA,CAAC,CAAC,MAAM,CAAC,KAAK,0CAAG,CAAC,CAAC,CAAC;QACjC,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QAED,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAS,EAAE;;QAC1B,IAAI,CAAC,WAAW,EAAE;YACd,OAAO;SACV;QACD,MAAM,IAAI,GAAG,MAAM,CAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,aAAa,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA,CAAC;QAC3F,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QACD,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAChC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC3B,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACjB,eAAe,CAAC,MAAM,CAAC,MAAgB,CAAC,CAAC;QAC7C,CAAC,CAAC;IACN,CAAC,CAAA,CAAC;IAEF,OAAO,CACH,wBAAC,gBAAQ,eACL,kCAAO,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,uBAAuB,EAAC,QAAQ,EAAE,gBAAgB,WAAI,EAC/E,WAAW,IAAI,CACZ,+CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,iBACzB,iDAAQ,OAAO,EAAE,UAAU,gDAA6B,EACxD,8CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,gBACzB,uBAAC,4BAAY,IACT,IAAI,EAAE,WAAW,EACjB,GAAG,EAAE,YAAY,EACjB,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,WACnC,YACA,aACJ,CACT,EACA,YAAY,IAAI,CACb,+CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,iBACzB,4CAAG,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,sCAE9C,EACJ,8CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,gBACzB,gCAAK,GAAG,EAAE,YAAY,WAAI,YACxB,aACJ,CACT,YACM,CACd,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,uBAAC,YAAY,aAAG,CAAC;AAA/B,QAAA,KAAK,SAA0B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { BodyTextPropsStrict } from '@servicetitan/design-system';
|
|
3
3
|
import { NumberFormatter } from '../../utils/formatters';
|
|
4
4
|
interface StatDiffProps {
|
|
@@ -9,8 +9,9 @@ interface StatDiffProps {
|
|
|
9
9
|
inverted?: boolean;
|
|
10
10
|
neutral?: boolean;
|
|
11
11
|
className?: string;
|
|
12
|
+
diffPercentOnly?: boolean;
|
|
12
13
|
}
|
|
13
|
-
export declare const StatDiff:
|
|
14
|
+
export declare const StatDiff: FC<StatDiffProps>;
|
|
14
15
|
export interface StatCardProps {
|
|
15
16
|
title: string;
|
|
16
17
|
description?: string;
|
|
@@ -25,7 +26,8 @@ export interface StatCardProps {
|
|
|
25
26
|
fill?: boolean;
|
|
26
27
|
valueOnly?: boolean;
|
|
27
28
|
className?: string;
|
|
29
|
+
diffPercentOnly?: boolean;
|
|
28
30
|
}
|
|
29
|
-
export declare const StatCard:
|
|
31
|
+
export declare const StatCard: FC<StatCardProps>;
|
|
30
32
|
export {};
|
|
31
33
|
//# sourceMappingURL=stat-card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-card.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAEH,mBAAmB,EAItB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAe,eAAe,EAAE,MAAM,wBAAwB,CAAC;AA0BtE,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAgDtC,CAAC;AAEF,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAgDtC,CAAC"}
|
|
@@ -35,15 +35,15 @@ const calculateDiff = (value, prev, percents) => {
|
|
|
35
35
|
return [absDiff, diffPercent, diff >= 0];
|
|
36
36
|
};
|
|
37
37
|
const formatDifference = (value, isPlus, format) => {
|
|
38
|
-
return (isPlus ? '+' : '-') + formatters_1.formatValue(value, format);
|
|
38
|
+
return (isPlus ? '+' : '-') + (0, formatters_1.formatValue)(value, format);
|
|
39
39
|
};
|
|
40
40
|
const formatDifferencePercentage = (value, isPlus) => {
|
|
41
41
|
if (!value) {
|
|
42
42
|
return '';
|
|
43
43
|
}
|
|
44
|
-
return (isPlus ? '+' : '-') + formatters_1.formatValue(value, 'percent-100');
|
|
44
|
+
return (isPlus ? '+' : '-') + (0, formatters_1.formatValue)(value, 'percent-100');
|
|
45
45
|
};
|
|
46
|
-
const StatDiff = ({ value, prev, size, format, inverted, neutral, className, }) => {
|
|
46
|
+
const StatDiff = ({ value, prev, size, format, inverted, neutral, className, diffPercentOnly = false, }) => {
|
|
47
47
|
const percents = format === 'percent';
|
|
48
48
|
const [absDiff, diffPercent, isIncrease] = calculateDiff(value !== null && value !== void 0 ? value : 0, prev !== null && prev !== void 0 ? prev : 0, percents);
|
|
49
49
|
const diff = absDiff === 0 ? '' : isIncrease ? '▲ ' : '▼ ';
|
|
@@ -52,26 +52,32 @@ const StatDiff = ({ value, prev, size, format, inverted, neutral, className, })
|
|
|
52
52
|
text += formatDifferencePercentage(absDiff, isIncrease);
|
|
53
53
|
}
|
|
54
54
|
else {
|
|
55
|
-
|
|
56
|
-
if (
|
|
57
|
-
text +=
|
|
55
|
+
const diffPercentage = formatDifferencePercentage(diffPercent, isIncrease);
|
|
56
|
+
if (diffPercentOnly) {
|
|
57
|
+
text += `${diffPercentage}`;
|
|
58
|
+
}
|
|
59
|
+
else {
|
|
60
|
+
text += `${formatDifference(absDiff, isIncrease, format)}`;
|
|
61
|
+
if (diffPercent !== 0) {
|
|
62
|
+
text += ` (${diffPercentage})`;
|
|
63
|
+
}
|
|
58
64
|
}
|
|
59
65
|
}
|
|
60
|
-
return (jsx_runtime_1.jsxs(design_system_1.BodyText, Object.assign({ className: classnames_1.default(Styles.statDiff, {
|
|
66
|
+
return ((0, jsx_runtime_1.jsxs)(design_system_1.BodyText, Object.assign({ className: (0, classnames_1.default)(Styles.statDiff, {
|
|
61
67
|
'c-red-500': !neutral && (inverted ? isIncrease : !isIncrease),
|
|
62
68
|
'c-green-500': !neutral && (inverted ? !isIncrease : isIncrease),
|
|
63
69
|
'c-neutral-200': !!neutral,
|
|
64
|
-
}, className), size: size !== null && size !== void 0 ? size : 'small' }, { children: [jsx_runtime_1.jsx("span", { children: diff }, void 0), value === undefined ? '\u00A0' : text] }), void 0));
|
|
70
|
+
}, className), size: size !== null && size !== void 0 ? size : 'small' }, { children: [(0, jsx_runtime_1.jsx)("span", { children: diff }, void 0), value === undefined ? '\u00A0' : text] }), void 0));
|
|
65
71
|
};
|
|
66
72
|
exports.StatDiff = StatDiff;
|
|
67
|
-
const StatCard = ({ title, description, value, percent, money, rate, prev, clean, inverted, neutral, fill, valueOnly, className, }) => {
|
|
73
|
+
const StatCard = ({ title, description, value, percent, money, rate, prev, clean, inverted, neutral, fill, valueOnly, className, diffPercentOnly = false, }) => {
|
|
68
74
|
const format = money ? 'money' : percent ? 'percent' : rate ? 'rate' : 'number';
|
|
69
|
-
const val = value === undefined ? '\u00A0' : formatters_1.formatValue(value, format);
|
|
70
|
-
const eyebrow = jsx_runtime_1.jsx(design_system_1.Eyebrow, Object.assign({ className: classnames_1.default(Styles.title, 'ta-center') }, { children: title }), void 0);
|
|
71
|
-
return (jsx_runtime_1.jsxs(design_system_1.Stack, Object.assign({ direction: "column", alignItems: "center", className: classnames_1.default('p-y-3', {
|
|
75
|
+
const val = value === undefined ? '\u00A0' : (0, formatters_1.formatValue)(value, format);
|
|
76
|
+
const eyebrow = (0, jsx_runtime_1.jsx)(design_system_1.Eyebrow, Object.assign({ className: (0, classnames_1.default)(Styles.title, 'ta-center') }, { children: title }), void 0);
|
|
77
|
+
return ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ direction: "column", alignItems: "center", className: (0, classnames_1.default)('p-y-3', {
|
|
72
78
|
'bg-white border-radius-2 border': !clean,
|
|
73
79
|
'flex-grow-1 flex-basis-0': fill,
|
|
74
|
-
}, className) }, { children: [description ? jsx_runtime_1.jsx(design_system_1.Tooltip, Object.assign({ text: description }, { children: eyebrow }), void 0) : eyebrow, jsx_runtime_1.jsx(design_system_1.BodyText, Object.assign({ className: "fs-6-i ff-display" }, { children: val }), void 0), !valueOnly && (jsx_runtime_1.jsx(exports.StatDiff, { value: value, prev: prev, format: format, inverted: inverted, neutral: neutral }, void 0))] }), void 0));
|
|
80
|
+
}, className) }, { children: [description ? (0, jsx_runtime_1.jsx)(design_system_1.Tooltip, Object.assign({ text: description }, { children: eyebrow }), void 0) : eyebrow, (0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ className: "fs-6-i ff-display" }, { children: val }), void 0), !valueOnly && ((0, jsx_runtime_1.jsx)(exports.StatDiff, { value: value, prev: prev, format: format, inverted: inverted, neutral: neutral, diffPercentOnly: diffPercentOnly }, void 0))] }), void 0));
|
|
75
81
|
};
|
|
76
82
|
exports.StatCard = StatCard;
|
|
77
83
|
//# sourceMappingURL=stat-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stat-card.js","sourceRoot":"","sources":["../../../src/components/stat/stat-card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,4DAAoC;AACpC,+DAMqC;AACrC,gEAAkD;AAClD,uDAAsE;AAEtE,MAAM,aAAa,GAAG,CAClB,KAAa,EACb,IAAY,EACZ,QAAkB,EACO,EAAE;IAC3B,MAAM,IAAI,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnF,OAAO,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,MAAe,EAAE,MAAuB,EAAU,EAAE;IACzF,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,wBAAW,
|
|
1
|
+
{"version":3,"file":"stat-card.js","sourceRoot":"","sources":["../../../src/components/stat/stat-card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
-
component:
|
|
4
|
+
component: import("react").FC<import("./stat-card").StatCardProps>;
|
|
5
5
|
parameters: {};
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
8
8
|
export declare const statCardNumber: () => JSX.Element;
|
|
9
|
+
export declare const statDiffNumberPercentOnly: () => JSX.Element;
|
|
9
10
|
export declare const statCardMoney: () => JSX.Element;
|
|
10
11
|
export declare const statCardPercentInverted: () => JSX.Element;
|
|
11
12
|
export declare const statCardRate: () => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stat-cards.stories.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-cards.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"stat-cards.stories.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-cards.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAIF,eAAO,MAAM,cAAc,mBAA+D,CAAC;AAC3F,eAAO,MAAM,yBAAyB,mBAEpC,CAAC;AACH,eAAO,MAAM,aAAa,mBAAuE,CAAC;AAClG,eAAO,MAAM,uBAAuB,mBAElC,CAAC;AACH,eAAO,MAAM,YAAY,mBAAiE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.statCardRate = exports.statCardPercentInverted = exports.statCardMoney = exports.statCardNumber = void 0;
|
|
3
|
+
exports.statCardRate = exports.statCardPercentInverted = exports.statCardMoney = exports.statDiffNumberPercentOnly = exports.statCardNumber = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const stat_card_1 = require("./stat-card");
|
|
6
6
|
exports.default = {
|
|
@@ -8,9 +8,10 @@ exports.default = {
|
|
|
8
8
|
component: stat_card_1.StatCard,
|
|
9
9
|
parameters: {},
|
|
10
10
|
};
|
|
11
|
-
const w = (cb) => () => jsx_runtime_1.jsx("div", Object.assign({ style: { width: '400px' } }, { children: cb() }), void 0);
|
|
12
|
-
exports.statCardNumber = w(() => jsx_runtime_1.jsx(stat_card_1.StatCard, { title: "number", value: 133, prev: 1000 }, void 0));
|
|
13
|
-
exports.
|
|
14
|
-
exports.
|
|
15
|
-
exports.
|
|
11
|
+
const w = (cb) => () => (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { width: '400px' } }, { children: cb() }), void 0);
|
|
12
|
+
exports.statCardNumber = w(() => (0, jsx_runtime_1.jsx)(stat_card_1.StatCard, { title: "number", value: 133, prev: 1000 }, void 0));
|
|
13
|
+
exports.statDiffNumberPercentOnly = w(() => ((0, jsx_runtime_1.jsx)(stat_card_1.StatCard, { title: "number", value: 133, prev: 1000, diffPercentOnly: true }, void 0)));
|
|
14
|
+
exports.statCardMoney = w(() => (0, jsx_runtime_1.jsx)(stat_card_1.StatCard, { title: "money", value: 10000, prev: 11000, money: true }, void 0));
|
|
15
|
+
exports.statCardPercentInverted = w(() => ((0, jsx_runtime_1.jsx)(stat_card_1.StatCard, { title: "percent", value: 0.27, prev: 0.27333, percent: true, inverted: true }, void 0)));
|
|
16
|
+
exports.statCardRate = w(() => (0, jsx_runtime_1.jsx)(stat_card_1.StatCard, { title: "rate", value: 5.5, prev: 4.5, rate: true }, void 0));
|
|
16
17
|
//# sourceMappingURL=stat-cards.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stat-cards.stories.js","sourceRoot":"","sources":["../../../src/components/stat/stat-cards.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAAuC;AAEvC,kBAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,oBAAQ;IACnB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"stat-cards.stories.js","sourceRoot":"","sources":["../../../src/components/stat/stat-cards.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAAuC;AAEvC,kBAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,oBAAQ;IACnB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,8CAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAG,EAAE,EAAE,YAAO,CAAC;AAE5E,QAAA,cAAc,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,WAAI,CAAC,CAAC;AAC9E,QAAA,yBAAyB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAC7C,uBAAC,oBAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,iBAAG,CACtE,CAAC,CAAC;AACU,QAAA,aAAa,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,iBAAG,CAAC,CAAC;AACrF,QAAA,uBAAuB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAC3C,uBAAC,oBAAQ,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,QAAC,QAAQ,iBAAG,CAC5E,CAAC,CAAC;AACU,QAAA,YAAY,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,iBAAG,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stat-extended-card.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"stat-extended-card.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4DtD,CAAC"}
|
|
@@ -31,9 +31,9 @@ const stat_card_1 = require("./stat-card");
|
|
|
31
31
|
const Styles = __importStar(require("./stat-card.module.less"));
|
|
32
32
|
const StatExtendedCard = ({ title, title2, description, value, goal, prev, percent, money, rate, inverted, neutral, fill, className, }) => {
|
|
33
33
|
const format = money ? 'money' : percent ? 'percent' : rate ? 'rate' : 'number';
|
|
34
|
-
return (jsx_runtime_1.jsxs("div", Object.assign({ className: classnames_1.default('p-3 bg-white border border-radius-2', {
|
|
34
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('p-3 bg-white border border-radius-2', {
|
|
35
35
|
'flex-grow-1 flex-basis-0': fill,
|
|
36
|
-
}, className) }, { children: [jsx_runtime_1.jsxs(design_system_1.Stack, { children: [jsx_runtime_1.jsx(design_system_1.Headline, Object.assign({ size: "small" }, { children: title }), void 0), !!description && (jsx_runtime_1.jsx(design_system_1.Tooltip, Object.assign({ text: description }, { children: jsx_runtime_1.jsx(design_system_1.Icon, { name: "info", size: 18, className: "c-neutral-80 m-l-half" }, void 0) }), void 0))] }, void 0), jsx_runtime_1.jsx(design_system_1.Eyebrow, Object.assign({ size: "small", className: "m-t-2 c-black" }, { children: title2 }), void 0), jsx_runtime_1.jsx(design_system_1.Stack, Object.assign({ justifyContent: "space-between", className: "m-t-half" }, { children: jsx_runtime_1.jsxs(design_system_1.Stack, Object.assign({ alignItems: "flex-end", className: "flex-grow-1 flex-basis-0" }, { children: [jsx_runtime_1.jsx(design_system_1.Headline, Object.assign({ className: "m-b-0-i m-r-half fw-normal-i", size: "xlarge" }, { children: formatters_1.formatValue(value, format) }), void 0), goal !== undefined ? (jsx_runtime_1.jsxs(design_system_1.BodyText, Object.assign({ subdued: true }, { children: ["/ ", formatters_1.formatValue(goal, format), " (Goal)"] }), void 0)) : prev !== undefined ? (jsx_runtime_1.jsx(stat_card_1.StatDiff, { value: value, prev: prev, format: format, inverted: inverted, neutral: neutral, className: classnames_1.default(Styles.statExtendedDiff, 'm-l-1') }, void 0)) : undefined] }), void 0) }), void 0)] }), void 0));
|
|
36
|
+
}, className) }, { children: [(0, jsx_runtime_1.jsxs)(design_system_1.Stack, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Headline, Object.assign({ size: "small" }, { children: title }), void 0), !!description && ((0, jsx_runtime_1.jsx)(design_system_1.Tooltip, Object.assign({ text: description }, { children: (0, jsx_runtime_1.jsx)(design_system_1.Icon, { name: "info", size: 18, className: "c-neutral-80 m-l-half" }, void 0) }), void 0))] }, void 0), (0, jsx_runtime_1.jsx)(design_system_1.Eyebrow, Object.assign({ size: "small", className: "m-t-2 c-black" }, { children: title2 }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Stack, Object.assign({ justifyContent: "space-between", className: "m-t-half" }, { children: (0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ alignItems: "flex-end", className: "flex-grow-1 flex-basis-0" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Headline, Object.assign({ className: "m-b-0-i m-r-half fw-normal-i", size: "xlarge" }, { children: (0, formatters_1.formatValue)(value, format) }), void 0), goal !== undefined ? ((0, jsx_runtime_1.jsxs)(design_system_1.BodyText, Object.assign({ subdued: true }, { children: ["/ ", (0, formatters_1.formatValue)(goal, format), " (Goal)"] }), void 0)) : prev !== undefined ? ((0, jsx_runtime_1.jsx)(stat_card_1.StatDiff, { value: value, prev: prev, format: format, inverted: inverted, neutral: neutral, className: (0, classnames_1.default)(Styles.statExtendedDiff, 'm-l-1') }, void 0)) : undefined] }), void 0) }), void 0)] }), void 0));
|
|
37
37
|
};
|
|
38
38
|
exports.StatExtendedCard = StatExtendedCard;
|
|
39
39
|
//# sourceMappingURL=stat-extended-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stat-extended-card.js","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,4DAAoC;AACpC,+DAAgG;AAChG,uDAAqD;AACrD,2CAAuC;AACvC,gEAAkD;AAiB3C,MAAM,gBAAgB,GAA8B,CAAC,EACxD,KAAK,EACL,MAAM,EACN,WAAW,EACX,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEhF,OAAO,CACH,
|
|
1
|
+
{"version":3,"file":"stat-extended-card.js","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,4DAAoC;AACpC,+DAAgG;AAChG,uDAAqD;AACrD,2CAAuC;AACvC,gEAAkD;AAiB3C,MAAM,gBAAgB,GAA8B,CAAC,EACxD,KAAK,EACL,MAAM,EACN,WAAW,EACX,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEhF,OAAO,CACH,+CACI,SAAS,EAAE,IAAA,oBAAU,EACjB,qCAAqC,EACrC;YACI,0BAA0B,EAAE,IAAI;SACnC,EACD,SAAS,CACZ,iBAED,wBAAC,qBAAK,eACF,uBAAC,wBAAQ,kBAAC,IAAI,EAAC,OAAO,gBAAE,KAAK,YAAY,EACxC,CAAC,CAAC,WAAW,IAAI,CACd,uBAAC,uBAAO,kBAAC,IAAI,EAAE,WAAW,gBACtB,uBAAC,oBAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,uBAAuB,WAAG,YAC1D,CACb,YACG,EACR,uBAAC,uBAAO,kBAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,eAAe,gBAC1C,MAAM,YACD,EAEV,uBAAC,qBAAK,kBAAC,cAAc,EAAC,eAAe,EAAC,SAAS,EAAC,UAAU,gBACtD,wBAAC,qBAAK,kBAAC,UAAU,EAAC,UAAU,EAAC,SAAS,EAAC,0BAA0B,iBAC7D,uBAAC,wBAAQ,kBAAC,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAC,QAAQ,gBAC3D,IAAA,wBAAW,EAAC,KAAK,EAAE,MAAM,CAAC,YACpB,EACV,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAClB,wBAAC,wBAAQ,kBAAC,OAAO,6BAAI,IAAA,wBAAW,EAAC,IAAI,EAAE,MAAM,CAAC,wBAAmB,CACpE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,uBAAC,oBAAQ,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,CAAC,gBAAgB,EAAE,OAAO,CAAC,WACzD,CACL,CAAC,CAAC,CAAC,SAAS,aACT,YACJ,aACN,CACT,CAAC;AACN,CAAC,CAAC;AA5DW,QAAA,gBAAgB,oBA4D3B"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
-
component:
|
|
4
|
+
component: import("react").FC<import("./stat-extended-card").StatExtendedCardProps>;
|
|
5
5
|
parameters: {};
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stat-extended-card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"stat-extended-card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAIF,eAAO,MAAM,qBAAqB,mBAUhC,CAAC;AACH,eAAO,MAAM,qBAAqB,mBAEhC,CAAC;AACH,eAAO,MAAM,uBAAuB,mBASlC,CAAC"}
|
|
@@ -8,8 +8,8 @@ exports.default = {
|
|
|
8
8
|
component: stat_extended_card_1.StatExtendedCard,
|
|
9
9
|
parameters: {},
|
|
10
10
|
};
|
|
11
|
-
const w = (cb) => () => jsx_runtime_1.jsx("div", Object.assign({ style: { width: '400px' } }, { children: cb() }), void 0);
|
|
12
|
-
exports.statCardMoneyWithPrev = w(() => (jsx_runtime_1.jsx(stat_extended_card_1.StatExtendedCard, { title: "number", title2: "total number", description: "hint for stat", value: 800, prev: 1000, money: true, fill: true }, void 0)));
|
|
13
|
-
exports.statCardMoneyWithGoal = w(() => (jsx_runtime_1.jsx(stat_extended_card_1.StatExtendedCard, { title: "money", title2: "total money", value: 10000, goal: 18000, money: true, fill: true }, void 0)));
|
|
14
|
-
exports.statCardPercentWithPrev = w(() => (jsx_runtime_1.jsx(stat_extended_card_1.StatExtendedCard, { title: "percent", title2: "total percent", value: 0.27, prev: 0.33, percent: true, fill: true }, void 0)));
|
|
11
|
+
const w = (cb) => () => (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { width: '400px' } }, { children: cb() }), void 0);
|
|
12
|
+
exports.statCardMoneyWithPrev = w(() => ((0, jsx_runtime_1.jsx)(stat_extended_card_1.StatExtendedCard, { title: "number", title2: "total number", description: "hint for stat", value: 800, prev: 1000, money: true, fill: true }, void 0)));
|
|
13
|
+
exports.statCardMoneyWithGoal = w(() => ((0, jsx_runtime_1.jsx)(stat_extended_card_1.StatExtendedCard, { title: "money", title2: "total money", value: 10000, goal: 18000, money: true, fill: true }, void 0)));
|
|
14
|
+
exports.statCardPercentWithPrev = w(() => ((0, jsx_runtime_1.jsx)(stat_extended_card_1.StatExtendedCard, { title: "percent", title2: "total percent", value: 0.27, prev: 0.33, percent: true, fill: true }, void 0)));
|
|
15
15
|
//# sourceMappingURL=stat-extended-card.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stat-extended-card.stories.js","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.stories.tsx"],"names":[],"mappings":";;;;AACA,6DAAwD;AAExD,kBAAe;IACX,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,qCAAgB;IAC3B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"stat-extended-card.stories.js","sourceRoot":"","sources":["../../../src/components/stat/stat-extended-card.stories.tsx"],"names":[],"mappings":";;;;AACA,6DAAwD;AAExD,kBAAe;IACX,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,qCAAgB;IAC3B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,8CAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAG,EAAE,EAAE,YAAO,CAAC;AAE5E,QAAA,qBAAqB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CACzC,uBAAC,qCAAgB,IACb,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,eAAe,EAC3B,KAAK,EAAE,GAAG,EACV,IAAI,EAAE,IAAI,EACV,KAAK,QACL,IAAI,iBACN,CACL,CAAC,CAAC;AACU,QAAA,qBAAqB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CACzC,uBAAC,qCAAgB,IAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,QAAC,IAAI,iBAAG,CAChG,CAAC,CAAC;AACU,QAAA,uBAAuB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAC3C,uBAAC,qCAAgB,IACb,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,eAAe,EACtB,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,IAAI,EACV,OAAO,QACP,IAAI,iBACN,CACL,CAAC,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
export interface CenteredSpinnerPropsStrict {
|
|
3
3
|
/** Size variants */
|
|
4
4
|
size?: 'large' | 'medium' | 'small' | 'tiny';
|
|
5
5
|
className?: string;
|
|
6
6
|
info?: string;
|
|
7
7
|
}
|
|
8
|
-
export declare const CenteredSpinner:
|
|
8
|
+
export declare const CenteredSpinner: FC<CenteredSpinnerPropsStrict>;
|
|
9
9
|
//# sourceMappingURL=centered-spinner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"centered-spinner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"centered-spinner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,MAAM,WAAW,0BAA0B;IACvC,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,0BAA0B,CAgB1D,CAAC"}
|
|
@@ -7,8 +7,8 @@ exports.CenteredSpinner = void 0;
|
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
9
|
const design_system_1 = require("@servicetitan/design-system");
|
|
10
|
-
const CenteredSpinner = ({ size, className, info
|
|
11
|
-
return (jsx_runtime_1.jsxs(design_system_1.Stack, Object.assign({ justifyContent: "center", alignItems: "center", direction: "column", className: classnames_1.default(className, 'h-100 w-100') }, { children: [jsx_runtime_1.jsx(design_system_1.Spinner, { className: "of-hidden", size: size }, void 0), !!info && (jsx_runtime_1.jsx(design_system_1.BodyText, Object.assign({ size: "small", className: "m-t-1", subdued: true }, { children: info }), void 0))] }), void 0));
|
|
10
|
+
const CenteredSpinner = ({ size, className, info }) => {
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ justifyContent: "center", alignItems: "center", direction: "column", className: (0, classnames_1.default)(className, 'h-100 w-100') }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Spinner, { className: "of-hidden", size: size }, void 0), !!info && ((0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ size: "small", className: "m-t-1", subdued: true }, { children: info }), void 0))] }), void 0));
|
|
12
12
|
};
|
|
13
13
|
exports.CenteredSpinner = CenteredSpinner;
|
|
14
14
|
//# sourceMappingURL=centered-spinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"centered-spinner.js","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.tsx"],"names":[],"mappings":";;;;;;;AACA,4DAAoC;AACpC,+DAAuE;AAShE,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"centered-spinner.js","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.tsx"],"names":[],"mappings":";;;;;;;AACA,4DAAoC;AACpC,+DAAuE;AAShE,MAAM,eAAe,GAAmC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;IACzF,OAAO,CACH,wBAAC,qBAAK,kBACF,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,aAAa,CAAC,iBAE/C,uBAAC,uBAAO,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,WAAI,EAC5C,CAAC,CAAC,IAAI,IAAI,CACP,uBAAC,wBAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,sBAC3C,IAAI,YACE,CACd,aACG,CACX,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,eAAe,mBAgB1B"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
-
component:
|
|
4
|
+
component: import("react").FC<import("./centered-spinner").CenteredSpinnerPropsStrict>;
|
|
5
5
|
parameters: {};
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"centered-spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"centered-spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAKF,eAAO,MAAM,mBAAmB,mBAA+C,CAAC;AAChF,eAAO,MAAM,eAAe,mBAAoE,CAAC;AACjG,eAAO,MAAM,qBAAqB,mBAEhC,CAAC"}
|
|
@@ -8,8 +8,8 @@ exports.default = {
|
|
|
8
8
|
component: centered_spinner_1.CenteredSpinner,
|
|
9
9
|
parameters: {},
|
|
10
10
|
};
|
|
11
|
-
const w = (style, cb) => () => jsx_runtime_1.jsx("div", Object.assign({ style: style }, { children: cb() }), void 0);
|
|
12
|
-
exports.centeredSpinnerTiny = w({}, () => jsx_runtime_1.jsx(centered_spinner_1.CenteredSpinner, { size: "tiny" }, void 0));
|
|
13
|
-
exports.centeredSpinner = w({ width: '400px', height: '400px' }, () => jsx_runtime_1.jsx(centered_spinner_1.CenteredSpinner, {}, void 0));
|
|
14
|
-
exports.centeredSpinnerTitled = w({ width: '400px', height: '400px' }, () => (jsx_runtime_1.jsx(centered_spinner_1.CenteredSpinner, { info: "Wait for data fetch" }, void 0)));
|
|
11
|
+
const w = (style, cb) => () => (0, jsx_runtime_1.jsx)("div", Object.assign({ style: style }, { children: cb() }), void 0);
|
|
12
|
+
exports.centeredSpinnerTiny = w({}, () => (0, jsx_runtime_1.jsx)(centered_spinner_1.CenteredSpinner, { size: "tiny" }, void 0));
|
|
13
|
+
exports.centeredSpinner = w({ width: '400px', height: '400px' }, () => (0, jsx_runtime_1.jsx)(centered_spinner_1.CenteredSpinner, {}, void 0));
|
|
14
|
+
exports.centeredSpinnerTitled = w({ width: '400px', height: '400px' }, () => ((0, jsx_runtime_1.jsx)(centered_spinner_1.CenteredSpinner, { info: "Wait for data fetch" }, void 0)));
|
|
15
15
|
//# sourceMappingURL=centered-spinner.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"centered-spinner.stories.js","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.stories.tsx"],"names":[],"mappings":";;;;AACA,yDAAqD;AAErD,kBAAe;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,kCAAe;IAC1B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,
|
|
1
|
+
{"version":3,"file":"centered-spinner.stories.js","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.stories.tsx"],"names":[],"mappings":";;;;AACA,yDAAqD;AAErD,kBAAe;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,kCAAe;IAC1B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CACnF,8CAAK,KAAK,EAAE,KAAK,gBAAG,EAAE,EAAE,YAAO,CAAC;AAEvB,QAAA,mBAAmB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,uBAAC,kCAAe,IAAC,IAAI,EAAC,MAAM,WAAG,CAAC,CAAC;AACnE,QAAA,eAAe,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,uBAAC,kCAAe,aAAG,CAAC,CAAC;AACpF,QAAA,qBAAqB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC9E,uBAAC,kCAAe,IAAC,IAAI,EAAC,qBAAqB,WAAG,CACjD,CAAC,CAAC"}
|
|
@@ -41,7 +41,7 @@ const formatDate = (dt) => dt.toLocaleString('en-US', {
|
|
|
41
41
|
month: 'short',
|
|
42
42
|
});
|
|
43
43
|
const formatDateRange = (range) => `${formatDate(range.start)} - ${formatDate(range.end)}`;
|
|
44
|
-
exports.DateRangePicker = mobx_react_1.observer(({ compare, disabled, state, onChange, }) => {
|
|
44
|
+
exports.DateRangePicker = (0, mobx_react_1.observer)(({ compare, disabled, state, onChange, }) => {
|
|
45
45
|
const selectedOption = state.selectedOption;
|
|
46
46
|
/*
|
|
47
47
|
* DateRangePickerOptions uses exclusive date ranges for end date (start >= dt > end)
|
|
@@ -58,13 +58,13 @@ exports.DateRangePicker = mobx_react_1.observer(({ compare, disabled, state, onC
|
|
|
58
58
|
state.onChange(newVal);
|
|
59
59
|
}
|
|
60
60
|
};
|
|
61
|
-
const options = react_1.useMemo(() => state.options.options.map(o => ({
|
|
61
|
+
const options = (0, react_1.useMemo)(() => state.options.options.map(o => ({
|
|
62
62
|
text: o.text,
|
|
63
63
|
value: convertDateRange(o.value),
|
|
64
64
|
selected: o.key === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.key),
|
|
65
65
|
})), [selectedOption, state.options.options]);
|
|
66
|
-
const value = react_1.useMemo(() => convertDateRange(state.value), [state.value]);
|
|
67
|
-
const compareValue = react_1.useMemo(() => state.value && compare
|
|
66
|
+
const value = (0, react_1.useMemo)(() => convertDateRange(state.value), [state.value]);
|
|
67
|
+
const compareValue = (0, react_1.useMemo)(() => state.value && compare
|
|
68
68
|
? convertDateRange(state.options.getComparisonDateRange(state.value))
|
|
69
69
|
: undefined, [compare, state.value, state.options]);
|
|
70
70
|
const textValue = selectedOption
|
|
@@ -72,6 +72,6 @@ exports.DateRangePicker = mobx_react_1.observer(({ compare, disabled, state, onC
|
|
|
72
72
|
: compare || !value
|
|
73
73
|
? 'Custom Date Range'
|
|
74
74
|
: formatDateRange(value);
|
|
75
|
-
return (jsx_runtime_1.jsxs(design_system_1.Stack, { children: [jsx_runtime_1.jsx(design_system_1.Stack.Item, Object.assign({ className: Styles.pickerContainer }, { children: jsx_runtime_1.jsx(design_system_1.Form.DateRangePicker, { onChange: onPickerChange, options: options, value: value, required: true, disabled: disabled, label: jsx_runtime_1.jsx("div", Object.assign({ className: classnames_1.default(Styles.pickerValue, 'd-f flex-column justify-content-center t-truncate cursor-pointer') }, { children: textValue }), void 0) }, void 0) }), void 0), !!compare && (jsx_runtime_1.jsxs(design_system_1.Stack, Object.assign({ direction: "column", justifyContent: "center", className: "m-l-2" }, { children: [jsx_runtime_1.jsx(design_system_1.BodyText, { children: value ? formatDateRange(value) : '' }, void 0), !!compareValue && (jsx_runtime_1.jsxs(design_system_1.BodyText, Object.assign({ size: "xsmall", subdued: true }, { children: ["vs. ", formatDateRange(compareValue)] }), void 0))] }), void 0))] }, void 0));
|
|
75
|
+
return ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Stack.Item, Object.assign({ className: Styles.pickerContainer }, { children: (0, jsx_runtime_1.jsx)(design_system_1.Form.DateRangePicker, { onChange: onPickerChange, options: options, value: value, required: true, disabled: disabled, label: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(Styles.pickerValue, 'd-f flex-column justify-content-center t-truncate cursor-pointer') }, { children: textValue }), void 0) }, void 0) }), void 0), !!compare && ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ direction: "column", justifyContent: "center", className: "m-l-2" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.BodyText, { children: value ? formatDateRange(value) : '' }, void 0), !!compareValue && ((0, jsx_runtime_1.jsxs)(design_system_1.BodyText, Object.assign({ size: "xsmall", subdued: true }, { children: ["vs. ", formatDateRange(compareValue)] }), void 0))] }), void 0))] }, void 0));
|
|
76
76
|
});
|
|
77
77
|
//# sourceMappingURL=date-range-picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../../src/components/ui/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../../src/components/ui/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ exports.default = {
|
|
|
11
11
|
};
|
|
12
12
|
const tz = { UtcOffset: 0 };
|
|
13
13
|
const state = date_1.DateRangePickerState.createWithOptions(date_1.DateRangePickerOptionsTenantAds.create(tz));
|
|
14
|
-
const w = (style, Component) => () => (jsx_runtime_1.jsx("div", Object.assign({ style: style }, { children: jsx_runtime_1.jsx(Component, {}, void 0) }), void 0));
|
|
15
|
-
exports.dateRangePicker = w({}, () => jsx_runtime_1.jsx(date_range_picker_1.DateRangePicker, { state: state }, void 0));
|
|
16
|
-
exports.dateRangePickerCompare = w({}, () => jsx_runtime_1.jsx(date_range_picker_1.DateRangePicker, { state: state, compare: true }, void 0));
|
|
14
|
+
const w = (style, Component) => () => ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: style }, { children: (0, jsx_runtime_1.jsx)(Component, {}, void 0) }), void 0));
|
|
15
|
+
exports.dateRangePicker = w({}, () => (0, jsx_runtime_1.jsx)(date_range_picker_1.DateRangePicker, { state: state }, void 0));
|
|
16
|
+
exports.dateRangePickerCompare = w({}, () => (0, jsx_runtime_1.jsx)(date_range_picker_1.DateRangePicker, { state: state, compare: true }, void 0));
|
|
17
17
|
//# sourceMappingURL=date-range-picker.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/date-range-picker/date-range-picker.stories.tsx"],"names":[],"mappings":";;;;AACA,2DAAsD;AACtD,8CAA4F;AAE5F,kBAAe;IACX,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,mCAAe;IAC1B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;AAC5B,MAAM,KAAK,GAAG,2BAAoB,CAAC,iBAAiB,CAAC,sCAA+B,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;AAEjG,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,
|
|
1
|
+
{"version":3,"file":"date-range-picker.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/date-range-picker/date-range-picker.stories.tsx"],"names":[],"mappings":";;;;AACA,2DAAsD;AACtD,8CAA4F;AAE5F,kBAAe;IACX,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,mCAAe;IAC1B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;AAC5B,MAAM,KAAK,GAAG,2BAAoB,CAAC,iBAAiB,CAAC,sCAA+B,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;AAEjG,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,SAAa,EAAE,EAAE,CAAC,GAAG,EAAE,CAC1E,CACI,8CAAK,KAAK,EAAE,KAAK,gBACb,uBAAC,SAAS,aAAG,YACX,CACT,CAAC;AAEO,QAAA,eAAe,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,uBAAC,mCAAe,IAAC,KAAK,EAAE,KAAK,WAAI,CAAC,CAAC;AACjE,QAAA,sBAAsB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,uBAAC,mCAAe,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,iBAAG,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { ButtonProps } from '@servicetitan/design-system';
|
|
3
3
|
interface DisabledButtonProps extends Omit<ButtonProps, 'disabled'> {
|
|
4
4
|
disabled?: string | boolean;
|
|
@@ -12,6 +12,6 @@ interface DisabledButtonProps extends Omit<ButtonProps, 'disabled'> {
|
|
|
12
12
|
* <DisabledButton disabled="This button is disabled">knock knock</Button>
|
|
13
13
|
* )
|
|
14
14
|
*/
|
|
15
|
-
export declare const DisabledButton:
|
|
15
|
+
export declare const DisabledButton: FC<DisabledButtonProps>;
|
|
16
16
|
export {};
|
|
17
17
|
//# sourceMappingURL=disabled-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"disabled-button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/disabled-button.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"disabled-button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/disabled-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAU,WAAW,EAAW,MAAM,6BAA6B,CAAC;AAE3E,UAAU,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAQlD,CAAC"}
|
|
@@ -13,7 +13,7 @@ const design_system_1 = require("@servicetitan/design-system");
|
|
|
13
13
|
* )
|
|
14
14
|
*/
|
|
15
15
|
const DisabledButton = props => {
|
|
16
|
-
return props.disabled && props.disabled !== true ? (jsx_runtime_1.jsx(design_system_1.Tooltip, Object.assign({ text: props.disabled }, { children: jsx_runtime_1.jsx(design_system_1.Button, Object.assign({}, props, { disabled: true }), void 0) }), void 0)) : (jsx_runtime_1.jsx(design_system_1.Button, Object.assign({}, props, { disabled: !!props.disabled }), void 0));
|
|
16
|
+
return props.disabled && props.disabled !== true ? ((0, jsx_runtime_1.jsx)(design_system_1.Tooltip, Object.assign({ text: props.disabled }, { children: (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({}, props, { disabled: true }), void 0) }), void 0)) : ((0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({}, props, { disabled: !!props.disabled }), void 0));
|
|
17
17
|
};
|
|
18
18
|
exports.DisabledButton = DisabledButton;
|
|
19
19
|
//# sourceMappingURL=disabled-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"disabled-button.js","sourceRoot":"","sources":["../../../src/components/ui/disabled-button.tsx"],"names":[],"mappings":";;;;AACA,+DAA2E;AAM3E;;;;;;;;GAQG;AACI,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"disabled-button.js","sourceRoot":"","sources":["../../../src/components/ui/disabled-button.tsx"],"names":[],"mappings":";;;;AACA,+DAA2E;AAM3E;;;;;;;;GAQG;AACI,MAAM,cAAc,GAA4B,KAAK,CAAC,EAAE;IAC3D,OAAO,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CAC/C,uBAAC,uBAAO,kBAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,gBACzB,uBAAC,sBAAM,oBAAK,KAAK,IAAE,QAAQ,kBAAG,YACxB,CACb,CAAC,CAAC,CAAC,CACA,uBAAC,sBAAM,oBAAK,KAAK,IAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,YAAI,CACpD,CAAC;AACN,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
-
component:
|
|
4
|
+
component: import("react").FC<import("./line-text").BodyTextLineProps>;
|
|
5
5
|
parameters: {};
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-text-body.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-body.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"line-text-body.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-body.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAKF,eAAO,MAAM,qBAAqB,mBAA+D,CAAC;AAClG,eAAO,MAAM,mBAAmB,mBAQ9B,CAAC"}
|
|
@@ -8,7 +8,7 @@ exports.default = {
|
|
|
8
8
|
component: line_text_1.BodyTextLine,
|
|
9
9
|
parameters: {},
|
|
10
10
|
};
|
|
11
|
-
const w = (style, cb) => () => jsx_runtime_1.jsx("div", Object.assign({ style: style }, { children: cb() }), void 0);
|
|
12
|
-
exports.bodyTextLineUnlimited = w({}, () => jsx_runtime_1.jsx(line_text_1.BodyTextLine, { children: "just a simple text" }, void 0));
|
|
13
|
-
exports.bodyTextLineLimited = w({ width: '400px' }, () => (jsx_runtime_1.jsx(line_text_1.BodyTextLine, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }, void 0)));
|
|
11
|
+
const w = (style, cb) => () => (0, jsx_runtime_1.jsx)("div", Object.assign({ style: style }, { children: cb() }), void 0);
|
|
12
|
+
exports.bodyTextLineUnlimited = w({}, () => (0, jsx_runtime_1.jsx)(line_text_1.BodyTextLine, { children: "just a simple text" }, void 0));
|
|
13
|
+
exports.bodyTextLineLimited = w({ width: '400px' }, () => ((0, jsx_runtime_1.jsx)(line_text_1.BodyTextLine, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }, void 0)));
|
|
14
14
|
//# sourceMappingURL=line-text-body.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-text-body.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-body.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAA2C;AAE3C,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,wBAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAAyB,EAAE,
|
|
1
|
+
{"version":3,"file":"line-text-body.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text-body.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAA2C;AAE3C,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,wBAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAAyB,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CAClE,8CAAK,KAAK,EAAE,KAAK,gBAAG,EAAE,EAAE,YAAO,CAAC;AAEvB,QAAA,qBAAqB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,uBAAC,wBAAY,6CAAkC,CAAC,CAAC;AACrF,QAAA,mBAAmB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC3D,uBAAC,wBAAY,wdAME,CAClB,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
-
component:
|
|
4
|
+
component: import("react").FC<import("./line-text").HeadlineLineProps>;
|
|
5
5
|
parameters: {};
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|