@mohamed-karawia/library 0.1.13 → 0.1.14

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 (13) hide show
  1. package/dist/stories/Events/EventsList/EventsList.js +2 -19
  2. package/dist/stories/Library/Folders/Folders.js +3 -8
  3. package/dist/stories/Library/Notes/Notes.js +0 -9
  4. package/dist/stories/Pages/Events/Events/Events.js +14 -1
  5. package/dist/stories/Pages/Library/Folders/Library.js +4 -0
  6. package/dist/stories/Pages/Library/Notes/Notes.js +6 -0
  7. package/package.json +2 -2
  8. package/src/stories/Events/EventsList/EventsList.jsx +1 -17
  9. package/src/stories/Library/Folders/Folders.jsx +2 -6
  10. package/src/stories/Library/Notes/Notes.jsx +0 -9
  11. package/src/stories/Pages/Events/Events/Events.jsx +13 -0
  12. package/src/stories/Pages/Library/Folders/Library.jsx +7 -1
  13. package/src/stories/Pages/Library/Notes/Notes.jsx +25 -18
package/dist/stories/Events/EventsList/EventsList.js CHANGED
@@ -85,34 +85,17 @@ var EventsList = function EventsList(_ref) {
85
85
  props.onAddEvent(event);
86
86
  };
87
87
 
88
- return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_ReusableList.default, {
88
+ return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_ReusableList.default, Object.assign({
89
89
  listTitle: "My Events",
90
90
  data: events,
91
91
  type: "flat",
92
92
  cardStyle: "card-style-11",
93
- headerStyles: {
94
- padding: 10,
95
- headerBackground: '#FE1744',
96
- titleColor: '#ffff',
97
- controlsStyles: {
98
- iconSize: 25
99
- }
100
- },
101
- customCardStyles: {
102
- iconColor: iconColor,
103
- cardTitleFontSize: cardTitleFontSize,
104
- cardTitleColor: cardTitleColor,
105
- cardPadding: cardPadding,
106
- controlsStyles: {
107
- iconColor: '#FE1744'
108
- }
109
- },
110
93
  listControls: listControls,
111
94
  cardControls: cardControls,
112
95
  iconClicked: onIconClicked,
113
96
  cardClicked: cardClicked,
114
97
  cardIconClicked: cardIconClicked
115
- }), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
98
+ }, props)), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
116
99
  modalIsOpen: showModal,
117
100
  closeModal: function closeModal() {
118
101
  return setShowModal(false);
package/dist/stories/Library/Folders/Folders.js CHANGED
@@ -27,7 +27,7 @@ var _CreateFolder = _interopRequireDefault(require("../CreateFolder/CreateFolder
27
27
 
28
28
  var _templateObject;
29
29
 
30
- var _excluded = ["folders", "folderTitle", "columnsNumber", "columnGap", "rowGap", "cardClicked", "iconColor", "headerStyles"];
30
+ var _excluded = ["folders", "folderTitle", "columnsNumber", "columnGap", "rowGap", "cardClicked", "iconColor"];
31
31
 
32
32
  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); }
33
33
 
@@ -52,7 +52,6 @@ var Folders = function Folders(_ref) {
52
52
  rowGap = _ref.rowGap,
53
53
  cardClicked = _ref.cardClicked,
54
54
  iconColor = _ref.iconColor,
55
- headerStyles = _ref.headerStyles,
56
55
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
57
56
 
58
57
  var _useState = (0, _react.useState)(false),
@@ -84,12 +83,12 @@ var Folders = function Folders(_ref) {
84
83
  setShowModal(false);
85
84
  };
86
85
 
86
+ console.log(props);
87
87
  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_Gallery.default, Object.assign({
88
88
  galleryTitle: "Your Folders",
89
89
  data: folders,
90
90
  type: "flat",
91
91
  cardStyle: "card-style-10",
92
- headerStyles: headerStyles,
93
92
  columnsNumber: columnsNumber,
94
93
  galleryColumnGap: columnGap,
95
94
  galleryRowGap: rowGap,
@@ -98,11 +97,7 @@ var Folders = function Folders(_ref) {
98
97
  cardClicked: cardClicked,
99
98
  cardIconClicked: cardIconClicked,
100
99
  cardControls: cardControls,
101
- rowsHeight: 140,
102
- customCardStyles: {
103
- cardPadding: 10,
104
- iconColor: iconColor
105
- }
100
+ rowsHeight: 140
106
101
  }, props)), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
107
102
  modalIsOpen: showModal,
108
103
  closeModal: function closeModal() {
package/dist/stories/Library/Notes/Notes.js CHANGED
@@ -90,15 +90,6 @@ var Notes = function Notes(_ref) {
90
90
  data: notes,
91
91
  type: "flat",
92
92
  cardStyle: "card-style-11",
93
- customCardStyles: {
94
- iconColor: iconColor,
95
- cardTitleFontSize: cardTitleFontSize,
96
- cardTitleColor: cardTitleColor,
97
- cardPadding: cardPadding,
98
- controlsStyles: {
99
- iconColor: '#FE1744'
100
- }
101
- },
102
93
  listControls: listControls,
103
94
  cardControls: cardControls,
104
95
  iconClicked: onIconClicked,
package/dist/stories/Pages/Events/Events/Events.js CHANGED
@@ -117,7 +117,20 @@ var Events = function Events(props) {
117
117
  iconColor: "#FE1744",
118
118
  cardTitleFontSize: 15,
119
119
  onAddEvent: onAddEvent,
120
- cardIconClicked: cardIconClicked
120
+ cardIconClicked: cardIconClicked,
121
+ headerStyles: {
122
+ padding: 10,
123
+ headerBackground: '#FE1744',
124
+ titleColor: '#ffff',
125
+ controlsStyles: {
126
+ iconSize: 25
127
+ }
128
+ },
129
+ customCardStyles: {
130
+ controlsStyles: {
131
+ iconColor: '#FE1744'
132
+ }
133
+ }
121
134
  }))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
122
135
  };
123
136
 
package/dist/stories/Pages/Library/Folders/Library.js CHANGED
@@ -128,6 +128,10 @@ var Library = function Library(props) {
128
128
  controlsStyles: {
129
129
  iconSize: 25
130
130
  }
131
+ },
132
+ customCardStyles: {
133
+ cardPadding: 10,
134
+ iconColor: '#ff2d2d'
131
135
  }
132
136
  }))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
