@pie-element/placement-ordering 12.1.0 → 12.2.1-next.0
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/CHANGELOG.md +16 -0
- package/configure/CHANGELOG.md +11 -0
- package/configure/package.json +5 -5
- package/controller/CHANGELOG.md +11 -0
- package/controller/package.json +4 -4
- package/lib/tile.js +0 -1
- package/lib/tile.js.map +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,22 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [12.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/placement-ordering@12.0.0...@pie-element/placement-ordering@12.2.0) (2025-10-10)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* remove opacity for categorize, match-list and placement-ordering answers PD-5149 ([18a68cc](https://github.com/pie-framework/pie-elements/commit/18a68cc99fdf3e09ad3818d32bb3da1304110c5d))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Features
|
|
15
|
+
|
|
16
|
+
* update libs PD-5208, PD-5211, PD-5199, PD-5218, PD-5217 ([da327fa](https://github.com/pie-framework/pie-elements/commit/da327fa501f6e9eff1c0b30b5ef092426a91f78b))
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
6
22
|
# [12.1.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/placement-ordering@11.0.0...@pie-element/placement-ordering@12.1.0) (2025-10-07)
|
|
7
23
|
|
|
8
24
|
**Note:** Version bump only for package @pie-element/placement-ordering
|
package/configure/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [9.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/placement-ordering-configure@9.0.1...@pie-element/placement-ordering-configure@9.2.0) (2025-10-10)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* update libs PD-5208, PD-5211, PD-5199, PD-5218, PD-5217 ([da327fa](https://github.com/pie-framework/pie-elements/commit/da327fa501f6e9eff1c0b30b5ef092426a91f78b))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [9.1.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/placement-ordering-configure@9.0.0...@pie-element/placement-ordering-configure@9.1.0) (2025-10-07)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @pie-element/placement-ordering-configure
|
package/configure/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-element/placement-ordering-configure",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.2.0",
|
|
4
4
|
"private": true,
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "src/index.js",
|
|
@@ -8,10 +8,10 @@
|
|
|
8
8
|
"@material-ui/core": "^3.9.2",
|
|
9
9
|
"@material-ui/icons": "^3.0.1",
|
|
10
10
|
"@pie-framework/pie-configure-events": "^1.3.0",
|
|
11
|
-
"@pie-lib/config-ui": "^11.25.
|
|
12
|
-
"@pie-lib/drag": "^2.18.
|
|
13
|
-
"@pie-lib/editable-html": "^11.17.
|
|
14
|
-
"@pie-lib/render-ui": "^4.31.
|
|
11
|
+
"@pie-lib/config-ui": "^11.25.1",
|
|
12
|
+
"@pie-lib/drag": "^2.18.1",
|
|
13
|
+
"@pie-lib/editable-html": "^11.17.1",
|
|
14
|
+
"@pie-lib/render-ui": "^4.31.1",
|
|
15
15
|
"debug": "^3.1.0",
|
|
16
16
|
"lodash": "^4.17.15",
|
|
17
17
|
"nested-property": "^0.0.7",
|
package/controller/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [9.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/placement-ordering-controller@9.0.1...@pie-element/placement-ordering-controller@9.2.0) (2025-10-10)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* update libs PD-5208, PD-5211, PD-5199, PD-5218, PD-5217 ([da327fa](https://github.com/pie-framework/pie-elements/commit/da327fa501f6e9eff1c0b30b5ef092426a91f78b))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [9.1.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/placement-ordering-controller@9.0.0...@pie-element/placement-ordering-controller@9.1.0) (2025-10-07)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @pie-element/placement-ordering-controller
|
package/controller/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-element/placement-ordering-controller",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.2.0",
|
|
4
4
|
"private": true,
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "src/index.js",
|
|
7
7
|
"dependencies": {
|
|
8
|
-
"@pie-lib/controller-utils": "^0.
|
|
9
|
-
"@pie-lib/feedback": "^0.
|
|
10
|
-
"@pie-lib/translator": "^2.
|
|
8
|
+
"@pie-lib/controller-utils": "^0.19.4",
|
|
9
|
+
"@pie-lib/feedback": "^0.21.4",
|
|
10
|
+
"@pie-lib/translator": "^2.20.4",
|
|
11
11
|
"debug": "^3.1.0",
|
|
12
12
|
"js-combinatorics": "^0.5.4",
|
|
13
13
|
"lodash": "^4.17.19"
|
package/lib/tile.js
CHANGED
package/lib/tile.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tile.jsx"],"names":["log","Holder","theme","number","width","fontSize","typography","textAlign","color","palette","common","black","classes","type","index","isOver","disabled","undefined","propTypes","PropTypes","string","bool","TileContent","over","opacity","tileContent","cursor","height","padding","boxSizing","overflow","border","grey","backgroundColor","background","transition","pointerEvents","secondary","dragging","secondaryLight","incorrect","correct","emptyTile","props","isDragging","empty","label","outcome","guideIndex","names","__html","Tile","e","preventDefault","ref","addEventListener","handleTouchStart","passive","removeEventListener","connectDragSource","connectDropTarget","id","name","title","dragSourceOpts","React","Component","func","isRequired","any","object","StyledTile","margin","tileTarget","drop","monitor","draggedItem","getItem","instanceId","onDropChoice","canDrop","DropTile","connect","dropTarget","tileSource","canDrag","draggable","beginDrag","value","endDrag","didDrop","onRemoveChoice","DragDropTile","dragSource"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,sCAAN,CAAZ;AAEA,IAAMC,MAAM,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AACpCC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,MADD;AAENC,MAAAA,QAAQ,EAAEH,KAAK,CAACI,UAAN,CAAiBD,QAAjB,GAA4B,CAFhC;AAGNE,MAAAA,SAAS,EAAE,QAHL;AAINC,MAAAA,KAAK,iBAAUN,KAAK,CAACO,OAAN,CAAcC,MAAd,CAAqBC,KAA/B;AAJC;AAD4B,GAAZ;AAAA,CAAX,EAOX;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,IAAZ,QAAYA,IAAZ;AAAA,MAAkBC,KAAlB,QAAkBA,KAAlB;AAAA,MAAyBC,MAAzB,QAAyBA,MAAzB;AAAA,MAAiCC,QAAjC,QAAiCA,QAAjC;AAAA,sBACF,gCAAC,iBAAD;AAAa,IAAA,IAAI,EAAEH,IAAnB;AAAyB,IAAA,MAAM,EAAEE,MAAjC;AAAyC,IAAA,QAAQ,EAAEC;AAAnD,KACGH,IAAI,KAAK,QAAT,IAAqBC,KAAK,KAAKG,SAA/B,iBAA4C;AAAK,IAAA,SAAS,EAAEL,OAAO,CAACT;AAAxB,KAAiCW,KAAjC,CAD/C,CADE;AAAA,CAPW,CAAf;AAaAb,MAAM,CAACiB,SAAP,GAAmB;AACjBL,EAAAA,IAAI,EAAEM,sBAAUC,MADC;AAEjBN,EAAAA,KAAK,EAAEK,sBAAUhB,MAFA;AAGjBY,EAAAA,MAAM,EAAEI,sBAAUE,IAHD;AAIjBL,EAAAA,QAAQ,EAAEG,sBAAUE;AAJH,CAAnB;AAOA,IAAMC,WAAW,GAAG,wBAAW,UAACpB,KAAD;AAAA,SAAY;AACzCqB,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE;AADL,KADmC;AAIzCC,IAAAA,WAAW,EAAE;AACXC,MAAAA,MAAM,EAAE,SADG;AAEXtB,MAAAA,KAAK,EAAE,MAFI;AAGXuB,MAAAA,MAAM,EAAE,MAHG;AAIXC,MAAAA,OAAO,EAAE,MAJE;AAKXC,MAAAA,SAAS,EAAE,YALA;AAMXC,MAAAA,QAAQ,EAAE,QANC;AAOXC,MAAAA,MAAM,sBAAe7B,KAAK,CAACO,OAAN,CAAcuB,IAAd,CAAmB,GAAnB,CAAf,CAPK;AAQXC,MAAAA,eAAe,EAAEzB,gBAAM0B,UAAN,EARN;AASXC,MAAAA,UAAU,EAAE,sBATD;AAUXC,MAAAA,aAAa,EAAE,MAVJ;AAWX,iBAAW;AACTH,QAAAA,eAAe,EAAEzB,gBAAM6B,SAAN;AADR;AAXA,KAJ4B;AAmBzCC,IAAAA,QAAQ,EAAE;AACRL,MAAAA,eAAe,EAAEzB,gBAAM+B,cAAN,EADT;AAERf,MAAAA,OAAO,EAAE;AAFD,KAnB+B;AAuBzCR,IAAAA,QAAQ,EAAE;AACRQ,MAAAA,OAAO,EAAE,GADD;AAERE,MAAAA,MAAM,EAAE,aAFA;AAGR,iBAAW;AACTO,QAAAA,eAAe,EAAEzB,gBAAM0B,UAAN;AADR;AAHH,KAvB+B;AA8BzCM,IAAAA,SAAS,EAAE;AACTT,MAAAA,MAAM,sBAAevB,gBAAMgC,SAAN,EAAf;AADG,KA9B8B;AAiCzCC,IAAAA,OAAO,EAAE;AACPV,MAAAA,MAAM,sBAAevB,gBAAMiC,OAAN,EAAf;AADC,KAjCgC;AAoCzCC,IAAAA,SAAS,EAAE;AACTX,MAAAA,MAAM,EAAE,MADC;AAET,iBAAW;AACTE,QAAAA,eAAe,EAAE;AADR;AAFF;AApC8B,GAAZ;AAAA,CAAX,EA0ChB,UAACU,KAAD,EAAW;AACb,MAAQ9B,IAAR,GAA2F8B,KAA3F,CAAQ9B,IAAR;AAAA,MAAcD,OAAd,GAA2F+B,KAA3F,CAAc/B,OAAd;AAAA,MAAuBgC,UAAvB,GAA2FD,KAA3F,CAAuBC,UAAvB;AAAA,MAAmCC,KAAnC,GAA2FF,KAA3F,CAAmCE,KAAnC;AAAA,MAA0C9B,MAA1C,GAA2F4B,KAA3F,CAA0C5B,MAA1C;AAAA,MAAkD+B,KAAlD,GAA2FH,KAA3F,CAAkDG,KAAlD;AAAA,MAAyD9B,QAAzD,GAA2F2B,KAA3F,CAAyD3B,QAAzD;AAAA,MAAmE+B,OAAnE,GAA2FJ,KAA3F,CAAmEI,OAAnE;AAAA,MAA4EC,UAA5E,GAA2FL,KAA3F,CAA4EK,UAA5E;;AAEA,MAAIH,KAAJ,EAAW;AACT,wBAAO,gCAAC,MAAD;AAAQ,MAAA,IAAI,EAAEhC,IAAd;AAAoB,MAAA,KAAK,EAAEmC,UAA3B;AAAuC,MAAA,MAAM,EAAEjC,MAA/C;AAAuD,MAAA,QAAQ,EAAEC;AAAjE,MAAP;AACD,GAFD,MAEO;AACL,QAAMiC,KAAK,GAAG,4BACZrC,OAAO,CAACa,WADI,EAEZ,CAACqB,KAAD,GAASlC,OAAO,CAAC8B,SAAjB,GAA6B,IAFjB,EAGZE,UAAU,IAAI,CAAC5B,QAAf,IAA2BJ,OAAO,CAAC0B,QAHvB,EAIZvB,MAAM,IAAI,CAACC,QAAX,IAAuBJ,OAAO,CAACW,IAJnB,EAKZP,QAAQ,IAAIJ,OAAO,CAACI,QALR,EAMZ+B,OAAO,IAAInC,OAAO,CAACmC,OAAD,CANN,CAAd;AAQA,wBAAO;AAAK,MAAA,SAAS,EAAEE,KAAhB;AAAuB,MAAA,uBAAuB,EAAE;AAAEC,QAAAA,MAAM,EAAEJ;AAAV;AAAhD,MAAP;AACD;AACF,CA1DmB,CAApB;;IA4DaK,I;;;;;;;;;;;;;;;yGA6BQ,UAACC,CAAD,EAAO;AACxBA,MAAAA,CAAC,CAACC,cAAF,GADwB,CACJ;AACrB,K;;;;;;WAdD,6BAAoB;AAClB,UAAI,KAAKC,GAAT,EAAc;AACZ,aAAKA,GAAL,CAASC,gBAAT,CAA0B,YAA1B,EAAwC,KAAKC,gBAA7C,EAA+D;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAA/D;AACD;AACF;;;WAED,gCAAuB;AACrB,UAAI,KAAKH,GAAT,EAAc;AACZ,aAAKA,GAAL,CAASI,mBAAT,CAA6B,YAA7B,EAA2C,KAAKF,gBAAhD;AACD;AACF;;;WAMD,kBAAS;AAAA;;AACP,wBAcI,KAAKb,KAdT;AAAA,UACEG,KADF,eACEA,KADF;AAAA,UAEEF,UAFF,eAEEA,UAFF;AAAA,UAGEe,iBAHF,eAGEA,iBAHF;AAAA,UAIEC,iBAJF,eAIEA,iBAJF;AAAA,UAKEhD,OALF,eAKEA,OALF;AAAA,UAMEG,MANF,eAMEA,MANF;AAAA,UAOEF,IAPF,eAOEA,IAPF;AAAA,UAQEgD,EARF,eAQEA,EARF;AAAA,UASEhB,KATF,eASEA,KATF;AAAA,UAUE7B,QAVF,eAUEA,QAVF;AAAA,UAWE+B,OAXF,eAWEA,OAXF;AAAA,UAYEjC,KAZF,eAYEA,KAZF;AAAA,UAaEkC,UAbF,eAaEA,UAbF;AAgBAhD,MAAAA,GAAG,CAAC,mBAAD,EAAsB,KAAK2C,KAA3B,CAAH;AAEA,UAAMmB,IAAI,GAAG,4BAAWlD,OAAO,CAACmD,KAAnB,CAAb;AAEA,UAAMC,cAAc,GAAG,CACrB;AADqB,OAAvB;AAIA,aAAOL,iBAAiB,CACtBC,iBAAiB,eACf;AAAK,QAAA,SAAS,EAAEE,IAAhB;AAAsB,QAAA,GAAG,EAAE,aAACR,KAAD;AAAA,iBAAU,MAAI,CAACA,GAAL,GAAWA,KAArB;AAAA;AAA3B,sBACE,gCAAC,WAAD;AACE,QAAA,KAAK,EAAER,KADT;AAEE,QAAA,EAAE,EAAEe,EAFN;AAGE,QAAA,KAAK,EAAEhB,KAHT;AAIE,QAAA,KAAK,EAAE/B,KAJT;AAKE,QAAA,UAAU,EAAEkC,UALd;AAME,QAAA,MAAM,EAAEjC,MANV;AAOE,QAAA,UAAU,EAAE6B,UAPd;AAQE,QAAA,QAAQ,EAAE5B,QARZ;AASE,QAAA,OAAO,EAAE+B,OATX;AAUE,QAAA,IAAI,EAAElC;AAVR,QADF,CADe,CADK,EAiBtBmD,cAjBsB,CAAxB;AAmBD;;;EA7EuBC,kBAAMC,S;;;iCAAnBf,I,eACQ;AACjBQ,EAAAA,iBAAiB,EAAExC,sBAAUgD,IAAV,CAAeC,UADjB;AAEjBR,EAAAA,iBAAiB,EAAEzC,sBAAUgD,IAAV,CAAeC,UAFjB;AAGjBxB,EAAAA,UAAU,EAAEzB,sBAAUE,IAAV,CAAe+C,UAHV;AAIjBP,EAAAA,EAAE,EAAE1C,sBAAUkD,GAJG;AAKjBvB,EAAAA,KAAK,EAAE3B,sBAAUC,MALA;AAMjBL,EAAAA,MAAM,EAAEI,sBAAUE,IAND;AAOjBT,EAAAA,OAAO,EAAEO,sBAAUmD,MAAV,CAAiBF,UAPT;AAQjBvD,EAAAA,IAAI,EAAEM,sBAAUC,MARC;AASjByB,EAAAA,KAAK,EAAE1B,sBAAUE,IATA;AAUjBL,EAAAA,QAAQ,EAAEG,sBAAUE,IAVH;AAWjB0B,EAAAA,OAAO,EAAE5B,sBAAUC,MAXF;AAYjBN,EAAAA,KAAK,EAAEK,sBAAUhB,MAZA;AAajB6C,EAAAA,UAAU,EAAE7B,sBAAUhB;AAbL,C;AA+ErB,IAAMoE,UAAU,GAAG,wBAAW;AAC5BR,EAAAA,KAAK,EAAE;AACLlC,IAAAA,SAAS,EAAE,YADN;AAELC,IAAAA,QAAQ,EAAE,QAFL;AAGL0C,IAAAA,MAAM,EAAE,KAHH;AAIL5C,IAAAA,OAAO,EAAE,KAJJ;AAKLrB,IAAAA,SAAS,EAAE;AALN;AADqB,CAAX,EAQhB4C,IARgB,CAAnB;AAUA,IAAMsB,UAAU,GAAG;AACjBC,EAAAA,IADiB,gBACZ/B,KADY,EACLgC,OADK,EACI;AACnB,QAAMC,WAAW,GAAGD,OAAO,CAACE,OAAR,EAApB;AACA7E,IAAAA,GAAG,CAAC,kBAAD,EAAqB2C,KAAK,CAACmC,UAA3B,EAAuC,yBAAvC,EAAkEF,WAAW,CAACE,UAA9E,CAAH;;AACA,QAAIF,WAAW,CAACE,UAAZ,KAA2BnC,KAAK,CAACmC,UAArC,EAAiD;AAC/CnC,MAAAA,KAAK,CAACoC,YAAN,CAAmBH,WAAnB,EAAgCjC,KAAK,CAAC7B,KAAtC;AACD;AACF,GAPgB;AAQjBkE,EAAAA,OARiB,mBAQTrC,KARS,EAQFgC,OARE,EAQO;AACtB,QAAMC,WAAW,GAAGD,OAAO,CAACE,OAAR,EAApB;AACA,QAAMG,OAAO,GAAGJ,WAAW,CAACE,UAAZ,KAA2BnC,KAAK,CAACmC,UAAjD;AACA,WAAOE,OAAP;AACD;AAZgB,CAAnB;AAeA,IAAMC,QAAQ,GAAG,0BAAW,MAAX,EAAmBR,UAAnB,EAA+B,UAACS,OAAD,EAAUP,OAAV;AAAA,SAAuB;AACrEf,IAAAA,iBAAiB,EAAEsB,OAAO,CAACC,UAAR,EADkD;AAErEpE,IAAAA,MAAM,EAAE4D,OAAO,CAAC5D,MAAR;AAF6D,GAAvB;AAAA,CAA/B,EAGbwD,UAHa,CAAjB;AAKA,IAAMa,UAAU,GAAG;AACjBC,EAAAA,OADiB,mBACT1C,KADS,EACF;AACb,WAAOA,KAAK,CAAC2C,SAAN,IAAmB,CAAC3C,KAAK,CAAC3B,QAAjC;AACD,GAHgB;AAIjBuE,EAAAA,SAJiB,qBAIP5C,KAJO,EAIA;AACf,WAAO;AACLkB,MAAAA,EAAE,EAAElB,KAAK,CAACkB,EADL;AAELhD,MAAAA,IAAI,EAAE8B,KAAK,CAAC9B,IAFP;AAGLiE,MAAAA,UAAU,EAAEnC,KAAK,CAACmC,UAHb;AAILU,MAAAA,KAAK,EAAE7C,KAAK,CAACG;AAJR,KAAP;AAMD,GAXgB;AAYjB2C,EAAAA,OAZiB,mBAYT9C,KAZS,EAYFgC,OAZE,EAYO;AACtB,QAAI,CAACA,OAAO,CAACe,OAAR,EAAL,EAAwB;AACtB,UAAI/C,KAAK,CAAC9B,IAAN,KAAe,QAAnB,EAA6B;AAC3B8B,QAAAA,KAAK,CAACgD,cAAN,CAAqBhB,OAAO,CAACE,OAAR,EAArB;AACD;AACF;AACF;AAlBgB,CAAnB;AAqBA,IAAMe,YAAY,GAAG,0BAAW,MAAX,EAAmBR,UAAnB,EAA+B,UAACF,OAAD,EAAUP,OAAV;AAAA,SAAuB;AACzEhB,IAAAA,iBAAiB,EAAEuB,OAAO,CAACW,UAAR,EADsD;AAEzEjD,IAAAA,UAAU,EAAE+B,OAAO,CAAC/B,UAAR;AAF6D,GAAvB;AAAA,CAA/B,EAGjBqC,QAHiB,CAArB;eAKeW,Y","sourcesContent":["import { DragSource, DropTarget } from 'react-dnd';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport { PlaceHolder } from '@pie-lib/drag';\nimport { color } from '@pie-lib/render-ui';\n\nconst log = debug('pie-elements:placement-ordering:tile');\n\nconst Holder = withStyles((theme) => ({\n number: {\n width: '100%',\n fontSize: theme.typography.fontSize + 4,\n textAlign: 'center',\n color: `rgba(${theme.palette.common.black}, 0.6)`,\n },\n}))(({ classes, type, index, isOver, disabled }) => (\n <PlaceHolder type={type} isOver={isOver} disabled={disabled}>\n {type === 'target' && index !== undefined && <div className={classes.number}>{index}</div>}\n </PlaceHolder>\n));\n\nHolder.propTypes = {\n type: PropTypes.string,\n index: PropTypes.number,\n isOver: PropTypes.bool,\n disabled: PropTypes.bool,\n};\n\nconst TileContent = withStyles((theme) => ({\n over: {\n opacity: 0.2,\n },\n tileContent: {\n cursor: 'pointer',\n width: '100%',\n height: '100%',\n padding: '10px',\n boxSizing: 'border-box',\n overflow: 'hidden',\n border: `1px solid ${theme.palette.grey[400]}`,\n backgroundColor: color.background(),\n transition: 'opacity 200ms linear',\n pointerEvents: 'none',\n '&:hover': {\n backgroundColor: color.secondary(),\n },\n },\n dragging: {\n backgroundColor: color.secondaryLight(),\n opacity: 0.5,\n },\n disabled: {\n opacity: 0.6,\n cursor: 'not-allowed',\n '&:hover': {\n backgroundColor: color.background(),\n },\n },\n incorrect: {\n border: `1px solid ${color.incorrect()}`,\n },\n correct: {\n border: `1px solid ${color.correct()}`,\n },\n emptyTile: {\n border: 'none',\n '&:hover': {\n backgroundColor: 'unset',\n },\n },\n}))((props) => {\n const { type, classes, isDragging, empty, isOver, label, disabled, outcome, guideIndex } = props;\n\n if (empty) {\n return <Holder type={type} index={guideIndex} isOver={isOver} disabled={disabled} />;\n } else {\n const names = classNames(\n classes.tileContent,\n !label ? classes.emptyTile : null,\n isDragging && !disabled && classes.dragging,\n isOver && !disabled && classes.over,\n disabled && classes.disabled,\n outcome && classes[outcome],\n );\n return <div className={names} dangerouslySetInnerHTML={{ __html: label }} />;\n }\n});\n\nexport class Tile extends React.Component {\n static propTypes = {\n connectDragSource: PropTypes.func.isRequired,\n connectDropTarget: PropTypes.func.isRequired,\n isDragging: PropTypes.bool.isRequired,\n id: PropTypes.any,\n label: PropTypes.string,\n isOver: PropTypes.bool,\n classes: PropTypes.object.isRequired,\n type: PropTypes.string,\n empty: PropTypes.bool,\n disabled: PropTypes.bool,\n outcome: PropTypes.string,\n index: PropTypes.number,\n guideIndex: PropTypes.number,\n };\n\n componentDidMount() {\n if (this.ref) {\n this.ref.addEventListener('touchstart', this.handleTouchStart, { passive: false });\n }\n }\n\n componentWillUnmount() {\n if (this.ref) {\n this.ref.removeEventListener('touchstart', this.handleTouchStart);\n }\n }\n\n handleTouchStart = (e) => {\n e.preventDefault(); // Prevent the default touch event behavior\n };\n\n render() {\n const {\n label,\n isDragging,\n connectDragSource,\n connectDropTarget,\n classes,\n isOver,\n type,\n id,\n empty,\n disabled,\n outcome,\n index,\n guideIndex,\n } = this.props;\n\n log('[render], props: ', this.props);\n\n const name = classNames(classes.title);\n\n const dragSourceOpts = {\n //dropEffect: moveOnDrag ? 'move' : 'copy'\n };\n\n return connectDragSource(\n connectDropTarget(\n <div className={name} ref={(ref) => (this.ref = ref)}>\n <TileContent\n label={label}\n id={id}\n empty={empty}\n index={index}\n guideIndex={guideIndex}\n isOver={isOver}\n isDragging={isDragging}\n disabled={disabled}\n outcome={outcome}\n type={type}\n />\n </div>,\n ),\n dragSourceOpts,\n );\n }\n}\n\nconst StyledTile = withStyles({\n title: {\n boxSizing: 'border-box',\n overflow: 'hidden',\n margin: '0px',\n padding: '0px',\n textAlign: 'center',\n },\n})(Tile);\n\nconst tileTarget = {\n drop(props, monitor) {\n const draggedItem = monitor.getItem();\n log('props.instanceId', props.instanceId, 'draggedItem.instanceId:', draggedItem.instanceId);\n if (draggedItem.instanceId === props.instanceId) {\n props.onDropChoice(draggedItem, props.index);\n }\n },\n canDrop(props, monitor) {\n const draggedItem = monitor.getItem();\n const canDrop = draggedItem.instanceId === props.instanceId;\n return canDrop;\n },\n};\n\nconst DropTile = DropTarget('Tile', tileTarget, (connect, monitor) => ({\n connectDropTarget: connect.dropTarget(),\n isOver: monitor.isOver(),\n}))(StyledTile);\n\nconst tileSource = {\n canDrag(props) {\n return props.draggable && !props.disabled;\n },\n beginDrag(props) {\n return {\n id: props.id,\n type: props.type,\n instanceId: props.instanceId,\n value: props.label,\n };\n },\n endDrag(props, monitor) {\n if (!monitor.didDrop()) {\n if (props.type === 'target') {\n props.onRemoveChoice(monitor.getItem());\n }\n }\n },\n};\n\nconst DragDropTile = DragSource('Tile', tileSource, (connect, monitor) => ({\n connectDragSource: connect.dragSource(),\n isDragging: monitor.isDragging(),\n}))(DropTile);\n\nexport default DragDropTile;\n"],"file":"tile.js"}
|
|
1
|
+
{"version":3,"sources":["../src/tile.jsx"],"names":["log","Holder","theme","number","width","fontSize","typography","textAlign","color","palette","common","black","classes","type","index","isOver","disabled","undefined","propTypes","PropTypes","string","bool","TileContent","over","opacity","tileContent","cursor","height","padding","boxSizing","overflow","border","grey","backgroundColor","background","transition","pointerEvents","secondary","dragging","secondaryLight","incorrect","correct","emptyTile","props","isDragging","empty","label","outcome","guideIndex","names","__html","Tile","e","preventDefault","ref","addEventListener","handleTouchStart","passive","removeEventListener","connectDragSource","connectDropTarget","id","name","title","dragSourceOpts","React","Component","func","isRequired","any","object","StyledTile","margin","tileTarget","drop","monitor","draggedItem","getItem","instanceId","onDropChoice","canDrop","DropTile","connect","dropTarget","tileSource","canDrag","draggable","beginDrag","value","endDrag","didDrop","onRemoveChoice","DragDropTile","dragSource"],"mappings":"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","sourcesContent":["import { DragSource, DropTarget } from 'react-dnd';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport { PlaceHolder } from '@pie-lib/drag';\nimport { color } from '@pie-lib/render-ui';\n\nconst log = debug('pie-elements:placement-ordering:tile');\n\nconst Holder = withStyles((theme) => ({\n number: {\n width: '100%',\n fontSize: theme.typography.fontSize + 4,\n textAlign: 'center',\n color: `rgba(${theme.palette.common.black}, 0.6)`,\n },\n}))(({ classes, type, index, isOver, disabled }) => (\n <PlaceHolder type={type} isOver={isOver} disabled={disabled}>\n {type === 'target' && index !== undefined && <div className={classes.number}>{index}</div>}\n </PlaceHolder>\n));\n\nHolder.propTypes = {\n type: PropTypes.string,\n index: PropTypes.number,\n isOver: PropTypes.bool,\n disabled: PropTypes.bool,\n};\n\nconst TileContent = withStyles((theme) => ({\n over: {\n opacity: 0.2,\n },\n tileContent: {\n cursor: 'pointer',\n width: '100%',\n height: '100%',\n padding: '10px',\n boxSizing: 'border-box',\n overflow: 'hidden',\n border: `1px solid ${theme.palette.grey[400]}`,\n backgroundColor: color.background(),\n transition: 'opacity 200ms linear',\n pointerEvents: 'none',\n '&:hover': {\n backgroundColor: color.secondary(),\n },\n },\n dragging: {\n backgroundColor: color.secondaryLight(),\n opacity: 0.5,\n },\n disabled: {\n cursor: 'not-allowed',\n '&:hover': {\n backgroundColor: color.background(),\n },\n },\n incorrect: {\n border: `1px solid ${color.incorrect()}`,\n },\n correct: {\n border: `1px solid ${color.correct()}`,\n },\n emptyTile: {\n border: 'none',\n '&:hover': {\n backgroundColor: 'unset',\n },\n },\n}))((props) => {\n const { type, classes, isDragging, empty, isOver, label, disabled, outcome, guideIndex } = props;\n\n if (empty) {\n return <Holder type={type} index={guideIndex} isOver={isOver} disabled={disabled} />;\n } else {\n const names = classNames(\n classes.tileContent,\n !label ? classes.emptyTile : null,\n isDragging && !disabled && classes.dragging,\n isOver && !disabled && classes.over,\n disabled && classes.disabled,\n outcome && classes[outcome],\n );\n return <div className={names} dangerouslySetInnerHTML={{ __html: label }} />;\n }\n});\n\nexport class Tile extends React.Component {\n static propTypes = {\n connectDragSource: PropTypes.func.isRequired,\n connectDropTarget: PropTypes.func.isRequired,\n isDragging: PropTypes.bool.isRequired,\n id: PropTypes.any,\n label: PropTypes.string,\n isOver: PropTypes.bool,\n classes: PropTypes.object.isRequired,\n type: PropTypes.string,\n empty: PropTypes.bool,\n disabled: PropTypes.bool,\n outcome: PropTypes.string,\n index: PropTypes.number,\n guideIndex: PropTypes.number,\n };\n\n componentDidMount() {\n if (this.ref) {\n this.ref.addEventListener('touchstart', this.handleTouchStart, { passive: false });\n }\n }\n\n componentWillUnmount() {\n if (this.ref) {\n this.ref.removeEventListener('touchstart', this.handleTouchStart);\n }\n }\n\n handleTouchStart = (e) => {\n e.preventDefault(); // Prevent the default touch event behavior\n };\n\n render() {\n const {\n label,\n isDragging,\n connectDragSource,\n connectDropTarget,\n classes,\n isOver,\n type,\n id,\n empty,\n disabled,\n outcome,\n index,\n guideIndex,\n } = this.props;\n\n log('[render], props: ', this.props);\n\n const name = classNames(classes.title);\n\n const dragSourceOpts = {\n //dropEffect: moveOnDrag ? 'move' : 'copy'\n };\n\n return connectDragSource(\n connectDropTarget(\n <div className={name} ref={(ref) => (this.ref = ref)}>\n <TileContent\n label={label}\n id={id}\n empty={empty}\n index={index}\n guideIndex={guideIndex}\n isOver={isOver}\n isDragging={isDragging}\n disabled={disabled}\n outcome={outcome}\n type={type}\n />\n </div>,\n ),\n dragSourceOpts,\n );\n }\n}\n\nconst StyledTile = withStyles({\n title: {\n boxSizing: 'border-box',\n overflow: 'hidden',\n margin: '0px',\n padding: '0px',\n textAlign: 'center',\n },\n})(Tile);\n\nconst tileTarget = {\n drop(props, monitor) {\n const draggedItem = monitor.getItem();\n log('props.instanceId', props.instanceId, 'draggedItem.instanceId:', draggedItem.instanceId);\n if (draggedItem.instanceId === props.instanceId) {\n props.onDropChoice(draggedItem, props.index);\n }\n },\n canDrop(props, monitor) {\n const draggedItem = monitor.getItem();\n const canDrop = draggedItem.instanceId === props.instanceId;\n return canDrop;\n },\n};\n\nconst DropTile = DropTarget('Tile', tileTarget, (connect, monitor) => ({\n connectDropTarget: connect.dropTarget(),\n isOver: monitor.isOver(),\n}))(StyledTile);\n\nconst tileSource = {\n canDrag(props) {\n return props.draggable && !props.disabled;\n },\n beginDrag(props) {\n return {\n id: props.id,\n type: props.type,\n instanceId: props.instanceId,\n value: props.label,\n };\n },\n endDrag(props, monitor) {\n if (!monitor.didDrop()) {\n if (props.type === 'target') {\n props.onRemoveChoice(monitor.getItem());\n }\n }\n },\n};\n\nconst DragDropTile = DragSource('Tile', tileSource, (connect, monitor) => ({\n connectDragSource: connect.dragSource(),\n isDragging: monitor.isDragging(),\n}))(DropTile);\n\nexport default DragDropTile;\n"],"file":"tile.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-element/placement-ordering",
|
|
3
|
-
"version": "12.1.0",
|
|
3
|
+
"version": "12.2.1-next.0+ae0ec80eb",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": "pie-framework/pie-elements",
|
|
6
6
|
"publishConfig": {
|
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"@material-ui/core": "^3.9.2",
|
|
11
11
|
"@pie-framework/pie-player-events": "^0.1.0",
|
|
12
|
-
"@pie-lib/correct-answer-toggle": "^2.21.
|
|
13
|
-
"@pie-lib/drag": "^2.18.
|
|
14
|
-
"@pie-lib/math-rendering": "^3.
|
|
15
|
-
"@pie-lib/render-ui": "^4.31.
|
|
16
|
-
"@pie-lib/translator": "^2.
|
|
12
|
+
"@pie-lib/correct-answer-toggle": "^2.21.1",
|
|
13
|
+
"@pie-lib/drag": "^2.18.1",
|
|
14
|
+
"@pie-lib/math-rendering": "^3.19.4",
|
|
15
|
+
"@pie-lib/render-ui": "^4.31.1",
|
|
16
|
+
"@pie-lib/translator": "^2.20.4",
|
|
17
17
|
"debug": "^4.1.1",
|
|
18
18
|
"decimal.js": "^10.0.0",
|
|
19
19
|
"lodash": "^4.17.10",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
},
|
|
27
27
|
"author": "",
|
|
28
28
|
"license": "ISC",
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "ae0ec80eb390dfb41150d7f9671638c0c08b047b",
|
|
30
30
|
"scripts": {
|
|
31
31
|
"postpublish": "../../scripts/postpublish"
|
|
32
32
|
},
|