@pie-element/categorize 7.7.2-beta.3 → 7.7.2-beta.4

package/lib/categorize/category.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.CategoryType = exports.Category = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _choice = _interopRequireDefault(require("./choice"));
+var _droppablePlaceholder = _interopRequireDefault(require("./droppable-placeholder"));
+var _renderUi = require("@pie-lib/render-ui");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var CategoryType = {
+  id: _propTypes["default"].string.isRequired,
+  categoryId: _propTypes["default"].string
+};
+exports.CategoryType = CategoryType;
+var Category = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Category, _React$Component);
+  var _super = _createSuper(Category);
+  function Category() {
+    (0, _classCallCheck2["default"])(this, Category);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(Category, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        classes = _this$props.classes,
+        className = _this$props.className,
+        _this$props$choices = _this$props.choices,
+        choices = _this$props$choices === void 0 ? [] : _this$props$choices,
+        disabled = _this$props.disabled,
+        onDropChoice = _this$props.onDropChoice,
+        onRemoveChoice = _this$props.onRemoveChoice,
+        id = _this$props.id,
+        correct = _this$props.correct;
+      var names = (0, _classnames["default"])(classes.category, className);
+      var placeholderNames = (0, _classnames["default"])(classes.placeholder, correct === false && classes.incorrect);
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: names
+      }, /*#__PURE__*/_react["default"].createElement(_droppablePlaceholder["default"], {
+        onDropChoice: onDropChoice,
+        disabled: disabled,
+        className: placeholderNames
+      }, choices.map(function (c, index) {
+        return /*#__PURE__*/_react["default"].createElement(_choice["default"], (0, _extends2["default"])({
+          onRemoveChoice: onRemoveChoice,
+          disabled: disabled,
+          key: index,
+          choiceIndex: index,
+          categoryId: id
+        }, c));
+      })));
+    }
+  }]);
+  return Category;
+}(_react["default"].Component);
+exports.Category = Category;
+(0, _defineProperty2["default"])(Category, "propTypes", _objectSpread(_objectSpread({}, CategoryType), {}, {
+  className: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  classes: _propTypes["default"].object.isRequired,
+  onDropChoice: _propTypes["default"].func,
+  onRemoveChoice: _propTypes["default"].func
+}));
+(0, _defineProperty2["default"])(Category, "defaultProps", {});
+var styles = function styles(theme) {
+  return {
+    incorrect: {
+      border: "solid 2px ".concat(_renderUi.color.incorrect())
+    },
+    placeholder: {
+      minHeight: '80px',
+      padding: theme.spacing.unit / 2,
+      borderRadius: theme.spacing.unit / 2,
+      gridColumnGap: 0,
+      gridRowGap: 0,
+      display: 'flex',
+      flexWrap: 'wrap',
+      justifyContent: 'center',
+      alignItems: 'center',
+      alignContent: 'flex-start'
+    },
+    category: {
+      display: 'flex',
+      flexDirection: 'column'
+    }
+  };
+};
+var _default = (0, _styles.withStyles)(styles)(Category);
+exports["default"] = _default;
+//# sourceMappingURL=category.js.map

package/lib/categorize/category.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"category.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_choice","_droppablePlaceholder","_renderUi","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","CategoryType","id","PropTypes","string","isRequired","categoryId","exports","Category","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","value","render","_this$props","props","classes","className","_this$props$choices","choices","disabled","onDropChoice","onRemoveChoice","correct","names","classNames","category","placeholderNames","placeholder","incorrect","createElement","map","c","index","_extends2","choiceIndex","React","Component","bool","func","styles","theme","border","concat","color","minHeight","padding","spacing","unit","borderRadius","gridColumnGap","gridRowGap","display","flexWrap","justifyContent","alignItems","alignContent","flexDirection","_default","withStyles"],"sources":["../../src/categorize/category.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport Choice from './choice';\nimport PlaceHolder from './droppable-placeholder';\nimport { color } from '@pie-lib/render-ui';\n\nexport const CategoryType = {\n  id: PropTypes.string.isRequired,\n  categoryId: PropTypes.string,\n};\n\nexport class Category extends React.Component {\n  static propTypes = {\n    ...CategoryType,\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    classes: PropTypes.object.isRequired,\n    onDropChoice: PropTypes.func,\n    onRemoveChoice: PropTypes.func,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { classes, className, choices = [], disabled, onDropChoice, onRemoveChoice, id, correct } = this.props;\n\n    const names = classNames(classes.category, className);\n    const placeholderNames = classNames(classes.placeholder, correct === false && classes.incorrect);\n\n    return (\n      <div className={names}>\n        <PlaceHolder onDropChoice={onDropChoice} disabled={disabled} className={placeholderNames}>\n          {choices.map((c, index) => (\n            <Choice\n              onRemoveChoice={onRemoveChoice}\n              disabled={disabled}\n              key={index}\n              choiceIndex={index}\n              categoryId={id}\n              {...c}\n            />\n          ))}\n        </PlaceHolder>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  incorrect: {\n    border: `solid 2px ${color.incorrect()}`,\n  },\n  placeholder: {\n    minHeight: '80px',\n    padding: theme.spacing.unit / 2,\n    borderRadius: theme.spacing.unit / 2,\n    gridColumnGap: 0,\n    gridRowGap: 0,\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignContent: 'flex-start',\n  },\n  category: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n});\n\nexport default withStyles(styles)(Category);\n"],"mappings":"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"}

