@pie-lib/drag 4.0.3-next.37 → 4.0.3-next.57

package/lib/placeholder.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.PlaceHolder = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/material/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _renderUi = require("@pie-lib/render-ui");
+var _colors = require("@mui/material/colors");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledPlaceholder = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    '&.placeholder': {
+      WebkitTouchCallout: 'none',
+      WebkitUserSelect: 'none',
+      KhtmlUserSelect: 'none',
+      MozUserSelect: 'none',
+      MsUserSelect: 'none',
+      userSelect: 'none',
+      width: '100%',
+      height: '100%',
+      background: _renderUi.color.white(),
+      transition: 'background-color 200ms linear, border-color 200ms linear',
+      boxSizing: 'border-box',
+      display: 'grid',
+      gridRowGap: theme.spacing(1),
+      gridColumnGap: theme.spacing(1),
+      padding: theme.spacing(1),
+      border: "2px dashed ".concat(_renderUi.color.black())
+    },
+    '&.disabled': {
+      boxShadow: 'none',
+      background: theme.palette.background.paper
+    },
+    '&.over': {
+      border: "1px solid ".concat(_colors.grey[500]),
+      backgroundColor: "".concat(_colors.grey[300])
+    },
+    '&.board': {
+      padding: theme.spacing(1),
+      display: 'flex',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      minHeight: '100px',
+      justifyContent: 'center',
+      overflow: 'hidden',
+      touchAction: 'none',
+      backgroundColor: _renderUi.color.backgroundDark()
+    },
+    '&.categorizeBoard': {
+      padding: theme.spacing(0.5),
+      display: 'flex',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      minHeight: '100px',
+      justifyContent: 'center',
+      overflow: 'hidden',
+      touchAction: 'none',
+      backgroundColor: _renderUi.color.backgroundDark()
+    },
+    '&.verticalPool': {
+      display: 'flex',
+      flexFlow: 'column wrap'
+    }
+  };
+});
+var PlaceHolder = exports.PlaceHolder = function PlaceHolder(props) {
+  var children = props.children,
+    className = props.className,
+    isOver = props.isOver,
+    type = props.type,
+    grid = props.grid,
+    disabled = props.disabled,
+    choiceBoard = props.choiceBoard,
+    isCategorize = props.isCategorize,
+    isVerticalPool = props.isVerticalPool,
+    minHeight = props.minHeight,
+    extraStyles = props.extraStyles;
+  var names = (0, _classnames["default"])('placeholder', disabled && 'disabled', isOver && 'over', type, className);
+  var style = {};
+  if (grid && grid.columns) {
+    style.gridTemplateColumns = "repeat(".concat(grid.columns, ", 1fr)");
+  }
+  if (grid && grid.rows) {
+    var repeatValue = grid.rowsRepeatValue || '1fr';
+    style.gridTemplateRows = "repeat(".concat(grid.rows, ", ").concat(repeatValue, ")");
+  }
+
+  // The "type" is only sent through placement-ordering / placeholder
+  // It can be "choice" or "target"
+  // We apply a different style for the "choice" type
+  // For any other type, use a dashed black border and a white fill
+  if (type === 'choice') {
+    style.border = "1px solid ".concat(_renderUi.color.borderLight());
+    style.background = _renderUi.color.backgroundDark();
+  }
+  var boardStyle = isCategorize ? 'categorizeBoard' : 'board';
+  return /*#__PURE__*/_react["default"].createElement(StyledPlaceholder, {
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      minHeight: minHeight
+    }, extraStyles),
+    className: (0, _classnames["default"])(choiceBoard ? boardStyle : names, isVerticalPool && 'verticalPool')
+  }, children);
+};
+PlaceHolder.propTypes = {
+  choiceBoard: _propTypes["default"].bool,
+  grid: _propTypes["default"].shape({
+    columns: _propTypes["default"].number,
+    rows: _propTypes["default"].number,
+    // if a different value then 1fr is wanted
+    rowsRepeatValue: _propTypes["default"].string
+  }),
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
+  className: _propTypes["default"].string,
+  isOver: _propTypes["default"].bool,
+  index: _propTypes["default"].number,
+  type: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  isCategorize: _propTypes["default"].bool,
+  isVerticalPool: _propTypes["default"].bool,
+  minHeight: _propTypes["default"].number
+};
+var _default = exports["default"] = PlaceHolder;
+//# sourceMappingURL=placeholder.js.map

