@synerise/ds-sidebar-object 0.4.93 → 0.5.3

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 (14) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/Elements/Content/Content.js +2 -2
  3. package/dist/Elements/Content/Content.types.js +1 -0
  4. package/dist/Elements/DropdownOverlay/DropdownOverlay.js +18 -19
  5. package/dist/Elements/DropdownOverlay/DropdownOverlay.types.js +1 -0
  6. package/dist/Elements/Header/Header.js +40 -54
  7. package/dist/Elements/Header/Header.style.js +1 -1
  8. package/dist/Elements/ObjectSummary/ObjectSummary.js +2 -2
  9. package/dist/Elements/ObjectSummary/ObjectSummary.types.js +1 -0
  10. package/dist/Elements/Overview/Overview.js +14 -29
  11. package/dist/Elements/Overview/Overview.types.js +1 -0
  12. package/dist/SidebarObject.js +4 -4
  13. package/dist/SidebarObject.types.js +1 -0
  14. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -3,6 +3,38 @@
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
+ ## [0.5.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@0.5.2...@synerise/ds-sidebar-object@0.5.3) (2021-11-22)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-sidebar-object
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.5.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@0.5.1...@synerise/ds-sidebar-object@0.5.2) (2021-11-16)
15
+
16
+ **Note:** Version bump only for package @synerise/ds-sidebar-object
17
+
18
+
19
+
20
+
21
+
22
+ ## [0.5.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@0.4.93...@synerise/ds-sidebar-object@0.5.1) (2021-11-09)
23
+
24
+ **Note:** Version bump only for package @synerise/ds-sidebar-object
25
+
26
+
27
+
28
+
29
+
30
+ # [0.5.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@0.4.93...@synerise/ds-sidebar-object@0.5.0) (2021-11-09)
31
+
32
+ **Note:** Version bump only for package @synerise/ds-sidebar-object
33
+
34
+
35
+
36
+
37
+
6
38
  ## [0.4.93](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@0.4.92...@synerise/ds-sidebar-object@0.4.93) (2021-11-05)
7
39
 
8
40
  **Note:** Version bump only for package @synerise/ds-sidebar-object