package/lib/categorize/choice.js

@@ -0,0 +1,189 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.spec = exports["default"] = exports.Layout = exports.ChoiceType = exports.Choice = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactDnd = require("react-dnd");
+var _drag = require("@pie-lib/drag");
+var _Card = _interopRequireDefault(require("@material-ui/core/Card"));
+var _CardContent = _interopRequireDefault(require("@material-ui/core/CardContent"));
+var _renderUi = require("@pie-lib/render-ui");
+var _debug = _interopRequireDefault(require("debug"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var log = (0, _debug["default"])('@pie-ui:categorize:choice');
+var ChoiceType = {
+  content: _propTypes["default"].string.isRequired,
+  id: _propTypes["default"].string
+};
+exports.ChoiceType = ChoiceType;
+var Layout = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Layout, _React$Component);
+  var _super = _createSuper(Layout);
+  function Layout() {
+    (0, _classCallCheck2["default"])(this, Layout);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(Layout, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        classes = _this$props.classes,
+        className = _this$props.className,
+        content = _this$props.content,
+        isDragging = _this$props.isDragging,
+        disabled = _this$props.disabled,
+        correct = _this$props.correct;
+      var rootNames = (0, _classnames["default"])(correct === true && 'correct', correct === false && 'incorrect', classes.choice, isDragging && classes.dragging, disabled && classes.disabled, className);
+      var cardNames = (0, _classnames["default"])(classes.card);
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: rootNames
+      }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+        className: cardNames
+      }, /*#__PURE__*/_react["default"].createElement(_CardContent["default"], {
+        classes: {
+          root: classes.cardRoot
+        },
+        dangerouslySetInnerHTML: {
+          __html: content
+        }
+      })));
+    }
+  }]);
+  return Layout;
+}(_react["default"].Component);
+exports.Layout = Layout;
+(0, _defineProperty2["default"])(Layout, "propTypes", _objectSpread(_objectSpread({}, ChoiceType), {}, {
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  correct: _propTypes["default"].bool
+}));
+(0, _defineProperty2["default"])(Layout, "defaultProps", {});
+var styles = function styles(theme) {
+  return {
+    choice: {
+      direction: 'initial',
+      cursor: 'pointer',
+      width: '100%',
+      '&.correct': {
+        border: "solid 2px ".concat(_renderUi.color.correct())
+      },
+      '&.incorrect': {
+        border: "solid 2px ".concat(_renderUi.color.incorrect())
+      },
+      borderRadius: '6px'
+    },
+    cardRoot: {
+      color: _renderUi.color.text(),
+      backgroundColor: _renderUi.color.background(),
+      fontSize: theme.typography.fontSize + 2,
+      '&:last-child': {
+        paddingBottom: theme.spacing.unit * 2
+      },
+      borderRadius: '4px',
+      border: '1px solid'
+    },
+    disabled: {
+      cursor: 'not-allowed',
+      opacity: '0.6'
+    },
+    dragging: {
+      cursor: 'move'
+    },
+    card: {
+      color: _renderUi.color.text(),
+      backgroundColor: _renderUi.color.background(),
+      width: '100%'
+    }
+  };
+};
+var Styled = (0, _styles.withStyles)(styles)(Layout);
+var Choice = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(Choice, _React$Component2);
+  var _super2 = _createSuper(Choice);
+  function Choice() {
+    (0, _classCallCheck2["default"])(this, Choice);
+    return _super2.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(Choice, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        connectDragSource = _this$props2.connectDragSource,
+        id = _this$props2.id,
+        content = _this$props2.content,
+        disabled = _this$props2.disabled,
+        isDragging = _this$props2.isDragging,
+        correct = _this$props2.correct,
+        extraStyle = _this$props2.extraStyle;
+      return connectDragSource( /*#__PURE__*/_react["default"].createElement("div", {
+        style: _objectSpread({
+          margin: '4px'
+        }, extraStyle)
+      }, /*#__PURE__*/_react["default"].createElement(Styled, {
+        id: id,
+        content: content,
+        disabled: disabled,
+        correct: correct,
+        isDragging: isDragging
+      })));
+    }
+  }]);
+  return Choice;
+}(_react["default"].Component);
+exports.Choice = Choice;
+(0, _defineProperty2["default"])(Choice, "propTypes", _objectSpread(_objectSpread({}, ChoiceType), {}, {
+  extraStyle: _propTypes["default"].object,
+  connectDragSource: _propTypes["default"].func.isRequired
+}));
+var spec = {
+  canDrag: function canDrag(props) {
+    return !props.disabled;
+  },
+  beginDrag: function beginDrag(props) {
+    var out = {
+      id: props.id,
+      categoryId: props.categoryId,
+      choiceIndex: props.choiceIndex
+    };
+    log('[beginDrag] out:', out);
+    return out;
+  },
+  endDrag: function endDrag(props, monitor) {
+    if (!monitor.didDrop()) {
+      var item = monitor.getItem();
+      if (item.categoryId) {
+        log('wasnt droppped - what to do?');
+        props.onRemoveChoice(item);
+      }
+    }
+  }
+};
+exports.spec = spec;
+var DraggableChoice = (0, _reactDnd.DragSource)(function (_ref) {
+  var uid = _ref.uid;
+  return uid;
+}, spec, function (connect, monitor) {
+  return {
+    connectDragSource: connect.dragSource(),
+    isDragging: monitor.isDragging()
+  };
+})(Choice);
+var _default = _drag.uid.withUid(DraggableChoice);
+exports["default"] = _default;
+//# sourceMappingURL=choice.js.map

