@cloudtower/eagle 481.0.2 → 490.0.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/cjs/core/Duration/index.js +78 -0
- package/dist/cjs/core/LocalUpload/LocalUpload.hooks.js +66 -0
- package/dist/cjs/core/LocalUpload/LocalUpload.js +103 -0
- package/dist/cjs/core/LocalUpload/LocalUpload.style.js +13 -0
- package/dist/cjs/core/LocalUpload/LocalUpload.widget.js +379 -0
- package/dist/cjs/core/MediumDialog/MediumDialog.js +1 -1
- package/dist/cjs/core/TableForm/AddRowButton.js +2 -1
- package/dist/cjs/core/TableForm/index.js +1 -0
- package/dist/cjs/core/index.js +15 -12
- package/dist/cjs/coreX/Copy/CopyButton.js +40 -0
- package/dist/cjs/coreX/Copy/CopyTooltip.js +66 -0
- package/dist/cjs/coreX/Dialogs/RejectDialog/RejectDialog.js +16 -4
- package/dist/cjs/hooks/useFormatDuration.js +35 -0
- package/dist/cjs/index.js +253 -245
- package/dist/cjs/stats1.html +1 -1
- package/dist/cjs/utils/formatDuration.js +67 -0
- package/dist/components.css +1899 -1722
- package/dist/esm/core/Duration/index.js +72 -0
- package/dist/esm/core/LocalUpload/LocalUpload.hooks.js +63 -0
- package/dist/esm/core/LocalUpload/LocalUpload.js +97 -0
- package/dist/esm/core/LocalUpload/LocalUpload.style.js +10 -0
- package/dist/esm/core/LocalUpload/LocalUpload.widget.js +365 -0
- package/dist/esm/core/MediumDialog/MediumDialog.js +1 -1
- package/dist/esm/core/TableForm/AddRowButton.js +2 -1
- package/dist/esm/core/TableForm/index.js +1 -0
- package/dist/esm/core/index.js +4 -2
- package/dist/esm/coreX/Copy/CopyButton.js +34 -0
- package/dist/esm/coreX/Copy/CopyTooltip.js +59 -0
- package/dist/esm/coreX/Dialogs/RejectDialog/RejectDialog.js +16 -4
- package/dist/esm/hooks/useFormatDuration.js +33 -0
- package/dist/esm/index.js +4 -0
- package/dist/esm/stats1.html +1 -1
- package/dist/esm/utils/formatDuration.js +65 -0
- package/dist/linaria.merged.scss +2144 -1955
- package/dist/src/core/Duration/duration.type.d.ts +42 -0
- package/dist/src/core/Duration/index.d.ts +4 -0
- package/dist/src/core/LocalUpload/LocalUpload.d.ts +15 -0
- package/dist/src/core/LocalUpload/LocalUpload.hooks.d.ts +32 -0
- package/dist/src/core/LocalUpload/LocalUpload.style.d.ts +3 -0
- package/dist/src/core/LocalUpload/LocalUpload.type.d.ts +175 -0
- package/dist/src/core/LocalUpload/LocalUpload.widget.d.ts +23 -0
- package/dist/src/core/LocalUpload/index.d.ts +2 -0
- package/dist/src/core/TableForm/types.d.ts +1 -0
- package/dist/src/core/index.d.ts +5 -0
- package/dist/src/coreX/Copy/CopyButton.d.ts +5 -0
- package/dist/src/coreX/Copy/CopyButton.type.d.ts +8 -0
- package/dist/src/coreX/Copy/CopyTooltip.d.ts +5 -0
- package/dist/src/coreX/Copy/CopyTooltip.typs.d.ts +16 -0
- package/dist/src/coreX/Copy/index.d.ts +2 -0
- package/dist/src/coreX/Dialogs/RejectDialog/RejectDialog.type.d.ts +5 -1
- package/dist/src/coreX/index.d.ts +3 -0
- package/dist/src/hooks/__tests__/useFormatDuration.test.d.ts +1 -0
- package/dist/src/hooks/index.d.ts +1 -0
- package/dist/src/hooks/useFormatDuration.d.ts +31 -0
- package/dist/src/utils/__test__/formatDuration.spec.d.ts +1 -0
- package/dist/src/utils/formatDuration.d.ts +28 -0
- package/dist/src/utils/index.d.ts +1 -0
- package/dist/stories/docs/core/Duration.stories.d.ts +88 -0
- package/dist/stories/docs/core/LocalUpload.stories.d.ts +74 -0
- package/dist/stories/docs/coreX/Copy/CopyButton.stories.d.ts +66 -0
- package/dist/stories/docs/coreX/Copy/CopyTooltip.stories.d.ts +66 -0
- package/dist/stories/docs/coreX/Dialogs/RejectDialog.stories.d.ts +3 -1
- package/dist/style.css +1899 -1722
- package/package.json +6 -4
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import Button from '../../core/Button/index.js';
|
|
2
|
+
import useParrotTranslation from '../../hooks/useParrotTranslation.js';
|
|
3
|
+
import React__default, { useState } from 'react';
|
|
4
|
+
import CopyTooltip from './CopyTooltip.js';
|
|
5
|
+
|
|
6
|
+
const CopyButton = ({
|
|
7
|
+
text,
|
|
8
|
+
buttonText,
|
|
9
|
+
tooltipText
|
|
10
|
+
}) => {
|
|
11
|
+
const { t } = useParrotTranslation();
|
|
12
|
+
const [tooltipVisible, setTooltipVisible] = useState(false);
|
|
13
|
+
const handleCopy = async () => {
|
|
14
|
+
try {
|
|
15
|
+
setTooltipVisible(true);
|
|
16
|
+
setTimeout(() => {
|
|
17
|
+
setTooltipVisible(false);
|
|
18
|
+
}, 1e3);
|
|
19
|
+
} catch (err) {
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
23
|
+
CopyTooltip,
|
|
24
|
+
{
|
|
25
|
+
tooltipProps: { visible: tooltipVisible },
|
|
26
|
+
text,
|
|
27
|
+
afterTooltip: tooltipText ? tooltipText : t("common.has_copied_to_clipboard")
|
|
28
|
+
},
|
|
29
|
+
/* @__PURE__ */ React__default.createElement(Button, { onClick: handleCopy }, buttonText ? buttonText : t("common.copy"))
|
|
30
|
+
);
|
|
31
|
+
};
|
|
32
|
+
var CopyButton$1 = CopyButton;
|
|
33
|
+
|
|
34
|
+
export { CopyButton$1 as default };
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { ClipboardCopy16GradientGrayIcon } from '@cloudtower/icons-react';
|
|
2
|
+
import Icon from '../../core/Icon/index.js';
|
|
3
|
+
import Tooltip from '../../core/Tooltip/index.js';
|
|
4
|
+
import useParrotTranslation from '../../hooks/useParrotTranslation.js';
|
|
5
|
+
import React__default, { useState } from 'react';
|
|
6
|
+
import CopyToClipboard from 'react-copy-to-clipboard';
|
|
7
|
+
|
|
8
|
+
var __defProp = Object.defineProperty;
|
|
9
|
+
var __defProps = Object.defineProperties;
|
|
10
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
11
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
12
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
13
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
14
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
15
|
+
var __spreadValues = (a, b) => {
|
|
16
|
+
for (var prop in b || (b = {}))
|
|
17
|
+
if (__hasOwnProp.call(b, prop))
|
|
18
|
+
__defNormalProp(a, prop, b[prop]);
|
|
19
|
+
if (__getOwnPropSymbols)
|
|
20
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
21
|
+
if (__propIsEnum.call(b, prop))
|
|
22
|
+
__defNormalProp(a, prop, b[prop]);
|
|
23
|
+
}
|
|
24
|
+
return a;
|
|
25
|
+
};
|
|
26
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
27
|
+
const CopyTooltip = React__default.forwardRef(
|
|
28
|
+
(props, ref) => {
|
|
29
|
+
const { t } = useParrotTranslation();
|
|
30
|
+
const {
|
|
31
|
+
text,
|
|
32
|
+
beforeTooltip = t("common.click_to_copy"),
|
|
33
|
+
afterTooltip = t("common.copy_done"),
|
|
34
|
+
children = /* @__PURE__ */ React__default.createElement(Icon, { src: ClipboardCopy16GradientGrayIcon }),
|
|
35
|
+
tooltipProps,
|
|
36
|
+
className
|
|
37
|
+
} = props;
|
|
38
|
+
const [tooltipText, setTooltipText] = useState(beforeTooltip);
|
|
39
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
40
|
+
"span",
|
|
41
|
+
{
|
|
42
|
+
ref,
|
|
43
|
+
onMouseEnter: () => setTooltipText(beforeTooltip),
|
|
44
|
+
className
|
|
45
|
+
},
|
|
46
|
+
/* @__PURE__ */ React__default.createElement(Tooltip, __spreadProps(__spreadValues({}, tooltipProps), { title: tooltipText }), /* @__PURE__ */ React__default.createElement(
|
|
47
|
+
CopyToClipboard,
|
|
48
|
+
{
|
|
49
|
+
text,
|
|
50
|
+
onCopy: () => setTooltipText(afterTooltip)
|
|
51
|
+
},
|
|
52
|
+
children
|
|
53
|
+
))
|
|
54
|
+
);
|
|
55
|
+
}
|
|
56
|
+
);
|
|
57
|
+
var CopyTooltip$1 = CopyTooltip;
|
|
58
|
+
|
|
59
|
+
export { CopyTooltip$1 as default };
|
|
@@ -30,8 +30,17 @@ const SecondaryDesc = "E_srje1h0";
|
|
|
30
30
|
const Divider = "E_di3zi7v";
|
|
31
31
|
const SingleRejectContent = ({
|
|
32
32
|
content,
|
|
33
|
-
listType = "ordered"
|
|
33
|
+
listType = "ordered",
|
|
34
|
+
resourceIcon
|
|
34
35
|
}) => {
|
|
36
|
+
if (listType === "resource" && Array.isArray(content)) {
|
|
37
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
38
|
+
className: cx(MultiRejectContentList)
|
|
39
|
+
}, content.map((name, index) => /* @__PURE__ */React__default.createElement("li", {
|
|
40
|
+
className: Typo.Label.l4_regular,
|
|
41
|
+
key: index
|
|
42
|
+
}, resourceIcon, /* @__PURE__ */React__default.createElement("span", null, name))));
|
|
43
|
+
}
|
|
35
44
|
if (Array.isArray(content) && content.length > 1) {
|
|
36
45
|
if (listType === "ordered") {
|
|
37
46
|
return /* @__PURE__ */React__default.createElement("ol", {
|
|
@@ -79,10 +88,13 @@ const RejectDialog = props => {
|
|
|
79
88
|
const renderContent = () => {
|
|
80
89
|
switch (props.type) {
|
|
81
90
|
case RejectDialogType.Single:
|
|
82
|
-
return /* @__PURE__ */React__default.createElement(
|
|
91
|
+
return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, props.secondaryDesc && /* @__PURE__ */React__default.createElement("div", {
|
|
92
|
+
className: cx(SecondaryDesc, Typo.Label.l4_regular)
|
|
93
|
+
}, props.secondaryDesc), /* @__PURE__ */React__default.createElement(SingleRejectContent, {
|
|
83
94
|
content: props.content,
|
|
84
|
-
listType: props.listType
|
|
85
|
-
|
|
95
|
+
listType: props.listType,
|
|
96
|
+
resourceIcon: props.resourceIcon
|
|
97
|
+
}));
|
|
86
98
|
case RejectDialogType.All:
|
|
87
99
|
case RejectDialogType.Part:
|
|
88
100
|
return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, props.secondaryDesc && /* @__PURE__ */React__default.createElement("div", {
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { useMemo } from 'react';
|
|
2
|
+
import { formatDuration } from '../utils/formatDuration.js';
|
|
3
|
+
|
|
4
|
+
function useFormatDuration(milliseconds, options = {
|
|
5
|
+
maxDisplayUnits: 2,
|
|
6
|
+
useAbbreviation: false,
|
|
7
|
+
minUnit: "second"
|
|
8
|
+
}) {
|
|
9
|
+
const {
|
|
10
|
+
maxDisplayUnits = 2,
|
|
11
|
+
useAbbreviation = false,
|
|
12
|
+
minUnit = "second"
|
|
13
|
+
} = options;
|
|
14
|
+
const result = useMemo(() => {
|
|
15
|
+
const items = formatDuration(milliseconds, { maxDisplayUnits, minUnit });
|
|
16
|
+
const shouldUseAbbreviation = items.length > 1 && useAbbreviation;
|
|
17
|
+
const parts = items.map((item) => {
|
|
18
|
+
const suffix = shouldUseAbbreviation ? "_abbreviation" : "";
|
|
19
|
+
const i18nKey = `unit.${item.unit}${suffix}`;
|
|
20
|
+
return {
|
|
21
|
+
value: item.value,
|
|
22
|
+
unit: item.unit,
|
|
23
|
+
i18nKey
|
|
24
|
+
};
|
|
25
|
+
});
|
|
26
|
+
return {
|
|
27
|
+
parts
|
|
28
|
+
};
|
|
29
|
+
}, [milliseconds, maxDisplayUnits, useAbbreviation, minUnit]);
|
|
30
|
+
return result;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export { useFormatDuration };
|
package/dist/esm/index.js
CHANGED
|
@@ -31,6 +31,7 @@ export { default as DeprecatedProgress } from './core/DeprecatedProgress/index.j
|
|
|
31
31
|
export { default as DetailCard } from './core/DetailCard/index.js';
|
|
32
32
|
export { default as DonutChart, DonutChartColor, formatChartData, formatCollapse } from './core/DonutChart/index.js';
|
|
33
33
|
export { default as DropdownMenu, RenderMenuItem } from './core/DropdownMenu/index.js';
|
|
34
|
+
export { default as Duration } from './core/Duration/index.js';
|
|
34
35
|
export { default as Empty } from './core/Empty/index.js';
|
|
35
36
|
export { default as Error } from './core/Error/index.js';
|
|
36
37
|
export { default as ErrorBoundary } from './core/ErrorBoundary/index.js';
|
|
@@ -98,6 +99,7 @@ export { ImmersiveDialog } from './core/ImmersiveDialog/index.js';
|
|
|
98
99
|
export { LineChartColorBlock, default as LineChartLegend } from './core/LineChart/LineChartLegend.js';
|
|
99
100
|
export { ILineChartGraphType, ILineChartMetricUnit, ILineChartTimeUnit } from './core/LineChart/type.js';
|
|
100
101
|
export { UNIT_FORMATTER, addMissingDataWithZero, convertLineChartDataStruct, convertLineChartUnit, deletePointsOutOfRange, filterLineChartDataOverlapping, filterLineChartOverlappingMetric, filterLineChartPointsByDateRange, getFirstExpectedTimestamp, getLineChartRangeTimestamp, getLineChartStep, getLineChartXAxisDomain, getLineChartYDataMax, getYAxisDomain, getYAxisUpperBound, lineChartTickFormatter, lineChartXaxisCal, lineChartYaxisTickFormatter, parseLineChartRange } from './core/LineChart/utils.js';
|
|
102
|
+
export { LocalUpload } from './core/LocalUpload/LocalUpload.js';
|
|
101
103
|
export { MediumDialog } from './core/MediumDialog/MediumDialog.js';
|
|
102
104
|
export { Batcher, createBatchMessageMethods, makeUUID } from './core/message-group/index.js';
|
|
103
105
|
export { default as MetricActions } from './core/Metric/MetricActions.js';
|
|
@@ -130,6 +132,8 @@ export { default as BarChart, getWidth } from './coreX/BarChart/index.js';
|
|
|
130
132
|
export { default as BatchOperation, renderBatchOperationMenuItem } from './coreX/BatchOperation/index.js';
|
|
131
133
|
export { default as ChartWithTooltip, ChartWithUnit } from './coreX/ChartWithTooltip/index.js';
|
|
132
134
|
export { default as CircleLoading } from './coreX/CircleLoading/index.js';
|
|
135
|
+
export { default as CopyButton } from './coreX/Copy/CopyButton.js';
|
|
136
|
+
export { default as CopyTooltip } from './coreX/Copy/CopyTooltip.js';
|
|
133
137
|
export { default as Counting } from './coreX/Counting/index.js';
|
|
134
138
|
export { default as CronCalendar } from './coreX/CronCalendar/index.js';
|
|
135
139
|
export { default as CronPlan, stringifyPlan } from './coreX/CronPlan/index.js';
|