beem-component 2.1.15 → 2.1.17

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 (10) hide show
  1. package/dist/components/HorizontalCard/HorizontalCard.js +7 -4
  2. package/dist/components/HorizontalCard/HorizontalCard.stories.js +4 -1
  3. package/dist/components/Modals/modal.js +1 -1
  4. package/dist/components/ResourceCard/ResourceCard.js +1 -1
  5. package/package.json +1 -1
  6. package/src/App.js +3 -0
  7. package/src/lib/components/HorizontalCard/HorizontalCard.js +6 -3
  8. package/src/lib/components/HorizontalCard/HorizontalCard.stories.jsx +3 -0
  9. package/src/lib/components/Modals/modal.js +1 -1
  10. package/src/lib/components/ResourceCard/ResourceCard.js +2 -2
package/dist/components/HorizontalCard/HorizontalCard.js CHANGED
@@ -80,7 +80,10 @@ const BmHorizontalCard = _ref4 => {
80
80
  selectedResources,
81
81
  address,
82
82
  duration,
83
- guest_limit
83
+ guest_limit,
84
+ deleteToolTip,
85
+ editToolTip,
86
+ copyToolTip
84
87
  } = _ref4;
85
88
  return /*#__PURE__*/_react.default.createElement(RowContainer, {
86
89
  isActive: isActive
@@ -105,7 +108,7 @@ const BmHorizontalCard = _ref4 => {
105
108
  e.stopPropagation();
106
109
  onCopyLink();
107
110
  },
108
- title: "Copy shareable link"
111
+ title: copyToolTip || ''
109
112
  }, /*#__PURE__*/_react.default.createElement(_Link.default, {
110
113
  fontSize: "small"
111
114
  })), /*#__PURE__*/_react.default.createElement(IconButton, {
@@ -113,7 +116,7 @@ const BmHorizontalCard = _ref4 => {
113
116
  e.stopPropagation();
114
117
  onView();
115
118
  },
116
- title: "Edit appointment type"
119
+ title: editToolTip || ''
117
120
  }, /*#__PURE__*/_react.default.createElement(_Edit.default, {
118
121
  fontSize: "small"
119
122
  })), /*#__PURE__*/_react.default.createElement(IconButton, {
@@ -123,7 +126,7 @@ const BmHorizontalCard = _ref4 => {
123
126
  e.stopPropagation();
124
127
  onDelete();
125
128
  },
126
- title: "Delete appointment type"
129
+ title: deleteToolTip || ''
127
130
  }, /*#__PURE__*/_react.default.createElement(_Delete.default, {
128
131
  fontSize: "small"
129
132
  }))));
package/dist/components/HorizontalCard/HorizontalCard.stories.js CHANGED
@@ -34,6 +34,9 @@ const Example = () => /*#__PURE__*/_react.default.createElement(_HorizontalCard.
34
34
  selectedResources: sampleResources,
35
35
  address: "456 Innovation Avenue, Tech City",
36
36
  duration: 60,
37
- guest_limit: 10
37
+ guest_limit: 10,
38
+ editToolTip: "edit appointment type",
39
+ deleteToolTip: "delete appointment type",
40
+ copyToolTip: "copy appointment type link"
38
41
  });
39
42
  exports.Example = Example;
package/dist/components/Modals/modal.js CHANGED
@@ -25,7 +25,7 @@ const {
25
25
  } = /*#__PURE__*/_react.default.createContext();
26
26
  const Overlay = exports.Overlay = _styledComponents.default.div.withConfig({
27
27
  displayName: "modal__Overlay"
28
- })(["position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background-color:", ";"], _colors.BmBgGrey45);
28
+ })(["position:fixed;top:0;left:0;z-index:20;width:100vw;height:100vh;background-color:", ";"], _colors.BmBgGrey45);
29
29
  const ModalContent = exports.ModalContent = _styledComponents.default.div.withConfig({
30
30
  displayName: "modal__ModalContent"
31
31
  })(["display:flex;flex-direction:column;border-radius:0.8571rem;padding:1rem;margin:2rem auto;background:", ";width:auto;max-width:100%;> *:not(:last-child){margin-bottom:0.5rem;}@media (min-width:576px){width:", ";}"], _colors.BmPrimaryWhite, _ref => {
package/dist/components/ResourceCard/ResourceCard.js CHANGED
@@ -125,7 +125,7 @@ const BmResourceCard = _ref7 => {
125
125
  onClick: onDelete
126
126
  }, DeleteIcon && /*#__PURE__*/_react.default.createElement(DeleteIcon, {
127
127
  fontSize: "small"
128
- }))))), /*#__PURE__*/_react.default.createElement(Content, null, departmentName && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Department:"), /*#__PURE__*/_react.default.createElement(Value, null, departmentName)), type === 'staff' && email && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Email:"), /*#__PURE__*/_react.default.createElement(Value, null, email)), type === 'staff' && phone && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Phone:"), /*#__PURE__*/_react.default.createElement(Value, null, phone)), type === 'room' && capacity && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Capacity:"), /*#__PURE__*/_react.default.createElement(Value, null, capacity)), type === 'room' && features && features.length > 0 && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Features:"), /*#__PURE__*/_react.default.createElement(Value, null, features.join(', '))), availability && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Availability:"), /*#__PURE__*/_react.default.createElement(Value, null, availability))), /*#__PURE__*/_react.default.createElement(Footer, null, /*#__PURE__*/_react.default.createElement(StatusDot, {
128
+ }))))), /*#__PURE__*/_react.default.createElement(Content, null, departmentName && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Department:"), /*#__PURE__*/_react.default.createElement(Value, null, departmentName)), email && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Email:"), /*#__PURE__*/_react.default.createElement(Value, null, email)), phone && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Phone:"), /*#__PURE__*/_react.default.createElement(Value, null, phone)), type === 'room' && capacity && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Capacity:"), /*#__PURE__*/_react.default.createElement(Value, null, capacity)), type === 'room' && features && features.length > 0 && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Features:"), /*#__PURE__*/_react.default.createElement(Value, null, features.join(', '))), availability && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Availability:"), /*#__PURE__*/_react.default.createElement(Value, null, availability))), /*#__PURE__*/_react.default.createElement(Footer, null, /*#__PURE__*/_react.default.createElement(StatusDot, {
129
129
  isActive: isActive
130
130
  }), /*#__PURE__*/_react.default.createElement(StatusText, null, isActive ? 'Active' : 'Inactive')));
