@pie-lib/mask-markup 2.0.0-next.0 → 2.1.0-next.2

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-next.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@2.1.0-next.1...@pie-lib/mask-markup@2.1.0-next.2) (2026-01-26)
+
+
+### Bug Fixes
+
+* removed slate-html-serializer from markup, and fixed extracss rules functionality ([1ac30a3](https://github.com/pie-framework/pie-lib/commit/1ac30a362202b9c063920642382cce8234b9de85))
+
+
+
+
+
+# [2.1.0-next.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.33.2...@pie-lib/mask-markup@2.1.0-next.1) (2026-01-26)
+
+
+### Bug Fixes
+
+* fix math rendering issues after React, mui and drag upgrade for drag-in-the-blank ([6dc3c95](https://github.com/pie-framework/pie-lib/commit/6dc3c95c041be02015a9005133fe750e1ff78842))
+* remove carets from [@pie-lib](https://github.com/pie-lib) dependencies and configure lerna to use exact versions ([c9cd800](https://github.com/pie-framework/pie-lib/commit/c9cd800844abca09e7acf1fd35b2ddf51a6d86df))
+* remove carret, point to specific libs version ([09939a5](https://github.com/pie-framework/pie-lib/commit/09939a5aca19d7dda03d62c93d4d524f98dd69da))
+* remove exports and publish ([#2068](https://github.com/pie-framework/pie-lib/issues/2068)) ([60a96cd](https://github.com/pie-framework/pie-lib/commit/60a96cde0ec65f6b1cac0ae329aa33a0abc50d05))
+* simplify math render logic ([de11ebe](https://github.com/pie-framework/pie-lib/commit/de11ebe7f2faeb9dce6215673a90b79e86cbc590))
+* updated tip-tap with mui instead of material-ui [PD-5141] ([880d3ab](https://github.com/pie-framework/pie-lib/commit/880d3ab1d63aa12c7e975c882f50624200565737))
+* use fixed lib deps ([de7c64d](https://github.com/pie-framework/pie-lib/commit/de7c64d14f13259fe44d47405e4421baef21e24e))
+* **config-ui, mask-markup:** replace deprecated props, externd AlerDialog with new props ([6e7a163](https://github.com/pie-framework/pie-lib/commit/6e7a16314944745154801010aa4973a03aa15dcc))
+
+
+### Features
+
+* bump react and react-dom ([01dc19e](https://github.com/pie-framework/pie-lib/commit/01dc19e88bbc8d372c561d1511df1a82937d45af))
+* drag changes for ditb ([fc79ecd](https://github.com/pie-framework/pie-lib/commit/fc79ecdacb5693f1b5dcf19c7114f9cd4bed83ba))
+* drag library update in mask-markup and demo packages ([c8a5c17](https://github.com/pie-framework/pie-lib/commit/c8a5c17b0cb16d0c9debb876b4fdba13fbdf5404))
+* sync latest changes from dev ([c936e9c](https://github.com/pie-framework/pie-lib/commit/c936e9c7f9e095e7d9b9805ac2bf72bd271e05f1))
+* updates for drag-in-the-blank ([0c096d8](https://github.com/pie-framework/pie-lib/commit/0c096d887f97edecd2dac68cda136b2d265dc7d5))
+
+
+
+
+
 # [2.0.0-next.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.33.3-next.0...@pie-lib/mask-markup@2.0.0-next.0) (2026-01-19)
 
 **Note:** Version bump only for package @pie-lib/mask-markup

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/mask-markup",
-  "version": "2.0.0-next.0",
+  "version": "2.1.0-next.2",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -12,32 +12,20 @@
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "2.22.3-next.15",
-    "@pie-lib/editable-html": "11.21.3-next.15",
-    "@pie-lib/math-rendering": "3.22.2-next.16",
-    "@pie-lib/render-ui": "4.35.3-next.15",
+    "@pie-lib/drag": "3.1.0-next.2",
+    "@pie-lib/editable-html-tip-tap": "1.1.0-next.2",
+    "@pie-lib/math-rendering": "4.1.0-next.1",
+    "@pie-lib/render-ui": "5.1.0-next.2",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "slate": "^0.36.2",
-    "slate-html-serializer": "^0.6.12",
-    "slate-prop-types": "^0.4.38",
-    "slate-react": "^0.14.3",
     "to-style": "^1.3.3"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "gitHead": "e0f8f2250addd014938f4a631ab86cafe16b2730",
-  "exports": {
-    ".": {
-      "require": "./lib/index.js",
-      "import": "./src/index.js",
-      "default": "./lib/index.js"
-    },
-    "./esm": "./esm/index.js"
-  }
+  "gitHead": "04c639af6e49d1881bf3244ebb3940171c26bd3e"
 }

package/src/constructed-response.jsx

@@ -4,14 +4,14 @@ import classnames from 'classnames';
 
 import { color } from '@pie-lib/render-ui';
 import { withMask } from './with-mask';
-//import EditableHtml from '@pie-lib/editable-html';
+//import EditableHtml from '@pie-lib/editable-html-tip-tap';
 
 let EditableHtml;
 let StyledEditableHtml;
 
 // - mathquill error window not defined
 if (typeof window !== 'undefined') {
-  EditableHtml = require('@pie-lib/editable-html')['default'];
+  EditableHtml = require('@pie-lib/editable-html-tip-tap')['default'];
   StyledEditableHtml = styled(EditableHtml)(() => ({
     display: 'inline-block',
     verticalAlign: 'middle',
@@ -25,19 +25,10 @@ if (typeof window !== 'undefined') {
       border: `1px solid ${color.incorrect()}`,
     },
   }));
-} 
+}
 
 const MaskedInput = (props) => (node, data) => {
-  const {
-    adjustedLimit,
-    disabled,
-    feedback,
-    showCorrectAnswer,
-    maxLength,
-    spellCheck,
-    pluginProps,
-    onChange,
-  } = props;
+  const { adjustedLimit, disabled, feedback, showCorrectAnswer, maxLength, spellCheck, pluginProps, onChange } = props;
   const dataset = node.data?.dataset || {};
 
   if (dataset.component === 'input') {
@@ -59,7 +50,7 @@ const MaskedInput = (props) => (node, data) => {
     const handleKeyDown = (event) => {
       // the keyCode value for the Enter/Return key is 13
       if (event.key === 'Enter' || event.keyCode === 13) {
-        return false;
+        return true;
       }
     };
 
@@ -76,7 +67,7 @@ const MaskedInput = (props) => (node, data) => {
         pluginProps={pluginProps}
         languageCharactersProps={[{ language: 'spanish' }]}
         spellCheck={spellCheck}
-        width={`calc(${width}em + 42px)`} // added 42px for left and right padding of editable-html
+        width={`calc(${width}em + 32px)`} // added 32px for left and right padding of editable-html
         onKeyDown={handleKeyDown}
         autoWidthToolbar
         toolbarOpts={{

package/src/serialization.js

@@ -1,4 +1,3 @@
-import Html from 'slate-html-serializer';
 import { object as toStyleObject } from 'to-style';
 import debug from 'debug';
 
@@ -8,6 +7,7 @@ const INLINE = ['span'];
 const MARK = ['em', 'strong', 'u'];
 const TEXT_NODE = 3;
 const COMMENT_NODE = 8;
+const ELEMENT_NODE = 1;
 
 const attr = (el) => {
   if (!el.attributes || el.attributes.length <= 0) {
@@ -102,69 +102,159 @@ export const MARK_TAGS = {
   strong: 'strong',
 };
 
-const marks = {
-  deserialize(el, next) {
-    const mark = MARK_TAGS[el.tagName.toLowerCase()];
-    if (!mark) return;
-    log('[deserialize] mark: ', mark);
+/**
+ * Recursively process DOM nodes and convert them to Slate JSON format
+ */
+const processNode = (node, marks = []) => {
+  // Skip comment nodes
+  if (node.nodeType === COMMENT_NODE) {
+    return null;
+  }
+
+  // Handle text nodes
+  if (node.nodeType === TEXT_NODE) {
+    const text = node.textContent;
+    const leaf = { text };
+
+    if (marks.length > 0) {
+      leaf.marks = marks.map((m) => ({ type: m, data: undefined }));
+    }
+
     return {
-      object: 'mark',
-      type: mark,
-      nodes: next(el.childNodes),
+      object: 'text',
+      leaves: [leaf],
     };
-  },
-};
+  }
 
-const rules = [
-  marks,
-  {
-    /**
-     * deserialize everything, we're not fussy about the dom structure for now.
-     */
-    deserialize: (el, next) => {
-      if (el.nodeType === COMMENT_NODE) {
-        return undefined;
-      }
+  // Handle element nodes
+  if (node.nodeType === ELEMENT_NODE) {
+    const type = node.tagName.toLowerCase();
+
+    // Check if this is a mark tag
+    const markType = MARK_TAGS[type];
+    if (markType) {
+      log('[deserialize] mark: ', markType);
+      // Process children with this mark added and return them flattened
+      const childNodes = processNodes(node.childNodes, [...marks, markType]);
+      // Return an array indicator with the nodes (will be flattened by parent)
+      return { _flatten: true, nodes: childNodes };
+    }
 
-      if (el.nodeType === TEXT_NODE) {
-        return {
-          object: 'text',
-          leaves: [{ text: el.textContent }],
-        };
-      }
+    // Handle math elements specially
+    if (type === 'math') {
+      return {
+        isMath: true,
+        nodes: [node],
+      };
+    }
 
-      const type = el.tagName.toLowerCase();
+    // Process regular elements
+    const normalAttrs = attr(node) || {};
 
-      const normalAttrs = attr(el) || {};
+    if (type === 'audio' && normalAttrs.controls === '') {
+      normalAttrs.controls = true;
+    }
 
-      if (type == 'audio' && normalAttrs.controls == '') {
-        normalAttrs.controls = true;
-      }
+    const allAttrs = attributes.reduce(attributesToMap(node), { ...normalAttrs });
+    const object = getObject(type);
 
-      const allAttrs = attributes.reduce(attributesToMap(el), { ...normalAttrs });
-      const object = getObject(type);
+    const childNodes = processNodes(node.childNodes, marks);
 
-      if (el.tagName.toLowerCase() === 'math') {
-        return {
-          isMath: true,
-          nodes: [el],
-        };
-      }
+    return {
+      object,
+      type,
+      data: { dataset: { ...node.dataset }, attributes: { ...allAttrs } },
+      nodes: childNodes,
+    };
+  }
 
-      return {
-        object,
-        type,
-        data: { dataset: { ...el.dataset }, attributes: { ...allAttrs } },
-        nodes: next(el.childNodes),
-      };
-    },
-  },
-];
+  return null;
+};
+
+/**
+ * Process a NodeList and convert to array of Slate nodes
+ */
+const processNodes = (nodeList, marks = []) => {
+  const nodes = [];
+  for (let i = 0; i < nodeList.length; i++) {
+    const result = processNode(nodeList[i], marks);
+    if (result !== null) {
+      // Handle flattening for mark nodes
+      if (result._flatten && result.nodes) {
+        nodes.push(...result.nodes);
+      } else {
+        nodes.push(result);
+      }
+    }
+  }
+  return nodes;
+};
 
 /**
- * Create a new serializer instance with our `rules` from above.
- * Having a default div block will just put every div on it's own line, which is not ideal.
+ * Deserialize HTML string to Slate JSON format
  */
-const html = new Html({ rules, defaultBlock: 'span' });
+export const deserialize = (htmlString) => {
+  // Handle empty or whitespace-only strings
+  if (!htmlString || !htmlString.trim()) {
+    return {
+      object: 'value',
+      document: {
+        object: 'document',
+        data: {},
+        nodes: [
+          {
+            object: 'block',
+            type: 'span',
+            data: {},
+            isVoid: false,
+            nodes: [],
+          },
+        ],
+      },
+    };
+  }
+
+  // Use DOMParser to parse the HTML
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(htmlString, 'text/html');
+
+  // Process all nodes in the body
+  let nodes = processNodes(doc.body.childNodes);
+
+  // If we only have text nodes (no block elements), wrap in default span block
+  const hasBlockElements = nodes.some((node) => node.object === 'block' || node.object === 'inline');
+
+  if (!hasBlockElements && nodes.length > 0) {
+    nodes = [
+      {
+        object: 'block',
+        type: 'span',
+        data: {},
+        isVoid: false,
+        nodes: nodes,
+      },
+    ];
+  }
+
+  // If no nodes were produced, add a default span block
+  if (nodes.length === 0) {
+    nodes = [
+      {
+        object: 'block',
+        type: 'span',
+        data: {},
+        isVoid: false,
+        nodes: [],
+      },
+    ];
+  }
 
-export const deserialize = (s) => html.deserialize(s, { toJSON: true });
+  return {
+    object: 'value',
+    document: {
+      object: 'document',
+      data: {},
+      nodes,
+    },
+  };
+};

package/lib/choices/choice.js

@@ -1,116 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DRAG_TYPE = void 0;
-exports["default"] = Choice;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _core = require("@dnd-kit/core");
-var _styles = require("@mui/material/styles");
-var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
-var _mathRendering = require("@pie-lib/math-rendering");
-var _renderUi = require("@pie-lib/render-ui");
-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 DRAG_TYPE = exports.DRAG_TYPE = 'MaskBlank';
-var StyledChoice = (0, _styles.styled)('span')(function (_ref) {
-  var theme = _ref.theme,
-    disabled = _ref.disabled;
-  return _objectSpread({
-    border: "solid 0px ".concat(theme.palette.primary.main),
-    borderRadius: theme.spacing(2),
-    margin: theme.spacing(0.5),
-    transform: 'translate(0, 0)',
-    display: 'inline-flex'
-  }, disabled && {});
-});
-var StyledChip = (0, _styles.styled)(_Chip["default"])(function () {
-  return {
-    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',
-    // Added for touch devices, for image content.
-    // This will prevent the context menu from appearing and not allowing other interactions with the image.
-    // If interactions with the image in the token will be requested we should handle only the context Menu.
-    pointerEvents: 'none',
-    borderRadius: '3px',
-    paddingTop: '12px',
-    paddingBottom: '12px',
-    '&.Mui-disabled': {
-      opacity: 1
-    }
-  };
-});
-var StyledChipLabel = (0, _styles.styled)('span')(function () {
-  return {
-    whiteSpace: 'normal',
-    '& img': {
-      display: 'block',
-      padding: '2px 0'
-    },
-    '& mjx-frac': {
-      fontSize: '120% !important'
-    }
-  };
-});
-function Choice(_ref2) {
-  var _rootRef$current, _rootRef$current2;
-  var choice = _ref2.choice,
-    disabled = _ref2.disabled,
-    instanceId = _ref2.instanceId;
-  var rootRef = (0, _react.useRef)(null);
-  var _useDraggable = (0, _core.useDraggable)({
-      id: "choice-".concat(choice.id),
-      data: {
-        choice: choice,
-        instanceId: instanceId,
-        fromChoice: true,
-        type: DRAG_TYPE
-      },
-      disabled: disabled
-    }),
-    attributes = _useDraggable.attributes,
-    listeners = _useDraggable.listeners,
-    setNodeRef = _useDraggable.setNodeRef,
-    isDragging = _useDraggable.isDragging;
-  (0, _react.useEffect)(function () {
-    (0, _mathRendering.renderMath)(rootRef.current);
-  }, [choice.value]);
-  return /*#__PURE__*/_react["default"].createElement(StyledChoice, (0, _extends2["default"])({
-    ref: setNodeRef,
-    style: isDragging ? {
-      width: (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.offsetWidth,
-      height: (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.offsetHeight
-    } : {},
-    disabled: disabled
-  }, listeners, attributes), /*#__PURE__*/_react["default"].createElement(StyledChip, {
-    clickable: false,
-    disabled: disabled,
-    ref: rootRef,
-    label: /*#__PURE__*/_react["default"].createElement(StyledChipLabel, {
-      dangerouslySetInnerHTML: {
-        __html: choice.value
-      }
-    })
-  }));
-}
-Choice.propTypes = {
-  choice: _propTypes["default"].object.isRequired,
-  disabled: _propTypes["default"].bool,
-  instanceId: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
-};
-//# sourceMappingURL=choice.js.map

package/lib/choices/choice.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"choice.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_core","_styles","_Chip","_mathRendering","_renderUi","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","DRAG_TYPE","exports","StyledChoice","styled","_ref","theme","disabled","border","concat","palette","primary","main","borderRadius","spacing","margin","transform","display","StyledChip","Chip","backgroundColor","color","white","text","alignItems","height","minHeight","fontSize","whiteSpace","maxWidth","pointerEvents","paddingTop","paddingBottom","opacity","StyledChipLabel","padding","Choice","_ref2","_rootRef$current","_rootRef$current2","choice","instanceId","rootRef","useRef","_useDraggable","useDraggable","id","data","fromChoice","type","attributes","listeners","setNodeRef","isDragging","useEffect","renderMath","current","value","createElement","_extends2","ref","style","width","offsetWidth","offsetHeight","clickable","label","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","isRequired","bool","oneOfType","string","number"],"sources":["../../src/choices/choice.jsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDraggable } from '@dnd-kit/core';\nimport { styled } from '@mui/material/styles';\nimport Chip from '@mui/material/Chip';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { color } from '@pie-lib/render-ui';\n\nexport const DRAG_TYPE = 'MaskBlank';\n\nconst StyledChoice = styled('span')(({ theme, disabled }) => ({\n  border: `solid 0px ${theme.palette.primary.main}`,\n  borderRadius: theme.spacing(2),\n  margin: theme.spacing(0.5),\n  transform: 'translate(0, 0)',\n  display: 'inline-flex',\n  ...(disabled && {}),\n}));\n\nconst StyledChip = styled(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  // Added for touch devices, for image content.\n  // This will prevent the context menu from appearing and not allowing other interactions with the image.\n  // If interactions with the image in the token will be requested we should handle only the context Menu.\n  pointerEvents: 'none',\n  borderRadius: '3px',\n  paddingTop: '12px',\n  paddingBottom: '12px',\n\n  '&.Mui-disabled': {\n    opacity: 1,\n  },\n}));\n\nconst StyledChipLabel = styled('span')(() => ({\n  whiteSpace: 'normal',\n  '& img': {\n    display: 'block',\n    padding: '2px 0',\n  },\n  '& mjx-frac': {\n    fontSize: '120% !important',\n  },\n}));\n\nexport default function Choice({ choice, disabled, instanceId }) {\n  const rootRef = useRef(null);\n\n  const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\n    id: `choice-${choice.id}`,\n    data: { choice, instanceId, fromChoice: true, type: DRAG_TYPE },\n    disabled,\n  });\n\n  useEffect(() => {\n    renderMath(rootRef.current);\n  }, [choice.value]);\n\n  return (\n    <StyledChoice\n      ref={setNodeRef}\n      style={\n        isDragging\n          ? {\n              width: rootRef.current?.offsetWidth,\n              height: rootRef.current?.offsetHeight,\n            }\n          : {}\n      }\n      disabled={disabled}\n      {...listeners}\n      {...attributes}\n    >\n      <StyledChip\n        clickable={false}\n        disabled={disabled}\n        ref={rootRef}\n        label={<StyledChipLabel dangerouslySetInnerHTML={{ __html: choice.value }} />}\n      />\n    </StyledChoice>\n  );\n}\n\nChoice.propTypes = {\n  choice: PropTypes.object.isRequired,\n  disabled: PropTypes.bool,\n  instanceId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/choices/index.js

@@ -1,103 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _findKey = _interopRequireDefault(require("lodash/findKey"));
-var _choice = _interopRequireDefault(require("./choice"));
-var _drag = require("@pie-lib/drag");
-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; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var Choices = exports["default"] = /*#__PURE__*/function (_React$Component) {
-  function Choices() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, Choices);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Choices, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "getStyleForWrapper", function () {
-      var choicePosition = _this.props.choicePosition;
-      switch (choicePosition) {
-        case 'above':
-          return {
-            margin: '0 0 40px 0'
-          };
-        case 'below':
-          return {
-            margin: '40px 0 0 0'
-          };
-        case 'right':
-          return {
-            margin: '0 0 0 40px'
-          };
-        default:
-          return {
-            margin: '0 40px 0 0'
-          };
-      }
-    });
-    return _this;
-  }
-  (0, _inherits2["default"])(Choices, _React$Component);
-  return (0, _createClass2["default"])(Choices, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        disabled = _this$props.disabled,
-        duplicates = _this$props.duplicates,
-        choices = _this$props.choices,
-        value = _this$props.value,
-        instanceId = _this$props.instanceId;
-      var filteredChoices = choices.filter(function (c) {
-        if (duplicates === true) {
-          return true;
-        }
-        var foundChoice = (0, _findKey["default"])(value, function (v) {
-          return v === c.id;
-        });
-        return foundChoice === undefined;
-      });
-      var elementStyle = _objectSpread(_objectSpread({}, this.getStyleForWrapper()), {}, {
-        minWidth: '100px'
-      });
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: elementStyle
-      }, /*#__PURE__*/_react["default"].createElement(_drag.DragDroppablePlaceholder, {
-        disabled: disabled,
-        instanceId: instanceId
-      }, filteredChoices.map(function (c, index) {
-        return /*#__PURE__*/_react["default"].createElement(_choice["default"], {
-          key: "".concat(c.value, "-").concat(index),
-          disabled: disabled,
-          choice: c,
-          instanceId: instanceId
-        });
-      })));
-    }
-  }]);
-}(_react["default"].Component);
-(0, _defineProperty2["default"])(Choices, "propTypes", {
-  disabled: _propTypes["default"].bool,
-  duplicates: _propTypes["default"].bool,
-  choices: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    label: _propTypes["default"].string,
-    value: _propTypes["default"].string
-  })),
-  value: _propTypes["default"].object,
-  choicePosition: _propTypes["default"].string.isRequired,
-  instanceId: _propTypes["default"].string // Added for drag isolation
-});
-//# sourceMappingURL=index.js.map

package/lib/choices/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_findKey","_choice","_drag","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","Choices","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","choicePosition","props","margin","_inherits2","_createClass2","key","value","render","_this$props","disabled","duplicates","choices","instanceId","filteredChoices","c","foundChoice","findKey","v","id","undefined","elementStyle","getStyleForWrapper","minWidth","createElement","style","DragDroppablePlaceholder","map","index","choice","React","Component","PropTypes","bool","arrayOf","shape","label","string","object","isRequired"],"sources":["../../src/choices/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport findKey from 'lodash/findKey';\nimport Choice from './choice';\nimport { DragDroppablePlaceholder } from '@pie-lib/drag';\n\nexport default class Choices extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    duplicates: PropTypes.bool,\n    choices: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })),\n    value: PropTypes.object,\n    choicePosition: PropTypes.string.isRequired,\n    instanceId: PropTypes.string, // Added for drag isolation\n  };\n\n  getStyleForWrapper = () => {\n    const { choicePosition } = this.props;\n\n    switch (choicePosition) {\n      case 'above':\n        return {\n          margin: '0 0 40px 0',\n        };\n\n      case 'below':\n        return {\n          margin: '40px 0 0 0',\n        };\n\n      case 'right':\n        return {\n          margin: '0 0 0 40px',\n        };\n\n      default:\n        return {\n          margin: '0 40px 0 0',\n        };\n    }\n  };\n\n  render() {\n    const { disabled, duplicates, choices, value, instanceId } = this.props;\n    const filteredChoices = choices.filter((c) => {\n      if (duplicates === true) {\n        return true;\n      }\n      const foundChoice = findKey(value, (v) => v === c.id);\n      return foundChoice === undefined;\n    });\n    const elementStyle = { ...this.getStyleForWrapper(), minWidth: '100px' };\n\n    return (\n      <div style={elementStyle}>\n        <DragDroppablePlaceholder disabled={disabled} instanceId={instanceId}>\n          {filteredChoices.map((c, index) => (\n            <Choice \n              key={`${c.value}-${index}`} \n              disabled={disabled} \n              choice={c} \n              instanceId={instanceId}\n            />\n          ))}\n        </DragDroppablePlaceholder>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/componentize.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var REGEX = /\{\{(\d+)\}\}/g;
-var _default = exports["default"] = function _default(s, t) {
-  if (!s) {
-    return {
-      markup: ''
-    };
-  }
-  var markup = s.replace(REGEX, function (match, g) {
-    return "<span data-component=\"".concat(t, "\" data-id=\"").concat(g, "\"></span>");
-  });
-  return {
-    markup: markup
-  };
-};
-//# sourceMappingURL=componentize.js.map