package/lib/categorize/choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_reactDnd","_drag","_Card","_CardContent","_renderUi","_debug","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","ChoiceType","content","PropTypes","string","isRequired","id","exports","Layout","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","value","render","_this$props","props","classes","className","isDragging","disabled","correct","rootNames","classNames","choice","dragging","cardNames","card","createElement","root","cardRoot","dangerouslySetInnerHTML","__html","React","Component","bool","styles","theme","direction","cursor","width","border","concat","color","incorrect","borderRadius","text","backgroundColor","background","fontSize","typography","paddingBottom","spacing","unit","opacity","Styled","withStyles","Choice","_React$Component2","_super2","_this$props2","connectDragSource","extraStyle","style","margin","func","spec","canDrag","beginDrag","out","categoryId","choiceIndex","endDrag","monitor","didDrop","item","getItem","onRemoveChoice","DraggableChoice","DragSource","_ref","uid","connect","dragSource","_default","withUid"],"sources":["../../src/categorize/choice.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { DragSource } from 'react-dnd';\nimport { uid } from '@pie-lib/drag';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport { color } from '@pie-lib/render-ui';\nimport debug from 'debug';\n\nconst log = debug('@pie-ui:categorize:choice');\n\nexport const ChoiceType = {\n  content: PropTypes.string.isRequired,\n  id: PropTypes.string,\n};\n\nexport class Layout extends React.Component {\n  static propTypes = {\n    ...ChoiceType,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    correct: PropTypes.bool,\n  };\n  static defaultProps = {};\n  render() {\n    const { classes, className, content, isDragging, disabled, correct } = this.props;\n\n    const rootNames = classNames(\n      correct === true && 'correct',\n      correct === false && 'incorrect',\n      classes.choice,\n      isDragging && classes.dragging,\n      disabled && classes.disabled,\n      className,\n    );\n    const cardNames = classNames(classes.card);\n    return (\n      <div className={rootNames}>\n        <Card className={cardNames}>\n          <CardContent classes={{ root: classes.cardRoot }} dangerouslySetInnerHTML={{ __html: content }} />\n        </Card>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  choice: {\n    direction: 'initial',\n    cursor: 'pointer',\n    width: '100%',\n    '&.correct': {\n      border: `solid 2px ${color.correct()}`,\n    },\n    '&.incorrect': {\n      border: `solid 2px ${color.incorrect()}`,\n    },\n    borderRadius: '6px',\n  },\n  cardRoot: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    fontSize: theme.typography.fontSize + 2,\n    '&:last-child': {\n      paddingBottom: theme.spacing.unit * 2,\n    },\n    borderRadius: '4px',\n    border: '1px solid',\n  },\n  disabled: {\n    cursor: 'not-allowed',\n    opacity: '0.6',\n  },\n  dragging: {\n    cursor: 'move',\n  },\n  card: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    width: '100%',\n  },\n});\n\nconst Styled = withStyles(styles)(Layout);\n\nexport class Choice extends React.Component {\n  static propTypes = {\n    ...ChoiceType,\n    extraStyle: PropTypes.object,\n    connectDragSource: PropTypes.func.isRequired,\n  };\n\n  render() {\n    const { connectDragSource, id, content, disabled, isDragging, correct, extraStyle } = this.props;\n\n    return connectDragSource(\n      <div style={{ margin: '4px', ...extraStyle }}>\n        <Styled id={id} content={content} disabled={disabled} correct={correct} isDragging={isDragging} />\n      </div>,\n    );\n  }\n}\n\nexport const spec = {\n  canDrag: (props) => !props.disabled,\n  beginDrag: (props) => {\n    const out = {\n      id: props.id,\n      categoryId: props.categoryId,\n      choiceIndex: props.choiceIndex,\n    };\n    log('[beginDrag] out:', out);\n    return out;\n  },\n  endDrag: (props, monitor) => {\n    if (!monitor.didDrop()) {\n      const item = monitor.getItem();\n      if (item.categoryId) {\n        log('wasnt droppped - what to do?');\n        props.onRemoveChoice(item);\n      }\n    }\n  },\n};\n\nconst DraggableChoice = DragSource(\n  ({ uid }) => uid,\n  spec,\n  (connect, monitor) => ({\n    connectDragSource: connect.dragSource(),\n    isDragging: monitor.isDragging(),\n  }),\n)(Choice);\n\nexport default uid.withUid(DraggableChoice);\n"],"mappings":"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"}

