@elliemae/ds-data-table-drag-and-drop-cell 3.31.0-next.6

package/dist/cjs/DSDataTableDragAndDropCell.js

@@ -0,0 +1,118 @@
+"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 DSDataTableDragAndDropCell_exports = {};
+__export(DSDataTableDragAndDropCell_exports, {
+  DSDataTableDragAndDropCell: () => DSDataTableDragAndDropCell,
+  DSDataTableDragAndDropCellWithSchema: () => DSDataTableDragAndDropCellWithSchema
+});
+module.exports = __toCommonJS(DSDataTableDragAndDropCell_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_system = require("@elliemae/ds-system");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_useDataTableDragAndDropCell = require("./config/useDataTableDragAndDropCell.js");
+var import_constants = require("./constants/index.js");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_data_table_cell = require("@elliemae/ds-data-table-cell");
+const StyledWrapper = (0, import_ds_system.styled)(import_ds_data_table_cell.DSDataTableCell, {
+  name: import_constants.DSDataTableDragAndDropCellName,
+  slot: import_constants.DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS.ROOT
+})`
+  padding: 0;
+  justify-content: center;
+  ${({ shouldShowFocus, theme }) => shouldShowFocus ? `:focus-within {
+    &:after {
+      display: block;
+      content: ' ';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      border: 2px solid ${theme.colors.brand[700]};
+      pointer-events: none;
+      z-index: 7;
+    }
+  }` : void 0}
+
+  svg {
+    fill: brand-800;
+  }
+`;
+const StyledGripper = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSDataTableDragAndDropCellName,
+  slot: import_constants.DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS.GRIPPER
+})`
+  pointer-events: ${({ isDisabled }) => isDisabled ? "none" : ""};
+  cursor: ${({ isActive, isDisabled }) => {
+  if (isDisabled)
+    return "not-allowed";
+  if (isActive)
+    return "grabbing";
+  return "grab";
+}};
+  outline: none;
+  display: flex;
+  align-items: center;
+  touch-action: none;
+
+  svg {
+    fill: ${({ isActive, theme }) => isActive && theme.colors.neutral["500"]};
+  }
+`;
+const DSDataTableDragAndDropCell = (props) => {
+  const { propsWithDefault, xstyledProps } = (0, import_useDataTableDragAndDropCell.useDataTableDragAndDropCell)(props);
+  const ownerPropsConfig = (0, import_ds_utilities.useOwnerProps)(propsWithDefault);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StyledWrapper,
+    {
+      className: propsWithDefault.className,
+      ...ownerPropsConfig,
+      ...xstyledProps,
+      shouldShowFocus: propsWithDefault.shouldShowFocus,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        StyledGripper,
+        {
+          role: "button",
+          "aria-label": "Drag handle",
+          isDisabled: propsWithDefault.disabled,
+          isActive: propsWithDefault.active,
+          ...ownerPropsConfig,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.GripperVertical, { size: "s" })
+        }
+      )
+    }
+  );
+};
+DSDataTableDragAndDropCell.displayName = import_constants.DSDataTableDragAndDropCellName;
+const DSDataTableDragAndDropCellWithSchema = (0, import_ds_props_helpers.describe)(DSDataTableDragAndDropCell);
+DSDataTableDragAndDropCellWithSchema.propTypes = import_react_desc_prop_types.DSDataTableDragAndDropCellPropTypesSchema;
+//# sourceMappingURL=DSDataTableDragAndDropCell.js.map

