@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.
Files changed (64) hide show
  1. package/dist/cjs/core/Duration/index.js +78 -0
  2. package/dist/cjs/core/LocalUpload/LocalUpload.hooks.js +66 -0
  3. package/dist/cjs/core/LocalUpload/LocalUpload.js +103 -0
  4. package/dist/cjs/core/LocalUpload/LocalUpload.style.js +13 -0
  5. package/dist/cjs/core/LocalUpload/LocalUpload.widget.js +379 -0
  6. package/dist/cjs/core/MediumDialog/MediumDialog.js +1 -1
  7. package/dist/cjs/core/TableForm/AddRowButton.js +2 -1
  8. package/dist/cjs/core/TableForm/index.js +1 -0
  9. package/dist/cjs/core/index.js +15 -12
  10. package/dist/cjs/coreX/Copy/CopyButton.js +40 -0
  11. package/dist/cjs/coreX/Copy/CopyTooltip.js +66 -0
  12. package/dist/cjs/coreX/Dialogs/RejectDialog/RejectDialog.js +16 -4
  13. package/dist/cjs/hooks/useFormatDuration.js +35 -0
  14. package/dist/cjs/index.js +253 -245
  15. package/dist/cjs/stats1.html +1 -1
  16. package/dist/cjs/utils/formatDuration.js +67 -0
  17. package/dist/components.css +1899 -1722
  18. package/dist/esm/core/Duration/index.js +72 -0
  19. package/dist/esm/core/LocalUpload/LocalUpload.hooks.js +63 -0
  20. package/dist/esm/core/LocalUpload/LocalUpload.js +97 -0
  21. package/dist/esm/core/LocalUpload/LocalUpload.style.js +10 -0
  22. package/dist/esm/core/LocalUpload/LocalUpload.widget.js +365 -0
  23. package/dist/esm/core/MediumDialog/MediumDialog.js +1 -1
  24. package/dist/esm/core/TableForm/AddRowButton.js +2 -1
  25. package/dist/esm/core/TableForm/index.js +1 -0
  26. package/dist/esm/core/index.js +4 -2
  27. package/dist/esm/coreX/Copy/CopyButton.js +34 -0
  28. package/dist/esm/coreX/Copy/CopyTooltip.js +59 -0
  29. package/dist/esm/coreX/Dialogs/RejectDialog/RejectDialog.js +16 -4
  30. package/dist/esm/hooks/useFormatDuration.js +33 -0
  31. package/dist/esm/index.js +4 -0
  32. package/dist/esm/stats1.html +1 -1
  33. package/dist/esm/utils/formatDuration.js +65 -0
  34. package/dist/linaria.merged.scss +2144 -1955
  35. package/dist/src/core/Duration/duration.type.d.ts +42 -0
  36. package/dist/src/core/Duration/index.d.ts +4 -0
  37. package/dist/src/core/LocalUpload/LocalUpload.d.ts +15 -0
  38. package/dist/src/core/LocalUpload/LocalUpload.hooks.d.ts +32 -0
  39. package/dist/src/core/LocalUpload/LocalUpload.style.d.ts +3 -0
  40. package/dist/src/core/LocalUpload/LocalUpload.type.d.ts +175 -0
  41. package/dist/src/core/LocalUpload/LocalUpload.widget.d.ts +23 -0
  42. package/dist/src/core/LocalUpload/index.d.ts +2 -0
  43. package/dist/src/core/TableForm/types.d.ts +1 -0
  44. package/dist/src/core/index.d.ts +5 -0
  45. package/dist/src/coreX/Copy/CopyButton.d.ts +5 -0
  46. package/dist/src/coreX/Copy/CopyButton.type.d.ts +8 -0
  47. package/dist/src/coreX/Copy/CopyTooltip.d.ts +5 -0
  48. package/dist/src/coreX/Copy/CopyTooltip.typs.d.ts +16 -0
  49. package/dist/src/coreX/Copy/index.d.ts +2 -0
  50. package/dist/src/coreX/Dialogs/RejectDialog/RejectDialog.type.d.ts +5 -1
  51. package/dist/src/coreX/index.d.ts +3 -0
  52. package/dist/src/hooks/__tests__/useFormatDuration.test.d.ts +1 -0
  53. package/dist/src/hooks/index.d.ts +1 -0
  54. package/dist/src/hooks/useFormatDuration.d.ts +31 -0
  55. package/dist/src/utils/__test__/formatDuration.spec.d.ts +1 -0
  56. package/dist/src/utils/formatDuration.d.ts +28 -0
  57. package/dist/src/utils/index.d.ts +1 -0
  58. package/dist/stories/docs/core/Duration.stories.d.ts +88 -0
  59. package/dist/stories/docs/core/LocalUpload.stories.d.ts +74 -0
  60. package/dist/stories/docs/coreX/Copy/CopyButton.stories.d.ts +66 -0
  61. package/dist/stories/docs/coreX/Copy/CopyTooltip.stories.d.ts +66 -0
  62. package/dist/stories/docs/coreX/Dialogs/RejectDialog.stories.d.ts +3 -1
  63. package/dist/style.css +1899 -1722
  64. 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(SingleRejectContent, {
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';