@elliemae/ds-drag-and-drop 3.37.0-rc.4 → 3.37.0

package/dist/cjs/index.js

@@ -28,7 +28,10 @@ module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 __reExport(src_exports, require("./hierarchy/index.js"), module.exports);
 __reExport(src_exports, require("./tree/index.js"), module.exports);
-__reExport(src_exports, require("./exported-related/index.js"), module.exports);
+__reExport(src_exports, require("./parts/DSDragAndDrop/index.js"), module.exports);
+__reExport(src_exports, require("./parts/DSSortableContainer/index.js"), module.exports);
+__reExport(src_exports, require("./parts/DSSortableItem/index.js"), module.exports);
+__reExport(src_exports, require("./parts/DSDropIndicator/index.js"), module.exports);
 __reExport(src_exports, require("@dnd-kit/core"), module.exports);
 __reExport(src_exports, require("@dnd-kit/sortable"), module.exports);
 __reExport(src_exports, require("@dnd-kit/modifiers"), module.exports);

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './hierarchy/index.js';\nexport * from './tree/index.js';\nexport * from './exported-related/index.js';\n\nexport * from '@dnd-kit/core';\nexport * from '@dnd-kit/sortable';\nexport * from '@dnd-kit/modifiers';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,iCAAd;AACA,wBAAc,4BADd;AAEA,wBAAc,wCAFd;AAIA,wBAAc,0BAJd;AAKA,wBAAc,8BALd;AAMA,wBAAc,+BANd;",
+  "sourcesContent": ["export * from './hierarchy/index.js';\nexport * from './tree/index.js';\nexport * from './parts/DSDragAndDrop/index.js';\nexport * from './parts/DSSortableContainer/index.js';\nexport * from './parts/DSSortableItem/index.js';\nexport * from './parts/DSDropIndicator/index.js';\nexport * from '@dnd-kit/core';\nexport * from '@dnd-kit/sortable';\nexport * from '@dnd-kit/modifiers';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,iCAAd;AACA,wBAAc,4BADd;AAEA,wBAAc,2CAFd;AAGA,wBAAc,iDAHd;AAIA,wBAAc,4CAJd;AAKA,wBAAc,6CALd;AAMA,wBAAc,0BANd;AAOA,wBAAc,8BAPd;AAQA,wBAAc,+BARd;",
   "names": []
 }

package/dist/cjs/{exported-related → parts/DSDragAndDrop}/DSDragAndDrop.js