package/dist/cjs/DSDataTableDragAndDropCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSDataTableDragAndDropCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport {\n  type DSDataTableDragAndDropCellT,\n  DSDataTableDragAndDropCellPropTypesSchema,\n} from './react-desc-prop-types.js';\nimport { useDataTableDragAndDropCell } from './config/useDataTableDragAndDropCell.js';\nimport { DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS, DSDataTableDragAndDropCellName } from './constants/index.js';\nimport { useOwnerProps } from '@elliemae/ds-utilities';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { DSDataTableCell } from '@elliemae/ds-data-table-cell';\n\nconst StyledWrapper = styled(DSDataTableCell, {\n  name: DSDataTableDragAndDropCellName,\n  slot: DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS.ROOT,\n})<{ shouldShowFocus: boolean }>`\n  padding: 0;\n  justify-content: center;\n  ${({ shouldShowFocus, theme }) =>\n    shouldShowFocus\n      ? `:focus-within {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px solid ${theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: 7;\n    }\n  }`\n      : undefined}\n\n  svg {\n    fill: brand-800;\n  }\n`;\n\nconst StyledGripper = styled('div', {\n  name: DSDataTableDragAndDropCellName,\n  slot: DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS.GRIPPER,\n})<{ isDisabled: boolean; isActive: boolean }>`\n  pointer-events: ${({ isDisabled }) => (isDisabled ? 'none' : '')};\n  cursor: ${({ isActive, isDisabled }) => {\n    if (isDisabled) return 'not-allowed';\n    if (isActive) return 'grabbing';\n    return 'grab';\n  }};\n  outline: none;\n  display: flex;\n  align-items: center;\n  touch-action: none;\n\n  svg {\n    fill: ${({ isActive, theme }) => isActive && theme.colors.neutral['500']};\n  }\n`;\n\nconst DSDataTableDragAndDropCell: React.ComponentType<DSDataTableDragAndDropCellT.Props> = (props) => {\n  const { propsWithDefault, xstyledProps } = useDataTableDragAndDropCell(props);\n  const ownerPropsConfig = useOwnerProps(propsWithDefault);\n  return (\n    <StyledWrapper\n      className={propsWithDefault.className}\n      {...ownerPropsConfig}\n      {...xstyledProps}\n      shouldShowFocus={propsWithDefault.shouldShowFocus}\n    >\n      <StyledGripper\n        role=\"button\"\n        aria-label=\"Drag handle\"\n        isDisabled={propsWithDefault.disabled}\n        isActive={propsWithDefault.active}\n        {...ownerPropsConfig}\n      >\n        <GripperVertical size=\"s\" />\n      </StyledGripper>\n    </StyledWrapper>\n  );\n};\n\nDSDataTableDragAndDropCell.displayName = DSDataTableDragAndDropCellName;\nconst DSDataTableDragAndDropCellWithSchema = describe(DSDataTableDragAndDropCell);\nDSDataTableDragAndDropCellWithSchema.propTypes = DSDataTableDragAndDropCellPropTypesSchema;\n\nexport { DSDataTableDragAndDropCell, DSDataTableDragAndDropCellWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+Ef;AA9ER,8BAAyB;AACzB,uBAAuB;AACvB,mCAGO;AACP,yCAA4C;AAC5C,uBAAoF;AACpF,0BAA8B;AAC9B,sBAAgC;AAChC,gCAAgC;AAEhC,MAAM,oBAAgB,yBAAO,2CAAiB;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,qDAAoC;AAC5C,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,EAAE,iBAAiB,MAAM,MAC1B,kBACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BASkB,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA,OAKxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOR,MAAM,oBAAgB,yBAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,qDAAoC;AAC5C,CAAC;AAAA,oBACmB,CAAC,EAAE,WAAW,MAAO,aAAa,SAAS;AAAA,YACnD,CAAC,EAAE,UAAU,WAAW,MAAM;AACtC,MAAI;AAAY,WAAO;AACvB,MAAI;AAAU,WAAO;AACrB,SAAO;AACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOU,CAAC,EAAE,UAAU,MAAM,MAAM,YAAY,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAI3E,MAAM,6BAAqF,CAAC,UAAU;AACpG,QAAM,EAAE,kBAAkB,aAAa,QAAI,gEAA4B,KAAK;AAC5E,QAAM,uBAAmB,mCAAc,gBAAgB;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,iBAAiB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,iBAAiB,iBAAiB;AAAA,MAElC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,YAAY,iBAAiB;AAAA,UAC7B,UAAU,iBAAiB;AAAA,UAC1B,GAAG;AAAA,UAEJ,sDAAC,mCAAgB,MAAK,KAAI;AAAA;AAAA,MAC5B;AAAA;AAAA,EACF;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,2CAAuC,kCAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
+  "names": []
+}

package/dist/cjs/config/useDataTableDragAndDropCell.js

@@ -0,0 +1,54 @@
+"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 useDataTableDragAndDropCell_exports = {};
+__export(useDataTableDragAndDropCell_exports, {
+  useDataTableDragAndDropCell: () => useDataTableDragAndDropCell
+});
+module.exports = __toCommonJS(useDataTableDragAndDropCell_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+const useDataTableDragAndDropCell = (propsFromUser) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(
+    propsFromUser,
+    import_react_desc_prop_types.defaultProps
+  );
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSDataTableDragAndDropCellPropTypes);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps
+    }),
+    [propsWithDefault, xstyledProps]
+  );
+};
+//# sourceMappingURL=useDataTableDragAndDropCell.js.map

