@voplus/morpho-workspace 1.0.0-dev59 → 1.0.0-dev60

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.
Files changed (97) hide show
  1. package/es/components/AvatarList/AvatarMenu.d.ts +4 -0
  2. package/es/components/AvatarList/AvatarMenu.js +79 -0
  3. package/es/components/AvatarList/AvatarMenu.js.map +1 -0
  4. package/es/components/AvatarList/state.d.ts +10 -0
  5. package/es/components/AvatarList/state.js +4 -0
  6. package/es/components/AvatarList/state.js.map +1 -1
  7. package/es/components/TagView/index.d.ts +15 -0
  8. package/es/components/TagView/index.js +87 -0
  9. package/es/components/TagView/index.js.map +1 -0
  10. package/es/components/TagView/index.less +37 -0
  11. package/es/components/TagView/state.d.ts +14 -0
  12. package/es/components/TagView/state.js +48 -0
  13. package/es/components/TagView/state.js.map +1 -0
  14. package/es/data/board/LinkStore.d.ts +11 -0
  15. package/es/data/board/LinkStore.js +40 -0
  16. package/es/data/board/LinkStore.js.map +1 -0
  17. package/es/data/board/index.d.ts +1 -0
  18. package/es/data/board/index.js +1 -0
  19. package/es/data/board/index.js.map +1 -1
  20. package/es/data/task/interfaces.d.ts +2 -1
  21. package/es/modules/BoardView/components/Board/index.d.ts +5 -0
  22. package/es/modules/BoardView/components/Board/index.js +144 -0
  23. package/es/modules/BoardView/components/Board/index.js.map +1 -0
  24. package/es/modules/BoardView/components/{BoardList → Board}/index.less +10 -0
  25. package/es/modules/BoardView/components/Board/state.d.ts +4 -0
  26. package/es/modules/BoardView/components/Board/state.js +11 -0
  27. package/es/modules/BoardView/components/Board/state.js.map +1 -0
  28. package/es/modules/BoardView/components/BoardColumn/index.d.ts +3 -1
  29. package/es/modules/BoardView/components/BoardColumn/index.js +46 -44
  30. package/es/modules/BoardView/components/BoardColumn/index.js.map +1 -1
  31. package/es/modules/BoardView/components/BoardColumn/index.less +163 -7
  32. package/es/modules/BoardView/components/DocumentCard/index.js +8 -11
  33. package/es/modules/BoardView/components/DocumentCard/index.js.map +1 -1
  34. package/es/modules/BoardView/components/LinkList/index.d.ts +2 -5
  35. package/es/modules/BoardView/components/LinkList/index.js +24 -34
  36. package/es/modules/BoardView/components/LinkList/index.js.map +1 -1
  37. package/es/modules/BoardView/components/TaskCard/index.d.ts +0 -1
  38. package/es/modules/BoardView/components/TaskCard/index.js +12 -13
  39. package/es/modules/BoardView/components/TaskCard/index.js.map +1 -1
  40. package/es/modules/BoardView/components/links/index.d.ts +12 -0
  41. package/es/modules/BoardView/components/links/index.js +24 -0
  42. package/es/modules/BoardView/components/links/index.js.map +1 -0
  43. package/es/modules/BoardView/pages/BoardViewList/index.d.ts +1 -3
  44. package/es/modules/BoardView/pages/BoardViewList/index.js +13 -14
  45. package/es/modules/BoardView/pages/BoardViewList/index.js.map +1 -1
  46. package/es/modules/BoardView/pages/BoardViewList/state.d.ts +5 -0
  47. package/es/modules/BoardView/pages/BoardViewList/state.js +14 -0
  48. package/es/modules/BoardView/pages/BoardViewList/state.js.map +1 -0
  49. package/es/modules/BoardView/pages/BoardViewRoutes.d.ts +16 -2
  50. package/es/modules/BoardView/pages/BoardViewRoutes.js +33 -4
  51. package/es/modules/BoardView/pages/BoardViewRoutes.js.map +1 -1
  52. package/es/modules/meeting/components/MeetingDescription/index.js +6 -8
  53. package/es/modules/meeting/components/MeetingDescription/index.js.map +1 -1
  54. package/es/modules/meeting/components/MeetingDetail/index.less +1 -0
  55. package/es/modules/meeting/pages/MeetingPrintView/index.js +5 -7
  56. package/es/modules/meeting/pages/MeetingPrintView/index.js.map +1 -1
  57. package/es/modules/meeting/pages/MeetingPrintView/index.less +53 -0
  58. package/es/modules/meeting/pages/MeetingTabView/index.js +3 -5
  59. package/es/modules/meeting/pages/MeetingTabView/index.js.map +1 -1
  60. package/es/modules/tasks/components/TaskDescription/index.js +6 -8
  61. package/es/modules/tasks/components/TaskDescription/index.js.map +1 -1
  62. package/es/modules/tasks/components/TaskDescription/index.less +1 -0
  63. package/es/modules/tasks/components/TaskDetail/index.js +2 -1
  64. package/es/modules/tasks/components/TaskDetail/index.js.map +1 -1
  65. package/es/modules/tasks/components/TaskHeader/index.js +6 -3
  66. package/es/modules/tasks/components/TaskHeader/index.js.map +1 -1
  67. package/es/modules/tasks/components/TaskItem/TaskItem.d.ts +1 -0
  68. package/es/modules/tasks/components/TaskItem/TaskItem.js +3 -3
  69. package/es/modules/tasks/components/TaskItem/TaskItem.js.map +1 -1
  70. package/es/modules/tasks/pages/TaskTabView/index.js +7 -8
  71. package/es/modules/tasks/pages/TaskTabView/index.js.map +1 -1
  72. package/package.json +6 -5
  73. package/es/modules/BoardView/components/BoardList/index.d.ts +0 -5
  74. package/es/modules/BoardView/components/BoardList/index.js +0 -84
  75. package/es/modules/BoardView/components/BoardList/index.js.map +0 -1
  76. package/es/modules/BoardView/components/BoardList/state.d.ts +0 -14
  77. package/es/modules/BoardView/components/BoardList/state.js +0 -59
  78. package/es/modules/BoardView/components/BoardList/state.js.map +0 -1
  79. package/es/modules/BoardView/components/ReactBeautifulDnd/authorItem.d.ts +0 -14
  80. package/es/modules/BoardView/components/ReactBeautifulDnd/authorItem.js +0 -45
  81. package/es/modules/BoardView/components/ReactBeautifulDnd/authorItem.js.map +0 -1
  82. package/es/modules/BoardView/components/ReactBeautifulDnd/authorList.d.ts +0 -21
  83. package/es/modules/BoardView/components/ReactBeautifulDnd/authorList.js +0 -34
  84. package/es/modules/BoardView/components/ReactBeautifulDnd/authorList.js.map +0 -1
  85. package/es/modules/BoardView/components/ReactBeautifulDnd/board.d.ts +0 -9
  86. package/es/modules/BoardView/components/ReactBeautifulDnd/board.js +0 -129
  87. package/es/modules/BoardView/components/ReactBeautifulDnd/board.js.map +0 -1
  88. package/es/modules/BoardView/components/ReactBeautifulDnd/column.d.ts +0 -11
  89. package/es/modules/BoardView/components/ReactBeautifulDnd/column.js +0 -29
  90. package/es/modules/BoardView/components/ReactBeautifulDnd/column.js.map +0 -1
  91. package/es/modules/BoardView/components/ReactBeautifulDnd/data.d.ts +0 -3
  92. package/es/modules/BoardView/components/ReactBeautifulDnd/data.js +0 -109
  93. package/es/modules/BoardView/components/ReactBeautifulDnd/data.js.map +0 -1
  94. package/es/modules/BoardView/components/ReactBeautifulDnd/index.less +0 -162
  95. package/es/modules/BoardView/components/ReactBeautifulDnd/state.d.ts +0 -13
  96. package/es/modules/BoardView/components/ReactBeautifulDnd/state.js +0 -36
  97. package/es/modules/BoardView/components/ReactBeautifulDnd/state.js.map +0 -1
