@cloudtower/eagle 0.34.25 → 0.35.2

package/dist/esm/core/LocalUpload/LocalUpload.hooks.js

@@ -0,0 +1,63 @@
+import { useEffect, useRef } from 'react';
+
+const useFileValidation = ({
+  fileList,
+  setFileList,
+  validate,
+  createNewFile = false
+}) => {
+  useEffect(() => {
+    if (!validate)
+      return;
+    const updateFile = (fileId, file) => {
+      const index = fileList.findIndex((f) => f.uid === fileId);
+      if (index !== -1) {
+        const newList = [...fileList];
+        const fileToUpdate = createNewFile ? (() => {
+          const newFile = new File([file], file.name, { type: file.type });
+          Object.assign(newFile, file);
+          return newFile;
+        })() : file;
+        newList.splice(index, 1, fileToUpdate);
+        setFileList(newList);
+      }
+    };
+    for (const _file of fileList) {
+      if (_file.fileStatus !== "need-validate") {
+        continue;
+      }
+      _file.fileStatus = "validating";
+      updateFile(_file.uid, _file);
+      validate(_file, fileList).then((result) => {
+        if (result.error) {
+          _file.error = result.error;
+          _file.fileStatus = "error";
+        } else {
+          _file.error = void 0;
+          _file.fileStatus = "success";
+          _file.data = result.data;
+        }
+        updateFile(_file.uid, _file);
+        return;
+      });
+    }
+  }, [fileList, setFileList, validate, createNewFile]);
+};
+const useFileCountErrorClear = ({
+  fileList,
+  maxCount,
+  setError
+}) => {
+  const fileCountRef = useRef(fileList.length);
+  useEffect(() => {
+    if (fileList.length === fileCountRef.current) {
+      return;
+    }
+    fileCountRef.current = fileList.length;
+    if (fileCountRef.current <= maxCount) {
+      setError("");
+    }
+  }, [fileList.length, maxCount, setError]);
+};
+
+export { useFileCountErrorClear, useFileValidation };

package/dist/esm/core/LocalUpload/LocalUpload.js

@@ -0,0 +1,97 @@
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import React__default from 'react';
+import { UploadWrapper } from './LocalUpload.style.js';
+import { UploadLabel, UploadDescription, UploadButton, UploadDragger, UploadFileList, UploadFileInfo } from './LocalUpload.widget.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const UploadComp = React__default.forwardRef(
+  ({
+    className,
+    label,
+    description,
+    type = "dragger",
+    multiple = false,
+    accept,
+    disabled,
+    maxCount,
+    info,
+    fileList,
+    setFileList,
+    validate,
+    buttonProps,
+    listType = "list",
+    disableRemoveList = false,
+    onRemove
+  }, ref) => {
+    const { t } = useParrotTranslation();
+    const removeFile = (id) => {
+      const index = fileList.findIndex((f) => f.uid === id);
+      if (index !== -1) {
+        const file = fileList[index];
+        fileList.splice(index, 1);
+        setFileList([...fileList]);
+        onRemove == null ? void 0 : onRemove(file);
+      }
+    };
+    const _maxCount = multiple ? maxCount || Infinity : 1;
+    const isSingleSelect = _maxCount === 1;
+    return /* @__PURE__ */ React__default.createElement(UploadComp.Wrapper, { className, ref }, label ? /* @__PURE__ */ React__default.createElement(UploadComp.Label, null, label) : null, description ? /* @__PURE__ */ React__default.createElement(UploadComp.Description, null, description) : null, type === "button" ? /* @__PURE__ */ React__default.createElement(
+      UploadComp.Button,
+      __spreadValues({}, __spreadValues({
+        accept,
+        multiple,
+        disabled,
+        maxCount,
+        fileList,
+        setFileList,
+        validate
+      }, buttonProps)),
+      t("components.select_file")
+    ) : /* @__PURE__ */ React__default.createElement(
+      UploadComp.Dragger,
+      __spreadValues({}, {
+        accept,
+        multiple,
+        disabled,
+        maxCount,
+        fileList,
+        setFileList,
+        validate
+      })
+    ), info != null ? info : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), type === "button" || !isSingleSelect ? /* @__PURE__ */ React__default.createElement(
+      UploadComp.FileList,
+      {
+        fileList,
+        removeFile,
+        type: listType,
+        disableRemove: disableRemoveList,
+        onRemove
+      }
+    ) : null);
+  }
+);
+UploadComp.Wrapper = UploadWrapper;
+UploadComp.Label = UploadLabel;
+UploadComp.Description = UploadDescription;
+UploadComp.Button = UploadButton;
+UploadComp.Dragger = UploadDragger;
+UploadComp.FileList = UploadFileList;
+UploadComp.FileInfo = UploadFileInfo;
+const LocalUpload = UploadComp;
+
+export { LocalUpload };