package/dist/Elements/Content/Content.js CHANGED
@@ -14,9 +14,9 @@ var Content = function Content(_ref) {
14
14
  tags = _ref.tags,
15
15
  textDescription = _ref.textDescription,
16
16
  onDescriptionChange = _ref.onDescriptionChange;
17
- return React.createElement(Drawer.DrawerBody, null, React.createElement(ContentWrapper, {
17
+ return /*#__PURE__*/React.createElement(Drawer.DrawerBody, null, /*#__PURE__*/React.createElement(ContentWrapper, {
18
18
  withFolder: !!onFolderSelect
19
- }, mainContent), React.createElement(TagsWrapper, null, tags), !!onDescriptionChange && React.createElement(InlineEditWrapper, null, React.createElement(SubtleForm.TextArea, _extends({
19
+ }, mainContent), /*#__PURE__*/React.createElement(TagsWrapper, null, tags), !!onDescriptionChange && /*#__PURE__*/React.createElement(InlineEditWrapper, null, /*#__PURE__*/React.createElement(SubtleForm.TextArea, _extends({
20
20
  minRows: 3 // TODO: fix handler type
21
21
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
22
22
  ,
package/dist/Elements/Content/Content.types.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/dist/Elements/DropdownOverlay/DropdownOverlay.js CHANGED
@@ -1,8 +1,7 @@
1
1
  import * as React from 'react';
2
- import Icon from '@synerise/ds-icon';
3
2
  import Dropdown from '@synerise/ds-dropdown';
4
3
  import Menu from '@synerise/ds-menu';
5
- import { Add3M, FolderM, SearchM } from '@synerise/ds-icon/dist/icons';
4
+ import Icon, { Add3M, FolderM, SearchM } from '@synerise/ds-icon';
6
5
  import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
7
6
  import { useOnClickOutside } from '@synerise/ds-utils';
8
7
  import Result from '@synerise/ds-result';
@@ -29,49 +28,49 @@ var DropdownOverlay = function DropdownOverlay(_ref) {
29
28
  useOnClickOutside(ref, function () {
30
29
  onDropdownOutsideClick && onDropdownOutsideClick();
31
30
  });
32
- return React.createElement(DropdownWrapper, {
31
+ return /*#__PURE__*/React.createElement(DropdownWrapper, {
33
32
  ref: ref
34
- }, React.createElement(Dropdown.SearchInput, {
33
+ }, /*#__PURE__*/React.createElement(Dropdown.SearchInput, {
35
34
  onSearchChange: onSearchChange,
36
35
  onClearInput: onClearInput,
37
- placeholder: (texts === null || texts === void 0 ? void 0 : texts.search) || '',
36
+ placeholder: (texts == null ? void 0 : texts.search) || '',
38
37
  value: searchValue,
39
- iconLeft: React.createElement(Icon, {
40
- component: React.createElement(SearchM, null),
38
+ iconLeft: /*#__PURE__*/React.createElement(Icon, {
39
+ component: /*#__PURE__*/React.createElement(SearchM, null),
41
40
  color: theme.palette['grey-600']
42
41
  }),
43
42
  autofocus: true
44
- }), React.createElement(MenuWrapper, {
43
+ }), /*#__PURE__*/React.createElement(MenuWrapper, {
45
44
  withBottomAction: !!onAddFolderClick
46
- }, (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length) > 0 ? React.createElement(Menu, null, filteredData === null || filteredData === void 0 ? void 0 : filteredData.map(function (item, i) {
47
- return React.createElement(Menu.Item, {
48
- key: "".concat(item[foldersIdKey], "-").concat(i),
45
+ }, (filteredData == null ? void 0 : filteredData.length) > 0 ? /*#__PURE__*/React.createElement(Menu, null, filteredData == null ? void 0 : filteredData.map(function (item, i) {
46
+ return /*#__PURE__*/React.createElement(Menu.Item, {
47
+ key: item[foldersIdKey] + "-" + i,
49
48
  onClick: function onClick() {
50
49
  return onFolderSelect(item);
51
50
  },
52
51
  checked: parentFolder[foldersIdKey] === item[foldersIdKey],
53
- prefixel: React.createElement(Icon, {
54
- component: React.createElement(FolderM, null)
52
+ prefixel: /*#__PURE__*/React.createElement(Icon, {
53
+ component: /*#__PURE__*/React.createElement(FolderM, null)
55
54
  }),
56
55
  highlight: searchValue
57
56
  }, item[foldersDisplayKey]);
58
- })) : React.createElement(Result, {
57
+ })) : /*#__PURE__*/React.createElement(Result, {
59
58
  type: "no-results"
60
- })), onAddFolderClick && React.createElement(Dropdown.BottomAction, {
59
+ })), onAddFolderClick && /*#__PURE__*/React.createElement(Dropdown.BottomAction, {
61
60
  onClickAction: function onClickAction() {
62
61
  return onAddFolderClick(searchValue);
63
62
  },
64
63
  style: {
65
64
  padding: '8px'
66
65
  }
67
- }, React.createElement(Button, {
66
+ }, /*#__PURE__*/React.createElement(Button, {
68
67
  type: "ghost",
69
68
  mode: "icon-label"
70
- }, React.createElement(Icon, {
71
- component: React.createElement(Add3M, null),
69
+ }, /*#__PURE__*/React.createElement(Icon, {
70
+ component: /*#__PURE__*/React.createElement(Add3M, null),
72
71
  size: 24,
73
72
  color: theme.palette['grey-500']
74
- }), React.createElement("div", null, texts.addFolder))));
73
+ }), /*#__PURE__*/React.createElement("div", null, texts.addFolder))));
75
74
  };
76
75
 
77
76
  export default DropdownOverlay;
package/dist/Elements/Header/Header.js CHANGED
@@ -4,24 +4,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
4
4
 
5
5
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
6
 
7
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
8
-
9
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
-
11
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
12
-
13
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
14
-
15
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
16
-
17
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
18
-
19
7
  import * as React from 'react';
20
8
  import Drawer from '@synerise/ds-drawer';
21
- import Icon from '@synerise/ds-icon';
22
9
  import Typography from 'antd/lib/typography';
23
10
  import Button from '@synerise/ds-button';
24
- import { AngleDownM, AngleUpM, CloseM, CopyClipboardM, DuplicateM, EditM, FolderM, OptionHorizontalM, TrashM } from '@synerise/ds-icon/dist/icons';
11
+ import Icon, { AngleDownM, AngleUpM, CloseM, CopyClipboardM, DuplicateM, EditM, FolderM, OptionHorizontalM, TrashM } from '@synerise/ds-icon';
25
12
  import Dropdown from '@synerise/ds-dropdown';
26
13
  import Menu from '@synerise/ds-menu';
27
14
  import { useOnClickOutside } from '@synerise/ds-utils';
@@ -58,9 +45,8 @@ var Header = function Header(_ref) {
58
45
  onApplyClick = _ref.onApplyClick;
59
46
 
60
47
  var _React$useState = React.useState(false),
61
- _React$useState2 = _slicedToArray(_React$useState, 2),
62
- dropdownVisible = _React$useState2[0],
63
- setDropdownVisible = _React$useState2[1];
48
+ dropdownVisible = _React$useState[0],
49
+ setDropdownVisible = _React$useState[1];
64
50
 
65
51
  var ref = React.useRef(null);
66
52
  useOnClickOutside(ref, function () {
@@ -69,7 +55,7 @@ var Header = function Header(_ref) {
69
55
 
70
56
  var renderBackTitle = function renderBackTitle(titleType) {
71
57
  if (titleType === HeaderType.EDITABLE) {
72
- return React.createElement(S.StyledInlineEdit, {
58
+ return /*#__PURE__*/React.createElement(S.StyledInlineEdit, {
73
59
  disabled: !onRename,
74
60
  input: _objectSpread({
75
61
  name: texts.name,
@@ -83,7 +69,7 @@ var Header = function Header(_ref) {
83
69
  });
84
70
  }
85
71
 
86
- return React.createElement(S.SingleTitle, null, name);
72
+ return /*#__PURE__*/React.createElement(S.SingleTitle, null, name);
87
73
  };
88
74
 
89
75
  var renderMenuDivider = React.useMemo(function () {
@@ -92,64 +78,64 @@ var Header = function Header(_ref) {
92
78
 
93
79
  var renderActionButtons = function renderActionButtons(typesOfButtons) {
94
80
  if (typesOfButtons === ButtonVariant.WITH_NAVIGATION) {
95
- return React.createElement(React.Fragment, null, onArrowUp && React.createElement(S.ButtonWrapper, null, React.createElement(Button, {
81
+ return /*#__PURE__*/React.createElement(React.Fragment, null, onArrowUp && /*#__PURE__*/React.createElement(S.ButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
96
82
  onClick: onArrowUp,
97
83
  type: "ghost",
98
84
  mode: "single-icon"
99
- }, React.createElement(Icon, {
85
+ }, /*#__PURE__*/React.createElement(Icon, {
100
86
  size: 20,
101
- component: React.createElement(AngleUpM, null)
102
- }))), onArrowDown && React.createElement(S.ButtonWrapper, null, React.createElement(Button, {
87
+ component: /*#__PURE__*/React.createElement(AngleUpM, null)
88
+ }))), onArrowDown && /*#__PURE__*/React.createElement(S.ButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
103
89
  onClick: onArrowDown,
104
90
  type: "ghost",
105
91
  mode: "single-icon"
106
- }, React.createElement(Icon, {
92
+ }, /*#__PURE__*/React.createElement(Icon, {
107
93
  size: 20,
108
- component: React.createElement(AngleDownM, null)
109
- }))), React.createElement(Dropdown, {
94
+ component: /*#__PURE__*/React.createElement(AngleDownM, null)
95
+ }))), /*#__PURE__*/React.createElement(Dropdown, {
110
96
  visible: dropdownVisible,
111
97
  placement: "bottomLeft",
112
- overlay: React.createElement(DropdownWrapper, {
98
+ overlay: /*#__PURE__*/React.createElement(DropdownWrapper, {
113
99
  ref: ref
114
- }, React.createElement(Menu, {
100
+ }, /*#__PURE__*/React.createElement(Menu, {
115
101
  asDropdownMenu: true,
116
102
  style: {
117
103
  width: '100%'
118
104
  }
119
- }, onEdit && React.createElement(Menu.Item, {
105
+ }, onEdit && /*#__PURE__*/React.createElement(Menu.Item, {
120
106
  onClick: function onClick() {
121
107
  setDropdownVisible(!dropdownVisible);
122
108
  onEdit(inputObject);
123
109
  },
124
- prefixel: React.createElement(Icon, {
125
- component: React.createElement(EditM, null)
110
+ prefixel: /*#__PURE__*/React.createElement(Icon, {
111
+ component: /*#__PURE__*/React.createElement(EditM, null)
126
112
  })
127
- }, texts.editIcon), onDuplicate && React.createElement(Menu.Item, {
113
+ }, texts.editIcon), onDuplicate && /*#__PURE__*/React.createElement(Menu.Item, {
128
114
  onClick: function onClick() {
129
115
  setDropdownVisible(!dropdownVisible);
130
116
  onDuplicate(inputObject);
131
117
  },
132
- prefixel: React.createElement(Icon, {
133
- component: React.createElement(DuplicateM, null)
118
+ prefixel: /*#__PURE__*/React.createElement(Icon, {
119
+ component: /*#__PURE__*/React.createElement(DuplicateM, null)
134
120
  })
135
- }, texts.duplicateIcon), onMove && React.createElement(Menu.Item, {
121
+ }, texts.duplicateIcon), onMove && /*#__PURE__*/React.createElement(Menu.Item, {
136
122
  onClick: function onClick() {
137
123
  setDropdownVisible(!dropdownVisible);
138
124
  onMove(inputObject);
139
125
  },
140
- prefixel: React.createElement(Icon, {
141
- component: React.createElement(FolderM, null)
126
+ prefixel: /*#__PURE__*/React.createElement(Icon, {
127
+ component: /*#__PURE__*/React.createElement(FolderM, null)
142
128
  })
143
- }, texts.moveIcon), onDelete && React.createElement(Menu.Item, {
129
+ }, texts.moveIcon), onDelete && /*#__PURE__*/React.createElement(Menu.Item, {
144
130
  onClick: function onClick() {
145
131
  setDropdownVisible(!dropdownVisible);
146
132
  onDelete(inputObject);
147
133
  },
148
134
  type: "danger",
149
- prefixel: React.createElement(Icon, {
150
- component: React.createElement(TrashM, null)
135
+ prefixel: /*#__PURE__*/React.createElement(Icon, {
136
+ component: /*#__PURE__*/React.createElement(TrashM, null)
151
137
  })
152
- }, texts.deleteIcon), renderMenuDivider && React.createElement(Menu.Divider, null), onId && React.createElement(Menu.Item, {
138
+ }, texts.deleteIcon), renderMenuDivider && /*#__PURE__*/React.createElement(Menu.Divider, null), onId && /*#__PURE__*/React.createElement(Menu.Item, {
153
139
  onClick: function onClick() {
154
140
  setDropdownVisible(!dropdownVisible);
155
141
  onId(inputObject);
@@ -157,32 +143,32 @@ var Header = function Header(_ref) {
157
143
  style: {
158
144
  padding: '0 12px'
159
145
  },
160
- prefixel: React.createElement(Icon, {
161
- component: React.createElement(CopyClipboardM, null)
146
+ prefixel: /*#__PURE__*/React.createElement(Icon, {
147
+ component: /*#__PURE__*/React.createElement(CopyClipboardM, null)
162
148
  })
163
- }, "ID: ".concat(inputObject[inputObjectIdKey]))))
164
- }, React.createElement(S.ButtonWrapper, null, React.createElement(Button, {
149
+ }, "ID: " + inputObject[inputObjectIdKey])))
150
+ }, /*#__PURE__*/React.createElement(S.ButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
165
151
  onClick: function onClick() {
166
152
  return setDropdownVisible(!dropdownVisible);
167
153
  },
168
154
  type: "ghost",
169
155
  mode: "single-icon"
170
- }, React.createElement(Icon, {
171
- component: React.createElement(OptionHorizontalM, null)
172
- })))), React.createElement(S.ButtonWrapper, null, React.createElement(Button, {
156
+ }, /*#__PURE__*/React.createElement(Icon, {
157
+ component: /*#__PURE__*/React.createElement(OptionHorizontalM, null)
158
+ })))), /*#__PURE__*/React.createElement(S.ButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
173
159
  type: "ghost",
174
160
  mode: "single-icon",
175
161
  onClick: onCloseClick
176
- }, React.createElement(Icon, {
177
- component: React.createElement(CloseM, null)
162
+ }, /*#__PURE__*/React.createElement(Icon, {
163
+ component: /*#__PURE__*/React.createElement(CloseM, null)
178
164
  }))));
179
165
  }
180
166
 
181
167
  if (typesOfButtons === ButtonVariant.TWO_BUTTONS) {
182
- return React.createElement(S.ButtonsWrapper, null, React.createElement(S.ButtonWrapper, null, React.createElement(Button, {
168
+ return /*#__PURE__*/React.createElement(S.ButtonsWrapper, null, /*#__PURE__*/React.createElement(S.ButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
183
169
  type: "ghost",
184
170
  onClick: onCancelClick
185
- }, ' ', texts.cancelButton, ' ')), React.createElement(S.ButtonWrapper, null, React.createElement(Button, {
171
+ }, ' ', texts.cancelButton, ' ')), /*#__PURE__*/React.createElement(S.ButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
186
172
  type: "primary",
187
173
  onClick: onApplyClick
188
174
  }, ' ', texts.applyButton, ' ')));
@@ -191,9 +177,9 @@ var Header = function Header(_ref) {
191
177
  return null;
192
178
  };
193
179
 
194
- return React.createElement(Drawer.DrawerHeaderWithoutPadding, null, React.createElement(Drawer.DrawerHeader, null, React.createElement(S.DrawerHeaderBar, {
180
+ return /*#__PURE__*/React.createElement(Drawer.DrawerHeaderWithoutPadding, null, /*#__PURE__*/React.createElement(Drawer.DrawerHeader, null, /*#__PURE__*/React.createElement(S.DrawerHeaderBar, {
195
181
  withTabs: !!tabs
196
- }, preffix, avatar, React.createElement(Typography.Title, {
182
+ }, preffix, avatar, /*#__PURE__*/React.createElement(Typography.Title, {
197
183
  style: {
198
184
  flex: 2,
199
185
  marginLeft: '15px'
package/dist/Elements/Header/Header.style.js CHANGED
@@ -6,7 +6,7 @@ export var HeaderWrapper = styled.div.withConfig({
6
6
  })(["padding:", ";border-bottom:", ";margin-top:-8px;"], function (props) {
7
7
  return props.dashed ? '0 0 16px 0' : '0';
8
8
  }, function (props) {
9
- return props.dashed ? "1px dashed ".concat(props.theme.palette['grey-300']) : "0";
9
+ return props.dashed ? "1px dashed " + props.theme.palette['grey-300'] : "0";
10
10
  });
11
11
  export var ButtonWrapper = styled.div.withConfig({
12
12
  displayName: "Headerstyle__ButtonWrapper",
package/dist/Elements/ObjectSummary/ObjectSummary.js CHANGED
@@ -4,8 +4,8 @@ import Description, { DescriptionRow } from '@synerise/ds-description';
4
4
  var ObjectSummary = function ObjectSummary(_ref) {
5
5
  var inputObject = _ref.inputObject;
6
6
  var keys = Object.keys(inputObject);
7
- return React.createElement(Description, null, keys.map(function (key) {
8
- return React.createElement(DescriptionRow, {
7
+ return /*#__PURE__*/React.createElement(Description, null, keys.map(function (key) {
8
+ return /*#__PURE__*/React.createElement(DescriptionRow, {
9
9
  key: key,
10
10
  label: key === 'id' ? key.toUpperCase() : key,
11
11
  value: inputObject[key]
package/dist/Elements/ObjectSummary/ObjectSummary.types.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/dist/Elements/Overview/Overview.js CHANGED
@@ -1,20 +1,7 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
-
5
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
-
7
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
8
-
9
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
11
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
1
  import * as React from 'react';
14
2
  import Dropdown from '@synerise/ds-dropdown';
15
3
  import Button from '@synerise/ds-button';
16
- import Icon from '@synerise/ds-icon';
17
- import { AngleDownS } from '@synerise/ds-icon/dist/icons';
4
+ import Icon, { AngleDownS } from '@synerise/ds-icon';
18
5
  import * as S from '../Header/Header.style';
19
6
  import DropdownOverlay from '../DropdownOverlay/DropdownOverlay';
20
7
  import Content from '../Content/Content';
@@ -40,24 +27,22 @@ var Overview = function Overview(_ref) {
40
27
  onAddFolderClick = _ref.onAddFolderClick;
41
28
 
42
29
  var _React$useState = React.useState(false),
43
- _React$useState2 = _slicedToArray(_React$useState, 2),
44
- dropdownVisible = _React$useState2[0],
45
- setDropdownVisible = _React$useState2[1];
30
+ dropdownVisible = _React$useState[0],
31
+ setDropdownVisible = _React$useState[1];
46
32
 
47
- var _React$useState3 = React.useState(''),
48
- _React$useState4 = _slicedToArray(_React$useState3, 2),
49
- value = _React$useState4[0],
50
- setValue = _React$useState4[1];
33
+ var _React$useState2 = React.useState(''),
34
+ value = _React$useState2[0],
35
+ setValue = _React$useState2[1];
51
36
 
52
37
  var onClearInput = function onClearInput() {
53
38
  setValue('');
54
39
  };
55
40
 
56
- return React.createElement(S.OverviewWrapper, null, React.createElement(S.HeaderWrapper, {
41
+ return /*#__PURE__*/React.createElement(S.OverviewWrapper, null, /*#__PURE__*/React.createElement(S.HeaderWrapper, {
57
42
  dashed: !!_onFolderSelect
58
- }, _onFolderSelect && React.createElement(React.Fragment, null, texts === null || texts === void 0 ? void 0 : texts.folder, ":", ' ', React.createElement(Dropdown, {
43
+ }, _onFolderSelect && /*#__PURE__*/React.createElement(React.Fragment, null, texts == null ? void 0 : texts.folder, ":", ' ', /*#__PURE__*/React.createElement(Dropdown, {
59
44
  visible: dropdownVisible,
60
- overlay: React.createElement(DropdownOverlay, {
45
+ overlay: /*#__PURE__*/React.createElement(DropdownOverlay, {
61
46
  texts: texts,
62
47
  parentFolder: parentFolder,
63
48
  data: folders,
@@ -76,21 +61,21 @@ var Overview = function Overview(_ref) {
76
61
  foldersIdKey: foldersIdKey,
77
62
  onAddFolderClick: onAddFolderClick
78
63
  })
79
- }, React.createElement(Button, {
64
+ }, /*#__PURE__*/React.createElement(Button, {
80
65
  onClick: function onClick() {
81
66
  return setDropdownVisible(!dropdownVisible);
82
67
  },
83
68
  mode: "label-icon",
84
69
  type: "ghost"
85
- }, parentFolder === null || parentFolder === void 0 ? void 0 : parentFolder.name, React.createElement(Icon, {
86
- component: React.createElement(AngleDownS, null)
87
- }))))), React.createElement(Content, {
70
+ }, parentFolder == null ? void 0 : parentFolder.name, /*#__PURE__*/React.createElement(Icon, {
71
+ component: /*#__PURE__*/React.createElement(AngleDownS, null)
72
+ }))))), /*#__PURE__*/React.createElement(Content, {
88
73
  descriptionProps: descriptionProps,
89
74
  onFolderSelect: _onFolderSelect,
90
75
  texts: texts,
91
76
  onDescriptionChange: onDescriptionChange,
92
77
  textDescription: textDescription,
93
- mainContent: React.createElement(ObjectSummary, {
78
+ mainContent: /*#__PURE__*/React.createElement(ObjectSummary, {
94
79
  inputObject: inputObject
95
80
  }),
96
81
  tags: contentTags
package/dist/Elements/Overview/Overview.types.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/dist/SidebarObject.js CHANGED
@@ -37,10 +37,10 @@ var SidebarObject = function SidebarObject(_ref) {
37
37
  typeButtons = _ref.typeButtons,
38
38
  onCancelClick = _ref.onCancelClick,
39
39
  onApplyClick = _ref.onApplyClick;
40
- return React.createElement(S.SidebarObjectWrapper, null, React.createElement(Header, {
40
+ return /*#__PURE__*/React.createElement(S.SidebarObjectWrapper, null, /*#__PURE__*/React.createElement(Header, {
41
41
  avatar: avatar,
42
42
  preffix: headerPreffix,
43
- tabs: (headerTabs === null || headerTabs === void 0 ? void 0 : headerTabs.length) ? React.createElement(Tabs, {
43
+ tabs: headerTabs != null && headerTabs.length ? /*#__PURE__*/React.createElement(Tabs, {
44
44
  activeTab: activeTab,
45
45
  tabs: headerTabs,
46
46
  handleTabClick: function handleTabClick(index) {
@@ -66,7 +66,7 @@ var SidebarObject = function SidebarObject(_ref) {
66
66
  onRename: onRename,
67
67
  type: headerType,
68
68
  typeButtons: typeButtons
69
- }), React.createElement(Scrollbar, {
69
+ }), /*#__PURE__*/React.createElement(Scrollbar, {
70
70
  absolute: true,
71
71
  maxHeight: "100vh" // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
72
72
  // @ts-ignore
@@ -74,7 +74,7 @@ var SidebarObject = function SidebarObject(_ref) {
74
74
  options: {
75
75
  suppressScrollY: !withScrollbar
76
76
  }
77
- }, ((_headerTabs$activeTab = headerTabs[activeTab]) === null || _headerTabs$activeTab === void 0 ? void 0 : _headerTabs$activeTab.content) && React.createElement(S.ContentContainer, null, (_headerTabs$activeTab2 = headerTabs[activeTab]) === null || _headerTabs$activeTab2 === void 0 ? void 0 : _headerTabs$activeTab2.content)), React.createElement(S.ContentPlaceholder, null), !!footer && React.createElement(S.FooterContainer, null, " ", footer, " "));
77
+ }, ((_headerTabs$activeTab = headerTabs[activeTab]) == null ? void 0 : _headerTabs$activeTab.content) && /*#__PURE__*/React.createElement(S.ContentContainer, null, (_headerTabs$activeTab2 = headerTabs[activeTab]) == null ? void 0 : _headerTabs$activeTab2.content)), /*#__PURE__*/React.createElement(S.ContentPlaceholder, null), !!footer && /*#__PURE__*/React.createElement(S.FooterContainer, null, " ", footer, " "));
78
78
  };
79
79
 
80
80
  export default SidebarObject;
package/dist/SidebarObject.types.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-sidebar-object",
3
- "version": "0.4.93",
3
+ "version": "0.5.3",
4
4
  "description": "SidebarObject UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -32,16 +32,16 @@
32
32
  ],
33
33
  "types": "dist/index.d.ts",
34
34
  "dependencies": {
35
- "@synerise/ds-button": "^0.15.0",
36
- "@synerise/ds-description": "^0.2.72",
37
- "@synerise/ds-dropdown": "^0.16.31",
38
- "@synerise/ds-inline-edit": "^0.4.39",
39
- "@synerise/ds-subtle-form": "^0.7.56",
40
- "@synerise/ds-tabs": "^0.11.74"
35
+ "@synerise/ds-button": "^0.16.2",
36
+ "@synerise/ds-description": "^0.3.3",
37
+ "@synerise/ds-dropdown": "^0.17.3",
38
+ "@synerise/ds-inline-edit": "^0.5.3",
39
+ "@synerise/ds-subtle-form": "^0.8.3",
40
+ "@synerise/ds-tabs": "^0.12.3"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "@synerise/ds-core": "*",
44
44
  "react": ">=16.9.0 < 17.0.0"
45
45
  },
46
- "gitHead": "bf865b6d1967c42effb68dc794f34dd18ddebe27"
46
+ "gitHead": "2468359677783819939fb9f1ef5acc36667ecd1a"
47
47
  }