@@ -28,15 +28,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSDragAndDrop_exports = {};
 __export(DSDragAndDrop_exports, {
-  DSDragAndDrop: () => DSDragAndDrop
+  DSDragAndDrop: () => DSDragAndDrop,
+  DSDragAndDropWithSchema: () => DSDragAndDropWithSchema
 });
 module.exports = __toCommonJS(DSDragAndDrop_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react_dom = require("react-dom");
-var import__ = require("../index.js");
-var import_SortableContainerContext = __toESM(require("./SortableContainerContext.js"));
+var import__ = require("../../index.js");
+var import_DSSortableContainer = require("../DSSortableContainer/index.js");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 const flatten = (items, parentId = null, depth = 0, container = "root", iteration = { count: 0 }) => items.reduce((acc, item, index) => {
   acc.push({
     ...item,
@@ -84,7 +87,7 @@ const DSDragAndDrop = ({
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.DndContext, { ...dndContextProps, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_SortableContainerContext.default.Provider,
+      import_DSSortableContainer.ContainersContext.Provider,
       {
         value: { sortableContextProps, dropIndicatorPosition, isDropValid, items: itemsFlattened, onCollapse },
         children
@@ -96,4 +99,6 @@ const DSDragAndDrop = ({
     )
   ] });
 };
+const DSDragAndDropWithSchema = (0, import_ds_props_helpers.describe)(DSDragAndDrop);
+DSDragAndDropWithSchema.propTypes = import_react_desc_prop_types.DSDragAndDropPropTypes;
 //# sourceMappingURL=DSDragAndDrop.js.map

package/dist/cjs/parts/DSDragAndDrop/DSDragAndDrop.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSDragAndDrop/DSDragAndDrop.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-params */\nimport React, { useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  DndContext,\n  DragOverlay,\n  restrictToWindowEdges,\n  useMultiTreeDndkitConfig,\n  type UniqueIdentifier,\n} from '../../index.js';\nimport { ContainersContext } from '../DSSortableContainer/index.js';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport type { DSDragAndDropT, Item } from './react-desc-prop-types.js';\nimport { DSDragAndDropPropTypes } from './react-desc-prop-types.js';\n\nconst flatten = <T,>(\n  items: Item<T>[],\n  parentId: UniqueIdentifier | null = null,\n  depth = 0,\n  container = 'root',\n  iteration = { count: 0 },\n) =>\n  items.reduce((acc, item, index) => {\n    acc.push({\n      ...item,\n      uid: item.dsId,\n      childrenCount: item?.subitems?.length || 0,\n      original: item,\n      realIndex: iteration.count++,\n      parentId,\n      depth,\n      index,\n      container,\n    });\n    if (item.subitems?.length > 0 && item.collapsed === false) {\n      acc.push(...flatten(item.subitems, item.dsId, depth + 1, container, iteration));\n    }\n    return acc;\n  }, [] as Item<T>[]);\n\nexport const DSDragAndDrop = <T,>({\n  items,\n  children,\n  onReorder,\n  onCollapse,\n  DragOverlayRenderer,\n  maxDragAndDropLevel = 0,\n  ...rest\n}: DSDragAndDropT.Props<T>) => {\n  const itemsFlattened = useMemo(\n    () =>\n      Object.keys(items).reduce(\n        (acc, container) => {\n          acc[container] = flatten(items[container] as Item<T>[], null, 0, container);\n          return acc;\n        },\n        {} as Record<string, Item<T>[]>,\n      ),\n    [items],\n  );\n  const { dndContextProps, sortableContextProps, active, dropIndicatorPosition, isDropValid } =\n    useMultiTreeDndkitConfig({\n      flattenedItems: itemsFlattened,\n      isHorizontalDnD: false,\n      isExpandable: true,\n      onReorder,\n      maxDragAndDropLevel,\n      getIsDropValid: () => true,\n      ...rest,\n    });\n\n  return (\n    <DndContext {...dndContextProps}>\n      <ContainersContext.Provider\n        value={{ sortableContextProps, dropIndicatorPosition, isDropValid, items: itemsFlattened, onCollapse }}\n      >\n        {children}\n      </ContainersContext.Provider>\n      {createPortal(\n        <DragOverlay style={{ width: 'auto', zIndex: 1001 }} modifiers={[restrictToWindowEdges]}>\n          {active ? <DragOverlayRenderer activeItem={active} /> : null}\n        </DragOverlay>,\n        document.body,\n      )}\n    </DndContext>\n  );\n};\n\nconst DSDragAndDropWithSchema = describe(DSDragAndDrop);\n\nDSDragAndDropWithSchema.propTypes = DSDragAndDropPropTypes;\n\nexport { DSDragAndDropWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwEnB;AAvEJ,mBAA+B;AAC/B,uBAA6B;AAC7B,eAMO;AACP,iCAAkC;AAClC,8BAAyB;AAEzB,mCAAuC;AAEvC,MAAM,UAAU,CACd,OACA,WAAoC,MACpC,QAAQ,GACR,YAAY,QACZ,YAAY,EAAE,OAAO,EAAE,MAEvB,MAAM,OAAO,CAAC,KAAK,MAAM,UAAU;AACjC,MAAI,KAAK;AAAA,IACP,GAAG;AAAA,IACH,KAAK,KAAK;AAAA,IACV,eAAe,MAAM,UAAU,UAAU;AAAA,IACzC,UAAU;AAAA,IACV,WAAW,UAAU;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,MAAI,KAAK,UAAU,SAAS,KAAK,KAAK,cAAc,OAAO;AACzD,QAAI,KAAK,GAAG,QAAQ,KAAK,UAAU,KAAK,MAAM,QAAQ,GAAG,WAAW,SAAS,CAAC;AAAA,EAChF;AACA,SAAO;AACT,GAAG,CAAC,CAAc;AAEb,MAAM,gBAAgB,CAAK;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB,GAAG;AACL,MAA+B;AAC7B,QAAM,qBAAiB;AAAA,IACrB,MACE,OAAO,KAAK,KAAK,EAAE;AAAA,MACjB,CAAC,KAAK,cAAc;AAClB,YAAI,SAAS,IAAI,QAAQ,MAAM,SAAS,GAAgB,MAAM,GAAG,SAAS;AAC1E,eAAO;AAAA,MACT;AAAA,MACA,CAAC;AAAA,IACH;AAAA,IACF,CAAC,KAAK;AAAA,EACR;AACA,QAAM,EAAE,iBAAiB,sBAAsB,QAAQ,uBAAuB,YAAY,QACxF,mCAAyB;AAAA,IACvB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,gBAAgB,MAAM;AAAA,IACtB,GAAG;AAAA,EACL,CAAC;AAEH,SACE,6CAAC,uBAAY,GAAG,iBACd;AAAA;AAAA,MAAC,6CAAkB;AAAA,MAAlB;AAAA,QACC,OAAO,EAAE,sBAAsB,uBAAuB,aAAa,OAAO,gBAAgB,WAAW;AAAA,QAEpG;AAAA;AAAA,IACH;AAAA,QACC;AAAA,MACC,4CAAC,wBAAY,OAAO,EAAE,OAAO,QAAQ,QAAQ,KAAK,GAAG,WAAW,CAAC,8BAAqB,GACnF,mBAAS,4CAAC,uBAAoB,YAAY,QAAQ,IAAK,MAC1D;AAAA,MACA,SAAS;AAAA,IACX;AAAA,KACF;AAEJ;AAEA,MAAM,8BAA0B,kCAAS,aAAa;AAEtD,wBAAwB,YAAY;",
+  "names": []
+}

package/dist/cjs/{exported-related/SortableContainerContext.js → parts/DSDragAndDrop/index.js}

@@ -26,20 +26,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SortableContainerContext_exports = {};
-__export(SortableContainerContext_exports, {
-  createContainerContext: () => createContainerContext,
-  default: () => SortableContainerContext_default
+var DSDragAndDrop_exports = {};
+__export(DSDragAndDrop_exports, {
+  DSDragAndDrop: () => import_DSDragAndDrop.DSDragAndDrop,
+  DSDragAndDropWithSchema: () => import_DSDragAndDrop.DSDragAndDropWithSchema
 });
-module.exports = __toCommonJS(SortableContainerContext_exports);
+module.exports = __toCommonJS(DSDragAndDrop_exports);
 var React = __toESM(require("react"));
-var import_react = require("react");
-function createContainerContext() {
-  return (0, import_react.createContext)({
-    sortableContextProps: {},
-    items: {}
-  });
-}
-const ContainersContext = createContainerContext();
-var SortableContainerContext_default = ContainersContext;
-//# sourceMappingURL=SortableContainerContext.js.map
+var import_DSDragAndDrop = require("./DSDragAndDrop.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/DSDragAndDrop/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSDragAndDrop/index.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DSDragAndDrop, DSDragAndDropWithSchema } from './DSDragAndDrop.js';\nexport type { DSDragAndDropT, DnDReOrder, ItemProp, Item } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAuD;",
+  "names": []
+}

package/dist/cjs/parts/DSDragAndDrop/react-desc-prop-types.js

@@ -0,0 +1,46 @@
+"use strict";
+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);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSDragAndDropPropTypes: () => DSDragAndDropPropTypes,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const defaultProps = {};
+const DSDragAndDropPropTypes = {
+  items: import_ds_props_helpers.PropTypes.object.description("The items to be rendered in the drag and drop container").isRequired,
+  onReorder: import_ds_props_helpers.PropTypes.func.description("The function to be called when an item is reordered").isRequired,
+  children: import_ds_props_helpers.PropTypes.node.description("The children to be rendered in the drag and drop container").isRequired,
+  DragOverlayRenderer: import_ds_props_helpers.PropTypes.node.description("The component to be rendered as the drag overlay").isRequired,
+  onCollapse: import_ds_props_helpers.PropTypes.func.description("The function to be called when an item is collapsed"),
+  maxDragAndDropLevel: import_ds_props_helpers.PropTypes.number.description("The maximum level of drag and drop")
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/parts/DSDragAndDrop/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSDragAndDrop/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport type { DnDKitTree } from '../../tree/types.js';\nimport { type Active } from '../../index.js';\n\nexport type DnDReOrder<T> = DnDKitTree.OnReorder<T>;\n\nexport type ItemProp<T> = {\n  dsId: number | string;\n  subitems?: ItemProp<T>[] | [];\n} & T;\n\n// opinionated item type\nexport type Item<T> = DnDKitTree.Item<T> & {\n  dsId: number | string;\n  subitems?: Item<T>[];\n} & T;\n\nexport declare namespace DSDragAndDropT {\n  export interface RequiredProps<T> {\n    items: Record<string, ItemProp<T>[]>;\n    onReorder: DnDKitTree.OnReorder<T>;\n    children: React.ReactNode;\n    DragOverlayRenderer: React.ComponentType<{ activeItem: Active }>;\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    onCollapse?: (nodeId: string) => void;\n    maxDragAndDropLevel?: number;\n  }\n\n  export interface Props<T> extends Partial<DefaultProps>, OptionalProps, XstyledProps, RequiredProps<T> {}\n\n  export interface InternalProps<T> extends DefaultProps, OptionalProps, XstyledProps, RequiredProps<T> {}\n}\n\nexport const defaultProps: DSDragAndDropT.DefaultProps = {};\n\nexport const DSDragAndDropPropTypes = {\n  items: PropTypes.object.description('The items to be rendered in the drag and drop container').isRequired,\n  onReorder: PropTypes.func.description('The function to be called when an item is reordered').isRequired,\n  children: PropTypes.node.description('The children to be rendered in the drag and drop container').isRequired,\n  DragOverlayRenderer: PropTypes.node.description('The component to be rendered as the drag overlay').isRequired,\n  onCollapse: PropTypes.func.description('The function to be called when an item is collapsed'),\n  maxDragAndDropLevel: PropTypes.number.description('The maximum level of drag and drop'),\n} as React.WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAA0B;AAqCnB,MAAM,eAA4C,CAAC;AAEnD,MAAM,yBAAyB;AAAA,EACpC,OAAO,kCAAU,OAAO,YAAY,yDAAyD,EAAE;AAAA,EAC/F,WAAW,kCAAU,KAAK,YAAY,qDAAqD,EAAE;AAAA,EAC7F,UAAU,kCAAU,KAAK,YAAY,4DAA4D,EAAE;AAAA,EACnG,qBAAqB,kCAAU,KAAK,YAAY,kDAAkD,EAAE;AAAA,EACpG,YAAY,kCAAU,KAAK,YAAY,qDAAqD;AAAA,EAC5F,qBAAqB,kCAAU,OAAO,YAAY,oCAAoC;AACxF;",
+  "names": []
+}

package/dist/cjs/parts/DSDragAndDrop/typescript-testing/typescript-dialog-valid.js

@@ -0,0 +1,97 @@
+"use strict";
+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 __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 React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import__ = require("../index.js");
+const ref = import_react.default.createRef();
+const noop = () => {
+};
+const testRequiredProps = {
+  items: {},
+  onReorder: noop,
+  children: "Content",
+  DragOverlayRenderer: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+};
+const testOptionalProps = {
+  onCollapse: (nodeId) => {
+  },
+  maxDragAndDropLevel: 10
+};
+const testPartialDefaults = {
+  onReorder: noop,
+  children: "Content",
+  DragOverlayRenderer: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  items: {},
+  onReorder: noop,
+  children: "Content",
+  DragOverlayRenderer: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  items: {},
+  onReorder: noop,
+  children: "Content",
+  DragOverlayRenderer: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+};
+const testInferedTypeCompatibility = {
+  items: {},
+  onReorder: noop,
+  children: "Content",
+  DragOverlayRenderer: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+};
+const testDefinitionAsConst = {
+  items: {},
+  onReorder: noop,
+  children: "Content",
+  DragOverlayRenderer: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSDragAndDrop, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSDragAndDrop, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSDragAndDrop, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSDragAndDrop, { items: {}, onReorder: noop, children: "Content", DragOverlayRenderer: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}) })
+] });
+//# sourceMappingURL=typescript-dialog-valid.js.map

package/dist/cjs/parts/DSDragAndDrop/typescript-testing/typescript-dialog-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSDragAndDrop/typescript-testing/typescript-dialog-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React, { type MutableRefObject } from 'react';\nimport { DSDragAndDrop } from '../index.js';\nimport type { DSDragAndDropT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\n\ntype ComponentPropsForApp = DSDragAndDropT.Props<object>;\ntype ComponentPropsInternals = DSDragAndDropT.InternalProps<object>;\ntype ComponentPropsDefaultProps = DSDragAndDropT.DefaultProps;\ntype ComponentPropsOptionalProps = DSDragAndDropT.OptionalProps;\ntype ComponentPropsRequiredProps = DSDragAndDropT.RequiredProps<object>; // Provide the type argument here\n\nconst ref = React.createRef() as MutableRefObject<HTMLElement>;\nconst noop = () => {};\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  items: {},\n  onReorder: noop,\n  children: 'Content',\n  DragOverlayRenderer: () => <div />,\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  onCollapse: (nodeId: string) => {},\n  maxDragAndDropLevel: 10,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  onReorder: noop,\n  children: 'Content',\n  DragOverlayRenderer: () => <div />,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  items: {},\n  onReorder: noop,\n  children: 'Content',\n  DragOverlayRenderer: () => <div />,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  items: {},\n  onReorder: noop,\n  children: 'Content',\n  DragOverlayRenderer: () => <div />,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  items: {},\n  onReorder: noop,\n  children: 'Content',\n  DragOverlayRenderer: () => <div />,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  items: {},\n  onReorder: noop,\n  children: 'Content',\n  DragOverlayRenderer: () => <div />,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSDragAndDrop {...testExplicitDefinition} />\n    <DSDragAndDrop {...testInferedTypeCompatibility} />\n    <DSDragAndDrop {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSDragAndDrop items={{}} onReorder={noop} children=\"Content\" DragOverlayRenderer={() => <div />} />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACoBM;AAnB7B,mBAA6C;AAC7C,eAA8B;AAW9B,MAAM,MAAM,aAAAA,QAAM,UAAU;AAC5B,MAAM,OAAO,MAAM;AAAC;AAEpB,MAAM,oBAAiD;AAAA,EACrD,OAAO,CAAC;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,qBAAqB,MAAM,4CAAC,SAAI;AAClC;AAEA,MAAM,oBAAiD;AAAA,EACrD,YAAY,CAAC,WAAmB;AAAA,EAAC;AAAA,EACjC,qBAAqB;AACvB;AAIA,MAAM,sBAA2D;AAAA,EAC/D,WAAW;AAAA,EACX,UAAU;AAAA,EACV,qBAAqB,MAAM,4CAAC,SAAI;AAClC;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,OAAO,CAAC;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,qBAAqB,MAAM,4CAAC,SAAI;AAClC;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO,CAAC;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,qBAAqB,MAAM,4CAAC,SAAI;AAClC;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO,CAAC;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,qBAAqB,MAAM,4CAAC,SAAI;AAClC;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO,CAAC;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,qBAAqB,MAAM,4CAAC,SAAI;AAClC;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,0BAAe,GAAG,wBAAwB;AAAA,EAC3C,4CAAC,0BAAe,GAAG,8BAA8B;AAAA,EACjD,4CAAC,0BAAe,GAAG,uBAAuB;AAAA,EAE1C,4CAAC,0BAAc,OAAO,CAAC,GAAG,WAAW,MAAM,UAAS,WAAU,qBAAqB,MAAM,4CAAC,SAAI,GAAI;AAAA,GACpG;",
+  "names": ["React"]
+}

package/dist/cjs/{exported-related → parts/DSDropIndicator}/DropIndicator.js

@@ -28,31 +28,28 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DropIndicator_exports = {};
 __export(DropIndicator_exports, {
-  DropIndicator: () => DropIndicator
+  DropIndicator: () => DropIndicator,
+  DropIndicatorWithSchema: () => DropIndicatorWithSchema
 });
 module.exports = __toCommonJS(DropIndicator_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
-const DropIndicatorPosition = {
-  None: "none",
-  Before: "before",
-  After: "after",
-  Inside: "inside"
-};
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const getPositionStyles = ({
   dropIndicatorPosition,
   vertical
 }) => {
   if (vertical) {
     return `
-      left: ${dropIndicatorPosition === DropIndicatorPosition.Before ? "0" : "unset"};
-      right: ${dropIndicatorPosition === DropIndicatorPosition.After ? "0" : "unset"};
+      left: ${dropIndicatorPosition === import_react_desc_prop_types.DropIndicatorPosition.Before ? "0" : "unset"};
+      right: ${dropIndicatorPosition === import_react_desc_prop_types.DropIndicatorPosition.After ? "0" : "unset"};
     `;
   }
   return `
-      top: ${dropIndicatorPosition === DropIndicatorPosition.Before ? "0" : "unset"};
-      bottom: ${dropIndicatorPosition === DropIndicatorPosition.After ? "0" : "unset"};
+      top: ${dropIndicatorPosition === import_react_desc_prop_types.DropIndicatorPosition.Before ? "0" : "unset"};
+      bottom: ${dropIndicatorPosition === import_react_desc_prop_types.DropIndicatorPosition.After ? "0" : "unset"};
     `;
 };
 const getCircleStyles = ({
@@ -61,10 +58,10 @@ const getCircleStyles = ({
 }) => ({
   position: "absolute",
   zIndex: 1e3,
-  top: vertical || dropIndicatorPosition === DropIndicatorPosition.After ? "unset" : "-2px",
-  bottom: vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? "unset" : "-2px",
-  left: !vertical || dropIndicatorPosition === DropIndicatorPosition.After ? "unset" : "-2px",
-  right: !vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? "unset" : "-2px",
+  top: vertical || dropIndicatorPosition === import_react_desc_prop_types.DropIndicatorPosition.After ? "unset" : "-2px",
+  bottom: vertical || dropIndicatorPosition === import_react_desc_prop_types.DropIndicatorPosition.Before ? "unset" : "-2px",
+  left: !vertical || dropIndicatorPosition === import_react_desc_prop_types.DropIndicatorPosition.After ? "unset" : "-2px",
+  right: !vertical || dropIndicatorPosition === import_react_desc_prop_types.DropIndicatorPosition.Before ? "unset" : "-2px",
   opacity: 1
 });
 const StyledIndicator = import_ds_system.styled.div`
@@ -79,9 +76,9 @@ const StyledIndicator = import_ds_system.styled.div`
 const CircleIndicator = (style, isDropValid) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { height: "6", width: "6", style, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "3", cy: "3", r: "3", strokeWidth: "0", fill: isDropValid ? "#1E79C2" : "#C64252" }) });
 const DropIndicator = (props) => {
   const { vertical, dropIndicatorPosition, isLast, isDropValid } = props;
-  if (dropIndicatorPosition === false || dropIndicatorPosition === DropIndicatorPosition.None || dropIndicatorPosition === DropIndicatorPosition.Inside)
+  if (dropIndicatorPosition === false || dropIndicatorPosition === import_react_desc_prop_types.DropIndicatorPosition.None || dropIndicatorPosition === import_react_desc_prop_types.DropIndicatorPosition.Inside)
     return null;
-  const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;
+  const safeDropIndicatorPosition = isLast ? import_react_desc_prop_types.DropIndicatorPosition.Before : dropIndicatorPosition;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     CircleIndicator(getCircleStyles({ ...props, dropIndicatorPosition: safeDropIndicatorPosition }), isDropValid),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -94,4 +91,6 @@ const DropIndicator = (props) => {
     )
   ] });
 };