133
137
  };
package/dist/stories/Pages/Library/Notes/Notes.js CHANGED
@@ -123,6 +123,12 @@ var Notes = function Notes(props) {
123
123
  controlsStyles: {
124
124
  iconSize: 25
125
125
  }
126
+ },
127
+ customCardStyles: {
128
+ iconColor: '#FE1744',
129
+ controlsStyles: {
130
+ iconColor: '#FE1744'
131
+ }
126
132
  }
127
133
  }))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
128
134
  };
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  ]
11
11
  ]
12
12
  },
13
- "version": "0.1.13",
13
+ "version": "0.1.14",
14
14
  "private": false,
15
15
  "dependencies": {
16
16
  "@babel/cli": "^7.16.7",
@@ -68,7 +68,7 @@
68
68
  "build": "cross-env BABEL_ENV=production babel src -d dist",
69
69
  "test": "react-scripts test",
70
70
  "eject": "react-scripts eject",
71
- "storybook": "start-storybook -p 6006 -s public",
71
+ "storybook": "export NODE_OPTIONS=--openssl-legacy-provider; start-storybook -p 6006 -s public",
72
72
  "build-storybook": "build-storybook -s public"
73
73
  },
74
74
  "eslintConfig": {
package/src/stories/Events/EventsList/EventsList.jsx CHANGED
@@ -60,28 +60,12 @@ const EventsList = ({
60
60
  data={events}
61
61
  type='flat'
62
62
  cardStyle="card-style-11"
63
- headerStyles={{
64
- padding: 10,
65
- headerBackground: '#FE1744',
66
- titleColor: '#ffff',
67
- controlsStyles: {
68
- iconSize: 25
69
- }
70
- }}
71
- customCardStyles={{
72
- iconColor,
73
- cardTitleFontSize,
74
- cardTitleColor,
75
- cardPadding,
76
- controlsStyles: {
77
- iconColor: '#FE1744'
78
- }
79
- }}
80
63
  listControls={listControls}
81
64
  cardControls={cardControls}
82
65
  iconClicked={onIconClicked}
83
66
  cardClicked={cardClicked}
84
67
  cardIconClicked={cardIconClicked}
68
+ {...props}
85
69
  />
86
70
  <Modal
87
71
  modalIsOpen={showModal}
package/src/stories/Library/Folders/Folders.jsx CHANGED
@@ -23,7 +23,6 @@ const Folders = ({
23
23
  rowGap,
24
24
  cardClicked,
25
25
  iconColor,
26
- headerStyles,
27
26
  ...props
28
27
  }) => {
29
28
  const [showModal, setShowModal] = useState(false);
@@ -51,6 +50,8 @@ const Folders = ({
51
50
  setShowModal(false)
52
51
  }
53
52
 
53
+ console.log(props)
54
+
54
55
  return (
55
56
  <Container>
56
57
  <Gallery
@@ -58,7 +59,6 @@ const Folders = ({
58
59
  data={folders}
59
60
  type="flat"
60
61
  cardStyle="card-style-10"
61
- headerStyles={headerStyles}
62
62
  columnsNumber={columnsNumber}
63
63
  galleryColumnGap={columnGap}
64
64
  galleryRowGap={rowGap}
@@ -68,10 +68,6 @@ const Folders = ({
68
68
  cardIconClicked={cardIconClicked}
69
69
  cardControls={cardControls}
70
70
  rowsHeight={140}
71
- customCardStyles={{
72
- cardPadding: 10,
73
- iconColor
74
- }}
75
71
  {...props} />
76
72
  <Modal
77
73
  modalIsOpen={showModal}
package/src/stories/Library/Notes/Notes.jsx CHANGED
@@ -60,15 +60,6 @@ const Notes = ({
60
60
  data={notes}
61
61
  type='flat'
62
62
  cardStyle="card-style-11"
63
- customCardStyles={{
64
- iconColor,
65
- cardTitleFontSize,
66
- cardTitleColor,
67
- cardPadding,
68
- controlsStyles: {
69
- iconColor: '#FE1744'
70
- }
71
- }}
72
63
  listControls={listControls}
73
64
  cardControls={cardControls}
74
65
  iconClicked={onIconClicked}
package/src/stories/Pages/Events/Events/Events.jsx CHANGED
@@ -94,6 +94,19 @@ const Events = (props) => {
94
94
  cardTitleFontSize={15}
95
95
  onAddEvent={onAddEvent}
96
96
  cardIconClicked={cardIconClicked}
97
+ headerStyles={{
98
+ padding: 10,
99
+ headerBackground: '#FE1744',
100
+ titleColor: '#ffff',
101
+ controlsStyles: {
102
+ iconSize: 25
103
+ }
104
+ }}
105
+ customCardStyles={{
106
+ controlsStyles: {
107
+ iconColor: '#FE1744'
108
+ }
109
+ }}
97
110
  />
98
111
 
99
112
  </SpaceContainer>
package/src/stories/Pages/Library/Folders/Library.jsx CHANGED
@@ -102,7 +102,13 @@ const Library = (props) => {
102
102
  controlsStyles: {
103
103
  iconSize: 25
104
104
  }
105
- }} />
105
+ }}
106
+ customCardStyles={{
107
+ cardPadding: 10,
108
+ iconColor: '#ff2d2d'
109
+ }}
110
+
111
+ />
106
112
 
107
113
  </SpaceContainer>
108
114
 
package/src/stories/Pages/Library/Notes/Notes.jsx CHANGED
@@ -20,11 +20,11 @@ import { SPACES } from '../../ViewWorld/constatnts';
20
20
  const Notes = (props) => {
21
21
 
22
22
  const [notes, setNotes] = useState([
23
- {title: 'Study notes', date: '15/11/2020'},
24
- {title: 'Music notes', date: '14/12/2020'},
25
- {title: 'Workout notes', date: '5/8/2021'},
26
- {title: 'Gaming notes', date: '14/4/2023'},
27
- {title: 'Working notes', date: '5/6/2021'},
23
+ { title: 'Study notes', date: '15/11/2020' },
24
+ { title: 'Music notes', date: '14/12/2020' },
25
+ { title: 'Workout notes', date: '5/8/2021' },
26
+ { title: 'Gaming notes', date: '14/4/2023' },
27
+ { title: 'Working notes', date: '5/6/2021' },
28
28
  ])
29
29
 
30
30
  const cardIconClicked = (action, index) => {
@@ -32,7 +32,7 @@ const Notes = (props) => {
32
32
  case 'delete':
33
33
  deleteNote(index)
34
34
  break;
35
-
35
+
36
36
  default:
37
37
  break;
38
38
  }
@@ -45,7 +45,7 @@ const Notes = (props) => {
45
45
  const deleteNote = (index) => {
46
46
  setNotes(deleteFromArrayByIndex(notes, index))
47
47
  }
48
-
48
+
49
49
  return (
50
50
  <BaseMaterial {...worldStyles.containerStyle} {...props}>
51
51
  <Navbar />
@@ -90,17 +90,24 @@ const Notes = (props) => {
90
90
  hideTitle
91
91
  >
92
92
  <ViewNotes
93
- onAddNote={onAddNote}
94
- cardIconClicked={cardIconClicked}
95
- notes={notes}
96
- headerStyles={{
97
- padding: 10,
98
- headerBackground: '#FE1744',
99
- titleColor: '#ffff',
100
- controlsStyles: {
101
- iconSize: 25
102
- }
103
- }} />
93
+ onAddNote={onAddNote}
94
+ cardIconClicked={cardIconClicked}
95
+ notes={notes}
96
+ headerStyles={{
97
+ padding: 10,
98
+ headerBackground: '#FE1744',
99
+ titleColor: '#ffff',
100
+ controlsStyles: {
101
+ iconSize: 25
102
+ }
103
+ }}
104
+ customCardStyles={{
105
+ iconColor: '#FE1744',
106
+ controlsStyles: {
107
+ iconColor: '#FE1744'
108
+ }
109
+ }}
110
+ />
104
111
 
105
112
  </SpaceContainer>
106
113