@synerise/ds-sidebar-object 0.6.87 → 0.6.89

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.6.89](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@0.6.88...@synerise/ds-sidebar-object@0.6.89) (2023-08-30)
+
+
+### Bug Fixes
+
+* **sidebar-object:** fixed incorrect typing + code style ([a8b6913](https://github.com/Synerise/synerise-design/commit/a8b6913952d0f88c1b2be871132aad2b405f3969))
+
+
+
+
+
+## [0.6.88](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@0.6.87...@synerise/ds-sidebar-object@0.6.88) (2023-08-25)
+
+**Note:** Version bump only for package @synerise/ds-sidebar-object
+
+
+
+
+
 ## [0.6.87](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@0.6.86...@synerise/ds-sidebar-object@0.6.87) (2023-08-22)
 
 **Note:** Version bump only for package @synerise/ds-sidebar-object

package/dist/Elements/Content/Content.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ContentProps } from './Content.types';
-declare const Content: React.FC<ContentProps>;
+declare const Content: ({ onFolderSelect, texts, mainContent, descriptionProps, tags, textDescription, onDescriptionChange, }: ContentProps) => JSX.Element;
 export default Content;

package/dist/Elements/Content/Content.js

@@ -1,6 +1,6 @@
 function _extends() { _extends = Object.assign || 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 * as React from 'react';
+import React from 'react';
 import Drawer from '@synerise/ds-drawer';
 import SubtleForm from '@synerise/ds-subtle-form';
 import { ContentWrapper, InlineEditWrapper, TagsWrapper } from './Content.style';

package/dist/Elements/DropdownOverlay/DropdownOverlay.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { Props } from './DropdownOverlay.types';
-declare const DropdownOverlay: React.FC<Props>;
+declare const DropdownOverlay: ({ texts, onClearInput, data, onAddFolderClick, parentFolder, onDropdownOutsideClick, onSearchChange, searchValue, onFolderSelect, foldersIdKey, foldersFilterKey, foldersDisplayKey, }: Props) => JSX.Element;
 export default DropdownOverlay;

package/dist/Elements/DropdownOverlay/DropdownOverlay.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React, { useRef } from 'react';
 import Dropdown from '@synerise/ds-dropdown';
 import Menu from '@synerise/ds-menu';
 import Icon, { Add3M, FolderM, SearchM } from '@synerise/ds-icon';
@@ -21,7 +21,7 @@ var DropdownOverlay = function DropdownOverlay(_ref) {
       foldersIdKey = _ref.foldersIdKey,
       foldersFilterKey = _ref.foldersFilterKey,
       foldersDisplayKey = _ref.foldersDisplayKey;
-  var ref = React.useRef(null);
+  var ref = useRef(null);
   var filteredData = data.filter(function (item) {
     return typeof item[foldersFilterKey] === 'string' && item[foldersFilterKey].toLowerCase().includes(searchValue.toLowerCase());
   });

package/dist/Elements/Header/Header.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { HeaderProps } from './Header.types';
-declare const Header: React.FC<HeaderProps>;
+declare const Header: ({ avatar, preffix, tabs, onMove, onDuplicate, onDelete, onEdit, onId, texts, onCloseClick, inputObject, inputObjectIdKey, inlineEditInputProps, onArrowUp, onArrowDown, name, onRename, additionalNode, type, typeButtons, onCancelClick, onApplyClick, }: HeaderProps) => JSX.Element;
 export default Header;

package/dist/Elements/Header/Header.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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; }
 
-import * as React from 'react';
+import React, { useState, useRef } from 'react';
 import Drawer from '@synerise/ds-drawer';
 import Typography from 'antd/lib/typography';
 import Button from '@synerise/ds-button';
@@ -44,11 +44,11 @@ var Header = function Header(_ref) {
       onCancelClick = _ref.onCancelClick,
       onApplyClick = _ref.onApplyClick;
 
-  var _React$useState = React.useState(false),
-      dropdownVisible = _React$useState[0],
-      setDropdownVisible = _React$useState[1];
+  var _useState = useState(false),
+      dropdownVisible = _useState[0],
+      setDropdownVisible = _useState[1];
 
-  var ref = React.useRef(null);
+  var ref = useRef(null);
   useOnClickOutside(ref, function () {
     setDropdownVisible(false);
   });
@@ -72,9 +72,7 @@ var Header = function Header(_ref) {
     return /*#__PURE__*/React.createElement(S.SingleTitle, null, name);
   };
 
-  var renderMenuDivider = React.useMemo(function () {
-    return onEdit || onDelete || onDuplicate || onMove;
-  }, [onEdit, onDelete, onDuplicate, onMove]);
+  var renderMenuDivider = Boolean(onEdit || onDelete || onDuplicate || onMove);
 
   var renderActionButtons = function renderActionButtons(typesOfButtons) {
     if (typesOfButtons === ButtonVariant.WITH_NAVIGATION) {

package/dist/Elements/Header/Header.types.d.ts

@@ -1,16 +1,16 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 import { InputProps } from '@synerise/ds-inline-edit/dist/InlineEdit.types';
 export declare type HeaderProps = {
-    avatar: React.ReactNode;
-    preffix: React.ReactNode;
-    tabs: React.ReactNode;
-    additionalNode?: React.ReactNode;
+    avatar: ReactNode;
+    preffix: ReactNode;
+    tabs: ReactNode;
+    additionalNode?: ReactNode;
     type?: HeaderType;
     typeButtons?: ButtonVariant;
-    nextTooltip?: React.ReactNode | string;
-    previousTooltip?: React.ReactNode | string;
-    crudsTooltip?: React.ReactNode | string;
-    closeTooltip?: React.ReactNode | string;
+    nextTooltip?: ReactNode | string;
+    previousTooltip?: ReactNode | string;
+    crudsTooltip?: ReactNode | string;
+    closeTooltip?: ReactNode | string;
     onEdit?: (inputObject: object) => void;
     onDuplicate?: (inputObject: object) => void;
     onMove?: (inputObject: object) => void;
@@ -21,10 +21,10 @@ export declare type HeaderProps = {
     onArrowUp?: () => void;
     onArrowDown?: () => void;
     inputObject: {
-        [key: string]: string | React.ReactNode;
+        [key: string]: string | ReactNode;
     } & object;
     inputObjectIdKey?: string;
-    inlineEditInputProps?: InputProps;
+    inlineEditInputProps?: Partial<InputProps>;
     name?: string | number;
     onRename?: (name: string) => void;
     onCancelClick?: () => void;

package/dist/Elements/ObjectSummary/ObjectSummary.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ObjectSummaryProps } from './ObjectSummary.types';
-declare const ObjectSummary: React.FC<ObjectSummaryProps>;
+declare const ObjectSummary: ({ inputObject }: ObjectSummaryProps) => JSX.Element;
 export default ObjectSummary;

package/dist/Elements/ObjectSummary/ObjectSummary.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Description, { DescriptionRow } from '@synerise/ds-description';
 
 var ObjectSummary = function ObjectSummary(_ref) {

package/dist/Elements/Overview/Overview.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { OverviewObjectProps } from './Overview.types';
-declare const Overview: React.FC<OverviewObjectProps>;
+declare const Overview: ({ inputObject, contentTags, folders, foldersDisplayKey, foldersFilterKey, foldersIdKey, parentFolder, texts, textDescription, onFolderSelect, onDescriptionChange, descriptionProps, onAddFolderClick, }: OverviewObjectProps) => JSX.Element;
 export default Overview;

package/dist/Elements/Overview/Overview.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React, { useState } from 'react';
 import Dropdown from '@synerise/ds-dropdown';
 import Button from '@synerise/ds-button';
 import Icon, { AngleDownS } from '@synerise/ds-icon';
@@ -26,13 +26,13 @@ var Overview = function Overview(_ref) {
       descriptionProps = _ref$descriptionProps === void 0 ? {} : _ref$descriptionProps,
       onAddFolderClick = _ref.onAddFolderClick;
 
-  var _React$useState = React.useState(false),
-      dropdownVisible = _React$useState[0],
-      setDropdownVisible = _React$useState[1];
+  var _useState = useState(false),
+      dropdownVisible = _useState[0],
+      setDropdownVisible = _useState[1];
 
-  var _React$useState2 = React.useState(''),
-      value = _React$useState2[0],
-      setValue = _React$useState2[1];
+  var _useState2 = useState(''),
+      value = _useState2[0],
+      setValue = _useState2[1];
 
   var onClearInput = function onClearInput() {
     setValue('');

package/dist/Elements/Overview/Overview.types.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 import { SubtleTextAreaProps } from '@synerise/ds-subtle-form/dist/Elements/TextArea/TextArea.types';
 import { HeaderTexts } from '../Header/Header.types';
 import { FolderItem } from '../../SidebarObject.types';
 export declare type OverviewObjectProps = {
     inputObject: {
-        [key: string]: string | React.ReactNode;
+        [key: string]: string | ReactNode;
     } & object;
-    contentTags: React.ReactNode;
+    contentTags: ReactNode;
     descriptionProps?: SubtleTextAreaProps;
     folders: FolderItem[];
     foldersFilterKey?: string;
@@ -21,7 +21,7 @@ export declare type OverviewObjectProps = {
 };
 export declare type OverviewTexts = HeaderTexts & Partial<{
     placeholder: string;
-    suffixTooltip: string | React.ReactNode;
+    suffixTooltip: string | ReactNode;
     search: string;
     folder: string;
     addFolder: string;

package/dist/SidebarObject.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { SidebarObjectProps } from './SidebarObject.types';
-declare const SidebarObject: React.FC<SidebarObjectProps>;
+declare const SidebarObject: ({ avatar, headerPreffix, headerTabs, inputObject, inlineEditInputProps, onEdit, onDelete, onDuplicate, onMove, onId, texts, onCloseClick, onArrowUp, onArrowDown, withScrollbar, handleTabClick, footer, name, onRename, inputObjectIdKey, additionalNode, activeTab, headerType, typeButtons, onCancelClick, onApplyClick, }: SidebarObjectProps) => JSX.Element;
 export default SidebarObject;

package/dist/SidebarObject.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Tabs from '@synerise/ds-tabs';
 import Scrollbar from '@synerise/ds-scrollbar';
 import Header from './Elements/Header/Header';

package/dist/SidebarObject.types.d.ts

@@ -1,19 +1,19 @@
+import { ReactNode } from 'react';
 import { TabItem } from '@synerise/ds-tabs/dist/Tabs.types';
-import * as React from 'react';
 import { InputProps } from '@synerise/ds-inline-edit/dist/InlineEdit.types';
 import { HeaderTexts, HeaderType, ButtonVariant } from './Elements/Header/Header.types';
 export declare type SidebarObjectProps = {
-    avatar?: React.ReactNode;
-    headerPreffix?: React.ReactNode;
-    additionalNode?: React.ReactNode;
+    avatar?: ReactNode;
+    headerPreffix?: ReactNode;
+    additionalNode?: ReactNode;
     headerType?: HeaderType;
     typeButtons?: ButtonVariant;
-    headerTabs: TabItem & {
-        content?: React.ReactNode;
-    }[];
+    headerTabs: (TabItem & {
+        content?: ReactNode;
+    })[];
     inputObjectIdKey?: string;
     inputObject: {
-        [key: string]: string | React.ReactNode;
+        [key: string]: string | ReactNode;
     } & object;
     inlineEditInputProps?: InputProps;
     onEdit?: (inputObject: object) => void;
@@ -29,7 +29,7 @@ export declare type SidebarObjectProps = {
     onArrowDown?: () => void;
     withScrollbar?: boolean;
     handleTabClick?: (index: number) => void;
-    footer?: React.ReactNode;
+    footer?: ReactNode;
     name?: string;
     onRename?: (name: string) => void;
     activeTab?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-sidebar-object",
-  "version": "0.6.87",
+  "version": "0.6.89",
   "description": "SidebarObject UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,16 +33,21 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@synerise/ds-button": "^0.18.0",
-    "@synerise/ds-description": "^0.3.77",
-    "@synerise/ds-dropdown": "^0.17.73",
+    "@synerise/ds-description": "^0.3.79",
+    "@synerise/ds-drawer": "^0.5.41",
+    "@synerise/ds-dropdown": "^0.17.75",
     "@synerise/ds-icon": "^0.58.0",
-    "@synerise/ds-inline-edit": "^0.6.72",
-    "@synerise/ds-subtle-form": "^0.9.67",
-    "@synerise/ds-tabs": "^0.13.70"
+    "@synerise/ds-inline-edit": "^0.6.74",
+    "@synerise/ds-menu": "^0.17.16",
+    "@synerise/ds-result": "^0.6.28",
+    "@synerise/ds-scrollbar": "^0.6.5",
+    "@synerise/ds-subtle-form": "^0.9.69",
+    "@synerise/ds-tabs": "^0.13.72",
+    "@synerise/ds-utils": "^0.24.14"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "1f03e5affd1f22c9d3c7b4f1401887263d32d3d5"
+  "gitHead": "291e114ff38d1a8e9d5ad8d9e499add6c6f25ee5"
 }