@cloudtower/eagle 0.27.53 → 0.27.55

package/dist/cjs/core/Table/TableWidget.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var index = require('../Icon/index.js');
+var cs = require('classnames');
+var React = require('react');
+var useElementsSize = require('../../hooks/useElementsSize.js');
+
+const TableLoadingStyle = "t13ef470";
+const TableLoading = () => {
+  const sizes = useElementsSize({
+    loading: ".ant-table-wrapper .ant-spin"
+  }, {});
+  const rowLength = Math.floor(sizes.loading.height + 8 / 40) || 20;
+  const rows = Array.from({
+    length: rowLength
+  }, (r, i) => i);
+  return /* @__PURE__ */React.createElement("div", {
+    className: `${TableLoadingStyle} table-loading`
+  }, rows.map(i => /* @__PURE__ */React.createElement("div", {
+    key: i,
+    className: "table-loading-item"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "checkbox-loading"
+  }), /* @__PURE__ */React.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React.createElement("div", {
+    className: "td-loading"
+  }))));
+};
+React.createContext({});
+const ColumnTitle = props => {
+  const {
+    title,
+    sortOrder
+  } = props;
+  return /* @__PURE__ */React.createElement(React.Fragment, null, title, /* @__PURE__ */React.createElement(index, {
+    alt: "arrowChevronUp16BoldSecondary",
+    className: cs("order-icon", sortOrder),
+    src: iconsReact.ArrowChevronUp16BoldSecondaryIcon
+  }));
+};
+
+exports.ColumnTitle = ColumnTitle;
+exports.TableLoading = TableLoading;

package/dist/cjs/core/Table/common.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var React = require('react');
+
+function canScroll(el, direction = "vertical") {
+  const overflow = window.getComputedStyle(el).getPropertyValue("overflow");
+  if (overflow === "hidden")
+    return false;
+  if (direction === "vertical") {
+    return el.scrollHeight > el.clientHeight;
+  } else if (direction === "horizontal") {
+    return el.scrollWidth > el.clientWidth;
+  }
+  return false;
+}
+const useTableBodyHasScrollBar = (tableBodyEl, data) => {
+  const [hasScrollBar, setHasScrollBar] = React.useState(false);
+  const antTableBodyRef = React.useRef();
+  const observeTableBodyResize = React.useMemo(
+    () => new ResizeObserver((entries) => {
+      const target = entries[0].target;
+      if (target) {
+        setHasScrollBar(canScroll(target));
+      }
+    }),
+    []
+  );
+  React.useEffect(() => {
+    var _a;
+    const tableWrapper = (_a = tableBodyEl == null ? void 0 : tableBodyEl.current) == null ? void 0 : _a.querySelector(".ant-table-body");
+    if (tableWrapper) {
+      if (antTableBodyRef.current) {
+        observeTableBodyResize.unobserve(antTableBodyRef.current);
+      }
+      antTableBodyRef.current = tableWrapper;
+      setHasScrollBar(canScroll(antTableBodyRef.current));
+      observeTableBodyResize.observe(antTableBodyRef.current);
+    }
+    return () => {
+      observeTableBodyResize.disconnect();
+    };
+  }, [tableBodyEl, data, observeTableBodyResize]);
+  return hasScrollBar;
+};
+
+exports.useTableBodyHasScrollBar = useTableBodyHasScrollBar;

package/dist/cjs/core/Table/index.js

