@pisell/materials 6.0.11 → 6.0.12

package/lib/components/dataSourceComponents/fields/Upload/serve.js

@@ -52,14 +52,14 @@ var getMediaTypeList = async () => {
   );
   return data;
 };
-var useMediaConfig = () => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+var useMediaConfig = (mediaConfig) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const context = (0, import_useEngineContext.default)();
-  const data = (_h = (_g = (_f = (_e = (_d = (_c = (_b = (_a = context.appHelper.utils) == null ? void 0 : _a.getApp) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.data) == null ? void 0 : _d.store) == null ? void 0 : _e.getStore) == null ? void 0 : _f.call(_e)) == null ? void 0 : _g.getDataByModel) == null ? void 0 : _h.call(_g, "core", "core");
+  const data = (_i = (_h = (_g = (_f = (_e = (_d = (_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.getApp) == null ? void 0 : _c.call(_b)) == null ? void 0 : _d.data) == null ? void 0 : _e.store) == null ? void 0 : _f.getStore) == null ? void 0 : _g.call(_f)) == null ? void 0 : _h.getDataByModel) == null ? void 0 : _i.call(_h, "core", "core");
   return {
     data: {
-      upload_onetime_limit: data == null ? void 0 : data.media_upload_onetime_limit,
-      upload_maxsize: data == null ? void 0 : data.media_upload_maxsize
+      upload_onetime_limit: (mediaConfig == null ? void 0 : mediaConfig.upload_onetime_limit) || (data == null ? void 0 : data.media_upload_onetime_limit),
+      upload_maxsize: (mediaConfig == null ? void 0 : mediaConfig.upload_maxsize) || (data == null ? void 0 : data.media_upload_maxsize)
     }
   };
 };

package/lib/components/dataSourceComponents/fields/Upload/type.d.ts

@@ -24,4 +24,12 @@ export interface UploadProps {
     enableMultilingual?: boolean;
     onChange?: UploadChangeHandler;
     disabled?: boolean;
+    mediaUploadUrl?: string;
+    getHeaders?: () => Record<string, string>;
+    mediaConfig?: {
+        data: {
+            upload_onetime_limit: number;
+            upload_maxsize: number;
+        };
+    };
 }

package/lib/components/dataSourceComponents/fields/index.d.ts

