@synerise/ds-sidebar-object 0.6.163 → 0.6.164

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.6.164](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@0.6.163...@synerise/ds-sidebar-object@0.6.164) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-sidebar-object
+
+
+
+
+
 ## [0.6.163](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@0.6.162...@synerise/ds-sidebar-object@0.6.163) (2024-11-21)
 
 **Note:** Version bump only for package @synerise/ds-sidebar-object

package/dist/Elements/Content/Content.js

@@ -1,23 +1,22 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import Drawer from '@synerise/ds-drawer';
 import SubtleForm from '@synerise/ds-subtle-form';
 import { ContentWrapper, InlineEditWrapper, TagsWrapper } from './Content.style';
-
 var Content = function Content(_ref) {
   var onFolderSelect = _ref.onFolderSelect,
-      texts = _ref.texts,
-      mainContent = _ref.mainContent,
-      _ref$descriptionProps = _ref.descriptionProps,
-      descriptionProps = _ref$descriptionProps === void 0 ? {} : _ref$descriptionProps,
-      tags = _ref.tags,
-      textDescription = _ref.textDescription,
-      onDescriptionChange = _ref.onDescriptionChange;
+    texts = _ref.texts,
+    mainContent = _ref.mainContent,
+    _ref$descriptionProps = _ref.descriptionProps,
+    descriptionProps = _ref$descriptionProps === void 0 ? {} : _ref$descriptionProps,
+    tags = _ref.tags,
+    textDescription = _ref.textDescription,
+    onDescriptionChange = _ref.onDescriptionChange;
   return /*#__PURE__*/React.createElement(Drawer.DrawerBody, null, /*#__PURE__*/React.createElement(ContentWrapper, {
     withFolder: !!onFolderSelect
   }, mainContent), /*#__PURE__*/React.createElement(TagsWrapper, null, tags), !!onDescriptionChange && /*#__PURE__*/React.createElement(InlineEditWrapper, null, /*#__PURE__*/React.createElement(SubtleForm.TextArea, _extends({
-    minRows: 3 // TODO: fix handler type
+    minRows: 3
+    // TODO: fix handler type
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ,
     onChange: onDescriptionChange,
@@ -26,5 +25,4 @@ var Content = function Content(_ref) {
     suffixTooltip: texts.suffixTooltip
   }, descriptionProps))));
 };
-
 export default Content;

package/dist/Elements/DropdownOverlay/DropdownOverlay.js

@@ -7,20 +7,19 @@ import { useOnClickOutside } from '@synerise/ds-utils';
 import Result from '@synerise/ds-result';
 import Button from '@synerise/ds-button';
 import { DropdownWrapper, MenuWrapper } from './DropdownOverlay.styles';
-
 var DropdownOverlay = function DropdownOverlay(_ref) {
   var texts = _ref.texts,
-      onClearInput = _ref.onClearInput,
-      data = _ref.data,
-      onAddFolderClick = _ref.onAddFolderClick,
-      parentFolder = _ref.parentFolder,
-      onDropdownOutsideClick = _ref.onDropdownOutsideClick,
-      onSearchChange = _ref.onSearchChange,
-      searchValue = _ref.searchValue,
-      onFolderSelect = _ref.onFolderSelect,
-      foldersIdKey = _ref.foldersIdKey,
-      foldersFilterKey = _ref.foldersFilterKey,
-      foldersDisplayKey = _ref.foldersDisplayKey;
+    onClearInput = _ref.onClearInput,
+    data = _ref.data,
+    onAddFolderClick = _ref.onAddFolderClick,
+    parentFolder = _ref.parentFolder,
+    onDropdownOutsideClick = _ref.onDropdownOutsideClick,
+    onSearchChange = _ref.onSearchChange,
+    searchValue = _ref.searchValue,
+    onFolderSelect = _ref.onFolderSelect,
+    foldersIdKey = _ref.foldersIdKey,
+    foldersFilterKey = _ref.foldersFilterKey,
+    foldersDisplayKey = _ref.foldersDisplayKey;
   var ref = useRef(null);
   var filteredData = data.filter(function (item) {
     return typeof item[foldersFilterKey] === 'string' && item[foldersFilterKey].toLowerCase().includes(searchValue.toLowerCase());
@@ -72,5 +71,4 @@ var DropdownOverlay = function DropdownOverlay(_ref) {
     color: theme.palette['grey-500']
   }), /*#__PURE__*/React.createElement("div", null, texts.addFolder))));
 };