package/lib/placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder.js","names":["_react","_interopRequireDefault","require","_styles","_classnames","_propTypes","_renderUi","_colors","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledPlaceholder","styled","_ref","theme","WebkitTouchCallout","WebkitUserSelect","KhtmlUserSelect","MozUserSelect","MsUserSelect","userSelect","width","height","background","color","white","transition","boxSizing","display","gridRowGap","spacing","gridColumnGap","padding","border","concat","black","boxShadow","palette","paper","grey","backgroundColor","flexWrap","alignItems","minHeight","justifyContent","overflow","touchAction","backgroundDark","flexFlow","PlaceHolder","exports","props","children","className","isOver","type","grid","disabled","choiceBoard","isCategorize","isVerticalPool","extraStyles","names","classNames","style","columns","gridTemplateColumns","rows","repeatValue","rowsRepeatValue","gridTemplateRows","borderLight","boardStyle","createElement","propTypes","PropTypes","bool","shape","number","string","oneOfType","arrayOf","node","isRequired","index","_default"],"sources":["../src/placeholder.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport { grey } from '@mui/material/colors';\n\nconst StyledPlaceholder = styled('div')(({ theme }) => ({\n  '&.placeholder': {\n    WebkitTouchCallout: 'none',\n    WebkitUserSelect: 'none',\n    KhtmlUserSelect: 'none',\n    MozUserSelect: 'none',\n    MsUserSelect: 'none',\n    userSelect: 'none',\n    width: '100%',\n    height: '100%',\n    background: color.white(),\n    transition: 'background-color 200ms linear, border-color 200ms linear',\n    boxSizing: 'border-box',\n    display: 'grid',\n    gridRowGap: theme.spacing(1),\n    gridColumnGap: theme.spacing(1),\n    padding: theme.spacing(1),\n    border: `2px dashed ${color.black()}`,\n  },\n  '&.disabled': {\n    boxShadow: 'none',\n    background: theme.palette.background.paper,\n  },\n  '&.over': {\n    border: `1px solid ${grey[500]}`,\n    backgroundColor: `${grey[300]}`,\n  },\n  '&.board': {\n    padding: theme.spacing(1),\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    minHeight: '100px',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    touchAction: 'none',\n    backgroundColor: color.backgroundDark(),\n  },\n  '&.categorizeBoard': {\n    padding: theme.spacing(0.5),\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    minHeight: '100px',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    touchAction: 'none',\n    backgroundColor: color.backgroundDark(),\n  },\n  '&.verticalPool': {\n    display: 'flex',\n    flexFlow: 'column wrap',\n  },\n}));\n\nexport const PlaceHolder = (props) => {\n  const {\n    children,\n    className,\n    isOver,\n    type,\n    grid,\n    disabled,\n    choiceBoard,\n    isCategorize,\n    isVerticalPool,\n    minHeight,\n    extraStyles,\n  } = props;\n\n  const names = classNames('placeholder', disabled && 'disabled', isOver && 'over', type, className);\n\n  const style = {};\n\n  if (grid && grid.columns) {\n    style.gridTemplateColumns = `repeat(${grid.columns}, 1fr)`;\n  }\n\n  if (grid && grid.rows) {\n    const repeatValue = grid.rowsRepeatValue || '1fr';\n\n    style.gridTemplateRows = `repeat(${grid.rows}, ${repeatValue})`;\n  }\n\n  // The \"type\" is only sent through placement-ordering / placeholder\n  // It can be \"choice\" or \"target\"\n  // We apply a different style for the \"choice\" type\n  // For any other type, use a dashed black border and a white fill\n  if (type === 'choice') {\n    style.border = `1px solid ${color.borderLight()}`;\n    style.background = color.backgroundDark();\n  }\n\n  const boardStyle = isCategorize ? 'categorizeBoard' : 'board';\n\n  return (\n    <StyledPlaceholder\n      style={{ ...style, minHeight: minHeight, ...extraStyles }}\n      className={classNames(choiceBoard ? boardStyle : names, isVerticalPool && 'verticalPool')}\n    >\n      {children}\n    </StyledPlaceholder>\n  );\n};\n\nPlaceHolder.propTypes = {\n  choiceBoard: PropTypes.bool,\n  grid: PropTypes.shape({\n    columns: PropTypes.number,\n    rows: PropTypes.number,\n    // if a different value then 1fr is wanted\n    rowsRepeatValue: PropTypes.string,\n  }),\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  className: PropTypes.string,\n  isOver: PropTypes.bool,\n  index: PropTypes.number,\n  type: PropTypes.string,\n  disabled: PropTypes.bool,\n  isCategorize: PropTypes.bool,\n  isVerticalPool: PropTypes.bool,\n  minHeight: PropTypes.number,\n};\n\nexport default PlaceHolder;\n"],"mappings":"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","ignoreList":[]}

package/lib/preview-component.js

@@ -0,0 +1,154 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _core = require("@dnd-kit/core");
+var _renderUi = require("@pie-lib/render-ui");
+var _mathRendering = require("@pie-lib/math-rendering");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var styles = {
+  maskBlank: {
+    // this style is applied only on small screens and for touch devices when dragging, for drag-in-the-blank.
+    // It is styled to be identical to the drag-in-the-blank chip
+    backgroundColor: _renderUi.color.white(),
+    border: "1px solid ".concat(_renderUi.color.text()),
+    color: _renderUi.color.text(),
+    alignItems: 'center',
+    display: 'inline-flex',
+    height: 'initial',
+    minHeight: '32px',
+    fontSize: 'inherit',
+    whiteSpace: 'pre-wrap',
+    maxWidth: '374px',
+    borderRadius: '3px',
+    padding: '12px'
+  },
+  ica: {
+    backgroundColor: _renderUi.color.background(),
+    border: "1px solid ".concat(_renderUi.color.borderDark()),
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    minHeight: '28px',
+    padding: '0 3px',
+    marginLeft: 2,
+    marginTop: 2,
+    width: 'fit-content'
+  },
+  categorize: {
+    color: _renderUi.color.text(),
+    backgroundColor: _renderUi.color.background(),
+    padding: '16px',
+    borderRadius: '4px',
+    border: '1px solid'
+  },
+  matchList: {
+    color: _renderUi.color.text(),
+    backgroundColor: _renderUi.color.background(),
+    padding: '10px',
+    boxSizing: 'border-box',
+    border: '1px solid #D1D1D1'
+  },
+  placementOrdering: {
+    padding: '10px',
+    boxSizing: 'border-box',
+    border: '1px solid #D1D1D1',
+    backgroundColor: _renderUi.color.background()
+  }
+};
+var getPrompt = function getPrompt(dragData) {
+  var _dragData$choice;
+  if (!dragData) return undefined;
+
+  // Handle different drag data structures based on the component type
+  if (dragData.choiceId) {
+    // DraggableChoice format
+    return dragData.value;
+  }
+
+  // Legacy format support
+  switch (dragData.itemType) {
+    case 'MaskBlank':
+      return (_dragData$choice = dragData.choice) === null || _dragData$choice === void 0 ? void 0 : _dragData$choice.value;
+    case 'dnd-kit-response':
+      return dragData.value;
+    case 'Answer':
+      return dragData.value;
+    case 'Tile':
+      return dragData.value;
+    case 'categorize':
+      return dragData.value;
+    default:
+      return dragData.value;
+  }
+};
+var getCustomStyle = function getCustomStyle(dragData) {
+  if (!dragData) return {};
+  var baseStyle = {
+    cursor: 'grabbing',
+    opacity: 0.8,
+    transform: 'rotate(5deg)' // Slight rotation for visual feedback
+  };
+
+  // Apply specific styles based on item type
+  if (dragData.itemType === 'MaskBlank') {
+    return _objectSpread(_objectSpread({}, baseStyle), styles.maskBlank);
+  }
+  if (dragData.itemType === 'categorize') {
+    return _objectSpread(_objectSpread({}, baseStyle), styles.categorize);
+  }
+  if (dragData.itemType === 'Answer') {
+    return _objectSpread(_objectSpread({}, baseStyle), styles.matchList);
+  }
+  if (dragData.itemType === 'Tile') {
+    return _objectSpread(_objectSpread({}, baseStyle), styles.placementOrdering);
+  }
+  if (dragData.itemType === 'dnd-kit-response') {
+    return _objectSpread(_objectSpread({}, baseStyle), styles.ica);
+  }
+
+  // Default style for choice items
+  return _objectSpread(_objectSpread({}, baseStyle), styles.categorize);
+};
+var PreviewComponent = function PreviewComponent() {
+  var _active$data;
+  var _useDndContext = (0, _core.useDndContext)(),
+    active = _useDndContext.active;
+  var _useState = (0, _react.useState)(1),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    zoomLevel = _useState2[0],
+    setZoomLevel = _useState2[1];
+  var root = (0, _react.useRef)(null);
+  var dragData = active === null || active === void 0 || (_active$data = active.data) === null || _active$data === void 0 ? void 0 : _active$data.current;
+  var isActive = !!active;
+  (0, _react.useEffect)(function () {
+    if (isActive && root.current) {
+      (0, _mathRendering.renderMath)(root.current);
+
+      // Adjusted for precise zoom level calculation in Online Testing, targeting the specific class pattern .asmt-zoomable.asmt-zoom-NR .asmt-question .padding
+      var zoomAffectedElement = document.querySelector('.padding') || document.body;
+      setZoomLevel(parseFloat(getComputedStyle(zoomAffectedElement).zoom) || 1);
+    }
+  }, [isActive, dragData]);
+  var customStyle = getCustomStyle(dragData);
+  var prompt = getPrompt(dragData);
+  return /*#__PURE__*/_react["default"].createElement(_core.DragOverlay, null, isActive && prompt && /*#__PURE__*/_react["default"].createElement("div", {
+    ref: root,
+    style: customStyle
+  }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+    className: "prompt-label",
+    prompt: prompt,
+    tagName: "span"
+  })));
+};
+var _default = exports["default"] = PreviewComponent;
+//# sourceMappingURL=preview-component.js.map