131
131
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "beem-component",
3
- "version": "2.1.15",
3
+ "version": "2.1.17",
4
4
  "private": false,
5
5
  "main": "dist/components/index.js",
6
6
  "scripts": {
package/src/App.js CHANGED
@@ -1123,6 +1123,9 @@ const Chat = () => {
1123
1123
  onDelete={() => handleDelete(type)}
1124
1124
  onCopyLink={() => handleCopyLink(type.id)}
1125
1125
  data={type}
1126
+ editToolTip="edit appointment type"
1127
+ deleteToolTip="delete appointment type"
1128
+ copyToolTip="copy appointment type link"
1126
1129
  />
1127
1130
  ))}
1128
1131
  </div>
package/src/lib/components/HorizontalCard/HorizontalCard.js CHANGED
@@ -165,6 +165,9 @@ const BmHorizontalCard = ({
165
165
  address,
166
166
  duration,
167
167
  guest_limit,
168
+ deleteToolTip,
169
+ editToolTip,
170
+ copyToolTip,
168
171
  }) => {
169
172
  return (
170
173
  <RowContainer isActive={isActive}>
@@ -230,7 +233,7 @@ const BmHorizontalCard = ({
230
233
  e.stopPropagation();
231
234
  onCopyLink();
232
235
  }}
233
- title="Copy shareable link"
236
+ title={copyToolTip || ''}
234
237
  >
235
238
  <LinkIcon fontSize="small" />
236
239
  </IconButton>
@@ -239,7 +242,7 @@ const BmHorizontalCard = ({
239
242
  e.stopPropagation();
240
243
  onView();
241
244
  }}
242
- title="Edit appointment type"
245
+ title={editToolTip || ''}
243
246
  >
244
247
  <EditIcon fontSize="small" />
245
248
  </IconButton>
@@ -250,7 +253,7 @@ const BmHorizontalCard = ({
250
253
  e.stopPropagation();
251
254
  onDelete();
252
255
  }}
253
- title="Delete appointment type"
256
+ title={deleteToolTip || ''}
254
257
  >
255
258
  <DeleteIcon fontSize="small" />
256
259
  </IconButton>
package/src/lib/components/HorizontalCard/HorizontalCard.stories.jsx CHANGED
@@ -26,5 +26,8 @@ export const Example = () => (
26
26
  address="456 Innovation Avenue, Tech City"
27
27
  duration={60}
28
28
  guest_limit={10}
29
+ editToolTip="edit appointment type"
30
+ deleteToolTip="delete appointment type"
31
+ copyToolTip="copy appointment type link"
29
32
  />
30
33
  );
package/src/lib/components/Modals/modal.js CHANGED
@@ -15,7 +15,7 @@ export const Overlay = styled.div`
15
15
  position: fixed;
16
16
  top: 0;
17
17
  left: 0;
18
- z-index: 9999;
18
+ z-index: 20;
19
19
  width: 100vw;
20
20
  height: 100vh;
21
21
  background-color: ${BmBgGrey45};
package/src/lib/components/ResourceCard/ResourceCard.js CHANGED
@@ -171,13 +171,13 @@ const BmResourceCard = ({
171
171
  <Value>{departmentName}</Value>
172
172
  </InfoRow>
173
173
  )}
174
- {type === 'staff' && email && (
174
+ {email && (
175
175
  <InfoRow>
176
176
  <Label>Email:</Label>
177
177
  <Value>{email}</Value>
178
178
  </InfoRow>
179
179
  )}
180
- {type === 'staff' && phone && (
180
+ {phone && (
181
181
  <InfoRow>
182
182
  <Label>Phone:</Label>
183
183
  <Value>{phone}</Value>