@@ -0,0 +1,112 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@linaria/core');
+var index = require('../Loading/index.js');
+var common = require('./common.js');
+var TableWidget = require('./TableWidget.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+
+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 TableContainerStyle = "tc97u5y";
+const tableStyleCover = "tfzf37v";
+const Table = props => {
+  const {
+    loading,
+    error,
+    dataSource,
+    columns,
+    onSorterChange,
+    onRowClick,
+    rowClassName,
+    scroll,
+    bordered,
+    components,
+    rowSelection,
+    empty,
+    tableLayout = "fixed",
+    initLoading,
+    rowKey,
+    wrapper,
+    pagination,
+    onRow
+  } = props;
+  const orderRef = React.useRef(null);
+  const hasScrollBard = common.useTableBodyHasScrollBar(wrapper, dataSource);
+  const _columns = React.useMemo(() => columns.map(column => {
+    const _column = __spreadValues({}, column);
+    if (_column.sorter && typeof _column.title !== "function") {
+      _column.title = /* @__PURE__ */React.createElement(TableWidget.ColumnTitle, {
+        title: column.title,
+        sortOrder: column.sortOrder
+      });
+    }
+    if (_column.align === "right") {
+      _column.className = _column.className ? `${_column.className} align-right` : "align-right";
+    }
+    return _column;
+  }), [columns]);
+  return /* @__PURE__ */React.createElement("div", {
+    className: core.cx(TableContainerStyle, "table-container", !hasScrollBard && "no-scroll-bar")
+  }, /* @__PURE__ */React.createElement(antd.Table, {
+    className: cs(tableStyleCover, !(dataSource == null ? void 0 : dataSource.length) && "empty-table", initLoading && "table-init-loading", rowSelection && "has-selection"),
+    bordered,
+    loading: {
+      spinning: loading,
+      indicator: initLoading ? /* @__PURE__ */React.createElement(TableWidget.TableLoading, null) : /* @__PURE__ */React.createElement(index, null)
+    },
+    locale: {
+      emptyText: error || /* @__PURE__ */React.createElement(React.Fragment, null, loading ? "" : empty)
+    },
+    dataSource: dataSource || [],
+    pagination: pagination || false,
+    columns: _columns,
+    components,
+    rowKey: rowKey || "id",
+    tableLayout: (dataSource == null ? void 0 : dataSource.length) ? tableLayout : "auto",
+    size: "small",
+    onChange: (_, filters, sorter) => {
+      if (!(sorter instanceof Array)) {
+        orderRef.current = sorter.order || (orderRef.current === "ascend" ? "descend" : "ascend");
+        onSorterChange == null ? void 0 : onSorterChange(orderRef.current, sorter.columnKey);
+      }
+    },
+    onRow: (record, index) => __spreadValues({
+      onClick: evt => onRowClick == null ? void 0 : onRowClick(record, index, evt)
+    }, onRow == null ? void 0 : onRow(record, index)),
+    rowClassName,
+    scroll,
+    rowSelection: rowSelection && __spreadProps(__spreadValues({}, rowSelection), {
+      columnWidth: 32
+    }),
+    showSorterTooltip: false
+  }));
+};
+
+exports.useTableBodyHasScrollBar = common.useTableBodyHasScrollBar;
+exports.ColumnTitle = TableWidget.ColumnTitle;
+exports.TableLoading = TableWidget.TableLoading;
+exports.default = Table;
+exports.tableStyleCover = tableStyleCover;

package/dist/cjs/core/TableForm/AddRowButton.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var index = require('../Button/index.js');
+var style = require('./style.js');
+var utils = require('./utils.js');
+var index$1 = require('../Typo/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var React = require('react');
+
+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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const AddRowButton = (props) => {
+  const {
+    config: { maximum, className, CustomizedButton, buttonProps, text },
+    columns,
+    updateData,
+    data
+  } = props;
+  const { t } = useParrotTranslation();
+  const _a = buttonProps || {}, {
+    disabled: disabledFromProp,
+    onClick
+  } = _a, restButtonProps = __objRest(_a, [
+    "disabled",
+    "onClick"
+  ]);
+  const onAdd = (e, data2) => {
+    const newData = [...data2];
+    const newRow = utils.genEmptyRow(columns);
+    newData.push(newRow);
+    updateData(newData);
+    onClick == null ? void 0 : onClick(e);
+  };
+  const disabled = React.useMemo(
+    () => disabledFromProp || typeof maximum === "number" && maximum <= data.length,
+    [maximum, data.length, disabledFromProp]
+  );
+  const CustomizedButtonText = React.useMemo(() => {
+    if (!text)
+      return null;
+    if (typeof text === "string")
+      return text;
+    return text();
+  }, [text]);
+  if (!columns.length) {
+    return null;
+  }
+  return CustomizedButton ? /* @__PURE__ */ React.createElement(CustomizedButton, __spreadValues({}, props)) : /* @__PURE__ */ React.createElement(style.AddRowButtonWrapper, { className }, /* @__PURE__ */ React.createElement(
+    index,
+    __spreadProps(__spreadValues({}, restButtonProps), {
+      type: restButtonProps.type || "ordinary",
+      size: restButtonProps.size || "small",
+      prefixIcon: restButtonProps.prefixIcon || /* @__PURE__ */ React.createElement(iconsReact.PlusAddCreateNew16SecondaryIcon, null),
+      className: core.cx(index$1.Typo.Label.l3_regular, restButtonProps.className),
+      onClick: (e) => {
+        onAdd(e, data);
+      },
+      disabled
+    }),
+    CustomizedButtonText || t("components.add")
+  ), typeof maximum === "number" ? /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      className: core.cx(
+        index$1.Typo.Label.l4_regular,
+        "maximum-desc",
+        disabled && "disabled"
+      )
+    },
+    t("components.maximum_row_count_desc", {
+      count: maximum
+    })
+  ) : null);
+};
+var AddRowButton$1 = AddRowButton;
+
+module.exports = AddRowButton$1;