package/lib/preview-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-component.js","names":["_react","_interopRequireWildcard","require","_core","_renderUi","_mathRendering","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","styles","maskBlank","backgroundColor","color","white","border","concat","text","alignItems","display","height","minHeight","fontSize","whiteSpace","maxWidth","borderRadius","padding","ica","background","borderDark","justifyContent","marginLeft","marginTop","width","categorize","matchList","boxSizing","placementOrdering","getPrompt","dragData","_dragData$choice","undefined","choiceId","value","itemType","choice","getCustomStyle","baseStyle","cursor","opacity","transform","PreviewComponent","_active$data","_useDndContext","useDndContext","active","_useState","useState","_useState2","_slicedToArray2","zoomLevel","setZoomLevel","root","useRef","data","current","isActive","useEffect","renderMath","zoomAffectedElement","document","querySelector","body","parseFloat","getComputedStyle","zoom","customStyle","prompt","createElement","DragOverlay","ref","style","PreviewPrompt","className","tagName","_default","exports"],"sources":["../src/preview-component.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { DragOverlay, useDndContext } from '@dnd-kit/core';\nimport { color, PreviewPrompt } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst styles = {\n  maskBlank: {\n    // this style is applied only on small screens and for touch devices when dragging, for drag-in-the-blank.\n    // It is styled to be identical to the drag-in-the-blank chip\n    backgroundColor: color.white(),\n    border: `1px solid ${color.text()}`,\n    color: color.text(),\n    alignItems: 'center',\n    display: 'inline-flex',\n    height: 'initial',\n    minHeight: '32px',\n    fontSize: 'inherit',\n    whiteSpace: 'pre-wrap',\n    maxWidth: '374px',\n    borderRadius: '3px',\n    padding: '12px',\n  },\n  ica: {\n    backgroundColor: color.background(),\n    border: `1px solid ${color.borderDark()}`,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minHeight: '28px',\n    padding: '0 3px',\n    marginLeft: 2,\n    marginTop: 2,\n    width: 'fit-content',\n  },\n  categorize: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    padding: '16px',\n    borderRadius: '4px',\n    border: '1px solid',\n  },\n  matchList: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    padding: '10px',\n    boxSizing: 'border-box',\n    border: '1px solid #D1D1D1',\n  },\n  placementOrdering: {\n    padding: '10px',\n    boxSizing: 'border-box',\n    border: '1px solid #D1D1D1',\n    backgroundColor: color.background(),\n  },\n};\n\nconst getPrompt = (dragData) => {\n  if (!dragData) return undefined;\n\n  // Handle different drag data structures based on the component type\n  if (dragData.choiceId) {\n    // DraggableChoice format\n    return dragData.value;\n  }\n\n  // Legacy format support\n  switch (dragData.itemType) {\n    case 'MaskBlank':\n      return dragData.choice?.value;\n    case 'dnd-kit-response':\n      return dragData.value;\n    case 'Answer':\n      return dragData.value;\n    case 'Tile':\n      return dragData.value;\n    case 'categorize':\n      return dragData.value;\n    default:\n      return dragData.value;\n  }\n};\n\nconst getCustomStyle = (dragData) => {\n  if (!dragData) return {};\n\n  const baseStyle = {\n    cursor: 'grabbing',\n    opacity: 0.8,\n    transform: 'rotate(5deg)', // Slight rotation for visual feedback\n  };\n\n  // Apply specific styles based on item type\n  if (dragData.itemType === 'MaskBlank') {\n    return { ...baseStyle, ...styles.maskBlank };\n  }\n  if (dragData.itemType === 'categorize') {\n    return { ...baseStyle, ...styles.categorize };\n  }\n  if (dragData.itemType === 'Answer') {\n    return { ...baseStyle, ...styles.matchList };\n  }\n  if (dragData.itemType === 'Tile') {\n    return { ...baseStyle, ...styles.placementOrdering };\n  }\n  if (dragData.itemType === 'dnd-kit-response') {\n    return { ...baseStyle, ...styles.ica };\n  }\n\n  // Default style for choice items\n  return { ...baseStyle, ...styles.categorize };\n};\n\nconst PreviewComponent = () => {\n  const { active } = useDndContext();\n  const [zoomLevel, setZoomLevel] = useState(1);\n  const root = useRef(null);\n\n  const dragData = active?.data?.current;\n  const isActive = !!active;\n\n  useEffect(() => {\n    if (isActive && root.current) {\n      renderMath(root.current);\n\n      // Adjusted for precise zoom level calculation in Online Testing, targeting the specific class pattern .asmt-zoomable.asmt-zoom-NR .asmt-question .padding\n      const zoomAffectedElement = document.querySelector('.padding') || document.body;\n      setZoomLevel(parseFloat(getComputedStyle(zoomAffectedElement).zoom) || 1);\n    }\n  }, [isActive, dragData]);\n\n  const customStyle = getCustomStyle(dragData);\n  const prompt = getPrompt(dragData);\n\n  return (\n    <DragOverlay>\n      {isActive && prompt && (\n        <div ref={root} style={customStyle}>\n          <PreviewPrompt className=\"prompt-label\" prompt={prompt} tagName=\"span\" />\n        </div>\n      )}\n    </DragOverlay>\n  );\n};\n\nexport default PreviewComponent;\n"],"mappings":"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","ignoreList":[]}

package/lib/swap.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _lodashEs = require("lodash-es");
+var _default = exports["default"] = function _default(arr, fromIndex, toIndex) {
+  if (!arr || arr.length <= 1 || fromIndex === undefined || toIndex === undefined) {
+    throw new Error("swap requires a non-empty array, fromIndex, toIndex: ".concat(arr, ", ").concat(fromIndex, " ").concat(toIndex));
+  }
+  var update = (0, _lodashEs.cloneDeep)(arr);
+  var tmp = arr[toIndex];
+  update[toIndex] = update[fromIndex];
+  update[fromIndex] = tmp;
+  return update;
+};
+//# sourceMappingURL=swap.js.map

package/lib/swap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swap.js","names":["_lodashEs","require","_default","exports","arr","fromIndex","toIndex","length","undefined","Error","concat","update","cloneDeep","tmp"],"sources":["../src/swap.js"],"sourcesContent":["import { cloneDeep } from 'lodash-es';\n\nexport default (arr, fromIndex, toIndex) => {\n  if (!arr || arr.length <= 1 || fromIndex === undefined || toIndex === undefined) {\n    throw new Error(`swap requires a non-empty array, fromIndex, toIndex: ${arr}, ${fromIndex} ${toIndex}`);\n  }\n\n  const update = cloneDeep(arr);\n  const tmp = arr[toIndex];\n  update[toIndex] = update[fromIndex];\n  update[fromIndex] = tmp;\n\n  return update;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAsC,IAAAC,QAAA,GAAAC,OAAA,cAEvB,SAAAD,SAACE,GAAG,EAAEC,SAAS,EAAEC,OAAO,EAAK;EAC1C,IAAI,CAACF,GAAG,IAAIA,GAAG,CAACG,MAAM,IAAI,CAAC,IAAIF,SAAS,KAAKG,SAAS,IAAIF,OAAO,KAAKE,SAAS,EAAE;IAC/E,MAAM,IAAIC,KAAK,yDAAAC,MAAA,CAAyDN,GAAG,QAAAM,MAAA,CAAKL,SAAS,OAAAK,MAAA,CAAIJ,OAAO,CAAE,CAAC;EACzG;EAEA,IAAMK,MAAM,GAAG,IAAAC,mBAAS,EAACR,GAAG,CAAC;EAC7B,IAAMS,GAAG,GAAGT,GAAG,CAACE,OAAO,CAAC;EACxBK,MAAM,CAACL,OAAO,CAAC,GAAGK,MAAM,CAACN,SAAS,CAAC;EACnCM,MAAM,CAACN,SAAS,CAAC,GAAGQ,GAAG;EAEvB,OAAOF,MAAM;AACf,CAAC","ignoreList":[]}

package/lib/uid-context.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withUid = exports.generateId = exports.Provider = exports.Consumer = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _React$createContext = /*#__PURE__*/_react["default"].createContext(-1),
+  Consumer = exports.Consumer = _React$createContext.Consumer,
+  Provider = exports.Provider = _React$createContext.Provider;
+var generateId = exports.generateId = function generateId() {
+  return (Math.random() * 1000001).toFixed(0);
+};
+var withUid = exports.withUid = function withUid(Component) {
+  var Wrapped = function Wrapped(props) {
+    return /*#__PURE__*/_react["default"].createElement(Consumer, null, function (uid) {
+      return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({}, props, {
+        uid: uid
+      }));
+    });
+  };
+  return Wrapped;
+};
+//# sourceMappingURL=uid-context.js.map

package/lib/uid-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uid-context.js","names":["_react","_interopRequireDefault","require","_React$createContext","React","createContext","Consumer","exports","Provider","generateId","Math","random","toFixed","withUid","Component","Wrapped","props","createElement","uid","_extends2"],"sources":["../src/uid-context.js"],"sourcesContent":["import React from 'react';\n\nconst { Consumer, Provider } = React.createContext(-1);\n\nexport { Provider, Consumer };\n\nexport const generateId = () => (Math.random() * 1000001).toFixed(0);\n\nexport const withUid = (Component) => {\n  const Wrapped = (props) => <Consumer>{(uid) => <Component {...props} uid={uid} />}</Consumer>;\n\n  return Wrapped;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,oBAAA,gBAA+BC,iBAAK,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC;EAA9CC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAAH,oBAAA,CAARG,QAAQ;EAAEE,QAAQ,GAAAD,OAAA,CAAAC,QAAA,GAAAL,oBAAA,CAARK,QAAQ;AAInB,IAAMC,UAAU,GAAAF,OAAA,CAAAE,UAAA,GAAG,SAAbA,UAAUA,CAAA;EAAA,OAAS,CAACC,IAAI,CAACC,MAAM,CAAC,CAAC,GAAG,OAAO,EAAEC,OAAO,CAAC,CAAC,CAAC;AAAA;AAE7D,IAAMC,OAAO,GAAAN,OAAA,CAAAM,OAAA,GAAG,SAAVA,OAAOA,CAAIC,SAAS,EAAK;EACpC,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAK;IAAA,oBAAKhB,MAAA,YAAAiB,aAAA,CAACX,QAAQ,QAAE,UAACY,GAAG;MAAA,oBAAKlB,MAAA,YAAAiB,aAAA,CAACH,SAAS,MAAAK,SAAA,iBAAKH,KAAK;QAAEE,GAAG,EAAEA;MAAI,EAAE,CAAC;IAAA,CAAW,CAAC;EAAA;EAE7F,OAAOH,OAAO;AAChB,CAAC","ignoreList":[]}

package/package.json

@@ -1,48 +1,30 @@
 {
   "name": "@pie-lib/drag",
-  "version": "4.0.3-next.37",
+  "version": "4.0.3-next.57+af2792a91",
   "description": "",
+  "main": "lib/index.js",
+  "module": "src/index.js",
+  "repository": "pie-framework/pie-lib",
   "dependencies": {
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
     "@emotion/react": "^11.14.0",
-    "@emotion/style": "^0.8.0",
+    "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/render-ui": "6.1.1-next.37",
+    "@pie-lib/math-rendering": "^5.0.2",
+    "@pie-lib/render-ui": "^6.1.1-next.57+af2792a91",
+    "classnames": "^2.2.6",
+    "lodash-es": "^4.17.23",
     "prop-types": "^15.7.2",
-    "clsx": "^2.1.1",
-    "@pie-element/shared-math-rendering-mathjax": "0.1.1-next.0",
-    "@pie-element/shared-lodash": "0.1.1-next.0"
+    "react": "^18.2.0"
   },
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
+  "publishConfig": {
+    "access": "public"
   },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": false,
-  "scripts": {
-    "build": "bun x vite build && bun x tsc --emitDeclarationOnly",
-    "dev": "bun x vite",
-    "test": "bun x vitest run"
-  },
-  "devDependencies": {
-    "vite": "^8.0.1",
-    "typescript": "^5.9.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  }
+  "scripts": {},
+  "author": "",
+  "license": "ISC",
+  "gitHead": "af2792a9190705d4040f24ad3bf67420998960fd"
 }