@pisell/materials 1.0.43 → 1.0.44

package/lib/components/DragSortList/index.js

@@ -1,119 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/DragSortList/index.tsx
-var DragSortList_exports = {};
-__export(DragSortList_exports, {
-  SortableItem: () => SortableItem,
-  default: () => Sortable
-});
-module.exports = __toCommonJS(DragSortList_exports);
-var import_core = require("@dnd-kit/core");
-var import_sortable = require("@dnd-kit/sortable");
-var import_utilities = require("@dnd-kit/utilities");
-var import_utils = require("@pisell/utils");
-var import_react = __toESM(require("react"));
-function Sortable({
-  list = [],
-  onChange,
-  rowKey,
-  children
-}) {
-  const getRowKey = (0, import_react.useCallback)(
-    (row) => {
-      if ((0, import_utils.isFunction)(rowKey)) {
-        return rowKey(row);
-      }
-      return row[rowKey];
-    },
-    [rowKey]
-  );
-  const items = (0, import_react.useMemo)(() => {
-    return list == null ? void 0 : list.map((item) => getRowKey(item));
-  }, [list, rowKey]);
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_core.DndContext,
-    {
-      onDragEnd: ({ over, active }) => {
-        if (active.id !== (over == null ? void 0 : over.id)) {
-          const activeIndex = list == null ? void 0 : list.findIndex((i) => i.id === active.id);
-          const overIndex = list == null ? void 0 : list.findIndex((i) => i.id === (over == null ? void 0 : over.id));
-          onChange == null ? void 0 : onChange((0, import_sortable.arrayMove)(list, activeIndex, overIndex));
-        }
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_sortable.SortableContext, { items }, list.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
-      SortableItem,
-      {
-        key: getRowKey(item),
-        id: getRowKey(item),
-        item,
-        index
-      },
-      children
-    )))
-  );
-}
-function SortableItem({
-  id,
-  index,
-  item,
-  children
-}) {
-  const {
-    attributes,
-    isSorting,
-    listeners,
-    setNodeRef,
-    setActivatorNodeRef,
-    transform,
-    transition
-  } = (0, import_sortable.useSortable)({
-    id
-  });
-  return children({
-    item,
-    index,
-    style: {
-      transform: import_utilities.CSS.Transform.toString(
-        transform && { ...transform, scaleY: 1 }
-      ),
-      transition
-    },
-    setActivatorNodeRef,
-    listeners,
-    attributes,
-    props: {
-      ref: setNodeRef
-    }
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SortableItem
-});

package/lib/components/MultipleContainersSortList/index.d.ts

@@ -1,26 +0,0 @@
-import React from "react";
-import { SortableItemProps } from "../DragSortList";
-import "./index.less";
-declare type IdType = string | number;
-export interface MultipleContainersSortListProps<T> {
-    list: Record<string, T[]>;
-    vertical?: boolean;
-    wrapStyle?: React.CSSProperties;
-    onChange: (val: Record<string, T[]>) => void;
-    renderContainer?: DefaultRenderContainerProps["renderContainer"];
-    rowKey: IdType | ((val: T) => IdType);
-    children: SortableItemProps<T>["children"];
-}
-export declare const TRASH_ID = "void";
-interface DefaultRenderContainerProps {
-    id: IdType;
-    renderContainer: (params: {
-        children: React.ReactElement;
-        ref: any;
-        id: IdType;
-    }) => React.ReactElement;
-    children: any;
-}
-declare const MultipleContainersSortList: <T extends Record<string, any>>(props: MultipleContainersSortListProps<T>) => JSX.Element;
-export default MultipleContainersSortList;
-//# sourceMappingURL=index.d.ts.map

package/lib/components/MultipleContainersSortList/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AASA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,cAAc,CAAC;AAEtB,aAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9B,MAAM,WAAW,+BAA+B,CAAC,CAAC;IAChD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,2BAA2B,CAAC,iBAAiB,CAAC,CAAC;IACjE,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;IACtC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B,UAAU,2BAA2B;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,eAAe,EAAE,CAAC,MAAM,EAAE;QACxB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;QAC7B,GAAG,EAAE,GAAG,CAAC;QACT,EAAE,EAAE,MAAM,CAAC;KACZ,KAAK,KAAK,CAAC,YAAY,CAAC;IACzB,QAAQ,EAAE,GAAG,CAAC;CACf;AAmBD,QAAA,MAAM,0BAA0B,2FA0K/B,CAAC;AACF,eAAe,0BAA0B,CAAC"}

package/lib/components/MultipleContainersSortList/index.js

@@ -1,192 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/MultipleContainersSortList/index.tsx
-var MultipleContainersSortList_exports = {};
-__export(MultipleContainersSortList_exports, {
-  TRASH_ID: () => TRASH_ID,
-  default: () => MultipleContainersSortList_default
-});
-module.exports = __toCommonJS(MultipleContainersSortList_exports);
-var import_core = require("@dnd-kit/core");
-var import_sortable = require("@dnd-kit/sortable");
-var import_utils = require("@pisell/utils");
-var import_react = __toESM(require("react"));
-var import_DragSortList = require("../DragSortList");
-var import_index = require("./index.less");
-var TRASH_ID = "void";
-var maxLength = 3;
-var DefaultRenderContainer = (props) => {
-  const { id, children, renderContainer } = props;
-  const { setNodeRef } = (0, import_sortable.useSortable)({
-    id
-  });
-  if ((0, import_utils.isFunction)(renderContainer)) {
-    return renderContainer({ children, ref: setNodeRef, id });
-  }
-  return /* @__PURE__ */ import_react.default.createElement("div", { ref: setNodeRef }, children);
-};
-var MultipleContainersSortList = (props) => {
-  const {
-    wrapStyle,
-    list,
-    children,
-    onChange,
-    renderContainer,
-    rowKey = "id"
-  } = props;
-  const [containers, setContainers] = (0, import_react.useState)([]);
-  const getRowKey = (0, import_react.useCallback)(
-    (row) => {
-      if ((0, import_utils.isFunction)(rowKey)) {
-        return rowKey(row);
-      }
-      return row[rowKey];
-    },
-    [rowKey]
-  );
-  (0, import_react.useEffect)(() => {
-    setContainers(Object.keys(list));
-  }, [list]);
-  const findContainer = (id) => {
-    if (id in list) {
-      return id;
-    }
-    return Object.keys(list).find(
-      (key) => list[key].map((item) => getRowKey(item)).includes(id)
-    );
-  };
-  const handleDragOver = ({ active, over }) => {
-    const overId = over == null ? void 0 : over.id;
-    if (overId == null || overId === TRASH_ID || active.id in list) {
-      return;
-    }
-    const overContainer = findContainer(overId);
-    const activeContainer = findContainer(active.id);
-    if (!overContainer || !activeContainer) {
-      return;
-    }
-    if (activeContainer !== overContainer) {
-      const activeItems = list[activeContainer];
-      const overItems = list[overContainer];
-      const overIndex = overItems.findIndex(
-        (item) => getRowKey(item) === overId
-      );
-      const activeIndex = activeItems.findIndex(
-        (item) => getRowKey(item) === active.id
-      );
-      let newIndex;
-      if (overId in list) {
-        newIndex = overItems.length + 1;
-      } else {
-        const isBelowOverItem = over && active.rect.current.translated && active.rect.current.translated.top > over.rect.top + over.rect.height;
-        const modifier = isBelowOverItem ? 1 : 0;
-        newIndex = overIndex >= 0 ? overIndex + modifier : overItems.length + 1;
-      }
-      let newList = {
-        ...list,
-        [activeContainer]: list[activeContainer].filter(
-          (item) => getRowKey(item) !== active.id
-        ),
-        [overContainer]: [
-          ...list[overContainer].slice(0, newIndex),
-          list[activeContainer][activeIndex],
-          ...list[overContainer].slice(newIndex, list[overContainer].length)
-        ]
-      };
-      if (overContainer === "quickFilter" && newList[overContainer].length > maxLength) {
-        newList = {
-          ...newList,
-          [overContainer]: newList[overContainer].slice(0, maxLength),
-          [activeContainer]: [
-            ...newList[overContainer].slice(maxLength),
-            ...newList[activeContainer]
-          ]
-        };
-      }
-      onChange == null ? void 0 : onChange(newList);
-    }
-  };
-  const handleDragEnd = ({ active, over }) => {
-    const overId = over == null ? void 0 : over.id;
-    const overContainer = findContainer(overId);
-    const activeContainer = findContainer(active.id);
-    if (!activeContainer) {
-      return;
-    }
-    if (overContainer) {
-      const activeIndex = list[activeContainer].findIndex(
-        (item) => getRowKey(item) === active.id
-      );
-      const overIndex = list[overContainer].findIndex(
-        (item) => getRowKey(item) === overId
-      );
-      if (activeIndex !== overIndex) {
-        const newList = {
-          ...list,
-          [overContainer]: (0, import_sortable.arrayMove)(
-            list[overContainer],
-            activeIndex,
-            overIndex
-          )
-        };
-        onChange == null ? void 0 : onChange(newList);
-      }
-    }
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_core.DndContext, { onDragOver: handleDragOver, onDragEnd: handleDragEnd }, /* @__PURE__ */ import_react.default.createElement("div", { style: wrapStyle }, containers.map((container) => /* @__PURE__ */ import_react.default.createElement(
-    DefaultRenderContainer,
-    {
-      id: container,
-      renderContainer
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_sortable.SortableContext,
-      {
-        key: container,
-        items: list[container].map((item) => getRowKey(item)),
-        strategy: import_sortable.verticalListSortingStrategy
-      },
-      list[container].length ? list[container].map((item, index) => /* @__PURE__ */ import_react.default.createElement(
-        import_DragSortList.SortableItem,
-        {
-          key: getRowKey(item),
-          id: getRowKey(item),
-          item,
-          index
-        },
-        children
-      )) : /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-sort-list-empty" }, "No filter options available.")
-    )
-  ))));
-};
-var MultipleContainersSortList_default = MultipleContainersSortList;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TRASH_ID
-});