package/dist/cjs/config/useDataTableDragAndDropCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useDataTableDragAndDropCell.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport {\n  type DSDataTableDragAndDropCellT,\n  DSDataTableDragAndDropCellPropTypes,\n  defaultProps,\n} from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface DataTableDragAndDropCellCTX {\n  propsWithDefault: DSDataTableDragAndDropCellT.InternalProps;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useDataTableDragAndDropCell = (propsFromUser: DSDataTableDragAndDropCellT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSDataTableDragAndDropCellT.InternalProps>(\n    propsFromUser,\n    defaultProps,\n  );\n  useValidateProps(propsWithDefault, DSDataTableDragAndDropCellPropTypes);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n    }),\n    [propsWithDefault, xstyledProps],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAiE;AACjE,mCAIO;AACP,8BAAiC;AAQ1B,MAAM,8BAA8B,CAAC,kBAAqD;AAI/F,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,gDAAiB,kBAAkB,gEAAmC;AAItE,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,YAAY;AAAA,EACjC;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/config/useValidateProps.js

@@ -0,0 +1,40 @@
+"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 useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+module.exports = __toCommonJS(useValidateProps_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("../constants/index.js");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSDataTableDragAndDropCellName);
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useValidateProps.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { type DSDataTableDragAndDropCellT } from '../react-desc-prop-types.js';\nimport { DSDataTableDragAndDropCellName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSDataTableDragAndDropCellT.InternalProps,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSDataTableDragAndDropCellName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAA+C;AAExC,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,+CAA8B;AACjF;",
+  "names": []
+}

package/dist/cjs/constants/index.js