package/dist/cjs/core/TableForm/Columns/AffixColumn.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var antd = require('antd');
+var React = require('react');
+var useParrotTranslation = require('../../../hooks/useParrotTranslation.js');
+
+const AffixColumnHeaderCell = ({ data, column, onChange, onBlur }) => {
+  const [suffix, setSuffix] = React.useState("");
+  const [prefix, setPrefix] = React.useState("");
+  const { t } = useParrotTranslation();
+  const onPrefixChange = React.useCallback(
+    (e) => {
+      const newPrefix = e.target.value;
+      setPrefix(newPrefix);
+      onChange(newPrefix + suffix);
+    },
+    [suffix, onChange]
+  );
+  const onSuffixChange = React.useCallback(
+    (e) => {
+      const newSuffix = e.target.value;
+      setSuffix(newSuffix);
+      onChange(prefix + newSuffix);
+    },
+    [prefix, onChange]
+  );
+  return /* @__PURE__ */ React.createElement(antd.Space, null, !column.disablePrefix ? /* @__PURE__ */ React.createElement(
+    antd.Input,
+    {
+      value: prefix,
+      placeholder: t("components.prefix"),
+      size: "small",
+      onChange: onPrefixChange,
+      onBlur
+    }
+  ) : void 0, !column.disableSuffix ? /* @__PURE__ */ React.createElement(
+    antd.Input,
+    {
+      value: suffix,
+      placeholder: t("components.suffix"),
+      size: "small",
+      onChange: onSuffixChange,
+      onBlur
+    }
+  ) : void 0);
+};
+
+exports.AffixColumnHeaderCell = AffixColumnHeaderCell;