package/lib/components/MultipleContainersSortList/index.less

@@ -1,6 +0,0 @@
-.materials-sort-list-empty {
-  display: block;
-  color: #5a5a5a;
-  text-align: center;
-  padding-top: 22px;
-}

package/lib/components/Pagination/index.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { PaginationProps } from "antd";
-import "./index.less";
-export declare const paginationConfig: {
-    className: string;
-    defaultCurrent: number;
-    showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "page" | "prev" | "next" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
-    responsive: boolean;
-    size: string;
-};
-declare const Pagination: (props: PaginationProps) => JSX.Element | null;
-export default Pagination;
-export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Pagination/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAEN,eAAe,EAGf,MAAM,MAAM,CAAC;AAGd,OAAO,cAAc,CAAC;AAkCtB,eAAO,MAAM,gBAAgB;;;uBAGT,MAAM,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;;;;CAKlD,CAAC;AAEF,QAAA,MAAM,UAAU,UAAW,eAAe,uBAsBzC,CAAC;AAEF,eAAe,UAAU,CAAC;AA0E1B,eAAO,MAAM,cAAc,kDAMxB,GAAG,gBA8BL,CAAC"}

package/lib/components/Pagination/index.js

@@ -1,158 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/Pagination/index.tsx
-var Pagination_exports = {};
-__export(Pagination_exports, {
-  FormPagination: () => FormPagination,
-  default: () => Pagination_default,
-  paginationConfig: () => paginationConfig
-});
-module.exports = __toCommonJS(Pagination_exports);
-var import_react = __toESM(require("react"));
-var import_icon = require("@pisell/icon");
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_hooks = require("../../hooks");
-var import_index = require("./index.less");
-var itemRender = (_, type, originalElement) => {
-  if (type === "prev") {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowLeft, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, "Previous"));
-  }
-  if (type === "next") {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, "Next"), /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowRight, { className: "paginator-page-btn-right-icon" }));
-  }
-  return originalElement;
-};
-var paginationConfig = {
-  className: "materials-grid-paginator",
-  defaultCurrent: 1,
-  showTotal: (total, range) => `Page ${range[0]} of ${range[1]}`,
-  itemRender,
-  responsive: true,
-  size: "small"
-};
-var Pagination = (props) => {
-  const responsive = (0, import_hooks.useResponsive)();
-  const show = (0, import_react.useMemo)(() => {
-    return Object.keys(props).length;
-  }, [props]);
-  const content = (0, import_react.useMemo)(() => {
-    if (!show) {
-      return null;
-    }
-    let Com = import_antd.Pagination;
-    if (responsive === "phone") {
-      Com = MiniPagination;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(Com, { ...paginationConfig, ...props });
-  }, [show, paginationConfig, props, responsive]);
-  return content;
-};
-var Pagination_default = Pagination;
-var MiniPagination = (props) => {
-  const { current = 1, pageSize = 10, total = 0 } = props;
-  const MAX = (0, import_react.useMemo)(() => {
-    return Math.ceil(total / pageSize);
-  }, [total, pageSize]);
-  const MIN = (0, import_react.useMemo)(() => {
-    return 1;
-  }, []);
-  const onChange = (type) => {
-    let currentPage = current;
-    if (type === "prev") {
-      currentPage = current - 1;
-    }
-    if (type === "next") {
-      currentPage = current + 1;
-    }
-    props.onChange && props.onChange(currentPage, pageSize || 10);
-  };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-paginator materials-grid-paginator-mini" }, /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: "pisell-lowcode-pagination-prev",
-      onClick: () => {
-        if (current <= MIN) {
-          return;
-        }
-        onChange("prev");
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowLeft, { className: "paginator-page-btn-left-icon" }))
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-paginator-center" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-text" }, "Page"), /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-value" }, current), /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-text" }, "of"), /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-value" }, MAX)), /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: "pisell-lowcode-pagination-next",
-      onClick: () => {
-        if (current >= MAX) {
-          return;
-        }
-        onChange("next");
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowRight, { className: "paginator-page-btn-right-icon" }))
-  ));
-};
-var FormPagination = ({
-  value = {},
-  onChange,
-  page,
-  pageSize,
-  ...other
-}) => {
-  const [_p, _setP] = (0, import_react.useState)(1);
-  const [_ps, _setPs] = (0, import_react.useState)(10);
-  const _onChange = (p, ps) => {
-    onChange && onChange({
-      page: ps === _ps ? p : 1,
-      size: ps
-    });
-  };
-  (0, import_react.useEffect)(() => {
-    const _page = (value == null ? void 0 : value.page) || 1;
-    const _size = (value == null ? void 0 : value.size) || 10;
-    _setP(_page);
-    _setPs(_size);
-  }, [value]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    Pagination,
-    {
-      ...other,
-      pageSize: _ps,
-      current: _p,
-      onChange: _onChange,
-      onShowSizeChange: _onChange
-    }
-  ));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FormPagination,
-  paginationConfig
-});