@@ -20,10 +20,12 @@ declare const formFieldMap: {
         Subdomain: import("react").FC<import("antd").InputProps & {
             onChange: (value: string) => void;
             onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-            rootDomain: string;
+            rootDomain: "custom" | "saas" | "xzero";
             customDomain?: string | undefined;
             value?: string | undefined;
-            isVerification?: boolean | undefined;
+            tenantId: string;
+            name?: string | undefined;
+            fieldKey?: string | undefined;
         } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     };
     FormItemRadio: import("react").FC<{}> & {
@@ -56,7 +58,7 @@ declare const formFieldMap: {
     FormItemUpload: import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<any> | (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -75,10 +77,12 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     Subdomain: import("react").FC<import("antd").InputProps & {
         onChange: (value: string) => void;
         onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-        rootDomain: string;
+        rootDomain: "custom" | "saas" | "xzero";
         customDomain?: string | undefined;
         value?: string | undefined;
-        isVerification?: boolean | undefined;
+        tenantId: string;
+        name?: string | undefined;
+        fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 }) | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;

package/lib/components/dataSourceComponents/fields/type.d.ts

@@ -7,6 +7,7 @@ export declare type FilterFunctionReturnType = {
     $in?: (string | number)[];
     $anyOf?: (string | number)[];
     $isTruly?: boolean;
+    $isFalsy?: boolean;
     $dateAfter?: string;
     $dateBefore?: string;
     $and?: Array<{

package/lib/components/dataSourceComponents/fields/utils.js

@@ -24,6 +24,7 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var import_utils = require("@pisell/utils");
 var formFieldFilterFuncMap = {
+  // @ts-ignore
   Checkbox: (value) => {
     const key = value ? "$isTruly" : "$isFalsy";
     return {

package/lib/components/dataSourceComponents/provider/actions/ActionsContext.d.ts

@@ -1,6 +1,11 @@
 /// <reference types="react" />
 export interface ActionsContextType {
-    [key: string]: any;
+    visible?: boolean;
+    setVisible?: (visible: boolean) => void;
+    refreshTableData?: () => void;
+    onClose?: () => void;
+    beforeClose?: () => boolean | Promise<boolean>;
+    setBeforeClose?: (beforeClose: () => boolean | Promise<boolean>) => void;
 }
 declare const ActionsContext: import("react").Context<ActionsContextType>;
 export default ActionsContext;

package/lib/components/dataSourceComponents/provider/actions/ActionsProvider.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
 import { ActionsContextType } from './ActionsContext';
+interface ActionsProviderProps extends ActionsContextType {
+    children: React.ReactNode;
+}
 /**
  * 自定义请求的provider
  * @param props
  * @constructor
  */
-declare const ActionsProvider: React.FC<ActionsContextType>;
+declare const ActionsProvider: React.FC<ActionsProviderProps>;
 export default ActionsProvider;

package/lib/components/form/index.js

@@ -76,7 +76,7 @@ var Form = class extends import_react.Component {
   }
 };
 Form.Item = (props) => {
-  const { name, rules: propsRules, requiredobj, typeobj, patternobj, lenobj, validator } = props;
+  const { name, rules: propsRules, requiredobj, typeobj, patternobj, subdomainobj, phoneobj, mobileobj, lenobj, validator } = props;
   const rules = (0, import_utils.isArr)(propsRules) ? propsRules : [];
   if (requiredobj && requiredobj.required) {
     rules.push(requiredobj);
@@ -87,6 +87,15 @@ Form.Item = (props) => {
   if (patternobj && patternobj.pattern) {
     rules.push(patternobj);
   }
+  if (subdomainobj && subdomainobj.subdomain) {
+    rules.push(subdomainobj);
+  }
+  if (phoneobj && phoneobj.phone) {
+    rules.push(phoneobj);
+  }
+  if (mobileobj && mobileobj.mobile) {
+    rules.push(mobileobj);
+  }
   if (lenobj && (lenobj.max || lenobj.min)) {
     rules.push(lenobj);
   }

package/lib/components/iconfont/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(iconfont_exports);
 var import_icons = require("@ant-design/icons");
 var import_react = __toESM(require("react"));
 var MyIcon = (0, import_icons.createFromIconfontCN)({
-  scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.0.js"
+  scriptUrl: "https://static.pisellcdn.com/pisell2/iconfont_1.0.js"
   // 在 iconfont.cn 上生成
 });
 var IconFont = (props) => {

package/lib/components/pisellDraggable/components/Action/Action.d.ts

@@ -0,0 +1,10 @@
+import React, { CSSProperties } from 'react';
+import './Action.less';
+export interface Props extends React.HTMLAttributes<HTMLButtonElement> {
+    active?: {
+        fill: string;
+        background: string;
+    };
+    cursor?: CSSProperties['cursor'];
+}
+export declare const Action: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/pisellDraggable/components/Action/Action.js

@@ -0,0 +1,60 @@
+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/pisellDraggable/components/Action/Action.tsx
+var Action_exports = {};
+__export(Action_exports, {
+  Action: () => Action
+});
+module.exports = __toCommonJS(Action_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_Action = require("./Action.less");
+var Action = (0, import_react.forwardRef)(
+  ({ active, className, cursor, style, ...props }, ref) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "button",
+      {
+        ref,
+        ...props,
+        className: (0, import_classnames.default)("Action", className),
+        tabIndex: 0,
+        style: {
+          ...style,
+          cursor,
+          "--fill": active == null ? void 0 : active.fill,
+          "--background": active == null ? void 0 : active.background
+        }
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Action
+});

package/lib/components/pisellDraggable/components/Action/Action.less

@@ -0,0 +1,50 @@
+@focused-outline-color: #4c9ffe;
+
+.Action {
+  display: flex;
+  width: 12px;
+  padding: 15px;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  touch-action: none;
+  cursor: var(--cursor, pointer);
+  border-radius: 5px;
+  border: none;
+  outline: none;
+  appearance: none;
+  background-color: transparent;
+  -webkit-tap-highlight-color: transparent;
+
+  @media (hover: hover) {
+    &:hover {
+      background-color: var(--action-background, rgba(0, 0, 0, 0.05));
+
+      svg {
+        fill: #6f7b88;
+      }
+    }
+  }
+
+  svg {
+    flex: 0 0 auto;
+    margin: auto;
+    height: 100%;
+    overflow: visible;
+    fill: #919eab;
+  }
+
+  &:active {
+    background-color: var(--background, rgba(0, 0, 0, 0.05));
+
+    svg {
+      fill: var(--fill, #788491);
+    }
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0),
+      0 0px 0px 2px @focused-outline-color;
+  }
+}

package/lib/components/pisellDraggable/components/Action/index.d.ts

@@ -0,0 +1,2 @@
+export { Action } from './Action';
+export type { Props as ActionProps } from './Action';

package/lib/components/pisellDraggable/components/Action/index.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellDraggable/components/Action/index.ts
+var Action_exports = {};
+__export(Action_exports, {
+  Action: () => import_Action.Action
+});
+module.exports = __toCommonJS(Action_exports);
+var import_Action = require("./Action");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Action
+});

package/lib/components/pisellDraggable/components/Handle/Handle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ActionProps } from '../Action';
+export declare const Handle: React.ForwardRefExoticComponent<ActionProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/pisellDraggable/components/Handle/Handle.js

@@ -0,0 +1,54 @@
+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/pisellDraggable/components/Handle/Handle.tsx
+var Handle_exports = {};
+__export(Handle_exports, {
+  Handle: () => Handle
+});
+module.exports = __toCommonJS(Handle_exports);
+var import_react = __toESM(require("react"));
+var import_Action = require("../Action");
+var Handle = (0, import_react.forwardRef)(
+  (props, ref) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Action.Action,
+      {
+        ref,
+        cursor: "grab",
+        "data-cypress": "draggable-handle",
+        ...props
+      },
+      /* @__PURE__ */ import_react.default.createElement("svg", { viewBox: "0 0 20 20", width: "12" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }))
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Handle
+});

package/lib/components/pisellDraggable/components/Handle/index.d.ts

@@ -0,0 +1 @@
+export { Handle } from './Handle';

package/lib/components/pisellDraggable/components/Handle/index.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellDraggable/components/Handle/index.ts
+var Handle_exports = {};
+__export(Handle_exports, {
+  Handle: () => import_Handle.Handle
+});
+module.exports = __toCommonJS(Handle_exports);
+var import_Handle = require("./Handle");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Handle
+});

package/lib/components/pisellDraggable/components/Remove/Remove.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ActionProps } from '../Action';
+export declare function Remove(props: ActionProps): React.JSX.Element;

package/lib/components/pisellDraggable/components/Remove/Remove.js

@@ -0,0 +1,53 @@
+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/pisellDraggable/components/Remove/Remove.tsx
+var Remove_exports = {};
+__export(Remove_exports, {
+  Remove: () => Remove
+});
+module.exports = __toCommonJS(Remove_exports);
+var import_react = __toESM(require("react"));
+var import_Action = require("../Action");
+function Remove(props) {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Action.Action,
+    {
+      ...props,
+      active: {
+        fill: "rgba(255, 70, 70, 0.95)",
+        background: "rgba(255, 70, 70, 0.1)"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement("svg", { width: "8", viewBox: "0 0 22 22", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M2.99998 -0.000206962C2.7441 -0.000206962 2.48794 0.0972617 2.29294 0.292762L0.292945 2.29276C-0.0980552 2.68376 -0.0980552 3.31682 0.292945 3.70682L7.58591 10.9998L0.292945 18.2928C-0.0980552 18.6838 -0.0980552 19.3168 0.292945 19.7068L2.29294 21.7068C2.68394 22.0978 3.31701 22.0978 3.70701 21.7068L11 14.4139L18.2929 21.7068C18.6829 22.0978 19.317 22.0978 19.707 21.7068L21.707 19.7068C22.098 19.3158 22.098 18.6828 21.707 18.2928L14.414 10.9998L21.707 3.70682C22.098 3.31682 22.098 2.68276 21.707 2.29276L19.707 0.292762C19.316 -0.0982383 18.6829 -0.0982383 18.2929 0.292762L11 7.58573L3.70701 0.292762C3.51151 0.0972617 3.25585 -0.000206962 2.99998 -0.000206962Z" }))
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Remove
+});

package/lib/components/pisellDraggable/components/Remove/index.d.ts

@@ -0,0 +1 @@
+export { Remove } from './Remove';

package/lib/components/pisellDraggable/components/Remove/index.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellDraggable/components/Remove/index.ts
+var Remove_exports = {};
+__export(Remove_exports, {
+  Remove: () => import_Remove.Remove
+});
+module.exports = __toCommonJS(Remove_exports);
+var import_Remove = require("./Remove");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Remove
+});

package/lib/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts

@@ -0,0 +1,8 @@
+import type { UniqueIdentifier } from '@dnd-kit/core';
+import React from 'react';
+import { Props as TreeItemProps } from './TreeItem';
+interface Props extends TreeItemProps {
+    id: UniqueIdentifier;
+}
+export declare function SortableTreeItem({ id, depth, ...props }: Props): React.JSX.Element;
+export {};

package/lib/components/pisellDraggable/components/TreeItem/SortableTreeItem.js

@@ -0,0 +1,83 @@
+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/pisellDraggable/components/TreeItem/SortableTreeItem.tsx
+var SortableTreeItem_exports = {};
+__export(SortableTreeItem_exports, {
+  SortableTreeItem: () => SortableTreeItem
+});
+module.exports = __toCommonJS(SortableTreeItem_exports);
+var import_sortable = require("@dnd-kit/sortable");
+var import_utilities = require("@dnd-kit/utilities");
+var import_react = __toESM(require("react"));
+var import_utilities2 = require("../../utilities");
+var import_TreeItem = require("./TreeItem");
+var animateLayoutChanges = ({
+  isSorting,
+  wasDragging
+}) => isSorting || wasDragging ? false : true;
+function SortableTreeItem({ id, depth, ...props }) {
+  const {
+    attributes,
+    isDragging,
+    isSorting,
+    listeners,
+    setDraggableNodeRef,
+    setDroppableNodeRef,
+    transform,
+    transition
+  } = (0, import_sortable.useSortable)({
+    id,
+    animateLayoutChanges
+  });
+  const style = {
+    transform: import_utilities.CSS.Translate.toString(transform),
+    transition
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_TreeItem.TreeItem,
+    {
+      ref: setDraggableNodeRef,
+      wrapperRef: setDroppableNodeRef,
+      style,
+      depth,
+      ghost: isDragging,
+      disableSelection: import_utilities2.iOS,
+      disableInteraction: isSorting,
+      handleProps: {
+        ...attributes,
+        ...listeners
+      },
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SortableTreeItem
+});

package/lib/components/pisellDraggable/components/TreeItem/TreeItem.d.ts

@@ -0,0 +1,21 @@
+import React, { HTMLAttributes } from 'react';
+import type { TreeItem as TreeItemType } from '../../types';
+import './TreeItem.less';
+export interface Props extends Omit<HTMLAttributes<HTMLLIElement>, 'id'> {
+    childCount?: number;
+    clone?: boolean;
+    collapsed?: boolean;
+    depth: number;
+    disableInteraction?: boolean;
+    disableSelection?: boolean;
+    ghost?: boolean;
+    handleProps?: any;
+    indicator?: boolean;
+    indentationWidth: number;
+    onCollapse?(): void;
+    onRemove?(): void;
+    wrapperRef?(node: HTMLLIElement): void;
+    item: TreeItemType;
+    renderItem?(item: TreeItemType): React.ReactNode;
+}
+export declare const TreeItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;