-
 export default DropdownOverlay;

package/dist/Elements/Header/Header.js

@@ -1,13 +1,8 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 import React, { useState, useRef } from 'react';
 import Typography from '@synerise/ds-typography';
 import Drawer from '@synerise/ds-drawer';
@@ -18,44 +13,40 @@ import Menu from '@synerise/ds-menu';
 import { useOnClickOutside } from '@synerise/ds-utils';
 import { ButtonVariant, HeaderType } from './Header.types';
 import * as S from './Header.style';
-
 var Header = function Header(_ref) {
   var avatar = _ref.avatar,
-      preffix = _ref.preffix,
-      tabs = _ref.tabs,
-      onMove = _ref.onMove,
-      onDuplicate = _ref.onDuplicate,
-      onDelete = _ref.onDelete,
-      onEdit = _ref.onEdit,
-      onId = _ref.onId,
-      texts = _ref.texts,
-      onCloseClick = _ref.onCloseClick,
-      inputObject = _ref.inputObject,
-      _ref$inputObjectIdKey = _ref.inputObjectIdKey,
-      inputObjectIdKey = _ref$inputObjectIdKey === void 0 ? 'id' : _ref$inputObjectIdKey,
-      _ref$inlineEditInputP = _ref.inlineEditInputProps,
-      inlineEditInputProps = _ref$inlineEditInputP === void 0 ? {} : _ref$inlineEditInputP,
-      onArrowUp = _ref.onArrowUp,
-      onArrowDown = _ref.onArrowDown,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? '' : _ref$name,
-      onRename = _ref.onRename,
-      additionalNode = _ref.additionalNode,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? HeaderType.READONLY : _ref$type,
-      typeButtons = _ref.typeButtons,
-      onCancelClick = _ref.onCancelClick,
-      onApplyClick = _ref.onApplyClick;
-
+    preffix = _ref.preffix,
+    tabs = _ref.tabs,
+    onMove = _ref.onMove,
+    onDuplicate = _ref.onDuplicate,
+    onDelete = _ref.onDelete,
+    onEdit = _ref.onEdit,
+    onId = _ref.onId,
+    texts = _ref.texts,
+    onCloseClick = _ref.onCloseClick,
+    inputObject = _ref.inputObject,
+    _ref$inputObjectIdKey = _ref.inputObjectIdKey,
+    inputObjectIdKey = _ref$inputObjectIdKey === void 0 ? 'id' : _ref$inputObjectIdKey,
+    _ref$inlineEditInputP = _ref.inlineEditInputProps,
+    inlineEditInputProps = _ref$inlineEditInputP === void 0 ? {} : _ref$inlineEditInputP,
+    onArrowUp = _ref.onArrowUp,
+    onArrowDown = _ref.onArrowDown,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? '' : _ref$name,
+    onRename = _ref.onRename,
+    additionalNode = _ref.additionalNode,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? HeaderType.READONLY : _ref$type,
+    typeButtons = _ref.typeButtons,
+    onCancelClick = _ref.onCancelClick,
+    onApplyClick = _ref.onApplyClick;
   var _useState = useState(false),
-      dropdownVisible = _useState[0],
-      setDropdownVisible = _useState[1];
-
+    dropdownVisible = _useState[0],
+    setDropdownVisible = _useState[1];
   var ref = useRef(null);
   useOnClickOutside(ref, function () {
     setDropdownVisible(false);
   });
-
   var renderBackTitle = function renderBackTitle(titleType) {
     if (titleType === HeaderType.EDITABLE) {
       return /*#__PURE__*/React.createElement(S.StyledInlineEdit, {
@@ -71,13 +62,10 @@ var Header = function Header(_ref) {
         }, inlineEditInputProps)
       });
     }
-
     return /*#__PURE__*/React.createElement(S.SingleTitle, null, name);
   };