package/lib/categorize/choices.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ChoiceType", {
+  enumerable: true,
+  get: function get() {
+    return _choice.ChoiceType;
+  }
+});
+exports["default"] = exports.Choices = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _choice = _interopRequireWildcard(require("./choice"));
+var _droppablePlaceholder = _interopRequireDefault(require("./droppable-placeholder"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var Blank = function Blank() {
+  return /*#__PURE__*/_react["default"].createElement("div", null);
+};
+var Choices = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Choices, _React$Component);
+  var _super = _createSuper(Choices);
+  function Choices() {
+    (0, _classCallCheck2["default"])(this, Choices);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(Choices, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        classes = _this$props.classes,
+        _this$props$choices = _this$props.choices,
+        choices = _this$props$choices === void 0 ? [] : _this$props$choices,
+        model = _this$props.model,
+        disabled = _this$props.disabled,
+        onDropChoice = _this$props.onDropChoice,
+        onRemoveChoice = _this$props.onRemoveChoice,
+        choicePosition = _this$props.choicePosition;
+      var style = {
+        textAlign: 'center'
+      };
+      if (choicePosition === 'left') {
+        style.direction = 'rtl';
+      }
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.wrapper
+      }, /*#__PURE__*/_react["default"].createElement(_droppablePlaceholder["default"], {
+        onDropChoice: onDropChoice,
+        onRemoveChoice: onRemoveChoice,
+        disabled: disabled,
+        style: {
+          background: 'none'
+        },
+        choiceBoard: true
+      }, model.choicesLabel && model.choicesLabel !== '' && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.labelHolder,
+        dangerouslySetInnerHTML: {
+          __html: model.choicesLabel
+        }
+      }), choices.map(function (c, index) {
+        return c.empty ? /*#__PURE__*/_react["default"].createElement(Blank, {
+          key: index
+        }) : /*#__PURE__*/_react["default"].createElement(_choice["default"], (0, _extends2["default"])({
+          disabled: disabled,
+          className: classes.choice,
+          key: index,
+          extraStyle: {
+            maxWidth: "".concat(95 / model.categoriesPerRow, "%")
+          }
+        }, c));
+      })));
+    }
+  }]);
+  return Choices;
+}(_react["default"].Component);
+exports.Choices = Choices;
+(0, _defineProperty2["default"])(Choices, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  choices: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].shape(_choice.ChoiceType), _propTypes["default"].shape({
+    empty: _propTypes["default"].bool
+  })])),
+  model: _propTypes["default"].shape({
+    categoriesPerRow: _propTypes["default"].number,
+    choicesLabel: _propTypes["default"].string
+  }),
+  disabled: _propTypes["default"].bool,
+  choicePosition: _propTypes["default"].string
+});
+(0, _defineProperty2["default"])(Choices, "defaultProps", {
+  model: {
+    categoriesPerRow: 1,
+    choicesLabel: ''
+  }
+});
+var styles = function styles(theme) {
+  return {
+    wrapper: {
+      flex: 1,
+      padding: theme.spacing.unit,
+      touchAction: 'none'
+    },
+    choices: {
+      padding: theme.spacing.unit / 2,
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    labelHolder: {
+      margin: '0 auto',
+      textAlign: 'center',
+      paddingTop: theme.spacing.unit
+    }
+  };
+};
+var _default = (0, _styles.withStyles)(styles)(Choices);
+exports["default"] = _default;
+//# sourceMappingURL=choices.js.map

package/lib/categorize/choices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choices.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_choice","_interopRequireWildcard","_droppablePlaceholder","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","Blank","createElement","Choices","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","value","render","_this$props","props","classes","_this$props$choices","choices","model","disabled","onDropChoice","onRemoveChoice","choicePosition","style","textAlign","direction","className","wrapper","background","choiceBoard","choicesLabel","labelHolder","dangerouslySetInnerHTML","__html","map","c","index","empty","_extends2","choice","extraStyle","maxWidth","concat","categoriesPerRow","React","Component","exports","_defineProperty2","PropTypes","object","isRequired","arrayOf","oneOfType","shape","ChoiceType","bool","number","string","styles","theme","flex","padding","spacing","unit","touchAction","display","justifyContent","alignItems","margin","paddingTop","_default","withStyles"],"sources":["../../src/categorize/choices.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Choice, { ChoiceType } from './choice';\nimport DroppablePlaceholder from './droppable-placeholder';\nexport { ChoiceType };\n\nconst Blank = () => <div />;\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    choices: PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.shape(ChoiceType), PropTypes.shape({ empty: PropTypes.bool })]),\n    ),\n    model: PropTypes.shape({\n      categoriesPerRow: PropTypes.number,\n      choicesLabel: PropTypes.string,\n    }),\n    disabled: PropTypes.bool,\n    choicePosition: PropTypes.string,\n  };\n\n  static defaultProps = {\n    model: {\n      categoriesPerRow: 1,\n      choicesLabel: '',\n    },\n  };\n\n  render() {\n    const {\n      classes,\n      choices = [],\n      model,\n      disabled,\n      onDropChoice,\n      onRemoveChoice,\n      choicePosition,\n    } = this.props;\n\n    let style = {\n      textAlign: 'center',\n    };\n\n    if (choicePosition === 'left') {\n      style.direction = 'rtl';\n    }\n\n    return (\n      <div className={classes.wrapper}>\n         <DroppablePlaceholder\n          onDropChoice={onDropChoice}\n          onRemoveChoice={onRemoveChoice}\n          disabled={disabled}\n          style={{background: 'none', }}\n          choiceBoard={true}\n          >\n        {model.choicesLabel && model.choicesLabel !== '' && (\n          <div className={classes.labelHolder} dangerouslySetInnerHTML={{ __html: model.choicesLabel }}></div>\n        )}\n          {choices.map((c, index) => {\n            return c.empty ? (\n              <Blank key={index} />\n            ) : (\n              <Choice\n                disabled={disabled}\n                className={classes.choice}\n                key={index}\n                extraStyle={{ maxWidth: `${95 / model.categoriesPerRow}%` }}\n                {...c}\n              />\n            );\n          })}\n        </DroppablePlaceholder>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  wrapper: {\n    flex: 1,\n    padding: theme.spacing.unit,\n    touchAction: 'none',\n  },\n  choices: {\n    padding: theme.spacing.unit / 2,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  labelHolder: {\n    margin: '0 auto',\n    textAlign: 'center',\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nexport default withStyles(styles)(Choices);\n"],"mappings":"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"}

package/lib/categorize/droppable-placeholder.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.spec = exports["default"] = exports.DroppablePlaceholder = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _drag = require("@pie-lib/drag");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactDnd = require("react-dnd");
+var _debug = _interopRequireDefault(require("debug"));
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var log = (0, _debug["default"])('@pie-ui:categorize:droppable-placeholder');
+var DroppablePlaceholder = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(DroppablePlaceholder, _React$Component);
+  var _super = _createSuper(DroppablePlaceholder);
+  function DroppablePlaceholder() {
+    (0, _classCallCheck2["default"])(this, DroppablePlaceholder);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(DroppablePlaceholder, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        connectDropTarget = _this$props.connectDropTarget,
+        isOver = _this$props.isOver,
+        className = _this$props.className,
+        grid = _this$props.grid,
+        disabled = _this$props.disabled,
+        choiceBoard = _this$props.choiceBoard;
+      return connectDropTarget( /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          flex: 1
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_drag.PlaceHolder, {
+        className: className,
+        isOver: isOver,
+        grid: grid,
+        disabled: disabled,
+        choiceBoard: choiceBoard
+      }, children)));
+    }
+  }]);
+  return DroppablePlaceholder;
+}(_react["default"].Component);
+exports.DroppablePlaceholder = DroppablePlaceholder;
+(0, _defineProperty2["default"])(DroppablePlaceholder, "propTypes", {
+  connectDropTarget: _propTypes["default"].func.isRequired,
+  isOver: _propTypes["default"].bool,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
+  className: _propTypes["default"].string,
+  grid: _propTypes["default"].object,
+  disabled: _propTypes["default"].bool
+});
+var spec = {
+  drop: function drop(props, monitor) {
+    log('[drop] props: ', props);
+    var item = monitor.getItem();
+    props.onDropChoice(item);
+  },
+  canDrop: function canDrop(props /*, monitor*/) {
+    return !props.disabled;
+  }
+};
+exports.spec = spec;
+var WithTarget = (0, _reactDnd.DropTarget)(function (_ref) {
+  var uid = _ref.uid;
+  return uid;
+}, spec, function (connect, monitor) {
+  return {
+    connectDropTarget: connect.dropTarget(),
+    isOver: monitor.isOver()
+  };
+})(DroppablePlaceholder);
+var _default = _drag.uid.withUid(WithTarget);
+exports["default"] = _default;
+//# sourceMappingURL=droppable-placeholder.js.map