+const DropIndicatorWithSchema = (0, import_ds_props_helpers.describe)(DropIndicator);
+DropIndicatorWithSchema.propTypes = import_react_desc_prop_types.DSDropIndicatorPropTypes;
 //# sourceMappingURL=DropIndicator.js.map

package/dist/cjs/parts/DSDropIndicator/DropIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSDropIndicator/DropIndicator.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { DropIndicatorPosition, DSDropIndicatorPropTypes, type DSDropIndicatorT } from './react-desc-prop-types.js';\nimport { describe } from '@elliemae/ds-props-helpers';\n\nconst getPositionStyles = ({\n  dropIndicatorPosition,\n  vertical,\n}: {\n  dropIndicatorPosition: (typeof DropIndicatorPosition)[keyof typeof DropIndicatorPosition];\n  vertical: boolean;\n}) => {\n  if (vertical) {\n    return `\n      left: ${dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset'};\n      right: ${dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset'};\n    `;\n  }\n  return `\n      top: ${dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset'};\n      bottom: ${dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset'};\n    `;\n};\n\nconst getCircleStyles = ({\n  dropIndicatorPosition,\n  vertical,\n}: {\n  dropIndicatorPosition: (typeof DropIndicatorPosition)[keyof typeof DropIndicatorPosition];\n  vertical: boolean;\n}) => ({\n  position: 'absolute',\n  zIndex: 1000,\n  top: vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',\n  bottom: vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',\n  left: !vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',\n  right: !vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',\n  opacity: 1,\n});\n\nconst StyledIndicator = styled.div<{ isDropValid: boolean; vertical: boolean; dropIndicatorPosition: string }>`\n  position: absolute;\n  ${getPositionStyles}\n  box-sizing: border-box;\n  width: ${(props) => (props.vertical ? '2px' : '100%')};\n  height: ${(props) => (props.vertical ? '100%' : '2px')};\n  background-color: ${({ isDropValid, theme }) => (isDropValid ? theme.colors.brand[600] : theme.colors.danger[900])};\n  z-index: ${1000};\n`;\n\nconst CircleIndicator = (style: Record<string, unknown>, isDropValid: boolean) => (\n  <svg height=\"6\" width=\"6\" style={style}>\n    <circle cx=\"3\" cy=\"3\" r=\"3\" strokeWidth=\"0\" fill={isDropValid ? '#1E79C2' : '#C64252'} />\n  </svg>\n);\n\nexport const DropIndicator = (props: DSDropIndicatorT.Props) => {\n  const { vertical, dropIndicatorPosition, isLast, isDropValid } = props;\n  if (\n    dropIndicatorPosition === false ||\n    dropIndicatorPosition === DropIndicatorPosition.None ||\n    dropIndicatorPosition === DropIndicatorPosition.Inside\n  )\n    return null;\n\n  const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;\n\n  return (\n    <>\n      {CircleIndicator(getCircleStyles({ ...props, dropIndicatorPosition: safeDropIndicatorPosition }), isDropValid)}\n      <StyledIndicator\n        vertical={vertical}\n        dropIndicatorPosition={safeDropIndicatorPosition}\n        isDropValid={isDropValid}\n      />\n    </>\n  );\n};\n\nconst DropIndicatorWithSchema = describe(DropIndicator);\nDropIndicatorWithSchema.propTypes = DSDropIndicatorPropTypes;\n\nexport { DropIndicatorWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmDnB;AAnDJ,uBAAuB;AACvB,mCAAuF;AACvF,8BAAyB;AAEzB,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AACF,MAGM;AACJ,MAAI,UAAU;AACZ,WAAO;AAAA,cACG,0BAA0B,mDAAsB,SAAS,MAAM,OAAO;AAAA,eACrE,0BAA0B,mDAAsB,QAAQ,MAAM,OAAO;AAAA;AAAA,EAElF;AACA,SAAO;AAAA,aACI,0BAA0B,mDAAsB,SAAS,MAAM,OAAO;AAAA,gBACnE,0BAA0B,mDAAsB,QAAQ,MAAM,OAAO;AAAA;AAErF;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AACF,OAGO;AAAA,EACL,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,KAAK,YAAY,0BAA0B,mDAAsB,QAAQ,UAAU;AAAA,EACnF,QAAQ,YAAY,0BAA0B,mDAAsB,SAAS,UAAU;AAAA,EACvF,MAAM,CAAC,YAAY,0BAA0B,mDAAsB,QAAQ,UAAU;AAAA,EACrF,OAAO,CAAC,YAAY,0BAA0B,mDAAsB,SAAS,UAAU;AAAA,EACvF,SAAS;AACX;AAEA,MAAM,kBAAkB,wBAAO;AAAA;AAAA,IAE3B,iBAAiB;AAAA;AAAA,WAEV,CAAC,UAAW,MAAM,WAAW,QAAQ,MAAO;AAAA,YAC3C,CAAC,UAAW,MAAM,WAAW,SAAS,KAAM;AAAA,sBAClC,CAAC,EAAE,aAAa,MAAM,MAAO,cAAc,MAAM,OAAO,MAAM,GAAG,IAAI,MAAM,OAAO,OAAO,GAAG,CAAE;AAAA,aACvG,GAAI;AAAA;AAGjB,MAAM,kBAAkB,CAAC,OAAgC,gBACvD,4CAAC,SAAI,QAAO,KAAI,OAAM,KAAI,OACxB,sDAAC,YAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,aAAY,KAAI,MAAM,cAAc,YAAY,WAAW,GACzF;AAGK,MAAM,gBAAgB,CAAC,UAAkC;AAC9D,QAAM,EAAE,UAAU,uBAAuB,QAAQ,YAAY,IAAI;AACjE,MACE,0BAA0B,SAC1B,0BAA0B,mDAAsB,QAChD,0BAA0B,mDAAsB;AAEhD,WAAO;AAET,QAAM,4BAA4B,SAAS,mDAAsB,SAAS;AAE1E,SACE,4EACG;AAAA,oBAAgB,gBAAgB,EAAE,GAAG,OAAO,uBAAuB,0BAA0B,CAAC,GAAG,WAAW;AAAA,IAC7G;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,uBAAuB;AAAA,QACvB;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "names": []
+}