@@ -1,129 +0,0 @@
1
- // @flow
2
- import React, { useState } from "react";
3
- // import { colors } from '@atlaskit/theme';
4
- import { Global, css } from "@emotion/core";
5
- import Column from "./column";
6
- import { State } from "./state";
7
- import { useObserver, observer } from "mobx-react-lite";
8
- import { DragDropContext, Droppable } from "react-beautiful-dnd";
9
- import { authorQuoteMap } from "../ReactBeautifulDnd/data";
10
- import { useBoardColumnListEffect } from "../../../../data/board";
11
- const Boards = (props) => {
12
- const [state] = useState(new State());
13
- const initial = props.initial ? props.initial : authorQuoteMap;
14
- useBoardColumnListEffect(list => {
15
- state.ordered = list;
16
- console.log(state.ordered, state.ordered.length);
17
- });
18
- state.columns = initial;
19
- // state.ordered = Object.keys(initial);
20
- // state.ordered = initial;
21
- console.log("sss", state.columns, state.ordered);
22
- // const boardRef?:HTMLElement;
23
- const reorder = (list, startIndex, endIndex) => {
24
- const result = Array.from(list);
25
- const [removed] = result.splice(startIndex, 1);
26
- result.splice(endIndex, 0, removed);
27
- return result;
28
- };
29
- const reorderQuoteMap = ({ quoteMap, source, destination }) => {
30
- const current = [...quoteMap[source.droppableId]];
31
- const next = [...quoteMap[destination.droppableId]];
32
- const target = current[source.index];
33
- // moving to same list
34
- if (source.droppableId === destination.droppableId) {
35
- const reordered = reorder(current, source.index, destination.index);
36
- const result = {
37
- ...quoteMap,
38
- [source.droppableId]: reordered
39
- };
40
- return {
41
- quoteMap: result
42
- };
43
- }
44
- // moving to different list
45
- // remove from original
46
- current.splice(source.index, 1);
47
- // insert into next
48
- next.splice(destination.index, 0, target);
49
- const result = {
50
- ...quoteMap,
51
- [source.droppableId]: current,
52
- [destination.droppableId]: next
53
- };
54
- return {
55
- quoteMap: result
56
- };
57
- };
58
- const onDragEnd = (result) => {
59
- if (result.combine) {
60
- if (result.type === "COLUMN") {
61
- const shallow = [...state.ordered];
62
- shallow.splice(result.source.index, 1);
63
- state.ordered = shallow;
64
- console.log("column-orderd", state.ordered);
65
- return;
66
- }
67
- const column = state.columns[result.source.droppableId];
68
- const withQuoteRemoved = [...column];
69
- withQuoteRemoved.splice(result.source.index, 1);
70
- const columns = {
71
- ...state.columns,
72
- [result.source.droppableId]: withQuoteRemoved
73
- };
74
- state.columns = columns;
75
- console.log("columns-columns", state.columns);
76
- return;
77
- }
78
- // dropped nowhere
79
- if (!result.destination) {
80
- return;
81
- }
82
- const source = result.source;
83
- const destination = result.destination;
84
- // did not move anywhere - can bail early
85
- if (source.droppableId === destination.droppableId && source.index === destination.index) {
86
- return;
87
- }
88
- // reordering column
89
- if (result.type === "COLUMN") {
90
- const ordered = reorder(state.ordered, source.index, destination.index);
91
- state.ordered = ordered;
92
- console.log("column-ordered---", state.ordered);
93
- return;
94
- }
95
- let old = { ...state.columns };
96
- console.log("---", result);
97
- let remove = old[source.droppableId].splice(source.index, 1);
98
- old[destination.droppableId].push(remove);
99
- const data = reorderQuoteMap({
100
- quoteMap: old,
101
- source,
102
- destination
103
- });
104
- state.columns = data.quoteMap;
105
- console.log("---", state.columns);
106
- };
107
- const { containerHeight, useClone, isCombineEnabled, withScrollableColumns } = props;
108
- const board = useObserver(() => (React.createElement(Droppable, { droppableId: "board", type: "COLUMN", direction: "horizontal", ignoreContainerClipping: Boolean(containerHeight), isCombineEnabled: isCombineEnabled }, provided => (React.createElement("div", Object.assign({ style: {
109
- minHeight: "100vh",
110
- minWidth: "100vw",
111
- display: "inline-flex"
112
- }, ref: provided.innerRef }, provided.droppableProps),
113
- state.ordered.map((item, index) => (React.createElement(Column, { key: item.id, index: index, id: item.id, title: item.name,
114
- // quotes={state.columns[key]}
115
- isScrollable: withScrollableColumns, isCombineEnabled: isCombineEnabled, useClone: useClone }))),
116
- provided.placeholder)))));
117
- return useObserver(() => (React.createElement(React.Fragment, null,
118
- React.createElement(DragDropContext, { onDragEnd: onDragEnd }, containerHeight ? (React.createElement("div", { style: { height: `${containerHeight}`, overflowX: "hidden", overflowY: "auto" } }, board)) : (board)),
119
- React.createElement(Global, { styles: css `
120
- body {
121
- background: #808080;
122
- }
123
- ` }))));
124
- };
125
- Boards.defaultProps = {
126
- isCombineEnabled: false
127
- };
128
- export default observer(Boards);
129
- //# sourceMappingURL=board.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"board.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/ReactBeautifulDnd/board.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Column: (props: {
3
- id: string;
4
- title: string;
5
- quotes?: any[] | undefined;
6
- index: number;
7
- isScrollable?: boolean | undefined;
8
- isCombineEnabled?: boolean | undefined;
9
- useClone?: boolean | undefined;
10
- }) => JSX.Element;
11
- export default Column;
@@ -1,29 +0,0 @@
1
- // @flow
2
- import React, { useState } from "react";
3
- // import { Draggable } from '../../../src';
4
- // import type { DraggableProvided, DraggableStateSnapshot } from '../../../src';
5
- import QuoteList from "./authorList";
6
- import { Draggable } from "react-beautiful-dnd";
7
- import { useObserver } from "mobx-react-lite";
8
- import { ColumnState } from "./state";
9
- import styles from "./index.less";
10
- const Column = (props) => {
11
- const { title, quotes, index } = { ...props };
12
- const [state] = useState(new ColumnState());
13
- // useEffect(() => {
14
- // state.quotes = props.quotes!;
15
- // console.log("column-quotes", state.quotes);
16
- // }, [props.quotes]);
17
- // useDocumentLinkListEffect(props.id, list => {
18
- // console.log("---list", list);
19
- // state.quotes = list;
20
- // });
21
- return useObserver(() => (React.createElement(Draggable, { draggableId: title, index: index }, (provided, snapshot) => (React.createElement("div", Object.assign({ className: styles["column-container"], ref: provided.innerRef }, provided.draggableProps),
22
- React.createElement("div", { className: "header" },
23
- React.createElement("div", Object.assign({ className: "title" }, provided.dragHandleProps), title)),
24
- React.createElement(QuoteList, { id: props.id, listId: title, listType: "QUOTE", style: {
25
- backgroundColor: snapshot.isDragging ? "#00ff00" : null
26
- }, quotes: state.quotes, internalScroll: props.isScrollable, isCombineEnabled: Boolean(props.isCombineEnabled), useClone: Boolean(props.useClone) }))))));
27
- };
28
- export default Column;
29
- //# sourceMappingURL=column.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"column.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/ReactBeautifulDnd/column.tsx"],"names":[],"mappings":"AAAA,QAAQ;AACR,OAAO,KAAK,EAAE,EAAwB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9D,4CAA4C;AAC5C,iFAAiF;AACjF,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAA8B,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAY,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAQtC,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,MAAM,GAAG,CAAC,KAQf,EAAE,EAAE;IACJ,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9C,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC;IAC5C,oBAAoB;IACpB,iCAAiC;IACjC,+CAA+C;IAC/C,sBAAsB;IAEtB,gDAAgD;IAChD,iCAAiC;IACjC,wBAAwB;IACxB,MAAM;IAEN,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,SAAS,IAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IACzC,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC,CACxB,2CACC,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EACrC,GAAG,EAAE,QAAQ,CAAC,QAAQ,IAClB,QAAQ,CAAC,cAAc;QAE3B,6BAAK,SAAS,EAAC,QAAQ;YACtB,2CAAK,SAAS,EAAC,OAAO,IAAK,QAAQ,CAAC,eAAe,GACjD,KAAK,CACD,CACD;QACN,oBAAC,SAAS,IACT,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,MAAM,EAAE,KAAK,EACb,QAAQ,EAAC,OAAO,EAChB,KAAK,EAAE;gBACN,eAAe,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;aACvD,EACD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,YAAY,EAClC,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,EACjD,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,GAChC,CACG,CACN,CACU,CACZ,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,3 +0,0 @@
1
- export declare const quotes: any[];
2
- export declare const authors: any[];
3
- export declare const authorQuoteMap: any;
@@ -1,109 +0,0 @@
1
- const jake = {
2
- id: "1",
3
- name: "Jake",
4
- url: "http://adventuretime.wikia.com/wiki/Jake",
5
- avatarUrl: "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=770094666,790735245&fm=26&gp=0.jpg"
6
- // colors: {
7
- // soft: colors.Y50,
8
- // hard: colors.N400A
9
- // }
10
- };
11
- const BMO = {
12
- id: "2",
13
- name: "BMO",
14
- url: "http://adventuretime.wikia.com/wiki/BMO",
15
- avatarUrl: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1582404497,2226613703&fm=26&gp=0.jpg"
16
- // colors: {
17
- // soft: colors.G50,
18
- // hard: colors.N400A
19
- // }
20
- };
21
- const finn = {
22
- id: "3",
23
- name: "Finn",
24
- url: "http://adventuretime.wikia.com/wiki/Finn",
25
- avatarUrl: "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1994023590,4186120074&fm=26&gp=0.jpg"
26
- // colors: {
27
- // soft: colors.B50,
28
- // hard: colors.N400A
29
- // }
30
- };
31
- const princess = {
32
- id: "4",
33
- name: "Princess bubblegum",
34
- url: "http://adventuretime.wikia.com/wiki/Princess_Bubblegum",
35
- avatarUrl: "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3973311124,425672427&fm=26&gp=0.jpg"
36
- // colors: {
37
- // soft: colors.P50,
38
- // hard: colors.N400A
39
- // }
40
- };
41
- export const quotes = [
42
- {
43
- id: "1",
44
- content: "Sometimes life is scary and dark",
45
- author: BMO
46
- },
47
- {
48
- id: "2",
49
- content: "Sucking at something is the first step towards being sorta good at something.",
50
- author: jake
51
- },
52
- {
53
- id: "3",
54
- content: "You got to focus on what's real, man",
55
- author: jake
56
- },
57
- {
58
- id: "4",
59
- content: "Is that where creativity comes from? From sad biz?",
60
- author: finn
61
- },
62
- {
63
- id: "5",
64
- content: "Homies help homies. Always",
65
- author: finn
66
- },
67
- {
68
- id: "6",
69
- content: "Responsibility demands sacrifice",
70
- author: princess
71
- },
72
- {
73
- id: "7",
74
- content: "That's it! The answer was so simple, I was too smart to see it!",
75
- author: princess
76
- },
77
- {
78
- id: "8",
79
- content: "People make mistakes. It's all a part of growing up and you never really stop growing",
80
- author: finn
81
- },
82
- {
83
- id: "9",
84
- content: "Don't you always call sweatpants 'give up on life pants,' Jake?",
85
- author: finn
86
- },
87
- {
88
- id: "10",
89
- content: "I should not have drunk that much tea!",
90
- author: princess
91
- },
92
- {
93
- id: "11",
94
- content: "Please! I need the real you!",
95
- author: princess
96
- },
97
- {
98
- id: "12",
99
- content: "Haven't slept for a solid 83 hours, but, yeah, I'm good.",
100
- author: princess
101
- }
102
- ];
103
- export const authors = [jake, BMO, finn, princess];
104
- const getByAuthor = (author, items) => items.filter((quote) => quote.author === author);
105
- export const authorQuoteMap = authors.reduce((previous, author) => ({
106
- ...previous,
107
- [author.name]: getByAuthor(author, quotes)
108
- }), {});
109
- //# sourceMappingURL=data.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/ReactBeautifulDnd/data.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACZ,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,0CAA0C;IAC/C,SAAS,EACR,8FAA8F;IAC/F,YAAY;IACZ,qBAAqB;IACrB,sBAAsB;IACtB,IAAI;CACJ,CAAC;AAEF,MAAM,GAAG,GAAG;IACX,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,KAAK;IACX,GAAG,EAAE,yCAAyC;IAC9C,SAAS,EACR,gGAAgG;IACjG,YAAY;IACZ,qBAAqB;IACrB,sBAAsB;IACtB,IAAI;CACJ,CAAC;AAEF,MAAM,IAAI,GAAG;IACZ,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,0CAA0C;IAC/C,SAAS,EACR,gGAAgG;IACjG,YAAY;IACZ,qBAAqB;IACrB,sBAAsB;IACtB,IAAI;CACJ,CAAC;AAEF,MAAM,QAAQ,GAAG;IAChB,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,oBAAoB;IAC1B,GAAG,EAAE,wDAAwD;IAC7D,SAAS,EACR,+FAA+F;IAChG,YAAY;IACZ,qBAAqB;IACrB,sBAAsB;IACtB,IAAI;CACJ,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC5B;QACC,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,kCAAkC;QAC3C,MAAM,EAAE,GAAG;KACX;IACD;QACC,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,+EAA+E;QACxF,MAAM,EAAE,IAAI;KACZ;IACD;QACC,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,sCAAsC;QAC/C,MAAM,EAAE,IAAI;KACZ;IACD;QACC,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,oDAAoD;QAC7D,MAAM,EAAE,IAAI;KACZ;IACD;QACC,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,4BAA4B;QACrC,MAAM,EAAE,IAAI;KACZ;IACD;QACC,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,kCAAkC;QAC3C,MAAM,EAAE,QAAQ;KAChB;IACD;QACC,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,iEAAiE;QAC1E,MAAM,EAAE,QAAQ;KAChB;IACD;QACC,EAAE,EAAE,GAAG;QACP,OAAO,EACN,uFAAuF;QACxF,MAAM,EAAE,IAAI;KACZ;IACD;QACC,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,iEAAiE;QAC1E,MAAM,EAAE,IAAI;KACZ;IACD;QACC,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,wCAAwC;QACjD,MAAM,EAAE,QAAQ;KAChB;IACD;QACC,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,8BAA8B;QACvC,MAAM,EAAE,QAAQ;KAChB;IACD;QACC,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,0DAA0D;QACnE,MAAM,EAAE,QAAQ;KAChB;CACD,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAU,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;AAE1D,MAAM,WAAW,GAAG,CAAC,MAAW,EAAE,KAAY,EAAS,EAAE,CACxD,KAAK,CAAC,MAAM,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,cAAc,GAAQ,OAAO,CAAC,MAAM,CAChD,CAAC,QAAa,EAAE,MAAW,EAAE,EAAE,CAAC,CAAC;IAChC,GAAG,QAAQ;IACX,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC;CAC1C,CAAC,EACF,EAAE,CACF,CAAC"}
@@ -1,162 +0,0 @@
1
- .column-container {
2
- margin: 8px;
3
- display: flex;
4
- flex-direction: column;
5
- :global {
6
- .header {
7
- display: flex;
8
- align-items: center;
9
- justify-content: center;
10
- border-top-left-radius: 2px;
11
- border-top-right-radius: 2px;
12
- background-color: #e6f7ff;
13
- transition: background-color 0.2s ease;
14
-
15
- &:hover {
16
- background-color: #afd3e4;
17
- }
18
- }
19
- .title {
20
- padding: 8px;
21
- transition: background-color ease 0.2s;
22
- flex-grow: 1;
23
- user-select: none;
24
- position: relative;
25
- &:focus {
26
- outline: 2px solid #e6f7ff;
27
- outline-offset: 2px;
28
- }
29
- }
30
- .dropZone {
31
- /* stop the list collapsing when empty */
32
- min-height: 250px;
33
-
34
- /*
35
- not relying on the items for a margin-bottom
36
- as it will collapse when the list is empty
37
- */
38
- padding-bottom: 8px;
39
- }
40
- .wrapper {
41
- display: flex;
42
- flex-direction: column;
43
- padding: 8px;
44
- border: 8px;
45
- padding-bottom: 0;
46
- transition: background-color 0.2s ease, opacity 0.1s ease;
47
- user-select: none;
48
- width: 250px;
49
- background: #e6f7ff;
50
- }
51
- .scrollContainer {
52
- overflow-x: hidden;
53
- overflow-y: auto;
54
- max-height: 250px;
55
- }
56
- .container {
57
- border-radius: 2px;
58
- border: 2px solid transparent;
59
- // border-color: ${props => getBorderColor(props.isDragging, props.colors)};
60
- // background-color: ${props =>
61
- // getBackgroundColor(props.isDragging, props.isGroupedOver, props.colors)};
62
- // box-shadow: ${({ isDragging }) =>
63
- // isDragging ? `2px 2px 1px ${colors.N70}` : 'none'};
64
- background: #ffffff;
65
- box-sizing: border-box;
66
- padding: 8px;
67
- min-height: 40px;
68
- margin-bottom: 8px;
69
- user-select: none;
70
-
71
- /* anchor overrides */
72
- color: #1f2021;
73
-
74
- &:hover,
75
- &:active {
76
- color: #afd3e4;
77
- text-decoration: none;
78
- }
79
-
80
- &:focus {
81
- outline: none;
82
- // border-color: ${props => props.colors.hard};
83
- box-shadow: none;
84
- }
85
-
86
- /* flexbox */
87
- display: flex;
88
- }
89
- .avatar {
90
- width: 40px;
91
- height: 40px;
92
- border-radius: 50%;
93
- margin-right: 8px;
94
- flex-shrink: 0;
95
- flex-grow: 0;
96
- }
97
- .cloneBadge {
98
- background: #afd3e4;
99
- bottom: 4px;
100
- border: 2px solid #e6f7ff;
101
- border-radius: 50%;
102
- box-sizing: border-box;
103
- font-size: 10px;
104
- position: absolute;
105
- right: -13px;
106
- top: -13px;
107
- transform: rotate(40deg);
108
-
109
- height: 40px;
110
- width: 40px;
111
-
112
- display: flex;
113
- justify-content: center;
114
- align-items: center;
115
- }
116
- .content {
117
- /* flex child */
118
- flex-grow: 1;
119
-
120
- /*
121
- Needed to wrap text in ie11
122
- https://stackoverflow.com/questions/35111090/why-ie11-doesnt-wrap-the-text-in-flexbox
123
- */
124
- flex-basis: 100%;
125
-
126
- /* flex parent */
127
- display: flex;
128
- flex-direction: column;
129
- }
130
- .blockQuote {
131
- &::before {
132
- content: open-quote;
133
- }
134
-
135
- &::after {
136
- content: close-quote;
137
- }
138
- }
139
- .footer {
140
- display: flex;
141
- margin-top: 8px;
142
- align-items: center;
143
- }
144
- .author {
145
- color: #333333;
146
- flex-grow: 0;
147
- margin: 0;
148
- background-color: #eeeeee;
149
- border-radius: 2px;
150
- font-weight: normal;
151
- padding: 4px;
152
- }
153
- .quoteId {
154
- flex-grow: 1;
155
- flex-shrink: 1;
156
- margin: 0;
157
- font-weight: normal;
158
- text-overflow: ellipsis;
159
- text-align: right;
160
- }
161
- }
162
- }
@@ -1,13 +0,0 @@
1
- export declare class State {
2
- columns: any;
3
- ordered: any[];
4
- }
5
- export declare class ColumnState {
6
- quotes: any[];
7
- }
8
- export declare class AuthorState {
9
- quotes: any[];
10
- }
11
- export declare class AuthorItemState {
12
- quote: any;
13
- }
@@ -1,36 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { observable } from "mobx";
3
- export class State {
4
- constructor() {
5
- this.columns = {};
6
- this.ordered = [];
7
- }
8
- }
9
- __decorate([
10
- observable
11
- ], State.prototype, "columns", void 0);
12
- __decorate([
13
- observable
14
- ], State.prototype, "ordered", void 0);
15
- export class ColumnState {
16
- constructor() {
17
- this.quotes = [];
18
- }
19
- }
20
- __decorate([
21
- observable
22
- ], ColumnState.prototype, "quotes", void 0);
23
- export class AuthorState {
24
- constructor() {
25
- this.quotes = [];
26
- }
27
- }
28
- __decorate([
29
- observable
30
- ], AuthorState.prototype, "quotes", void 0);
31
- export class AuthorItemState {
32
- }
33
- __decorate([
34
- observable
35
- ], AuthorItemState.prototype, "quote", void 0);
36
- //# sourceMappingURL=state.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/ReactBeautifulDnd/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlC,MAAM,OAAO,KAAK;IAAlB;QACoB,YAAO,GAAQ,EAAE,CAAC;QAClB,YAAO,GAAU,EAAE,CAAC;IACxC,CAAC;CAAA;AAFY;IAAX,UAAU;sCAA0B;AACzB;IAAX,UAAU;sCAA4B;AAGxC,MAAM,OAAO,WAAW;IAAxB;QACoB,WAAM,GAAU,EAAE,CAAC;IACvC,CAAC;CAAA;AADY;IAAX,UAAU;2CAA2B;AAGvC,MAAM,OAAO,WAAW;IAAxB;QACoB,WAAM,GAAU,EAAE,CAAC;IACvC,CAAC;CAAA;AADY;IAAX,UAAU;2CAA2B;AAGvC,MAAM,OAAO,eAAe;CAE3B;AADY;IAAX,UAAU;8CAAmB"}