@pie-element/number-line 6.6.0 → 6.6.1-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/configure/package.json +3 -3
- package/controller/package.json +3 -3
- package/package.json +8 -7
- package/configure/lib/arrows.js +0 -117
- package/configure/lib/arrows.js.map +0 -1
- package/configure/lib/card-bar.js +0 -79
- package/configure/lib/card-bar.js.map +0 -1
- package/configure/lib/defaults.js +0 -68
- package/configure/lib/defaults.js.map +0 -1
- package/configure/lib/domain.js +0 -106
- package/configure/lib/domain.js.map +0 -1
- package/configure/lib/index.js +0 -148
- package/configure/lib/index.js.map +0 -1
- package/configure/lib/main.js +0 -630
- package/configure/lib/main.js.map +0 -1
- package/configure/lib/number-text-field.js +0 -97
- package/configure/lib/number-text-field.js.map +0 -1
- package/configure/lib/point-config.js +0 -145
- package/configure/lib/point-config.js.map +0 -1
- package/configure/lib/size.js +0 -58
- package/configure/lib/size.js.map +0 -1
- package/configure/lib/ticks.js +0 -92
- package/configure/lib/ticks.js.map +0 -1
- package/configure/lib/utils.js +0 -14
- package/configure/lib/utils.js.map +0 -1
- package/controller/lib/defaults.js +0 -47
- package/controller/lib/defaults.js.map +0 -1
- package/controller/lib/index.js +0 -443
- package/controller/lib/index.js.map +0 -1
- package/lib/data-converter.js +0 -100
- package/lib/data-converter.js.map +0 -1
- package/lib/draggable/index.js +0 -53
- package/lib/draggable/index.js.map +0 -1
- package/lib/index.js +0 -241
- package/lib/index.js.map +0 -1
- package/lib/number-line/colors.js +0 -21
- package/lib/number-line/colors.js.map +0 -1
- package/lib/number-line/feedback.js +0 -108
- package/lib/number-line/feedback.js.map +0 -1
- package/lib/number-line/graph/arrow.js +0 -63
- package/lib/number-line/graph/arrow.js.map +0 -1
- package/lib/number-line/graph/elements/base.js +0 -26
- package/lib/number-line/graph/elements/base.js.map +0 -1
- package/lib/number-line/graph/elements/builder.js +0 -38
- package/lib/number-line/graph/elements/builder.js.map +0 -1
- package/lib/number-line/graph/elements/line.js +0 -317
- package/lib/number-line/graph/elements/line.js.map +0 -1
- package/lib/number-line/graph/elements/point.js +0 -233
- package/lib/number-line/graph/elements/point.js.map +0 -1
- package/lib/number-line/graph/elements/ray.js +0 -227
- package/lib/number-line/graph/elements/ray.js.map +0 -1
- package/lib/number-line/graph/index.js +0 -326
- package/lib/number-line/graph/index.js.map +0 -1
- package/lib/number-line/graph/line.js +0 -48
- package/lib/number-line/graph/line.js.map +0 -1
- package/lib/number-line/graph/stacks.js +0 -101
- package/lib/number-line/graph/stacks.js.map +0 -1
- package/lib/number-line/graph/tick-utils.js +0 -295
- package/lib/number-line/graph/tick-utils.js.map +0 -1
- package/lib/number-line/graph/ticks.js +0 -244
- package/lib/number-line/graph/ticks.js.map +0 -1
- package/lib/number-line/index.js +0 -401
- package/lib/number-line/index.js.map +0 -1
- package/lib/number-line/point-chooser/button.js +0 -74
- package/lib/number-line/point-chooser/button.js.map +0 -1
- package/lib/number-line/point-chooser/img.js +0 -9
- package/lib/number-line/point-chooser/img.js.map +0 -1
- package/lib/number-line/point-chooser/index.js +0 -181
- package/lib/number-line/point-chooser/index.js.map +0 -1
- package/lib/number-line/point-chooser/styles.js +0 -98
- package/lib/number-line/point-chooser/styles.js.map +0 -1
- package/lib/number-line/transitions/fade.js +0 -67
- package/lib/number-line/transitions/fade.js.map +0 -1
- package/lib/number-line/transitions/index.js +0 -16
- package/lib/number-line/transitions/index.js.map +0 -1
|
@@ -1,181 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = exports.PointChooser = exports.Point = void 0;
|
|
9
|
-
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
-
|
|
22
|
-
var _react = _interopRequireDefault(require("react"));
|
|
23
|
-
|
|
24
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
25
|
-
|
|
26
|
-
var _reactJss = _interopRequireDefault(require("react-jss"));
|
|
27
|
-
|
|
28
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
|
29
|
-
|
|
30
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
|
-
|
|
32
|
-
var _button = _interopRequireDefault(require("./button"));
|
|
33
|
-
|
|
34
|
-
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); }; }
|
|
35
|
-
|
|
36
|
-
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; } }
|
|
37
|
-
|
|
38
|
-
var DeleteIcon = function DeleteIcon(_ref) {
|
|
39
|
-
var classes = _ref.classes;
|
|
40
|
-
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
41
|
-
className: classes.deleteIcon,
|
|
42
|
-
fill: "#000000",
|
|
43
|
-
height: "24",
|
|
44
|
-
viewBox: "0 0 24 24",
|
|
45
|
-
width: "24",
|
|
46
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
47
|
-
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
48
|
-
d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
|
|
49
|
-
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
50
|
-
d: "M0 0h24v24H0z",
|
|
51
|
-
fill: "none"
|
|
52
|
-
}));
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
DeleteIcon.propTypes = {
|
|
56
|
-
classes: _propTypes["default"].object
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
var RawPoint = function RawPoint(props) {
|
|
60
|
-
var iconKey = props.iconKey,
|
|
61
|
-
active = props.active,
|
|
62
|
-
classes = props.classes,
|
|
63
|
-
onClick = props.onClick;
|
|
64
|
-
var names = (0, _classnames["default"])(classes[iconKey], {
|
|
65
|
-
active: active
|
|
66
|
-
});
|
|
67
|
-
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
68
|
-
role: "presentation",
|
|
69
|
-
key: iconKey,
|
|
70
|
-
onClick: onClick
|
|
71
|
-
}, /*#__PURE__*/_react["default"].createElement("a", {
|
|
72
|
-
className: names
|
|
73
|
-
}, "\xA0"));
|
|
74
|
-
};
|
|
75
|
-
|
|
76
|
-
RawPoint.propTypes = {
|
|
77
|
-
iconKey: _propTypes["default"].string.isRequired,
|
|
78
|
-
active: _propTypes["default"].bool,
|
|
79
|
-
classes: _propTypes["default"].object,
|
|
80
|
-
onClick: _propTypes["default"].func
|
|
81
|
-
};
|
|
82
|
-
var Point = (0, _reactJss["default"])(_styles["default"])(RawPoint);
|
|
83
|
-
exports.Point = Point;
|
|
84
|
-
|
|
85
|
-
var Points = function Points(_ref2) {
|
|
86
|
-
var selectPoint = _ref2.selectPoint,
|
|
87
|
-
classes = _ref2.classes,
|
|
88
|
-
selected = _ref2.selected,
|
|
89
|
-
icons = _ref2.icons;
|
|
90
|
-
var iconTags = icons.map(function (key) {
|
|
91
|
-
var active = key === selected;
|
|
92
|
-
var onClick = active ? function () {} : selectPoint.bind(null, key);
|
|
93
|
-
return /*#__PURE__*/_react["default"].createElement(Point, {
|
|
94
|
-
key: key.toLowerCase(),
|
|
95
|
-
iconKey: key.toLowerCase(),
|
|
96
|
-
active: active,
|
|
97
|
-
onClick: onClick
|
|
98
|
-
}); //icon(key, active);
|
|
99
|
-
});
|
|
100
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
101
|
-
className: classes.elementSelector
|
|
102
|
-
}, iconTags);
|
|
103
|
-
};
|
|
104
|
-
|
|
105
|
-
Points.propTypes = {
|
|
106
|
-
selectPoint: _propTypes["default"].func.isRequired,
|
|
107
|
-
classes: _propTypes["default"].object.isRequired,
|
|
108
|
-
selected: _propTypes["default"].string,
|
|
109
|
-
icons: _propTypes["default"].array
|
|
110
|
-
};
|
|
111
|
-
|
|
112
|
-
var PointChooser = /*#__PURE__*/function (_React$Component) {
|
|
113
|
-
(0, _inherits2["default"])(PointChooser, _React$Component);
|
|
114
|
-
|
|
115
|
-
var _super = _createSuper(PointChooser);
|
|
116
|
-
|
|
117
|
-
function PointChooser() {
|
|
118
|
-
(0, _classCallCheck2["default"])(this, PointChooser);
|
|
119
|
-
return _super.apply(this, arguments);
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
(0, _createClass2["default"])(PointChooser, [{
|
|
123
|
-
key: "render",
|
|
124
|
-
value: function render() {
|
|
125
|
-
var _this$props = this.props,
|
|
126
|
-
elementType = _this$props.elementType,
|
|
127
|
-
showDeleteButton = _this$props.showDeleteButton,
|
|
128
|
-
onDeleteClick = _this$props.onDeleteClick,
|
|
129
|
-
onUndoElement = _this$props.onUndoElement,
|
|
130
|
-
onClearElements = _this$props.onClearElements,
|
|
131
|
-
icons = _this$props.icons,
|
|
132
|
-
classes = _this$props.classes,
|
|
133
|
-
onElementType = _this$props.onElementType;
|
|
134
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
135
|
-
className: classes.pointChooser
|
|
136
|
-
}, /*#__PURE__*/_react["default"].createElement(Points, {
|
|
137
|
-
selected: elementType,
|
|
138
|
-
classes: classes,
|
|
139
|
-
selectPoint: onElementType,
|
|
140
|
-
icons: icons
|
|
141
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
142
|
-
className: classes.controls
|
|
143
|
-
}, showDeleteButton && /*#__PURE__*/_react["default"].createElement("span", {
|
|
144
|
-
className: classes.deleteIconHolder,
|
|
145
|
-
onClick: onDeleteClick
|
|
146
|
-
}, /*#__PURE__*/_react["default"].createElement(DeleteIcon, {
|
|
147
|
-
classes: classes
|
|
148
|
-
})), /*#__PURE__*/_react["default"].createElement(_button["default"], {
|
|
149
|
-
onClick: onUndoElement,
|
|
150
|
-
label: "Undo"
|
|
151
|
-
}), /*#__PURE__*/_react["default"].createElement(_button["default"], {
|
|
152
|
-
onClick: onClearElements,
|
|
153
|
-
label: "Clear all"
|
|
154
|
-
})));
|
|
155
|
-
}
|
|
156
|
-
}]);
|
|
157
|
-
return PointChooser;
|
|
158
|
-
}(_react["default"].Component);
|
|
159
|
-
|
|
160
|
-
exports.PointChooser = PointChooser;
|
|
161
|
-
(0, _defineProperty2["default"])(PointChooser, "defaultProps", {
|
|
162
|
-
showDeleteButton: false,
|
|
163
|
-
elementType: PointChooser.DEFAULT_TYPE,
|
|
164
|
-
icons: ['pf', 'lff', 'lef', 'lfe', 'lee', 'rfn', 'rfp', 'ren', 'rep']
|
|
165
|
-
});
|
|
166
|
-
(0, _defineProperty2["default"])(PointChooser, "propTypes", {
|
|
167
|
-
classes: _propTypes["default"].object.isRequired,
|
|
168
|
-
elementType: _propTypes["default"].string,
|
|
169
|
-
showDeleteButton: _propTypes["default"].bool,
|
|
170
|
-
onDeleteClick: _propTypes["default"].func.isRequired,
|
|
171
|
-
onElementType: _propTypes["default"].func.isRequired,
|
|
172
|
-
onUndoElement: _propTypes["default"].func.isRequired,
|
|
173
|
-
onClearElements: _propTypes["default"].func.isRequired,
|
|
174
|
-
icons: _propTypes["default"].array
|
|
175
|
-
});
|
|
176
|
-
|
|
177
|
-
var _default = (0, _reactJss["default"])(_styles["default"])(PointChooser);
|
|
178
|
-
|
|
179
|
-
exports["default"] = _default;
|
|
180
|
-
PointChooser.DEFAULT_TYPE = 'pf';
|
|
181
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/number-line/point-chooser/index.jsx"],"names":["DeleteIcon","classes","deleteIcon","propTypes","PropTypes","object","RawPoint","props","iconKey","active","onClick","names","string","isRequired","bool","func","Point","styles","Points","selectPoint","selected","icons","iconTags","map","key","bind","toLowerCase","elementSelector","array","PointChooser","elementType","showDeleteButton","onDeleteClick","onUndoElement","onClearElements","onElementType","pointChooser","controls","deleteIconHolder","React","Component","DEFAULT_TYPE"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAAiB;AAAA,MAAdC,OAAc,QAAdA,OAAc;AAClC,sBACE;AACE,IAAA,SAAS,EAAEA,OAAO,CAACC,UADrB;AAEE,IAAA,IAAI,EAAC,SAFP;AAGE,IAAA,MAAM,EAAC,IAHT;AAIE,IAAA,OAAO,EAAC,WAJV;AAKE,IAAA,KAAK,EAAC,IALR;AAME,IAAA,KAAK,EAAC;AANR,kBAQE;AAAM,IAAA,CAAC,EAAC;AAAR,IARF,eASE;AAAM,IAAA,CAAC,EAAC,eAAR;AAAwB,IAAA,IAAI,EAAC;AAA7B,IATF,CADF;AAaD,CAdD;;AAgBAF,UAAU,CAACG,SAAX,GAAuB;AACrBF,EAAAA,OAAO,EAAEG,sBAAUC;AADE,CAAvB;;AAIA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,MAAQC,OAAR,GAA8CD,KAA9C,CAAQC,OAAR;AAAA,MAAiBC,MAAjB,GAA8CF,KAA9C,CAAiBE,MAAjB;AAAA,MAAyBR,OAAzB,GAA8CM,KAA9C,CAAyBN,OAAzB;AAAA,MAAkCS,OAAlC,GAA8CH,KAA9C,CAAkCG,OAAlC;AACA,MAAMC,KAAK,GAAG,4BAAWV,OAAO,CAACO,OAAD,CAAlB,EAA6B;AAAEC,IAAAA,MAAM,EAANA;AAAF,GAA7B,CAAd;AACA,sBACE;AAAM,IAAA,IAAI,EAAC,cAAX;AAA0B,IAAA,GAAG,EAAED,OAA/B;AAAwC,IAAA,OAAO,EAAEE;AAAjD,kBACE;AAAG,IAAA,SAAS,EAAEC;AAAd,YADF,CADF;AAKD,CARD;;AAUAL,QAAQ,CAACH,SAAT,GAAqB;AACnBK,EAAAA,OAAO,EAAEJ,sBAAUQ,MAAV,CAAiBC,UADP;AAEnBJ,EAAAA,MAAM,EAAEL,sBAAUU,IAFC;AAGnBb,EAAAA,OAAO,EAAEG,sBAAUC,MAHA;AAInBK,EAAAA,OAAO,EAAEN,sBAAUW;AAJA,CAArB;AAOO,IAAMC,KAAK,GAAG,0BAAYC,kBAAZ,EAAoBX,QAApB,CAAd;;;AAEP,IAAMY,MAAM,GAAG,SAATA,MAAS,QAA+C;AAAA,MAA5CC,WAA4C,SAA5CA,WAA4C;AAAA,MAA/BlB,OAA+B,SAA/BA,OAA+B;AAAA,MAAtBmB,QAAsB,SAAtBA,QAAsB;AAAA,MAAZC,KAAY,SAAZA,KAAY;AAC5D,MAAMC,QAAQ,GAAGD,KAAK,CAACE,GAAN,CAAU,UAACC,GAAD,EAAS;AAClC,QAAIf,MAAM,GAAGe,GAAG,KAAKJ,QAArB;AACA,QAAIV,OAAO,GAAGD,MAAM,GAAG,YAAM,CAAE,CAAX,GAAcU,WAAW,CAACM,IAAZ,CAAiB,IAAjB,EAAuBD,GAAvB,CAAlC;AACA,wBAAO,gCAAC,KAAD;AAAO,MAAA,GAAG,EAAEA,GAAG,CAACE,WAAJ,EAAZ;AAA+B,MAAA,OAAO,EAAEF,GAAG,CAACE,WAAJ,EAAxC;AAA2D,MAAA,MAAM,EAAEjB,MAAnE;AAA2E,MAAA,OAAO,EAAEC;AAApF,MAAP,CAHkC,CAGsE;AACzG,GAJgB,CAAjB;AAMA,sBAAO;AAAK,IAAA,SAAS,EAAET,OAAO,CAAC0B;AAAxB,KAA0CL,QAA1C,CAAP;AACD,CARD;;AAUAJ,MAAM,CAACf,SAAP,GAAmB;AACjBgB,EAAAA,WAAW,EAAEf,sBAAUW,IAAV,CAAeF,UADX;AAEjBZ,EAAAA,OAAO,EAAEG,sBAAUC,MAAV,CAAiBQ,UAFT;AAGjBO,EAAAA,QAAQ,EAAEhB,sBAAUQ,MAHH;AAIjBS,EAAAA,KAAK,EAAEjB,sBAAUwB;AAJA,CAAnB;;IAOaC,Y;;;;;;;;;;;;WAkBX,kBAAS;AACP,wBASI,KAAKtB,KATT;AAAA,UACEuB,WADF,eACEA,WADF;AAAA,UAEEC,gBAFF,eAEEA,gBAFF;AAAA,UAGEC,aAHF,eAGEA,aAHF;AAAA,UAIEC,aAJF,eAIEA,aAJF;AAAA,UAKEC,eALF,eAKEA,eALF;AAAA,UAMEb,KANF,eAMEA,KANF;AAAA,UAOEpB,OAPF,eAOEA,OAPF;AAAA,UAQEkC,aARF,eAQEA,aARF;AAWA,0BACE;AAAK,QAAA,SAAS,EAAElC,OAAO,CAACmC;AAAxB,sBACE,gCAAC,MAAD;AAAQ,QAAA,QAAQ,EAAEN,WAAlB;AAA+B,QAAA,OAAO,EAAE7B,OAAxC;AAAiD,QAAA,WAAW,EAAEkC,aAA9D;AAA6E,QAAA,KAAK,EAAEd;AAApF,QADF,eAEE;AAAK,QAAA,SAAS,EAAEpB,OAAO,CAACoC;AAAxB,SACGN,gBAAgB,iBACf;AAAM,QAAA,SAAS,EAAE9B,OAAO,CAACqC,gBAAzB;AAA2C,QAAA,OAAO,EAAEN;AAApD,sBACE,gCAAC,UAAD;AAAY,QAAA,OAAO,EAAE/B;AAArB,QADF,CAFJ,eAME,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAEgC,aAAjB;AAAgC,QAAA,KAAK,EAAC;AAAtC,QANF,eAOE,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAEC,eAAjB;AAAkC,QAAA,KAAK,EAAC;AAAxC,QAPF,CAFF,CADF;AAcD;;;EA5C+BK,kBAAMC,S;;;iCAA3BX,Y,kBACW;AACpBE,EAAAA,gBAAgB,EAAE,KADE;AAEpBD,EAAAA,WAAW,EAAED,YAAY,CAACY,YAFN;AAGpBpB,EAAAA,KAAK,EAAE,CAAC,IAAD,EAAO,KAAP,EAAc,KAAd,EAAqB,KAArB,EAA4B,KAA5B,EAAmC,KAAnC,EAA0C,KAA1C,EAAiD,KAAjD,EAAwD,KAAxD;AAHa,C;iCADXQ,Y,eAOQ;AACjB5B,EAAAA,OAAO,EAAEG,sBAAUC,MAAV,CAAiBQ,UADT;AAEjBiB,EAAAA,WAAW,EAAE1B,sBAAUQ,MAFN;AAGjBmB,EAAAA,gBAAgB,EAAE3B,sBAAUU,IAHX;AAIjBkB,EAAAA,aAAa,EAAE5B,sBAAUW,IAAV,CAAeF,UAJb;AAKjBsB,EAAAA,aAAa,EAAE/B,sBAAUW,IAAV,CAAeF,UALb;AAMjBoB,EAAAA,aAAa,EAAE7B,sBAAUW,IAAV,CAAeF,UANb;AAOjBqB,EAAAA,eAAe,EAAE9B,sBAAUW,IAAV,CAAeF,UAPf;AAQjBQ,EAAAA,KAAK,EAAEjB,sBAAUwB;AARA,C;;eAwCN,0BAAYX,kBAAZ,EAAoBY,YAApB,C;;;AAEfA,YAAY,CAACY,YAAb,GAA4B,IAA5B","sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\nimport injectSheet from 'react-jss';\nimport styles from './styles';\nimport PropTypes from 'prop-types';\nimport Button from './button';\n\nconst DeleteIcon = ({ classes }) => {\n return (\n <svg\n className={classes.deleteIcon}\n fill=\"#000000\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z\" />\n <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n </svg>\n );\n};\n\nDeleteIcon.propTypes = {\n classes: PropTypes.object,\n};\n\nconst RawPoint = (props) => {\n const { iconKey, active, classes, onClick } = props;\n const names = classNames(classes[iconKey], { active });\n return (\n <span role=\"presentation\" key={iconKey} onClick={onClick}>\n <a className={names}> </a>\n </span>\n );\n};\n\nRawPoint.propTypes = {\n iconKey: PropTypes.string.isRequired,\n active: PropTypes.bool,\n classes: PropTypes.object,\n onClick: PropTypes.func,\n};\n\nexport const Point = injectSheet(styles)(RawPoint);\n\nconst Points = ({ selectPoint, classes, selected, icons }) => {\n const iconTags = icons.map((key) => {\n let active = key === selected;\n let onClick = active ? () => {} : selectPoint.bind(null, key);\n return <Point key={key.toLowerCase()} iconKey={key.toLowerCase()} active={active} onClick={onClick} />; //icon(key, active);\n });\n\n return <div className={classes.elementSelector}>{iconTags}</div>;\n};\n\nPoints.propTypes = {\n selectPoint: PropTypes.func.isRequired,\n classes: PropTypes.object.isRequired,\n selected: PropTypes.string,\n icons: PropTypes.array,\n};\n\nexport class PointChooser extends React.Component {\n static defaultProps = {\n showDeleteButton: false,\n elementType: PointChooser.DEFAULT_TYPE,\n icons: ['pf', 'lff', 'lef', 'lfe', 'lee', 'rfn', 'rfp', 'ren', 'rep'],\n };\n\n static propTypes = {\n classes: PropTypes.object.isRequired,\n elementType: PropTypes.string,\n showDeleteButton: PropTypes.bool,\n onDeleteClick: PropTypes.func.isRequired,\n onElementType: PropTypes.func.isRequired,\n onUndoElement: PropTypes.func.isRequired,\n onClearElements: PropTypes.func.isRequired,\n icons: PropTypes.array,\n };\n\n render() {\n const {\n elementType,\n showDeleteButton,\n onDeleteClick,\n onUndoElement,\n onClearElements,\n icons,\n classes,\n onElementType,\n } = this.props;\n\n return (\n <div className={classes.pointChooser}>\n <Points selected={elementType} classes={classes} selectPoint={onElementType} icons={icons} />\n <div className={classes.controls}>\n {showDeleteButton && (\n <span className={classes.deleteIconHolder} onClick={onDeleteClick}>\n <DeleteIcon classes={classes} />\n </span>\n )}\n <Button onClick={onUndoElement} label=\"Undo\" />\n <Button onClick={onClearElements} label=\"Clear all\" />\n </div>\n </div>\n );\n }\n}\n\nexport default injectSheet(styles)(PointChooser);\n\nPointChooser.DEFAULT_TYPE = 'pf';\n"],"file":"index.js"}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _img = _interopRequireDefault(require("./img"));
|
|
11
|
-
|
|
12
|
-
var iconHeight = 41;
|
|
13
|
-
var iconWidth = 42;
|
|
14
|
-
|
|
15
|
-
var noselect = function noselect() {
|
|
16
|
-
return {
|
|
17
|
-
'-webkit-touch-callout': 'none'
|
|
18
|
-
/* iOS Safari */
|
|
19
|
-
,
|
|
20
|
-
'-webkit-user-select': 'none'
|
|
21
|
-
/* Safari */
|
|
22
|
-
,
|
|
23
|
-
'-khtml-user-select': 'none'
|
|
24
|
-
/* Konqueror HTML */
|
|
25
|
-
,
|
|
26
|
-
'-moz-user-select': 'none'
|
|
27
|
-
/* Firefox */
|
|
28
|
-
,
|
|
29
|
-
'-ms-user-select': 'none'
|
|
30
|
-
/* Internet Explorer/Edge */
|
|
31
|
-
,
|
|
32
|
-
'user-select': 'none'
|
|
33
|
-
/* Non-prefixed version, currently
|
|
34
|
-
supported by Chrome and Opera */
|
|
35
|
-
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
var styleElement = function styleElement(index) {
|
|
40
|
-
return {
|
|
41
|
-
display: 'inline-block',
|
|
42
|
-
width: iconWidth,
|
|
43
|
-
height: iconHeight,
|
|
44
|
-
position: 'relative',
|
|
45
|
-
top: '1px',
|
|
46
|
-
cursor: 'pointer',
|
|
47
|
-
background: "url(".concat(_img["default"], ") -").concat(index * iconWidth, "px 0px"),
|
|
48
|
-
'&.active, &.active:hover': {
|
|
49
|
-
backgroundPosition: "-".concat(index * iconWidth, "px -").concat(2 * iconHeight, "px")
|
|
50
|
-
},
|
|
51
|
-
'&:hover': {
|
|
52
|
-
textDecoration: 'none',
|
|
53
|
-
backgroundPosition: "-".concat(index * iconWidth, "px -").concat(iconHeight, "px")
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
var _default = {
|
|
59
|
-
pointChooser: {
|
|
60
|
-
backgroundColor: 'white',
|
|
61
|
-
display: 'flex',
|
|
62
|
-
justifyContent: 'space-between',
|
|
63
|
-
borderRadius: '4px',
|
|
64
|
-
padding: '1px'
|
|
65
|
-
},
|
|
66
|
-
deleteIconHolder: {
|
|
67
|
-
position: 'relative',
|
|
68
|
-
top: '3px',
|
|
69
|
-
width: '30px'
|
|
70
|
-
},
|
|
71
|
-
deleteIcon: {
|
|
72
|
-
fill: 'black',
|
|
73
|
-
cursor: 'pointer',
|
|
74
|
-
transition: 'opacity 100ms linear',
|
|
75
|
-
'&:hover': {
|
|
76
|
-
opacity: '0.5'
|
|
77
|
-
}
|
|
78
|
-
},
|
|
79
|
-
elementSelector: Object.assign({
|
|
80
|
-
width: '55%',
|
|
81
|
-
padding: '1px'
|
|
82
|
-
}, noselect()),
|
|
83
|
-
controls: {
|
|
84
|
-
display: 'flex',
|
|
85
|
-
paddingTop: '7px'
|
|
86
|
-
},
|
|
87
|
-
pf: styleElement(0),
|
|
88
|
-
lff: styleElement(1),
|
|
89
|
-
lef: styleElement(2),
|
|
90
|
-
lfe: styleElement(3),
|
|
91
|
-
lee: styleElement(4),
|
|
92
|
-
rfn: styleElement(5),
|
|
93
|
-
rfp: styleElement(6),
|
|
94
|
-
ren: styleElement(7),
|
|
95
|
-
rep: styleElement(8)
|
|
96
|
-
};
|
|
97
|
-
exports["default"] = _default;
|
|
98
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/number-line/point-chooser/styles.js"],"names":["iconHeight","iconWidth","noselect","styleElement","index","display","width","height","position","top","cursor","background","img","backgroundPosition","textDecoration","pointChooser","backgroundColor","justifyContent","borderRadius","padding","deleteIconHolder","deleteIcon","fill","transition","opacity","elementSelector","Object","assign","controls","paddingTop","pf","lff","lef","lfe","lee","rfn","rfp","ren","rep"],"mappings":";;;;;;;;;AAGA;;AAHA,IAAMA,UAAU,GAAG,EAAnB;AACA,IAAMC,SAAS,GAAG,EAAlB;;AAIA,IAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,SAAO;AACtB,6BAAyB;AAAO;AADV;AAEtB,2BAAuB;AAAO;AAFR;AAGtB,0BAAsB;AAAO;AAHP;AAItB,wBAAoB;AAAO;AAJL;AAKtB,uBAAmB;AAAO;AALJ;AAMtB,mBAAe;AAAO;AACxB;;AAPwB,GAAP;AAAA,CAAjB;;AAUA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD;AAAA,SAAY;AAC/BC,IAAAA,OAAO,EAAE,cADsB;AAE/BC,IAAAA,KAAK,EAAEL,SAFwB;AAG/BM,IAAAA,MAAM,EAAEP,UAHuB;AAI/BQ,IAAAA,QAAQ,EAAE,UAJqB;AAK/BC,IAAAA,GAAG,EAAE,KAL0B;AAM/BC,IAAAA,MAAM,EAAE,SANuB;AAO/BC,IAAAA,UAAU,gBAASC,eAAT,gBAAkBR,KAAK,GAAGH,SAA1B,WAPqB;AAQ/B,gCAA4B;AAC1BY,MAAAA,kBAAkB,aAAMT,KAAK,GAAGH,SAAd,iBAA8B,IAAID,UAAlC;AADQ,KARG;AAW/B,eAAW;AACTc,MAAAA,cAAc,EAAE,MADP;AAETD,MAAAA,kBAAkB,aAAMT,KAAK,GAAGH,SAAd,iBAA8BD,UAA9B;AAFT;AAXoB,GAAZ;AAAA,CAArB;;eAiBe;AACbe,EAAAA,YAAY,EAAE;AACZC,IAAAA,eAAe,EAAE,OADL;AAEZX,IAAAA,OAAO,EAAE,MAFG;AAGZY,IAAAA,cAAc,EAAE,eAHJ;AAIZC,IAAAA,YAAY,EAAE,KAJF;AAKZC,IAAAA,OAAO,EAAE;AALG,GADD;AAQbC,EAAAA,gBAAgB,EAAE;AAChBZ,IAAAA,QAAQ,EAAE,UADM;AAEhBC,IAAAA,GAAG,EAAE,KAFW;AAGhBH,IAAAA,KAAK,EAAE;AAHS,GARL;AAabe,EAAAA,UAAU,EAAE;AACVC,IAAAA,IAAI,EAAE,OADI;AAEVZ,IAAAA,MAAM,EAAE,SAFE;AAGVa,IAAAA,UAAU,EAAE,sBAHF;AAIV,eAAW;AACTC,MAAAA,OAAO,EAAE;AADA;AAJD,GAbC;AAqBbC,EAAAA,eAAe,EAAEC,MAAM,CAACC,MAAP,CACf;AACErB,IAAAA,KAAK,EAAE,KADT;AAEEa,IAAAA,OAAO,EAAE;AAFX,GADe,EAKfjB,QAAQ,EALO,CArBJ;AA4Bb0B,EAAAA,QAAQ,EAAE;AACRvB,IAAAA,OAAO,EAAE,MADD;AAERwB,IAAAA,UAAU,EAAE;AAFJ,GA5BG;AAgCbC,EAAAA,EAAE,EAAE3B,YAAY,CAAC,CAAD,CAhCH;AAiCb4B,EAAAA,GAAG,EAAE5B,YAAY,CAAC,CAAD,CAjCJ;AAkCb6B,EAAAA,GAAG,EAAE7B,YAAY,CAAC,CAAD,CAlCJ;AAmCb8B,EAAAA,GAAG,EAAE9B,YAAY,CAAC,CAAD,CAnCJ;AAoCb+B,EAAAA,GAAG,EAAE/B,YAAY,CAAC,CAAD,CApCJ;AAqCbgC,EAAAA,GAAG,EAAEhC,YAAY,CAAC,CAAD,CArCJ;AAsCbiC,EAAAA,GAAG,EAAEjC,YAAY,CAAC,CAAD,CAtCJ;AAuCbkC,EAAAA,GAAG,EAAElC,YAAY,CAAC,CAAD,CAvCJ;AAwCbmC,EAAAA,GAAG,EAAEnC,YAAY,CAAC,CAAD;AAxCJ,C","sourcesContent":["const iconHeight = 41;\nconst iconWidth = 42;\n\nimport img from './img';\n\nconst noselect = () => ({\n '-webkit-touch-callout': 'none' /* iOS Safari */,\n '-webkit-user-select': 'none' /* Safari */,\n '-khtml-user-select': 'none' /* Konqueror HTML */,\n '-moz-user-select': 'none' /* Firefox */,\n '-ms-user-select': 'none' /* Internet Explorer/Edge */,\n 'user-select': 'none' /* Non-prefixed version, currently\n supported by Chrome and Opera */,\n});\n\nconst styleElement = (index) => ({\n display: 'inline-block',\n width: iconWidth,\n height: iconHeight,\n position: 'relative',\n top: '1px',\n cursor: 'pointer',\n background: `url(${img}) -${index * iconWidth}px 0px`,\n '&.active, &.active:hover': {\n backgroundPosition: `-${index * iconWidth}px -${2 * iconHeight}px`,\n },\n '&:hover': {\n textDecoration: 'none',\n backgroundPosition: `-${index * iconWidth}px -${iconHeight}px`,\n },\n});\n\nexport default {\n pointChooser: {\n backgroundColor: 'white',\n display: 'flex',\n justifyContent: 'space-between',\n borderRadius: '4px',\n padding: '1px',\n },\n deleteIconHolder: {\n position: 'relative',\n top: '3px',\n width: '30px',\n },\n deleteIcon: {\n fill: 'black',\n cursor: 'pointer',\n transition: 'opacity 100ms linear',\n '&:hover': {\n opacity: '0.5',\n },\n },\n elementSelector: Object.assign(\n {\n width: '55%',\n padding: '1px',\n },\n noselect(),\n ),\n controls: {\n display: 'flex',\n paddingTop: '7px',\n },\n pf: styleElement(0),\n lff: styleElement(1),\n lef: styleElement(2),\n lfe: styleElement(3),\n lee: styleElement(4),\n rfn: styleElement(5),\n rfp: styleElement(6),\n ren: styleElement(7),\n rep: styleElement(8),\n};\n"],"file":"styles.js"}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
|
-
var _reactJss = _interopRequireDefault(require("react-jss"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
|
-
var _reactTransitionGroup = require("react-transition-group");
|
|
17
|
-
|
|
18
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
|
|
20
|
-
var duration = 200;
|
|
21
|
-
var fade = {
|
|
22
|
-
appear: {
|
|
23
|
-
opacity: 0
|
|
24
|
-
},
|
|
25
|
-
appearActive: {
|
|
26
|
-
opacity: 1,
|
|
27
|
-
transition: "opacity ".concat(duration, "ms ease-in")
|
|
28
|
-
},
|
|
29
|
-
enter: {
|
|
30
|
-
opacity: 0
|
|
31
|
-
},
|
|
32
|
-
enterActive: {
|
|
33
|
-
opacity: 1,
|
|
34
|
-
transition: "opacity ".concat(duration, "ms ease-in")
|
|
35
|
-
},
|
|
36
|
-
exit: {
|
|
37
|
-
opacity: 1
|
|
38
|
-
},
|
|
39
|
-
exitActive: {
|
|
40
|
-
opacity: 0,
|
|
41
|
-
transition: "opacity ".concat(duration, "ms ease-in")
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
var FadeTransition = function FadeTransition(props) {
|
|
46
|
-
var classes = props.classes;
|
|
47
|
-
return /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, (0, _extends2["default"])({}, props, {
|
|
48
|
-
appear: true,
|
|
49
|
-
classNames: {
|
|
50
|
-
enter: classes.enter,
|
|
51
|
-
enterActive: classes.enterActive,
|
|
52
|
-
exit: classes.exit,
|
|
53
|
-
exitActive: classes.exitActive,
|
|
54
|
-
appear: classes.appear,
|
|
55
|
-
appearActive: classes.appearActive
|
|
56
|
-
},
|
|
57
|
-
timeout: duration
|
|
58
|
-
}));
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
FadeTransition.propTypes = {
|
|
62
|
-
classes: _propTypes["default"].object.isRequired
|
|
63
|
-
};
|
|
64
|
-
var Fade = (0, _reactJss["default"])(fade)(FadeTransition);
|
|
65
|
-
var _default = Fade;
|
|
66
|
-
exports["default"] = _default;
|
|
67
|
-
//# sourceMappingURL=fade.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/number-line/transitions/fade.jsx"],"names":["duration","fade","appear","opacity","appearActive","transition","enter","enterActive","exit","exitActive","FadeTransition","props","classes","propTypes","PropTypes","object","isRequired","Fade"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,GAAjB;AACA,IAAMC,IAAI,GAAG;AACXC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE;AADH,GADG;AAIXC,EAAAA,YAAY,EAAE;AACZD,IAAAA,OAAO,EAAE,CADG;AAEZE,IAAAA,UAAU,oBAAaL,QAAb;AAFE,GAJH;AAQXM,EAAAA,KAAK,EAAE;AACLH,IAAAA,OAAO,EAAE;AADJ,GARI;AAWXI,EAAAA,WAAW,EAAE;AACXJ,IAAAA,OAAO,EAAE,CADE;AAEXE,IAAAA,UAAU,oBAAaL,QAAb;AAFC,GAXF;AAeXQ,EAAAA,IAAI,EAAE;AACJL,IAAAA,OAAO,EAAE;AADL,GAfK;AAkBXM,EAAAA,UAAU,EAAE;AACVN,IAAAA,OAAO,EAAE,CADC;AAEVE,IAAAA,UAAU,oBAAaL,QAAb;AAFA;AAlBD,CAAb;;AAwBA,IAAMU,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAW;AAChC,MAAQC,OAAR,GAAoBD,KAApB,CAAQC,OAAR;AACA,sBACE,gCAAC,mCAAD,gCACMD,KADN;AAEE,IAAA,MAAM,EAAE,IAFV;AAGE,IAAA,UAAU,EAAE;AACVL,MAAAA,KAAK,EAAEM,OAAO,CAACN,KADL;AAEVC,MAAAA,WAAW,EAAEK,OAAO,CAACL,WAFX;AAGVC,MAAAA,IAAI,EAAEI,OAAO,CAACJ,IAHJ;AAIVC,MAAAA,UAAU,EAAEG,OAAO,CAACH,UAJV;AAKVP,MAAAA,MAAM,EAAEU,OAAO,CAACV,MALN;AAMVE,MAAAA,YAAY,EAAEQ,OAAO,CAACR;AANZ,KAHd;AAWE,IAAA,OAAO,EAAEJ;AAXX,KADF;AAeD,CAjBD;;AAmBAU,cAAc,CAACG,SAAf,GAA2B;AACzBD,EAAAA,OAAO,EAAEE,sBAAUC,MAAV,CAAiBC;AADD,CAA3B;AAIA,IAAMC,IAAI,GAAG,0BAAYhB,IAAZ,EAAkBS,cAAlB,CAAb;eAEeO,I","sourcesContent":["import injectSheet from 'react-jss';\nimport React from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport PropTypes from 'prop-types';\n\nconst duration = 200;\nconst fade = {\n appear: {\n opacity: 0,\n },\n appearActive: {\n opacity: 1,\n transition: `opacity ${duration}ms ease-in`,\n },\n enter: {\n opacity: 0,\n },\n enterActive: {\n opacity: 1,\n transition: `opacity ${duration}ms ease-in`,\n },\n exit: {\n opacity: 1,\n },\n exitActive: {\n opacity: 0,\n transition: `opacity ${duration}ms ease-in`,\n },\n};\n\nconst FadeTransition = (props) => {\n const { classes } = props;\n return (\n <CSSTransition\n {...props}\n appear={true}\n classNames={{\n enter: classes.enter,\n enterActive: classes.enterActive,\n exit: classes.exit,\n exitActive: classes.exitActive,\n appear: classes.appear,\n appearActive: classes.appearActive,\n }}\n timeout={duration}\n />\n );\n};\n\nFadeTransition.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nconst Fade = injectSheet(fade)(FadeTransition);\n\nexport default Fade;\n"],"file":"fade.js"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
Object.defineProperty(exports, "Fade", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _fade["default"];
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
|
|
15
|
-
var _fade = _interopRequireDefault(require("./fade"));
|
|
16
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/number-line/transitions/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["import Fade from './fade';\nexport { Fade };\n"],"file":"index.js"}
|