-
   var renderMenu = !!(onEdit || onDelete || onDuplicate || onMove || onId);
   var renderMenuDivider = !!((onEdit || onDelete || onDuplicate || onMove) && onId);
-
   var renderActionButtons = function renderActionButtons(typesOfButtons) {
     if (typesOfButtons === ButtonVariant.WITH_NAVIGATION) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, onArrowUp && /*#__PURE__*/React.createElement(S.ButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
@@ -167,7 +155,6 @@ var Header = function Header(_ref) {
         component: /*#__PURE__*/React.createElement(CloseM, null)
       }))));
     }
-
     if (typesOfButtons === ButtonVariant.TWO_BUTTONS) {
       return /*#__PURE__*/React.createElement(S.ButtonsWrapper, null, /*#__PURE__*/React.createElement(S.ButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
         type: "ghost",
@@ -177,10 +164,8 @@ var Header = function Header(_ref) {
         onClick: onApplyClick
       }, ' ', texts.applyButton, ' ')));
     }
-
     return null;
   };
-
   return /*#__PURE__*/React.createElement(Drawer.DrawerHeaderWithoutPadding, null, /*#__PURE__*/React.createElement(Drawer.DrawerHeader, null, /*#__PURE__*/React.createElement(S.DrawerHeaderBar, {
     withTabs: !!tabs
   }, preffix, avatar, /*#__PURE__*/React.createElement(Typography.Title, {
@@ -191,5 +176,4 @@ var Header = function Header(_ref) {
     level: 4
   }, renderBackTitle(type)), renderActionButtons(typeButtons)), additionalNode, tabs));
 };
-
 export default Header;

package/dist/Elements/Header/Header.types.js

@@ -1,12 +1,9 @@
 export var HeaderType;
-
 (function (HeaderType) {
   HeaderType["READONLY"] = "readonly";
   HeaderType["EDITABLE"] = "editable";
 })(HeaderType || (HeaderType = {}));
-
 export var ButtonVariant;
-
 (function (ButtonVariant) {
   ButtonVariant["TWO_BUTTONS"] = "twoButtons";
   ButtonVariant["WITH_NAVIGATION"] = "withNavigation";

package/dist/Elements/ObjectSummary/ObjectSummary.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import Description, { DescriptionRow } from '@synerise/ds-description';
-
 var ObjectSummary = function ObjectSummary(_ref) {
   var inputObject = _ref.inputObject;
   var keys = Object.keys(inputObject);
@@ -12,5 +11,4 @@ var ObjectSummary = function ObjectSummary(_ref) {
     });
   }));
 };
-
 export default ObjectSummary;

package/dist/Elements/Overview/Overview.js

@@ -6,38 +6,33 @@ import * as S from '../Header/Header.style';
 import DropdownOverlay from '../DropdownOverlay/DropdownOverlay';
 import Content from '../Content/Content';
 import ObjectSummary from '../ObjectSummary/ObjectSummary';