package/dist/cjs/parts/DSDropIndicator/index.js

@@ -0,0 +1,37 @@
+"use strict";
+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);
+var DSDropIndicator_exports = {};
+__export(DSDropIndicator_exports, {
+  DropIndicator: () => import_DropIndicator.DropIndicator,
+  DropIndicatorWithSchema: () => import_DropIndicator.DropIndicatorWithSchema
+});
+module.exports = __toCommonJS(DSDropIndicator_exports);
+var React = __toESM(require("react"));
+var import_DropIndicator = require("./DropIndicator.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/DSDropIndicator/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSDropIndicator/index.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DropIndicator, DropIndicatorWithSchema } from './DropIndicator.js';\nexport type { DSDropIndicatorT, DSDropIndicatorPropTypes } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAuD;",
+  "names": []
+}

package/dist/cjs/parts/DSDropIndicator/react-desc-prop-types.js

@@ -0,0 +1,51 @@
+"use strict";
+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);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSDropIndicatorPropTypes: () => DSDropIndicatorPropTypes,
+  DropIndicatorPosition: () => DropIndicatorPosition
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const DropIndicatorPosition = {
+  None: "none",
+  Before: "before",
+  After: "after",
+  Inside: "inside"
+};
+const DSDropIndicatorPropTypes = {
+  vertical: import_ds_props_helpers.PropTypes.bool.description("Whether the drop indicator is vertical.").isRequired,
+  dropIndicatorPosition: import_ds_props_helpers.PropTypes.oneOf(Object.values(DropIndicatorPosition)).description(
+    "The position of the drop indicator."
+  ).isRequired,
+  isDropValid: import_ds_props_helpers.PropTypes.bool.description("Whether the drop is valid.").isRequired,
+  isLast: import_ds_props_helpers.PropTypes.bool.description("Whether the drop indicator is the last one.")
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/parts/DSDropIndicator/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSDropIndicator/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport const DropIndicatorPosition = {\n  None: 'none',\n  Before: 'before',\n  After: 'after',\n  Inside: 'inside',\n};\n\nexport declare namespace DSDropIndicatorT {\n  export type DropIndicatorPositionT = (typeof DropIndicatorPosition)[keyof typeof DropIndicatorPosition] | false;\n\n  export interface RequiredProps {\n    vertical: boolean;\n    dropIndicatorPosition: DropIndicatorPositionT;\n    isDropValid: boolean;\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    isLast?: boolean;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {}\n}\n\nexport const DSDropIndicatorPropTypes = {\n  vertical: PropTypes.bool.description('Whether the drop indicator is vertical.').isRequired,\n  dropIndicatorPosition: PropTypes.oneOf(Object.values(DropIndicatorPosition)).description(\n    'The position of the drop indicator.',\n  ).isRequired,\n  isDropValid: PropTypes.bool.description('Whether the drop is valid.').isRequired,\n  isLast: PropTypes.bool.description('Whether the drop indicator is the last one.'),\n} as React.WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAA0B;AAEnB,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACV;AAsBO,MAAM,2BAA2B;AAAA,EACtC,UAAU,kCAAU,KAAK,YAAY,yCAAyC,EAAE;AAAA,EAChF,uBAAuB,kCAAU,MAAM,OAAO,OAAO,qBAAqB,CAAC,EAAE;AAAA,IAC3E;AAAA,EACF,EAAE;AAAA,EACF,aAAa,kCAAU,KAAK,YAAY,4BAA4B,EAAE;AAAA,EACtE,QAAQ,kCAAU,KAAK,YAAY,6CAA6C;AAClF;",
+  "names": []
+}

package/dist/cjs/parts/DSDropIndicator/typescript-testing/typescript-dialog-valid.js

@@ -0,0 +1,88 @@
+"use strict";
+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 __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 React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../index.js");
+const testRequiredProps = {
+  vertical: true,
+  dropIndicatorPosition: "before",
+  isDropValid: true
+};
+const testOptionalProps = {
+  isLast: true
+};
+const testPartialDefaults = {
+  isDropValid: true
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  vertical: true,
+  dropIndicatorPosition: "before",
+  isDropValid: true,
+  isLast: false
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  vertical: true,
+  dropIndicatorPosition: "before",
+  isDropValid: true,
+  isLast: false
+};
+const testInferedTypeCompatibility = {
+  vertical: true,
+  dropIndicatorPosition: "before",
+  isDropValid: true,
+  isLast: false
+};
+const testDefinitionAsConst = {
+  vertical: true,
+  dropIndicatorPosition: "before",
+  isDropValid: true,
+  isLast: false
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DropIndicator, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DropIndicator, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DropIndicator, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DropIndicator, { vertical: true, dropIndicatorPosition: "before", isDropValid: true, isLast: false })
+] });
+//# sourceMappingURL=typescript-dialog-valid.js.map