package/dist/cjs/core/TableForm/Columns/CheckboxColumn.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../Checkbox/index.js');
+
+const CheckboxColumnHeaderCell = ({ onChange }) => {
+  const _onChange = React.useCallback(
+    (e) => {
+      onChange(e.target.checked, true);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ React.createElement(index, { onChange: _onChange });
+};
+const CheckboxColumnBodyCell = ({ data, column, index: index$1, onChange }) => {
+  const value = data[index$1][column.key] === void 0 ? column.defaultValue : data[index$1][column.key];
+  const _onChange = React.useCallback(
+    (e) => {
+      onChange(e.target.checked);
+    },
+    [onChange]
+  );
+  const defaultChecked = column.defaultValue;
+  return /* @__PURE__ */ React.createElement(
+    index,
+    {
+      checked: value,
+      onChange: _onChange,
+      defaultChecked
+    }
+  );
+};
+
+exports.CheckboxColumnBodyCell = CheckboxColumnBodyCell;
+exports.CheckboxColumnHeaderCell = CheckboxColumnHeaderCell;

package/dist/cjs/core/TableForm/Columns/FormItem.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var antd = require('antd');
+var React = require('react');
+
+const FormItemStyle = "f16blduf";
+const FormItem = props => {
+  const {
+    validateStatus,
+    message,
+    children
+  } = props;
+  return /* @__PURE__ */React.createElement(antd.Form.Item, {
+    className: FormItemStyle,
+    validateStatus,
+    help: validateStatus && message ? message : void 0
+  }, children);
+};
+
+exports.FormItem = FormItem;

package/dist/cjs/core/TableForm/Columns/InputColumn.js

@@ -0,0 +1,117 @@
+'use strict';
+
+var icons = require('@ant-design/icons');
+var React = require('react');
+var index = require('../../Input/index.js');
+
+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 InputPassword = (props) => {
+  const [showPassword, setShowPassword] = React.useState(false);
+  React.useEffect(() => {
+    if (props.visible !== void 0) {
+      setShowPassword(props.visible);
+    }
+  }, [props.visible]);
+  const toggleShowPassword = () => {
+    var _a;
+    setShowPassword(!showPassword);
+    (_a = props == null ? void 0 : props.onVisibleChange) == null ? void 0 : _a.call(props, !showPassword);
+  };
+  const inputType = showPassword ? "text" : "password";
+  return /* @__PURE__ */ React.createElement(
+    index,
+    __spreadProps(__spreadValues({}, props), {
+      type: inputType,
+      suffix: showPassword ? /* @__PURE__ */ React.createElement(
+        icons.EyeOutlined,
+        {
+          className: "ant-input-password-icon",
+          onClick: toggleShowPassword
+        }
+      ) : /* @__PURE__ */ React.createElement(
+        icons.EyeInvisibleOutlined,
+        {
+          className: "ant-input-password-icon",
+          onClick: toggleShowPassword
+        }
+      )
+    })
+  );
+};
+const CustomInput = (props) => {
+  if (props.type === "password") {
+    return /* @__PURE__ */ React.createElement(InputPassword, __spreadValues({}, props));
+  }
+  return /* @__PURE__ */ React.createElement(index, __spreadValues({}, props));
+};
+const InputColumnHeaderCell = ({ disabled, column, onChange, onBlur, onVisibleChange }) => {
+  const _onChange = (e) => {
+    const newValue = e.target.value;
+    onChange(newValue);
+  };
+  return /* @__PURE__ */ React.createElement(
+    CustomInput,
+    {
+      type: column.type,
+      placeholder: column.placeholder,
+      disabled,
+      size: "small",
+      onChange: _onChange,
+      onBlur,
+      onVisibleChange
+    }
+  );
+};
+const InputColumnBodyCell = ({
+  data,
+  latestData,
+  column,
+  index,
+  disabled,
+  onChange,
+  onBlur,
+  visible,
+  error
+}) => {
+  const placeHolderValue = column.type === "password" ? "" : latestData[index][column.key];
+  const _onChange = (e) => {
+    const newValue = e.target.value;
+    onChange(newValue);
+  };
+  return /* @__PURE__ */ React.createElement(
+    CustomInput,
+    {
+      size: "small",
+      value: data[index][column.key],
+      type: column.type,
+      defaultValue: column.defaultValue,
+      disabled,
+      placeholder: placeHolderValue || column.placeholder,
+      onChange: _onChange,
+      onBlur,
+      visible,
+      error
+    }
+  );
+};
+
+exports.InputColumnBodyCell = InputColumnBodyCell;
+exports.InputColumnHeaderCell = InputColumnHeaderCell;

package/dist/cjs/core/TableForm/Columns/TextColumn.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var core = require('@linaria/core');
+var React = require('react');
+var index = require('../../Typo/index.js');
+var style = require('../style.js');
+
+const TextColumnHeaderCell = ({
+  column
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    "p",
+    {
+      className: core.cx(index.Typo.Label.l4_regular, style.SubtitleStyle, column.subTitleColor)
+    },
+    column.subTitle
+  );
+};
+const TextColumnBodyCell = ({ data, column, index: index$1 }) => {
+  const text = column.displayText || data[index$1][column.key];
+  const CellDescription = React.useMemo(() => {
+    var _a, _b;
+    const Result = (_b = (_a = column.renderDescription) == null ? void 0 : _a.call(column, {
+      rowIndex: index$1,
+      rowData: data[index$1]
+    })) != null ? _b : null;
+    return typeof Result === "string" ? /* @__PURE__ */ React.createElement("p", { className: core.cx(index.Typo.Label.l4_regular, "cell-description") }, Result) : Result;
+  }, [index$1, data, column]);
+  const Text = React.useMemo(
+    () => /* @__PURE__ */ React.createElement("p", { className: core.cx(index.Typo.Label.l3_regular, style.BodyCellTextStyle) }, text),
+    [text]
+  );
+  return /* @__PURE__ */ React.createElement(
+    style.BodyCellTextWrapper,
+    {
+      className: !!CellDescription ? "with-description" : void 0
+    },
+    Text,
+    CellDescription
+  );
+};
+
+exports.TextColumnBodyCell = TextColumnBodyCell;
+exports.TextColumnHeaderCell = TextColumnHeaderCell;

package/dist/cjs/core/TableForm/Columns/index.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var AffixColumn = require('./AffixColumn.js');
+var CheckboxColumn = require('./CheckboxColumn.js');
+var InputColumn = require('./InputColumn.js');
+var TextColumn = require('./TextColumn.js');
+
+const ColumnHeaderImpls = {
+  text: TextColumn.TextColumnHeaderCell,
+  input: InputColumn.InputColumnHeaderCell,
+  password: InputColumn.InputColumnHeaderCell,
+  affix: AffixColumn.AffixColumnHeaderCell,
+  checkbox: CheckboxColumn.CheckboxColumnHeaderCell
+};
+const ColumnBodyImpls = {
+  text: TextColumn.TextColumnBodyCell,
+  input: InputColumn.InputColumnBodyCell,
+  password: InputColumn.InputColumnBodyCell,
+  affix: InputColumn.InputColumnBodyCell,
+  checkbox: CheckboxColumn.CheckboxColumnBodyCell
+};
+
+exports.ColumnBodyImpls = ColumnBodyImpls;
+exports.ColumnHeaderImpls = ColumnHeaderImpls;