package/lib/categorize/droppable-placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"droppable-placeholder.js","names":["_react","_interopRequireDefault","require","_drag","_propTypes","_reactDnd","_debug","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","DroppablePlaceholder","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","_this$props","props","children","connectDropTarget","isOver","className","grid","disabled","choiceBoard","createElement","style","flex","PlaceHolder","React","Component","exports","_defineProperty2","PropTypes","func","isRequired","bool","oneOfType","arrayOf","node","string","object","spec","drop","monitor","item","getItem","onDropChoice","canDrop","WithTarget","DropTarget","_ref","uid","connect","dropTarget","_default","withUid"],"sources":["../../src/categorize/droppable-placeholder.jsx"],"sourcesContent":["import React from 'react';\nimport { PlaceHolder } from '@pie-lib/drag';\nimport PropTypes from 'prop-types';\nimport { DropTarget } from 'react-dnd';\nimport { uid } from '@pie-lib/drag';\nimport debug from 'debug';\n\nconst log = debug('@pie-ui:categorize:droppable-placeholder');\n\nexport class DroppablePlaceholder extends React.Component {\n  static propTypes = {\n    connectDropTarget: PropTypes.func.isRequired,\n    isOver: PropTypes.bool,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    className: PropTypes.string,\n    grid: PropTypes.object,\n    disabled: PropTypes.bool,\n  };\n  render() {\n    const {\n      children,\n      connectDropTarget,\n      isOver,\n      className,\n      grid,\n      disabled,\n      choiceBoard\n    } = this.props;\n\n    return connectDropTarget(\n      <div style={{ flex: 1 }}>\n        <PlaceHolder\n          className={className}\n          isOver={isOver}\n          grid={grid}\n          disabled={disabled}\n          choiceBoard={choiceBoard}\n        >\n          {children}\n        </PlaceHolder>\n      </div>,\n    );\n  }\n}\n\nexport const spec = {\n  drop: (props, monitor) => {\n    log('[drop] props: ', props);\n    const item = monitor.getItem();\n    props.onDropChoice(item);\n  },\n  canDrop: (props /*, monitor*/) => {\n    return !props.disabled;\n  },\n};\n\nconst WithTarget = DropTarget(\n  ({ uid }) => uid,\n  spec,\n  (connect, monitor) => ({\n    connectDropTarget: connect.dropTarget(),\n    isOver: monitor.isOver(),\n  }),\n)(DroppablePlaceholder);\n\nexport default uid.withUid(WithTarget);\n"],"mappings":"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"}