@cloudtower/eagle 0.27.53-alpha.4 → 0.27.53-dry2

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

@@ -1,47 +0,0 @@
-'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

@@ -1,46 +0,0 @@
-'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

@@ -1,112 +0,0 @@
-'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

@@ -1,108 +0,0 @@
-'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

@@ -1,48 +0,0 @@
-'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

@@ -1,35 +0,0 @@
-'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

@@ -1,20 +0,0 @@
-'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

@@ -1,117 +0,0 @@
-'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

@@ -1,44 +0,0 @@
-'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

@@ -1,24 +0,0 @@
-'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;