package/dist/cjs/parts/DSDropIndicator/typescript-testing/typescript-dialog-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSDropIndicator/typescript-testing/typescript-dialog-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DropIndicator } from '../index.js';\nimport type { DSDropIndicatorT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\n\ntype ComponentPropsForApp = DSDropIndicatorT.Props;\ntype ComponentPropsInternals = DSDropIndicatorT.InternalProps;\ntype ComponentPropsDefaultProps = DSDropIndicatorT.DefaultProps;\ntype ComponentPropsOptionalProps = DSDropIndicatorT.OptionalProps;\ntype ComponentPropsRequiredProps = DSDropIndicatorT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  vertical: true,\n  dropIndicatorPosition: 'before',\n  isDropValid: true,\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  isLast: true,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  isDropValid: true,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  vertical: true,\n  dropIndicatorPosition: 'before',\n  isDropValid: true,\n  isLast: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  vertical: true,\n  dropIndicatorPosition: 'before',\n  isDropValid: true,\n  isLast: false,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  vertical: true,\n  dropIndicatorPosition: 'before',\n  isDropValid: true,\n  isLast: false,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  vertical: true,\n  dropIndicatorPosition: 'before',\n  isDropValid: true,\n  isLast: false,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DropIndicator {...testExplicitDefinition} />\n    <DropIndicator {...testInferedTypeCompatibility} />\n    <DropIndicator {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DropIndicator vertical={true} dropIndicatorPosition=\"before\" isDropValid={true} isLast={false} />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACoFrB;AAnFF,eAA8B;AAW9B,MAAM,oBAAiD;AAAA,EACrD,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,aAAa;AACf;AAEA,MAAM,oBAAiD;AAAA,EACrD,QAAQ;AACV;AAIA,MAAM,sBAA2D;AAAA,EAC/D,aAAa;AACf;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,QAAQ;AACV;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,QAAQ;AACV;AAGA,MAAM,+BAA+B;AAAA,EACnC,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,QAAQ;AACV;AAEA,MAAM,wBAAwB;AAAA,EAC5B,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,QAAQ;AACV;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,0BAAe,GAAG,wBAAwB;AAAA,EAC3C,4CAAC,0BAAe,GAAG,8BAA8B;AAAA,EACjD,4CAAC,0BAAe,GAAG,uBAAuB;AAAA,EAE1C,4CAAC,0BAAc,UAAU,MAAM,uBAAsB,UAAS,aAAa,MAAM,QAAQ,OAAO;AAAA,GAClG;",
+  "names": []
+}