@@ -0,0 +1,47 @@
+"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 constants_exports = {};
+__export(constants_exports, {
+  DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID: () => DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID,
+  DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS: () => DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS,
+  DSDataTableDragAndDropCellName: () => DSDataTableDragAndDropCellName
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSDataTableDragAndDropCellName = "DSDataTableDragAndDropCell";
+const DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS = {
+  ROOT: "root",
+  GRIPPER: "gripper"
+};
+const DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(
+  DSDataTableDragAndDropCellName,
+  DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS
+);
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSDataTableDragAndDropCellName = 'DSDataTableDragAndDropCell';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS = {\n  ROOT: 'root',\n  GRIPPER: 'gripper',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID = slotObjectToDataTestIds(\n  DSDataTableDragAndDropCellName,\n  DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS,\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,iCAAiC;AAGvC,MAAM,sCAAsC;AAAA,EACjD,MAAM;AAAA,EACN,SAAS;AACX;AAGO,MAAM,gDAA4C;AAAA,EACvD;AAAA,EACA;AACF;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,41 @@
+"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 src_exports = {};
+__export(src_exports, {
+  DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID: () => import_constants.DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID,
+  DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS: () => import_constants.DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS,
+  DSDataTableDragAndDropCell: () => import_DSDataTableDragAndDropCell.DSDataTableDragAndDropCell,
+  DSDataTableDragAndDropCellWithSchema: () => import_DSDataTableDragAndDropCell.DSDataTableDragAndDropCellWithSchema
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSDataTableDragAndDropCell = require("./DSDataTableDragAndDropCell.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSDataTableDragAndDropCell, DSDataTableDragAndDropCellWithSchema } from './DSDataTableDragAndDropCell.js';\nexport { type DSDataTableDragAndDropCellT } from './react-desc-prop-types.js';\nexport { DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS, DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,wCAAiF;AACjF,mCAAiD;AACjD,uBAA+F;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

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

@@ -0,0 +1,53 @@
+"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, {
+  DSDataTableDragAndDropCellPropTypes: () => DSDataTableDragAndDropCellPropTypes,
+  DSDataTableDragAndDropCellPropTypesSchema: () => DSDataTableDragAndDropCellPropTypesSchema,
+  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");
+var import_constants = require("./constants/index.js");
+const defaultProps = {
+  disabled: false,
+  active: false,
+  shouldShowFocus: true
+};
+const DSDataTableDragAndDropCellPropTypes = {
+  ...import_ds_props_helpers.xstyledPropTypes,
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSDataTableDragAndDropCellName, import_constants.DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS),
+  className: import_ds_props_helpers.PropTypes.string.description("className for the wrapper"),
+  disabled: import_ds_props_helpers.PropTypes.bool.description("Whether its disabled or not"),
+  active: import_ds_props_helpers.PropTypes.bool.description("Whether its active or not"),
+  shouldShowFocus: import_ds_props_helpers.PropTypes.bool.description("Whether its should the focus or not")
+};
+const DSDataTableDragAndDropCellPropTypesSchema = DSDataTableDragAndDropCellPropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, xstyledPropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSDataTableDragAndDropCellName, DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS } from './constants/index.js';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSDataTableDragAndDropCellT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    disabled: boolean;\n    active: boolean;\n    shouldShowFocus: boolean;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSDataTableDragAndDropCellName,\n      typeof DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS\n    > {\n    className?: string;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, XstyledProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, XstyledProps, RequiredProps {}\n}\n\nexport const defaultProps: DSDataTableDragAndDropCellT.DefaultProps = {\n  disabled: false,\n  active: false,\n  shouldShowFocus: true,\n};\n\nexport const DSDataTableDragAndDropCellPropTypes: DSPropTypesSchema<DSDataTableDragAndDropCellT.Props> = {\n  ...xstyledPropTypes,\n  ...getPropsPerSlotPropTypes(DSDataTableDragAndDropCellName, DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS),\n  className: PropTypes.string.description('className for the wrapper'),\n  disabled: PropTypes.bool.description('Whether its disabled or not'),\n  active: PropTypes.bool.description('Whether its active or not'),\n  shouldShowFocus: PropTypes.bool.description('Whether its should the focus or not'),\n};\n\nexport const DSDataTableDragAndDropCellPropTypesSchema =\n  DSDataTableDragAndDropCellPropTypes as unknown as WeakValidationMap<DSDataTableDragAndDropCellT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAsE;AAEtE,uBAAoF;AAyB7E,MAAM,eAAyD;AAAA,EACpE,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,iBAAiB;AACnB;AAEO,MAAM,sCAA4F;AAAA,EACvG,GAAG;AAAA,EACH,OAAG,kDAAyB,iDAAgC,oDAAmC;AAAA,EAC/F,WAAW,kCAAU,OAAO,YAAY,2BAA2B;AAAA,EACnE,UAAU,kCAAU,KAAK,YAAY,6BAA6B;AAAA,EAClE,QAAQ,kCAAU,KAAK,YAAY,2BAA2B;AAAA,EAC9D,iBAAiB,kCAAU,KAAK,YAAY,qCAAqC;AACnF;AAEO,MAAM,4CACX;",
+  "names": []
+}

package/dist/esm/DSDataTableDragAndDropCell.js

@@ -0,0 +1,90 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { styled } from "@elliemae/ds-system";
+import {
+  DSDataTableDragAndDropCellPropTypesSchema
+} from "./react-desc-prop-types.js";
+import { useDataTableDragAndDropCell } from "./config/useDataTableDragAndDropCell.js";
+import { DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS, DSDataTableDragAndDropCellName } from "./constants/index.js";
+import { useOwnerProps } from "@elliemae/ds-utilities";
+import { GripperVertical } from "@elliemae/ds-icons";
+import { DSDataTableCell } from "@elliemae/ds-data-table-cell";
+const StyledWrapper = styled(DSDataTableCell, {
+  name: DSDataTableDragAndDropCellName,
+  slot: DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS.ROOT
+})`
+  padding: 0;
+  justify-content: center;
+  ${({ shouldShowFocus, theme }) => shouldShowFocus ? `:focus-within {
+    &:after {
+      display: block;
+      content: ' ';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      border: 2px solid ${theme.colors.brand[700]};
+      pointer-events: none;
+      z-index: 7;
+    }
+  }` : void 0}
+
+  svg {
+    fill: brand-800;
+  }
+`;
+const StyledGripper = styled("div", {
+  name: DSDataTableDragAndDropCellName,
+  slot: DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS.GRIPPER
+})`
+  pointer-events: ${({ isDisabled }) => isDisabled ? "none" : ""};
+  cursor: ${({ isActive, isDisabled }) => {
+  if (isDisabled)
+    return "not-allowed";
+  if (isActive)
+    return "grabbing";
+  return "grab";
+}};
+  outline: none;
+  display: flex;
+  align-items: center;
+  touch-action: none;
+
+  svg {
+    fill: ${({ isActive, theme }) => isActive && theme.colors.neutral["500"]};
+  }
+`;
+const DSDataTableDragAndDropCell = (props) => {
+  const { propsWithDefault, xstyledProps } = useDataTableDragAndDropCell(props);
+  const ownerPropsConfig = useOwnerProps(propsWithDefault);
+  return /* @__PURE__ */ jsx(
+    StyledWrapper,
+    {
+      className: propsWithDefault.className,
+      ...ownerPropsConfig,
+      ...xstyledProps,
+      shouldShowFocus: propsWithDefault.shouldShowFocus,
+      children: /* @__PURE__ */ jsx(
+        StyledGripper,
+        {
+          role: "button",
+          "aria-label": "Drag handle",
+          isDisabled: propsWithDefault.disabled,
+          isActive: propsWithDefault.active,
+          ...ownerPropsConfig,
+          children: /* @__PURE__ */ jsx(GripperVertical, { size: "s" })
+        }
+      )
+    }
+  );
+};
+DSDataTableDragAndDropCell.displayName = DSDataTableDragAndDropCellName;
+const DSDataTableDragAndDropCellWithSchema = describe(DSDataTableDragAndDropCell);
+DSDataTableDragAndDropCellWithSchema.propTypes = DSDataTableDragAndDropCellPropTypesSchema;
+export {
+  DSDataTableDragAndDropCell,
+  DSDataTableDragAndDropCellWithSchema
+};
+//# sourceMappingURL=DSDataTableDragAndDropCell.js.map

package/dist/esm/DSDataTableDragAndDropCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSDataTableDragAndDropCell.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport {\n  type DSDataTableDragAndDropCellT,\n  DSDataTableDragAndDropCellPropTypesSchema,\n} from './react-desc-prop-types.js';\nimport { useDataTableDragAndDropCell } from './config/useDataTableDragAndDropCell.js';\nimport { DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS, DSDataTableDragAndDropCellName } from './constants/index.js';\nimport { useOwnerProps } from '@elliemae/ds-utilities';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { DSDataTableCell } from '@elliemae/ds-data-table-cell';\n\nconst StyledWrapper = styled(DSDataTableCell, {\n  name: DSDataTableDragAndDropCellName,\n  slot: DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS.ROOT,\n})<{ shouldShowFocus: boolean }>`\n  padding: 0;\n  justify-content: center;\n  ${({ shouldShowFocus, theme }) =>\n    shouldShowFocus\n      ? `:focus-within {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px solid ${theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: 7;\n    }\n  }`\n      : undefined}\n\n  svg {\n    fill: brand-800;\n  }\n`;\n\nconst StyledGripper = styled('div', {\n  name: DSDataTableDragAndDropCellName,\n  slot: DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS.GRIPPER,\n})<{ isDisabled: boolean; isActive: boolean }>`\n  pointer-events: ${({ isDisabled }) => (isDisabled ? 'none' : '')};\n  cursor: ${({ isActive, isDisabled }) => {\n    if (isDisabled) return 'not-allowed';\n    if (isActive) return 'grabbing';\n    return 'grab';\n  }};\n  outline: none;\n  display: flex;\n  align-items: center;\n  touch-action: none;\n\n  svg {\n    fill: ${({ isActive, theme }) => isActive && theme.colors.neutral['500']};\n  }\n`;\n\nconst DSDataTableDragAndDropCell: React.ComponentType<DSDataTableDragAndDropCellT.Props> = (props) => {\n  const { propsWithDefault, xstyledProps } = useDataTableDragAndDropCell(props);\n  const ownerPropsConfig = useOwnerProps(propsWithDefault);\n  return (\n    <StyledWrapper\n      className={propsWithDefault.className}\n      {...ownerPropsConfig}\n      {...xstyledProps}\n      shouldShowFocus={propsWithDefault.shouldShowFocus}\n    >\n      <StyledGripper\n        role=\"button\"\n        aria-label=\"Drag handle\"\n        isDisabled={propsWithDefault.disabled}\n        isActive={propsWithDefault.active}\n        {...ownerPropsConfig}\n      >\n        <GripperVertical size=\"s\" />\n      </StyledGripper>\n    </StyledWrapper>\n  );\n};\n\nDSDataTableDragAndDropCell.displayName = DSDataTableDragAndDropCellName;\nconst DSDataTableDragAndDropCellWithSchema = describe(DSDataTableDragAndDropCell);\nDSDataTableDragAndDropCellWithSchema.propTypes = DSDataTableDragAndDropCellPropTypesSchema;\n\nexport { DSDataTableDragAndDropCell, DSDataTableDragAndDropCellWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC+Ef;AA9ER,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB;AAAA,EAEE;AAAA,OACK;AACP,SAAS,mCAAmC;AAC5C,SAAS,qCAAqC,sCAAsC;AACpF,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEhC,MAAM,gBAAgB,OAAO,iBAAiB;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,oCAAoC;AAC5C,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,EAAE,iBAAiB,MAAM,MAC1B,kBACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BASkB,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA,OAKxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOR,MAAM,gBAAgB,OAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,oCAAoC;AAC5C,CAAC;AAAA,oBACmB,CAAC,EAAE,WAAW,MAAO,aAAa,SAAS;AAAA,YACnD,CAAC,EAAE,UAAU,WAAW,MAAM;AACtC,MAAI;AAAY,WAAO;AACvB,MAAI;AAAU,WAAO;AACrB,SAAO;AACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOU,CAAC,EAAE,UAAU,MAAM,MAAM,YAAY,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAI3E,MAAM,6BAAqF,CAAC,UAAU;AACpG,QAAM,EAAE,kBAAkB,aAAa,IAAI,4BAA4B,KAAK;AAC5E,QAAM,mBAAmB,cAAc,gBAAgB;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,iBAAiB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,iBAAiB,iBAAiB;AAAA,MAElC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,YAAY,iBAAiB;AAAA,UAC7B,UAAU,iBAAiB;AAAA,UAC1B,GAAG;AAAA,UAEJ,8BAAC,mBAAgB,MAAK,KAAI;AAAA;AAAA,MAC5B;AAAA;AAAA,EACF;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,SAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
+  "names": []
+}

package/dist/esm/config/useDataTableDragAndDropCell.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import React2 from "react";
+import { useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import {
+  DSDataTableDragAndDropCellPropTypes,
+  defaultProps
+} from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const useDataTableDragAndDropCell = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(
+    propsFromUser,
+    defaultProps
+  );
+  useValidateProps(propsWithDefault, DSDataTableDragAndDropCellPropTypes);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps
+    }),
+    [propsWithDefault, xstyledProps]
+  );
+};
+export {
+  useDataTableDragAndDropCell
+};
+//# sourceMappingURL=useDataTableDragAndDropCell.js.map

package/dist/esm/config/useDataTableDragAndDropCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useDataTableDragAndDropCell.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport {\n  type DSDataTableDragAndDropCellT,\n  DSDataTableDragAndDropCellPropTypes,\n  defaultProps,\n} from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface DataTableDragAndDropCellCTX {\n  propsWithDefault: DSDataTableDragAndDropCellT.InternalProps;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useDataTableDragAndDropCell = (propsFromUser: DSDataTableDragAndDropCellT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSDataTableDragAndDropCellT.InternalProps>(\n    propsFromUser,\n    defaultProps,\n  );\n  useValidateProps(propsWithDefault, DSDataTableDragAndDropCellPropTypes);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n    }),\n    [propsWithDefault, xstyledProps],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,oBAAoB,oCAAoC;AACjE;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AAQ1B,MAAM,8BAA8B,CAAC,kBAAqD;AAI/F,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,mBAAiB,kBAAkB,mCAAmC;AAItE,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,YAAY;AAAA,EACjC;AACF;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSDataTableDragAndDropCellName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSDataTableDragAndDropCellName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { type DSDataTableDragAndDropCellT } from '../react-desc-prop-types.js';\nimport { DSDataTableDragAndDropCellName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSDataTableDragAndDropCellT.InternalProps,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSDataTableDragAndDropCellName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,sCAAsC;AAExC,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,8BAA8B;AACjF;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSDataTableDragAndDropCellName = "DSDataTableDragAndDropCell";
+const DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS = {
+  ROOT: "root",
+  GRIPPER: "gripper"
+};
+const DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID = slotObjectToDataTestIds(
+  DSDataTableDragAndDropCellName,
+  DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS
+);
+export {
+  DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID,
+  DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS,
+  DSDataTableDragAndDropCellName
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSDataTableDragAndDropCellName = 'DSDataTableDragAndDropCell';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS = {\n  ROOT: 'root',\n  GRIPPER: 'gripper',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID = slotObjectToDataTestIds(\n  DSDataTableDragAndDropCellName,\n  DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS,\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,iCAAiC;AAGvC,MAAM,sCAAsC;AAAA,EACjD,MAAM;AAAA,EACN,SAAS;AACX;AAGO,MAAM,4CAA4C;AAAA,EACvD;AAAA,EACA;AACF;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { DSDataTableDragAndDropCell, DSDataTableDragAndDropCellWithSchema } from "./DSDataTableDragAndDropCell.js";
+import {} from "./react-desc-prop-types.js";
+import { DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS, DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID } from "./constants/index.js";
+export {
+  DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID,
+  DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS,
+  DSDataTableDragAndDropCell,
+  DSDataTableDragAndDropCellWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSDataTableDragAndDropCell, DSDataTableDragAndDropCellWithSchema } from './DSDataTableDragAndDropCell.js';\nexport { type DSDataTableDragAndDropCellT } from './react-desc-prop-types.js';\nexport { DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS, DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID } from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,4BAA4B,4CAA4C;AACjF,eAAiD;AACjD,SAAS,qCAAqC,iDAAiD;",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { PropTypes, xstyledPropTypes, getPropsPerSlotPropTypes } from "@elliemae/ds-props-helpers";
+import { DSDataTableDragAndDropCellName, DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS } from "./constants/index.js";
+const defaultProps = {
+  disabled: false,
+  active: false,
+  shouldShowFocus: true
+};
+const DSDataTableDragAndDropCellPropTypes = {
+  ...xstyledPropTypes,
+  ...getPropsPerSlotPropTypes(DSDataTableDragAndDropCellName, DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS),
+  className: PropTypes.string.description("className for the wrapper"),
+  disabled: PropTypes.bool.description("Whether its disabled or not"),
+  active: PropTypes.bool.description("Whether its active or not"),
+  shouldShowFocus: PropTypes.bool.description("Whether its should the focus or not")
+};
+const DSDataTableDragAndDropCellPropTypesSchema = DSDataTableDragAndDropCellPropTypes;
+export {
+  DSDataTableDragAndDropCellPropTypes,
+  DSDataTableDragAndDropCellPropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, xstyledPropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSDataTableDragAndDropCellName, DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS } from './constants/index.js';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSDataTableDragAndDropCellT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    disabled: boolean;\n    active: boolean;\n    shouldShowFocus: boolean;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSDataTableDragAndDropCellName,\n      typeof DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS\n    > {\n    className?: string;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, XstyledProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, XstyledProps, RequiredProps {}\n}\n\nexport const defaultProps: DSDataTableDragAndDropCellT.DefaultProps = {\n  disabled: false,\n  active: false,\n  shouldShowFocus: true,\n};\n\nexport const DSDataTableDragAndDropCellPropTypes: DSPropTypesSchema<DSDataTableDragAndDropCellT.Props> = {\n  ...xstyledPropTypes,\n  ...getPropsPerSlotPropTypes(DSDataTableDragAndDropCellName, DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS),\n  className: PropTypes.string.description('className for the wrapper'),\n  disabled: PropTypes.bool.description('Whether its disabled or not'),\n  active: PropTypes.bool.description('Whether its active or not'),\n  shouldShowFocus: PropTypes.bool.description('Whether its should the focus or not'),\n};\n\nexport const DSDataTableDragAndDropCellPropTypesSchema =\n  DSDataTableDragAndDropCellPropTypes as unknown as WeakValidationMap<DSDataTableDragAndDropCellT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,kBAAkB,gCAAgC;AAEtE,SAAS,gCAAgC,2CAA2C;AAyB7E,MAAM,eAAyD;AAAA,EACpE,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,iBAAiB;AACnB;AAEO,MAAM,sCAA4F;AAAA,EACvG,GAAG;AAAA,EACH,GAAG,yBAAyB,gCAAgC,mCAAmC;AAAA,EAC/F,WAAW,UAAU,OAAO,YAAY,2BAA2B;AAAA,EACnE,UAAU,UAAU,KAAK,YAAY,6BAA6B;AAAA,EAClE,QAAQ,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAC9D,iBAAiB,UAAU,KAAK,YAAY,qCAAqC;AACnF;AAEO,MAAM,4CACX;",
+  "names": []
+}

package/dist/types/DSDataTableDragAndDropCell.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSDataTableDragAndDropCellT } from './react-desc-prop-types.js';
+declare const DSDataTableDragAndDropCell: React.ComponentType<DSDataTableDragAndDropCellT.Props>;
+declare const DSDataTableDragAndDropCellWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSDataTableDragAndDropCellT.Props>;
+export { DSDataTableDragAndDropCell, DSDataTableDragAndDropCellWithSchema };

package/dist/types/config/useDataTableDragAndDropCell.d.ts

@@ -0,0 +1,11 @@
+import { useGetXstyledProps } from '@elliemae/ds-props-helpers';
+import { type DSDataTableDragAndDropCellT } from '../react-desc-prop-types.js';
+export interface DataTableDragAndDropCellCTX {
+    propsWithDefault: DSDataTableDragAndDropCellT.InternalProps;
+    xstyledProps: ReturnType<typeof useGetXstyledProps>;
+    instanceUid: string;
+}
+export declare const useDataTableDragAndDropCell: (propsFromUser: DSDataTableDragAndDropCellT.Props) => {
+    propsWithDefault: DSDataTableDragAndDropCellT.InternalProps;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+};

package/dist/types/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import type { WeakValidationMap } from 'react';
+import { type DSDataTableDragAndDropCellT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSDataTableDragAndDropCellT.InternalProps, propTypes: WeakValidationMap<unknown>) => void;

package/dist/types/constants/index.d.ts

@@ -0,0 +1,6 @@
+export declare const DSDataTableDragAndDropCellName = "DSDataTableDragAndDropCell";
+export declare const DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS: {
+    readonly ROOT: "root";
+    readonly GRIPPER: "gripper";
+};
+export declare const DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID: Record<string, string>;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { DSDataTableDragAndDropCell, DSDataTableDragAndDropCellWithSchema } from './DSDataTableDragAndDropCell.js';
+export { type DSDataTableDragAndDropCellT } from './react-desc-prop-types.js';
+export { DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS, DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID } from './constants/index.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,23 @@
+import type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DSDataTableDragAndDropCellName, DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS } from './constants/index.js';
+import type { WeakValidationMap } from 'react';
+export declare namespace DSDataTableDragAndDropCellT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+        disabled: boolean;
+        active: boolean;
+        shouldShowFocus: boolean;
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDataTableDragAndDropCellName, typeof DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS> {
+        className?: string;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSDataTableDragAndDropCellT.DefaultProps;
+export declare const DSDataTableDragAndDropCellPropTypes: DSPropTypesSchema<DSDataTableDragAndDropCellT.Props>;
+export declare const DSDataTableDragAndDropCellPropTypesSchema: WeakValidationMap<DSDataTableDragAndDropCellT.Props>;

package/dist/types/tests/DSDataTableDragAndDropCell.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@elliemae/ds-data-table-drag-and-drop-cell",
+  "version": "3.31.0-next.6",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Data Table Drag And Drop Cell",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@xstyled/styled-components": "~3.6.0",
+    "@elliemae/ds-data-table-cell": "3.31.0-next.6",
+    "@elliemae/ds-icons": "3.31.0-next.6",
+    "@elliemae/ds-props-helpers": "3.31.0-next.6",
+    "@elliemae/ds-system": "3.31.0-next.6",
+    "@elliemae/ds-typescript-helpers": "3.31.0-next.6",
+    "@elliemae/ds-utilities": "3.31.0-next.6"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-monorepo-devops": "3.31.0-next.6"
+  },
+  "peerDependencies": {
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": true
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../scripts/dts.mjs",
+    "dts:withdeps": "pnpm --filter {.}... dts",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}