package/dist/esm/core/LocalUpload/LocalUpload.style.js

@@ -0,0 +1,10 @@
+import { styled } from '@linaria/react';
+
+const UploadWrapper = /*#__PURE__*/styled('div')({
+  name: "UploadWrapper",
+  class: "E_u3l9ivi",
+  propsAsIs: false
+});
+const FileInfoWrapperStyle = "E_ftdwz1g";
+
+export { FileInfoWrapperStyle, UploadWrapper };

package/dist/esm/core/LocalUpload/LocalUpload.widget.js

@@ -0,0 +1,365 @@
+import { Uploading16GradientGrayIcon, Uploading16GradientBlueIcon, Upload24GradientGrayIcon, Upload24GradientBlueIcon, Upload48GradientBlueIcon, XmarkRemove16SecondaryIcon, ExclamationErrorCircleFill16RedIcon, File16GradientBlueIcon, Loading16GradientBlueIcon, XmarkRemove24SecondaryIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import Button from '../Button/index.js';
+import Byte from '../Byte/index.js';
+import Icon from '../Icon/index.js';
+import Tooltip from '../Tooltip/index.js';
+import { Typo } from '../Typo/index.js';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import cs from 'classnames';
+import _ from 'lodash';
+import React__default, { useState } from 'react';
+import { useFileValidation, useFileCountErrorClear } from './LocalUpload.hooks.js';
+import { FileInfoWrapperStyle } from './LocalUpload.style.js';
+import { Upload } from 'antd';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const STATUS_ICON_MAP = {
+  error: ExclamationErrorCircleFill16RedIcon,
+  success: File16GradientBlueIcon,
+  validating: Loading16GradientBlueIcon,
+  "need-validate": Loading16GradientBlueIcon
+};
+const createBeforeUploadHandler = ({
+  fileList,
+  setFileList,
+  validate,
+  maxCount,
+  isSingleSelect,
+  setError,
+  t,
+  checkSingleSelectCount = false
+}) => {
+  return (file, _fileList) => {
+    if (isSingleSelect) {
+      if (checkSingleSelectCount && _fileList.length > 1) {
+        setError(t("components.exceed_max_count", { count: 1 }) || "");
+        return false;
+      } else {
+        setError("");
+      }
+      const _file2 = file;
+      _file2.fileStatus = validate ? "need-validate" : "success";
+      setFileList([_file2]);
+      return false;
+    }
+    if (fileList.length + _fileList.length > maxCount) {
+      setError(t("components.exceed_max_count", { count: maxCount }) || "");
+    } else {
+      setError("");
+    }
+    const _file = file;
+    _file.fileStatus = validate ? "need-validate" : "success";
+    const index = _fileList.findIndex((f) => f.uid === _file.uid);
+    if (index !== -1) {
+      const newList = _.uniqBy(
+        [...fileList, ..._fileList.slice(0, index + 1)],
+        "uid"
+      );
+      setFileList(newList);
+    }
+    return false;
+  };
+};
+const UploadLabel = ({ className, children }) => {
+  return /* @__PURE__ */ React__default.createElement("label", { className: cx("upload-label", Typo.Label.l2_regular, className) }, children);
+};
+const UploadDescription = ({ className, children }) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-description", Typo.Label.l4_regular, className) }, children);
+};
+const UploadButton = ({
+  children,
+  hideIcon = false,
+  className,
+  fileList,
+  setFileList,
+  validate,
+  maxCount,
+  multiple = false,
+  disabled,
+  accept
+}) => {
+  const { t } = useParrotTranslation();
+  const [error, setError] = useState("");
+  const _maxCount = multiple ? maxCount || Infinity : 1;
+  const isSingleSelect = _maxCount === 1;
+  useFileValidation({
+    fileList,
+    setFileList,
+    validate,
+    createNewFile: false
+  });
+  useFileCountErrorClear({
+    fileList,
+    maxCount: _maxCount,
+    setError
+  });
+  const props = {
+    accept,
+    fileList,
+    showUploadList: false,
+    beforeUpload: createBeforeUploadHandler({
+      fileList,
+      setFileList,
+      validate,
+      maxCount: _maxCount,
+      isSingleSelect,
+      setError,
+      t,
+      checkSingleSelectCount: false
+    }),
+    multiple
+  };
+  return /* @__PURE__ */ React__default.createElement(Upload, __spreadProps(__spreadValues({}, props), { className: cs("upload-button", className) }), /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      disabled,
+      prefixIcon: !hideIcon ? /* @__PURE__ */ React__default.createElement(Icon, { src: Uploading16GradientGrayIcon }) : void 0,
+      hoverPrefixIcon: !hideIcon ? /* @__PURE__ */ React__default.createElement(Icon, { src: Uploading16GradientBlueIcon }) : void 0
+    },
+    children
+  ), error ? /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-error", Typo.Label.l4_regular) }, error) : null);
+};
+const UploadDragger = ({
+  children,
+  className,
+  fileList,
+  setFileList,
+  validate,
+  maxCount,
+  multiple = false,
+  disabled,
+  accept
+}) => {
+  var _a;
+  const { t } = useParrotTranslation();
+  const [error, setError] = useState("");
+  const _maxCount = multiple ? maxCount || Infinity : 1;
+  const isSingleSelect = _maxCount === 1;
+  const reachMaxCount = !!maxCount && !isSingleSelect && fileList.length >= maxCount;
+  useFileValidation({
+    fileList,
+    setFileList,
+    validate,
+    createNewFile: true
+  });
+  useFileCountErrorClear({
+    fileList,
+    maxCount: _maxCount,
+    setError
+  });
+  const props = {
+    accept,
+    fileList,
+    showUploadList: false,
+    beforeUpload: createBeforeUploadHandler({
+      fileList,
+      setFileList,
+      validate,
+      maxCount: _maxCount,
+      isSingleSelect,
+      setError,
+      t,
+      checkSingleSelectCount: true
+    }),
+    disabled,
+    multiple
+  };
+  const DefaultChildren = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    Icon,
+    {
+      src: (fileList == null ? void 0 : fileList.length) ? reachMaxCount ? Upload24GradientGrayIcon : Upload24GradientBlueIcon : Upload48GradientBlueIcon,
+      iconHeight: (fileList == null ? void 0 : fileList.length) ? 24 : 48,
+      iconWidth: (fileList == null ? void 0 : fileList.length) ? 24 : 48
+    }
+  ), /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-drag-text", Typo.Label.l2_regular) }, t("components.upload_file_desc")));
+  const fileStatus = isSingleSelect ? ((_a = fileList[0]) == null ? void 0 : _a.fileStatus) || "success" : void 0;
+  const FileInfo = ({ file }) => {
+    const fileStatus2 = file.fileStatus || "success";
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "file-info", onClick: (e) => e.preventDefault() }, /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        src: STATUS_ICON_MAP[fileStatus2],
+        isRotate: fileStatus2 === "validating" || fileStatus2 === "need-validate"
+      }
+    ), /* @__PURE__ */ React__default.createElement("div", { className: cx("file-name", Typo.Label.l4_regular) }, file.name || file.fileName)), /* @__PURE__ */ React__default.createElement(Button, { className: Typo.Label.l2_regular, type: "link" }, t("components.reselect_file")));
+  };
+  const Error2 = () => {
+    if (error) {
+      return /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-error", Typo.Label.l4_regular) }, error);
+    }
+    const file = fileList[0];
+    if (isSingleSelect && (file == null ? void 0 : file.fileStatus) === "error" && file.error) {
+      return /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-error", Typo.Label.l4_regular) }, file.error);
+    }
+    return null;
+  };
+  return /* @__PURE__ */ React__default.createElement("div", { className: cs("upload-drag", className) }, /* @__PURE__ */ React__default.createElement(
+    Upload.Dragger,
+    __spreadProps(__spreadValues({}, props), {
+      disabled: disabled || fileStatus === "validating",
+      className: cs(
+        "upload-drag-area",
+        fileList.length ? "has-file" : "",
+        reachMaxCount && "reach-max-count",
+        isSingleSelect && "single",
+        fileStatus === "error" && "file-error",
+        fileStatus === "validating" && "file-validating"
+      )
+    }),
+    isSingleSelect && fileList.length ? /* @__PURE__ */ React__default.createElement(FileInfo, { file: fileList[0] }) : children || DefaultChildren
+  ), /* @__PURE__ */ React__default.createElement(Error2, null));
+};
+const UploadFileInfo = ({
+  file,
+  removeFile,
+  disabled,
+  onRemove
+}) => {
+  const fileStatus = file.fileStatus || "success";
+  const handleRemove = () => {
+    var _a;
+    removeFile((_a = file.uid) != null ? _a : "");
+    if (onRemove && "fileStatus" in file) {
+      onRemove(file);
+    }
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cs(FileInfoWrapperStyle, {
+        "file-error-wrapper": fileStatus === "error",
+        disabled
+      })
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        src: STATUS_ICON_MAP[fileStatus],
+        isRotate: fileStatus === "validating" || fileStatus === "need-validate"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement("div", { className: cx("file-info", Typo.Label.l4_regular) }, /* @__PURE__ */ React__default.createElement(
+      OverflowTooltip,
+      {
+        className: "file-name",
+        content: file.name || file.fileName,
+        tooltip: file.name || file.fileName
+      }
+    ), file.size ? /* @__PURE__ */ React__default.createElement("div", { className: "file-info" }, /* @__PURE__ */ React__default.createElement(
+      Byte,
+      {
+        rawValue: file.size,
+        valueClassName: "file-size",
+        unitClassName: "file-size-unit"
+      }
+    )) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), file.fileStatus === "error" && !!file.error && /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-file-error", Typo.Footnote.f2_regular) }, file.error)),
+    /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        src: XmarkRemove16SecondaryIcon,
+        onClick: disabled ? void 0 : handleRemove
+      }
+    )
+  );
+};
+const FileListItem = ({ file, removeFile, onRemove }) => {
+  const fileStatus = file.fileStatus || "success";
+  const { t } = useParrotTranslation();
+  const handleRemove = (e) => {
+    e.stopPropagation();
+    removeFile(file.uid);
+    onRemove == null ? void 0 : onRemove(file);
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cx("upload-file-item", Typo.Label.l4_regular),
+      key: file.uid
+    },
+    /* @__PURE__ */ React__default.createElement("div", { className: "upload-file-info" }, /* @__PURE__ */ React__default.createElement("div", { className: "file-info" }, /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        src: STATUS_ICON_MAP[fileStatus],
+        isRotate: fileStatus === "validating" || fileStatus === "need-validate"
+      }
+    ), /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        className: fileStatus === "validating" || fileStatus === "need-validate" ? "validating" : ""
+      },
+      file.name || file.fileName
+    )), /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("common.remove") }, /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        className: "remove-button",
+        src: XmarkRemove24SecondaryIcon,
+        onClick: handleRemove
+      }
+    ))),
+    file.fileStatus === "error" && !!file.error && /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-file-error", Typo.Footnote.f2_regular) }, file.error)
+  );
+};
+const UploadFileList = ({
+  className,
+  fileList,
+  removeFile,
+  type = "list",
+  disableRemove = false,
+  onRemove
+}) => {
+  if (!fileList.length) {
+    return null;
+  }
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cs(
+        "upload-file-list",
+        type === "list" ? "" : "upload-file-info-list",
+        className
+      )
+    },
+    fileList.map(
+      (file) => type === "list" ? /* @__PURE__ */ React__default.createElement(
+        FileListItem,
+        {
+          key: file.uid,
+          file,
+          removeFile,
+          onRemove
+        }
+      ) : /* @__PURE__ */ React__default.createElement(
+        UploadFileInfo,
+        {
+          key: file.uid,
+          file,
+          removeFile,
+          disabled: disableRemove,
+          onRemove
+        }
+      )
+    )
+  );
+};
+
+export { FileListItem, UploadButton, UploadDescription, UploadDragger, UploadFileInfo, UploadFileList, UploadLabel };

package/dist/esm/index.js

@@ -97,6 +97,7 @@ export { ImmersiveDialog } from './core/ImmersiveDialog/index.js';
 export { LineChartColorBlock, default as LineChartLegend } from './core/LineChart/LineChartLegend.js';
 export { ILineChartGraphType, ILineChartMetricUnit, ILineChartTimeUnit } from './core/LineChart/type.js';
 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';
+export { LocalUpload } from './core/LocalUpload/LocalUpload.js';
 export { MediumDialog } from './core/MediumDialog/MediumDialog.js';
 export { Batcher, createBatchMessageMethods, makeUUID } from './core/message-group/index.js';
 export { default as MetricActions } from './core/Metric/MetricActions.js';