-
 var Overview = function Overview(_ref) {
   var inputObject = _ref.inputObject,
-      contentTags = _ref.contentTags,
-      folders = _ref.folders,
-      _ref$foldersDisplayKe = _ref.foldersDisplayKey,
-      foldersDisplayKey = _ref$foldersDisplayKe === void 0 ? 'name' : _ref$foldersDisplayKe,
-      _ref$foldersFilterKey = _ref.foldersFilterKey,
-      foldersFilterKey = _ref$foldersFilterKey === void 0 ? 'name' : _ref$foldersFilterKey,
-      _ref$foldersIdKey = _ref.foldersIdKey,
-      foldersIdKey = _ref$foldersIdKey === void 0 ? 'id' : _ref$foldersIdKey,
-      parentFolder = _ref.parentFolder,
-      texts = _ref.texts,
-      textDescription = _ref.textDescription,
-      _onFolderSelect = _ref.onFolderSelect,
-      onDescriptionChange = _ref.onDescriptionChange,
-      _ref$descriptionProps = _ref.descriptionProps,
-      descriptionProps = _ref$descriptionProps === void 0 ? {} : _ref$descriptionProps,
-      onAddFolderClick = _ref.onAddFolderClick;
-
+    contentTags = _ref.contentTags,
+    folders = _ref.folders,
+    _ref$foldersDisplayKe = _ref.foldersDisplayKey,
+    foldersDisplayKey = _ref$foldersDisplayKe === void 0 ? 'name' : _ref$foldersDisplayKe,
+    _ref$foldersFilterKey = _ref.foldersFilterKey,
+    foldersFilterKey = _ref$foldersFilterKey === void 0 ? 'name' : _ref$foldersFilterKey,
+    _ref$foldersIdKey = _ref.foldersIdKey,
+    foldersIdKey = _ref$foldersIdKey === void 0 ? 'id' : _ref$foldersIdKey,
+    parentFolder = _ref.parentFolder,
+    texts = _ref.texts,
+    textDescription = _ref.textDescription,
+    _onFolderSelect = _ref.onFolderSelect,
+    onDescriptionChange = _ref.onDescriptionChange,
+    _ref$descriptionProps = _ref.descriptionProps,
+    descriptionProps = _ref$descriptionProps === void 0 ? {} : _ref$descriptionProps,
+    onAddFolderClick = _ref.onAddFolderClick;
   var _useState = useState(false),
-      dropdownVisible = _useState[0],
-      setDropdownVisible = _useState[1];
-
+    dropdownVisible = _useState[0],
+    setDropdownVisible = _useState[1];
   var _useState2 = useState(''),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    value = _useState2[0],
+    setValue = _useState2[1];
   var onClearInput = function onClearInput() {
     setValue('');
   };
-
   return /*#__PURE__*/React.createElement(S.OverviewWrapper, null, /*#__PURE__*/React.createElement(S.HeaderWrapper, {
     dashed: !!_onFolderSelect
   }, _onFolderSelect && /*#__PURE__*/React.createElement(React.Fragment, null, texts == null ? void 0 : texts.folder, ":", ' ', /*#__PURE__*/React.createElement(Dropdown, {
@@ -81,5 +76,4 @@ var Overview = function Overview(_ref) {
     tags: contentTags
   }));
 };
-
 export default Overview;

package/dist/SidebarObject.js

@@ -4,39 +4,37 @@ import Scrollbar from '@synerise/ds-scrollbar';
 import Header from './Elements/Header/Header';
 import * as S from './SidebarObject.style';
 import { HeaderType } from './Elements/Header/Header.types';
-
 var SidebarObject = function SidebarObject(_ref) {
   var _headerTabs$activeTab, _headerTabs$activeTab2;
-
   var avatar = _ref.avatar,
-      headerPreffix = _ref.headerPreffix,
-      headerTabs = _ref.headerTabs,
-      inputObject = _ref.inputObject,
-      inlineEditInputProps = _ref.inlineEditInputProps,
-      onEdit = _ref.onEdit,
-      onDelete = _ref.onDelete,
-      onDuplicate = _ref.onDuplicate,
-      onMove = _ref.onMove,
-      onId = _ref.onId,
-      texts = _ref.texts,
-      onCloseClick = _ref.onCloseClick,
-      onArrowUp = _ref.onArrowUp,
-      onArrowDown = _ref.onArrowDown,
-      withScrollbar = _ref.withScrollbar,
-      _handleTabClick = _ref.handleTabClick,
-      footer = _ref.footer,
-      name = _ref.name,
-      onRename = _ref.onRename,
-      _ref$inputObjectIdKey = _ref.inputObjectIdKey,
-      inputObjectIdKey = _ref$inputObjectIdKey === void 0 ? 'id' : _ref$inputObjectIdKey,
-      additionalNode = _ref.additionalNode,
-      _ref$activeTab = _ref.activeTab,
-      activeTab = _ref$activeTab === void 0 ? 0 : _ref$activeTab,
-      _ref$headerType = _ref.headerType,
-      headerType = _ref$headerType === void 0 ? HeaderType.READONLY : _ref$headerType,
-      typeButtons = _ref.typeButtons,
-      onCancelClick = _ref.onCancelClick,
-      onApplyClick = _ref.onApplyClick;
+    headerPreffix = _ref.headerPreffix,
+    headerTabs = _ref.headerTabs,
+    inputObject = _ref.inputObject,
+    inlineEditInputProps = _ref.inlineEditInputProps,
+    onEdit = _ref.onEdit,
+    onDelete = _ref.onDelete,
+    onDuplicate = _ref.onDuplicate,
+    onMove = _ref.onMove,
+    onId = _ref.onId,
+    texts = _ref.texts,
+    onCloseClick = _ref.onCloseClick,
+    onArrowUp = _ref.onArrowUp,
+    onArrowDown = _ref.onArrowDown,
+    withScrollbar = _ref.withScrollbar,
+    _handleTabClick = _ref.handleTabClick,
+    footer = _ref.footer,
+    name = _ref.name,
+    onRename = _ref.onRename,
+    _ref$inputObjectIdKey = _ref.inputObjectIdKey,
+    inputObjectIdKey = _ref$inputObjectIdKey === void 0 ? 'id' : _ref$inputObjectIdKey,
+    additionalNode = _ref.additionalNode,
+    _ref$activeTab = _ref.activeTab,
+    activeTab = _ref$activeTab === void 0 ? 0 : _ref$activeTab,
+    _ref$headerType = _ref.headerType,
+    headerType = _ref$headerType === void 0 ? HeaderType.READONLY : _ref$headerType,
+    typeButtons = _ref.typeButtons,
+    onCancelClick = _ref.onCancelClick,
+    onApplyClick = _ref.onApplyClick;
   return /*#__PURE__*/React.createElement(S.SidebarObjectWrapper, null, /*#__PURE__*/React.createElement(Header, {
     avatar: avatar,
     preffix: headerPreffix,
@@ -68,12 +66,12 @@ var SidebarObject = function SidebarObject(_ref) {
     typeButtons: typeButtons
   }), /*#__PURE__*/React.createElement(Scrollbar, {
     absolute: true,
-    maxHeight: "100vh" // @ts-ignore
+    maxHeight: "100vh"
+    // @ts-ignore
     ,
     options: {
       suppressScrollY: !withScrollbar
     }
   }, ((_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, " "));
 };
-
 export default SidebarObject;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-sidebar-object",
-  "version": "0.6.163",
+  "version": "0.6.164",
   "description": "SidebarObject UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,18 +34,18 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.19",
-    "@synerise/ds-description": "^0.4.2",
+    "@synerise/ds-button": "^0.21.20",
+    "@synerise/ds-description": "^0.4.3",
     "@synerise/ds-drawer": "^0.6.31",
-    "@synerise/ds-dropdown": "^0.18.24",
-    "@synerise/ds-icon": "^0.67.0",
-    "@synerise/ds-inline-edit": "^0.9.1",
-    "@synerise/ds-menu": "^0.20.6",
-    "@synerise/ds-result": "^0.7.14",
-    "@synerise/ds-scrollbar": "^0.11.19",
-    "@synerise/ds-subtle-form": "^0.9.136",
-    "@synerise/ds-tabs": "^0.17.7",
-    "@synerise/ds-typography": "^0.16.6",
+    "@synerise/ds-dropdown": "^0.18.25",
+    "@synerise/ds-icon": "^0.67.1",
+    "@synerise/ds-inline-edit": "^0.9.2",
+    "@synerise/ds-menu": "^0.20.7",
+    "@synerise/ds-result": "^0.7.15",
+    "@synerise/ds-scrollbar": "^0.11.20",
+    "@synerise/ds-subtle-form": "^0.9.137",
+    "@synerise/ds-tabs": "^0.17.8",
+    "@synerise/ds-typography": "^0.16.7",
     "@synerise/ds-utils": "^0.31.2"
   },
   "peerDependencies": {
@@ -54,5 +54,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "^5.0.1"
   },
-  "gitHead": "05f083c767e2cec3c2f91c9475aee89852a77d6c"
+  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
 }