@synerise/ds-sidebar-object 1.1.24 → 1.1.26

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.
 
+## [1.1.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@1.1.25...@synerise/ds-sidebar-object@1.1.26) (2026-04-01)
+
+**Note:** Version bump only for package @synerise/ds-sidebar-object
+
+## [1.1.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@1.1.24...@synerise/ds-sidebar-object@1.1.25) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-sidebar-object
+
 ## [1.1.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-sidebar-object@1.1.23...@synerise/ds-sidebar-object@1.1.24) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-sidebar-object

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

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

package/dist/Elements/Content/Content.js

@@ -1,28 +1,32 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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;
-  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
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    ,
-    onChange: onDescriptionChange,
-    value: textDescription,
-    placeholder: texts.placeholder,
-    suffixTooltip: texts.suffixTooltip
-  }, descriptionProps))));
+import { jsxs, jsx } from "react/jsx-runtime";
+import Drawer from "@synerise/ds-drawer";
+import SubtleForm from "@synerise/ds-subtle-form";
+import { ContentWrapper, TagsWrapper, InlineEditWrapper } from "./Content.style.js";
+const Content = ({
+  onFolderSelect,
+  texts,
+  mainContent,
+  descriptionProps = {},
+  tags,
+  textDescription,
+  onDescriptionChange
+}) => {
+  return /* @__PURE__ */ jsxs(Drawer.DrawerBody, { children: [
+    /* @__PURE__ */ jsx(ContentWrapper, { withFolder: !!onFolderSelect, children: mainContent }),
+    /* @__PURE__ */ jsx(TagsWrapper, { children: tags }),
+    !!onDescriptionChange && /* @__PURE__ */ jsx(InlineEditWrapper, { children: /* @__PURE__ */ jsx(
+      SubtleForm.TextArea,
+      {
+        minRows: 3,
+        onChange: onDescriptionChange,
+        value: textDescription,
+        placeholder: texts.placeholder,
+        suffixTooltip: texts.suffixTooltip,
+        ...descriptionProps
+      }
+    ) })
+  ] });
+};
+export {
+  Content as default
 };
-export default Content;

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

@@ -1,6 +1,6 @@
-export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const ContentWrapper: import('styled-components').StyledComponent<"div", any, {
     withFolder: boolean;
 }, never>;
-export declare const TagsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InlineEditWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DrawerContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TagsWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const InlineEditWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DrawerContent: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Elements/Content/Content.style.js

@@ -1,25 +1,23 @@
-import styled from 'styled-components';
-export var ContentWrapper = styled.div.withConfig({
+import styled from "styled-components";
+const ContentWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Contentstyle__ContentWrapper",
   componentId: "sc-16tawzf-0"
-})(["padding:12px 140px 12px 0;margin-top:", ";"], function (props) {
-  return props.withFolder ? '0' : '-17px';
-});
-export var TagsWrapper = styled.div.withConfig({
+})(["padding:12px 140px 12px 0;margin-top:", ";"], (props) => props.withFolder ? "0" : "-17px");
+const TagsWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Contentstyle__TagsWrapper",
   componentId: "sc-16tawzf-1"
-})(["padding:22px 0 0;border-top:1px dashed ", ";"], function (props) {
-  return props.theme.palette['grey-300'];
-});
-export var InlineEditWrapper = styled.div.withConfig({
+})(["padding:22px 0 0;border-top:1px dashed ", ";"], (props) => props.theme.palette["grey-300"]);
+const InlineEditWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Contentstyle__InlineEditWrapper",
   componentId: "sc-16tawzf-2"
-})(["border-top:1px dashed ", ";padding:12px 0;margin-left:1px;white-space:pre;.ds-inline-edit > div:nth-child(2){background-color:", ";}"], function (props) {
-  return props.theme.palette['grey-300'];
-}, function (props) {
-  return props.theme.palette.white;
-});
-export var DrawerContent = styled.div.withConfig({
+})(["border-top:1px dashed ", ";padding:12px 0;margin-left:1px;white-space:pre;.ds-inline-edit > div:nth-child(2){background-color:", ";}"], (props) => props.theme.palette["grey-300"], (props) => props.theme.palette.white);
+const DrawerContent = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Contentstyle__DrawerContent",
   componentId: "sc-16tawzf-3"
-})(["padding:0px;"]);
+})(["padding:0px;"]);
+export {
+  ContentWrapper,
+  DrawerContent,
+  InlineEditWrapper,
+  TagsWrapper
+};

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

@@ -1,6 +1,6 @@
-import { type SubtleTextAreaProps } from '@synerise/ds-subtle-form/dist/Elements/TextArea/TextArea.types';
-import { type FolderItem } from '../../SidebarObject.types';
-import { type OverviewTexts } from '../Overview/Overview.types';
+import { SubtleTextAreaProps } from '@synerise/ds-subtle-form/dist/Elements/TextArea/TextArea.types';
+import { FolderItem } from '../../SidebarObject.types';
+import { OverviewTexts } from '../Overview/Overview.types';
 export type ContentProps = {
     descriptionProps?: SubtleTextAreaProps;
     mainContent: React.ReactNode;

package/dist/Elements/Content/Content.types.js

@@ -1 +1 @@
-export {};
+

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type HeaderProps } from './Header.types';
+import { default as React } from 'react';
+import { HeaderProps } from './Header.types';
 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) => React.JSX.Element;
 export default Header;

package/dist/Elements/Header/Header.js

@@ -1,169 +1,140 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useMemo } from 'react';
-import Button from '@synerise/ds-button';
-import Drawer from '@synerise/ds-drawer';
-import { DropdownMenu } from '@synerise/ds-dropdown';
-import Icon, { AngleDownM, AngleUpM, CloseM, DuplicateM, EditM, FolderM, OptionHorizontalM, TrashM } from '@synerise/ds-icon';
-import Typography from '@synerise/ds-typography';
-import * as S from './Header.style';
-import { ButtonVariant, HeaderType } from './Header.types';
-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;
-  var renderBackTitle = function renderBackTitle(titleType) {
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import Button from "@synerise/ds-button";
+import Drawer from "@synerise/ds-drawer";
+import { DropdownMenu } from "@synerise/ds-dropdown";
+import Icon, { EditM, DuplicateM, FolderM, TrashM, AngleUpM, AngleDownM, OptionHorizontalM, CloseM } from "@synerise/ds-icon";
+import Typography from "@synerise/ds-typography";
+import { DrawerHeaderBar, StyledInlineEdit, SingleTitle, ButtonWrapper, ButtonsWrapper } from "./Header.style.js";
+import { HeaderType, ButtonVariant } from "./Header.types.js";
+const Header = ({
+  avatar,
+  preffix,
+  tabs,
+  onMove,
+  onDuplicate,
+  onDelete,
+  onEdit,
+  onId,
+  texts,
+  onCloseClick,
+  inputObject,
+  inputObjectIdKey = "id",
+  inlineEditInputProps = {},
+  onArrowUp,
+  onArrowDown,
+  name = "",
+  onRename,
+  additionalNode,
+  type = HeaderType.READONLY,
+  typeButtons,
+  onCancelClick,
+  onApplyClick
+}) => {
+  const renderBackTitle = (titleType) => {
     if (titleType === HeaderType.EDITABLE) {
-      return /*#__PURE__*/React.createElement(S.StyledInlineEdit, {
-        disabled: !onRename,
-        input: _extends({
-          name: texts.name,
-          value: name,
-          maxLength: 120,
-          placeholder: texts.inlineEditPlaceholder,
-          onChange: function onChange(event) {
-            onRename && onRename(event.target.value);
-          }
-        }, inlineEditInputProps)
-      });
+      return /* @__PURE__ */ jsx(StyledInlineEdit, { disabled: !onRename, input: {
+        name: texts.name,
+        value: name,
+        maxLength: 120,
+        placeholder: texts.inlineEditPlaceholder,
+        onChange: (event) => {
+          onRename && onRename(event.target.value);
+        },
+        ...inlineEditInputProps
+      } });
     }
-    return /*#__PURE__*/React.createElement(S.SingleTitle, null, name);
+    return /* @__PURE__ */ jsx(SingleTitle, { children: name });
   };
-  var renderMenu = !!(onEdit || onDelete || onDuplicate || onMove || onId);
-  var renderMenuDivider = !!((onEdit || onDelete || onDuplicate || onMove) && onId);
-  var menuDataSource = useMemo(function () {
-    var menuItems = [];
+  const renderMenu = !!(onEdit || onDelete || onDuplicate || onMove || onId);
+  const renderMenuDivider = !!((onEdit || onDelete || onDuplicate || onMove) && onId);
+  const menuDataSource = useMemo(() => {
+    const menuItems = [];
     onEdit && menuItems.push({
-      onClick: function onClick() {
+      onClick: () => {
         onEdit(inputObject);
       },
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(EditM, null)
-      }),
+      prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(EditM, {}) }),
       text: texts.editIcon
     });
     onDuplicate && menuItems.push({
-      onClick: function onClick() {
+      onClick: () => {
         onDuplicate(inputObject);
       },
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(DuplicateM, null)
-      }),
+      prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(DuplicateM, {}) }),
       text: texts.duplicateIcon
     });
     onMove && menuItems.push({
-      onClick: function onClick() {
+      onClick: () => {
         onMove(inputObject);
       },
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(FolderM, null)
-      }),
+      prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(FolderM, {}) }),
       text: texts.moveIcon
     });
     onDelete && menuItems.push({
-      onClick: function onClick() {
+      onClick: () => {
         onDelete(inputObject);
       },
-      type: 'danger',
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(TrashM, null)
-      }),
+      type: "danger",
+      prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(TrashM, {}) }),
       text: texts.deleteIcon
     });
     renderMenuDivider && menuItems.push({
-      type: 'divider'
+      type: "divider"
     });
     onId && menuItems.push({
-      onClick: function onClick() {
+      onClick: () => {
         onId(inputObject);
       },
       copyable: {
-        copiedLabel: 'Copied!',
-        copyValue: "" + inputObject[inputObjectIdKey]
+        copiedLabel: "Copied!",
+        copyValue: `${inputObject[inputObjectIdKey]}`
       },
-      text: "Copy ID"
+      text: `Copy ID`
     });
     return menuItems;
   }, [inputObject, inputObjectIdKey, onDelete, onDuplicate, onEdit, onId, onMove, renderMenuDivider, texts.deleteIcon, texts.duplicateIcon, texts.editIcon, texts.moveIcon]);
-  var renderActionButtons = function renderActionButtons(typesOfButtons) {
+  const 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, {
-        onClick: onArrowUp,
-        type: "ghost",
-        mode: "single-icon"
-      }, /*#__PURE__*/React.createElement(Icon, {
-        size: 20,
-        component: /*#__PURE__*/React.createElement(AngleUpM, null)
-      }))), onArrowDown && /*#__PURE__*/React.createElement(S.ButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
-        onClick: onArrowDown,
-        type: "ghost",
-        mode: "single-icon"
-      }, /*#__PURE__*/React.createElement(Icon, {
-        size: 20,
-        component: /*#__PURE__*/React.createElement(AngleDownM, null)
-      }))), renderMenu && /*#__PURE__*/React.createElement(DropdownMenu, {
-        dataSource: menuDataSource,
-        placement: "bottomLeft",
-        popoverProps: {
-          testId: 'sidebar-object-menu'
-        },
-        asChild: true
-      }, /*#__PURE__*/React.createElement(S.ButtonWrapper, {
-        "data-testid": "sidebar-object-dropdown-menu-trigger"
-      }, /*#__PURE__*/React.createElement(Button, {
-        type: "ghost",
-        mode: "single-icon"
-      }, /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(OptionHorizontalM, null)
-      })))), /*#__PURE__*/React.createElement(S.ButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
-        type: "ghost",
-        mode: "single-icon",
-        onClick: onCloseClick
-      }, /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(CloseM, null)
-      }))));
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        onArrowUp && /* @__PURE__ */ jsx(ButtonWrapper, { children: /* @__PURE__ */ jsx(Button, { onClick: onArrowUp, type: "ghost", mode: "single-icon", children: /* @__PURE__ */ jsx(Icon, { size: 20, component: /* @__PURE__ */ jsx(AngleUpM, {}) }) }) }),
+        onArrowDown && /* @__PURE__ */ jsx(ButtonWrapper, { children: /* @__PURE__ */ jsx(Button, { onClick: onArrowDown, type: "ghost", mode: "single-icon", children: /* @__PURE__ */ jsx(Icon, { size: 20, component: /* @__PURE__ */ jsx(AngleDownM, {}) }) }) }),
+        renderMenu && /* @__PURE__ */ jsx(DropdownMenu, { dataSource: menuDataSource, placement: "bottomLeft", popoverProps: {
+          testId: "sidebar-object-menu"
+        }, asChild: true, children: /* @__PURE__ */ jsx(ButtonWrapper, { "data-testid": "sidebar-object-dropdown-menu-trigger", children: /* @__PURE__ */ jsx(Button, { type: "ghost", mode: "single-icon", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(OptionHorizontalM, {}) }) }) }) }),
+        /* @__PURE__ */ jsx(ButtonWrapper, { children: /* @__PURE__ */ jsx(Button, { type: "ghost", mode: "single-icon", onClick: onCloseClick, children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CloseM, {}) }) }) })
+      ] });
     }
     if (typesOfButtons === ButtonVariant.TWO_BUTTONS) {
-      return /*#__PURE__*/React.createElement(S.ButtonsWrapper, null, /*#__PURE__*/React.createElement(S.ButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
-        type: "ghost",
-        onClick: onCancelClick
-      }, ' ', texts.cancelButton, ' ')), /*#__PURE__*/React.createElement(S.ButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
-        type: "primary",
-        onClick: onApplyClick
-      }, ' ', texts.applyButton, ' ')));
+      return /* @__PURE__ */ jsxs(ButtonsWrapper, { children: [
+        /* @__PURE__ */ jsx(ButtonWrapper, { children: /* @__PURE__ */ jsxs(Button, { type: "ghost", onClick: onCancelClick, children: [
+          " ",
+          texts.cancelButton,
+          " "
+        ] }) }),
+        /* @__PURE__ */ jsx(ButtonWrapper, { children: /* @__PURE__ */ jsxs(Button, { type: "primary", onClick: onApplyClick, children: [
+          " ",
+          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, {
-    style: {
-      flex: 2,
-      marginLeft: '15px'
-    },
-    level: 4
-  }, renderBackTitle(type)), renderActionButtons(typeButtons)), additionalNode, tabs));
+  return /* @__PURE__ */ jsx(Drawer.DrawerHeaderWithoutPadding, { children: /* @__PURE__ */ jsxs(Drawer.DrawerHeader, { children: [
+    /* @__PURE__ */ jsxs(DrawerHeaderBar, { withTabs: !!tabs, children: [
+      preffix,
+      avatar,
+      /* @__PURE__ */ jsx(Typography.Title, { style: {
+        flex: 2,
+        marginLeft: "15px"
+      }, level: 4, children: renderBackTitle(type) }),
+      renderActionButtons(typeButtons)
+    ] }),
+    additionalNode,
+    tabs
+  ] }) });
+};
+export {
+  Header as default
 };
-export default Header;

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

@@ -1,13 +1,13 @@
-import { type InlineEditProps } from '@synerise/ds-inline-edit/dist/InlineEdit.types';
-export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {
+import { InlineEditProps } from '@synerise/ds-inline-edit/dist/InlineEdit.types';
+export declare const HeaderWrapper: import('styled-components').StyledComponent<"div", any, {
     dashed: boolean;
 }, never>;
-export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledInlineEdit: import("styled-components").StyledComponent<({ className, style, size, disabled, autoFocus, hideIcon, customIcon, tooltipTitle, error, input, }: InlineEditProps) => React.JSX.Element, any, InlineEditProps, never>;
-export declare const DrawerHeaderBar: import("styled-components").StyledComponent<"div", any, {
+export declare const ButtonWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const StyledInlineEdit: import('styled-components').StyledComponent<({ className, style, size, disabled, autoFocus, hideIcon, customIcon, tooltipTitle, error, input, }: InlineEditProps) => React.JSX.Element, any, InlineEditProps, never>;
+export declare const DrawerHeaderBar: import('styled-components').StyledComponent<"div", any, {
     withTabs: boolean;
 }, never>;
-export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const OverviewWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SingleTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonsWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DropdownWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const OverviewWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SingleTitle: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Elements/Header/Header.style.js

@@ -1,42 +1,44 @@
-import styled from 'styled-components';
-import InlineEdit from '@synerise/ds-inline-edit';
-export var HeaderWrapper = styled.div.withConfig({
+import styled from "styled-components";
+import InlineEdit from "@synerise/ds-inline-edit";
+const HeaderWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Headerstyle__HeaderWrapper",
   componentId: "sc-16ox3vk-0"
-})(["padding:", ";border-bottom:", ";margin-top:-8px;"], function (props) {
-  return props.dashed ? '0 0 16px 0' : '0';
-}, function (props) {
-  return props.dashed ? "1px dashed " + props.theme.palette['grey-300'] : "0";
-});
-export var ButtonWrapper = styled.div.withConfig({
+})(["padding:", ";border-bottom:", ";margin-top:-8px;"], (props) => props.dashed ? "0 0 16px 0" : "0", (props) => props.dashed ? `1px dashed ${props.theme.palette["grey-300"]}` : `0`);
+const ButtonWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Headerstyle__ButtonWrapper",
   componentId: "sc-16ox3vk-1"
 })(["padding:0 0 0 8px;"]);
-export var StyledInlineEdit = styled(InlineEdit).withConfig({
+const StyledInlineEdit = /* @__PURE__ */ styled(InlineEdit).withConfig({
   displayName: "Headerstyle__StyledInlineEdit",
   componentId: "sc-16ox3vk-2"
 })(["&& .autosize-input > input{max-width:350px;overflow:hidden;}"]);
-export var DrawerHeaderBar = styled.div.withConfig({
+const DrawerHeaderBar = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Headerstyle__DrawerHeaderBar",
   componentId: "sc-16ox3vk-3"
-})(["display:flex;justify-content:space-between;align-items:center;padding-bottom:", ";.ant-typography{margin-bottom:0;}"], function (props) {
-  return props.withTabs ? '10px' : '24px';
-});
-export var ButtonsWrapper = styled.div.withConfig({
+})(["display:flex;justify-content:space-between;align-items:center;padding-bottom:", ";.ant-typography{margin-bottom:0;}"], (props) => props.withTabs ? "10px" : "24px");
+const ButtonsWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Headerstyle__ButtonsWrapper",
   componentId: "sc-16ox3vk-4"
 })(["display:flex;"]);
-export var DropdownWrapper = styled.div.withConfig({
+const DropdownWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Headerstyle__DropdownWrapper",
   componentId: "sc-16ox3vk-5"
-})(["background:", ";"], function (props) {
-  return props.theme.palette.white;
-});
-export var OverviewWrapper = styled.div.withConfig({
+})(["background:", ";"], (props) => props.theme.palette.white);
+const OverviewWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Headerstyle__OverviewWrapper",
   componentId: "sc-16ox3vk-6"
 })(["width:100%;"]);
-export var SingleTitle = styled.div.withConfig({
+const SingleTitle = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Headerstyle__SingleTitle",
   componentId: "sc-16ox3vk-7"
-})(["font-size:18px;padding-left:1px;padding-top:1px;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
+})(["font-size:18px;padding-left:1px;padding-top:1px;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
+export {
+  ButtonWrapper,
+  ButtonsWrapper,
+  DrawerHeaderBar,
+  DropdownWrapper,
+  HeaderWrapper,
+  OverviewWrapper,
+  SingleTitle,
+  StyledInlineEdit
+};

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

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import { type InputProps } from '@synerise/ds-inline-edit/dist/InlineEdit.types';
+import { ReactNode } from 'react';
+import { InputProps } from '@synerise/ds-inline-edit/dist/InlineEdit.types';
 export type HeaderProps = {
     avatar: ReactNode;
     preffix: ReactNode;

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

@@ -1,10 +1,14 @@
-export var HeaderType = /*#__PURE__*/function (HeaderType) {
-  HeaderType["READONLY"] = "readonly";
-  HeaderType["EDITABLE"] = "editable";
-  return HeaderType;
-}({});
-export var ButtonVariant = /*#__PURE__*/function (ButtonVariant) {
-  ButtonVariant["TWO_BUTTONS"] = "twoButtons";
-  ButtonVariant["WITH_NAVIGATION"] = "withNavigation";
-  return ButtonVariant;
-}({});
+var HeaderType = /* @__PURE__ */ ((HeaderType2) => {
+  HeaderType2["READONLY"] = "readonly";
+  HeaderType2["EDITABLE"] = "editable";
+  return HeaderType2;
+})(HeaderType || {});
+var ButtonVariant = /* @__PURE__ */ ((ButtonVariant2) => {
+  ButtonVariant2["TWO_BUTTONS"] = "twoButtons";
+  ButtonVariant2["WITH_NAVIGATION"] = "withNavigation";
+  return ButtonVariant2;
+})(ButtonVariant || {});
+export {
+  ButtonVariant,
+  HeaderType
+};

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

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

package/dist/Elements/ObjectSummary/ObjectSummary.js

@@ -1,14 +1,11 @@
-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);
-  return /*#__PURE__*/React.createElement(Description, null, keys.map(function (key) {
-    return /*#__PURE__*/React.createElement(DescriptionRow, {
-      key: key,
-      label: key === 'id' ? key.toUpperCase() : key,
-      value: inputObject[key]
-    });
-  }));
+import { jsx } from "react/jsx-runtime";
+import Description, { DescriptionRow } from "@synerise/ds-description";
+const ObjectSummary = ({
+  inputObject
+}) => {
+  const keys = Object.keys(inputObject);
+  return /* @__PURE__ */ jsx(Description, { children: keys.map((key) => /* @__PURE__ */ jsx(DescriptionRow, { label: key === "id" ? key.toUpperCase() : key, value: inputObject[key] }, key)) });
+};
+export {
+  ObjectSummary as default
 };
-export default ObjectSummary;

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

@@ -1,2 +1,2 @@
-export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DrawerContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DrawerContent: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Elements/ObjectSummary/ObjectSummary.style.js

@@ -1,11 +1,13 @@
-import styled from 'styled-components';
-export var ContentWrapper = styled.div.withConfig({
+import styled from "styled-components";
+const ContentWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ObjectSummarystyle__ContentWrapper",
   componentId: "sc-1ka243j-0"
-})(["padding:12px 140px 12px 0;border-bottom:1px dashed ", ";margin:0 24px;"], function (props) {
-  return props.theme.palette['grey-300'];
-});
-export var DrawerContent = styled.div.withConfig({
+})(["padding:12px 140px 12px 0;border-bottom:1px dashed ", ";margin:0 24px;"], (props) => props.theme.palette["grey-300"]);
+const DrawerContent = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ObjectSummarystyle__DrawerContent",
   componentId: "sc-1ka243j-1"
-})(["padding:0px;"]);
+})(["padding:0px;"]);
+export {
+  ContentWrapper,
+  DrawerContent
+};

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type ObjectSummaryProps = {
     inputObject: Record<string, ReactNode>;
 };

package/dist/Elements/ObjectSummary/ObjectSummary.types.js

@@ -1 +1 @@
-export {};
+

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

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

package/dist/Elements/Overview/Overview.js

@@ -1,96 +1,61 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useMemo, useState } from 'react';
-import Button from '@synerise/ds-button';
-import { useTheme } from '@synerise/ds-core';
-import { DropdownMenu } from '@synerise/ds-dropdown';
-import Icon, { Add3M, AngleDownS, FolderM } from '@synerise/ds-icon';
-import Content from '../Content/Content';
-import * as S from '../Header/Header.style';
-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;
-  var theme = useTheme();
-  var _useState = useState(''),
-    searchQuery = _useState[0],
-    setSearchQuery = _useState[1];
-  var filteredData = useMemo(function () {
-    return folders.filter(function (item) {
-      return typeof item[foldersFilterKey] === 'string' && item[foldersFilterKey].toLowerCase().includes(searchQuery.toLowerCase());
-    });
-  }, [folders, foldersFilterKey, searchQuery]);
-  var menuDataSource = useMemo(function () {
-    return filteredData.map(function (item) {
-      return _extends({
-        key: item[foldersIdKey] + "-" + item.id,
-        onClick: function onClick() {
-          return onFolderSelect(item);
-        },
-        checked: parentFolder[foldersIdKey] === item[foldersIdKey],
-        prefixel: /*#__PURE__*/React.createElement(Icon, {
-          component: /*#__PURE__*/React.createElement(FolderM, null)
-        }),
-        // highlight: value,
-        text: item[foldersDisplayKey]
-      }, item);
-    });
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import Button from "@synerise/ds-button";
+import { useTheme } from "@synerise/ds-core";
+import { DropdownMenu } from "@synerise/ds-dropdown";
+import Icon, { FolderM, AngleDownS, Add3M } from "@synerise/ds-icon";
+import Content from "../Content/Content.js";
+import { OverviewWrapper, HeaderWrapper } from "../Header/Header.style.js";
+import ObjectSummary from "../ObjectSummary/ObjectSummary.js";
+const Overview = ({
+  inputObject,
+  contentTags,
+  folders,
+  foldersDisplayKey = "name",
+  foldersFilterKey = "name",
+  foldersIdKey = "id",
+  parentFolder,
+  texts,
+  textDescription,
+  onFolderSelect,
+  onDescriptionChange,
+  descriptionProps = {},
+  onAddFolderClick
+}) => {
+  const theme = useTheme();
+  const [searchQuery, setSearchQuery] = useState("");
+  const filteredData = useMemo(() => folders.filter((item) => typeof item[foldersFilterKey] === "string" && item[foldersFilterKey].toLowerCase().includes(searchQuery.toLowerCase())), [folders, foldersFilterKey, searchQuery]);
+  const menuDataSource = useMemo(() => {
+    return filteredData.map((item) => ({
+      key: `${item[foldersIdKey]}-${item.id}`,
+      onClick: () => onFolderSelect(item),
+      checked: parentFolder[foldersIdKey] === item[foldersIdKey],
+      prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(FolderM, {}) }),
+      // highlight: value,
+      text: item[foldersDisplayKey],
+      ...item
+    }));
   }, [filteredData, foldersDisplayKey, foldersIdKey, onFolderSelect, parentFolder]);
-  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(DropdownMenu, {
-    withSearch: true,
-    popoverProps: {
-      testId: 'sidebar-object-folders'
-    },
-    asChild: true,
-    dataSource: menuDataSource,
-    itemMatchesSearchQuery: function itemMatchesSearchQuery() {
-      return true;
-    },
-    onSearchQueryChange: setSearchQuery,
-    footer: onAddFolderClick ? {
-      left: /*#__PURE__*/React.createElement(Button, {
-        type: "ghost",
-        mode: "icon-label",
-        onClick: function onClick() {
-          return onAddFolderClick(searchQuery);
-        }
-      }, /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(Add3M, null),
-        size: 24,
-        color: theme.palette['grey-500']
-      }), /*#__PURE__*/React.createElement("div", null, texts.addFolder))
-    } : undefined
-  }, /*#__PURE__*/React.createElement(Button, {
-    mode: "label-icon",
-    type: "ghost"
-  }, parentFolder == null ? void 0 : parentFolder.name, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(AngleDownS, null)
-  }))))), /*#__PURE__*/React.createElement(Content, {
-    descriptionProps: descriptionProps,
-    onFolderSelect: onFolderSelect,
-    texts: texts,
-    onDescriptionChange: onDescriptionChange,
-    textDescription: textDescription,
-    mainContent: /*#__PURE__*/React.createElement(ObjectSummary, {
-      inputObject: inputObject
-    }),
-    tags: contentTags
-  }));
+  return /* @__PURE__ */ jsxs(OverviewWrapper, { children: [
+    /* @__PURE__ */ jsx(HeaderWrapper, { dashed: !!onFolderSelect, children: onFolderSelect && /* @__PURE__ */ jsxs(Fragment, { children: [
+      texts?.folder,
+      ":",
+      " ",
+      /* @__PURE__ */ jsx(DropdownMenu, { withSearch: true, popoverProps: {
+        testId: "sidebar-object-folders"
+      }, asChild: true, dataSource: menuDataSource, itemMatchesSearchQuery: () => true, onSearchQueryChange: setSearchQuery, footer: onAddFolderClick ? {
+        left: /* @__PURE__ */ jsxs(Button, { type: "ghost", mode: "icon-label", onClick: () => onAddFolderClick(searchQuery), children: [
+          /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(Add3M, {}), size: 24, color: theme.palette["grey-500"] }),
+          /* @__PURE__ */ jsx("div", { children: texts.addFolder })
+        ] })
+      } : void 0, children: /* @__PURE__ */ jsxs(Button, { mode: "label-icon", type: "ghost", children: [
+        parentFolder?.name,
+        /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleDownS, {}) })
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Content, { descriptionProps, onFolderSelect, texts, onDescriptionChange, textDescription, mainContent: /* @__PURE__ */ jsx(ObjectSummary, { inputObject }), tags: contentTags })
+  ] });
+};
+export {
+  Overview as default
 };
-export default Overview;

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

@@ -1,7 +1,7 @@
-import { type ReactNode } from 'react';
-import { type SubtleTextAreaProps } from '@synerise/ds-subtle-form/dist/Elements/TextArea/TextArea.types';
-import { type FolderItem } from '../../SidebarObject.types';
-import { type HeaderTexts } from '../Header/Header.types';
+import { ReactNode } from 'react';
+import { SubtleTextAreaProps } from '@synerise/ds-subtle-form/dist/Elements/TextArea/TextArea.types';
+import { FolderItem } from '../../SidebarObject.types';
+import { HeaderTexts } from '../Header/Header.types';
 export type OverviewObjectProps = {
     inputObject: {
         [key: string]: string | ReactNode;

package/dist/Elements/Overview/Overview.types.js

@@ -1 +1 @@
-export {};
+

package/dist/SidebarObject.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type SidebarObjectProps } from './SidebarObject.types';
+import { default as React } from 'react';
+import { SidebarObjectProps } from './SidebarObject.types';
 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) => React.JSX.Element;
 export default SidebarObject;

package/dist/SidebarObject.js

@@ -1,77 +1,60 @@
-import React from 'react';
-import Scrollbar from '@synerise/ds-scrollbar';
-import Tabs from '@synerise/ds-tabs';
-import Header from './Elements/Header/Header';
-import { HeaderType } from './Elements/Header/Header.types';
-import * as S from './SidebarObject.style';
-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;
-  return /*#__PURE__*/React.createElement(S.SidebarObjectWrapper, null, /*#__PURE__*/React.createElement(Header, {
-    avatar: avatar,
-    preffix: headerPreffix,
-    tabs: headerTabs != null && headerTabs.length ? /*#__PURE__*/React.createElement(Tabs, {
-      activeTab: activeTab,
-      tabs: headerTabs,
-      handleTabClick: function handleTabClick(index) {
-        _handleTabClick && _handleTabClick(index);
+import { jsxs, jsx } from "react/jsx-runtime";
+import Scrollbar from "@synerise/ds-scrollbar";
+import Tabs from "@synerise/ds-tabs";
+import Header from "./Elements/Header/Header.js";
+import { HeaderType } from "./Elements/Header/Header.types.js";
+import { SidebarObjectWrapper, ContentContainer, ContentPlaceholder, FooterContainer } from "./SidebarObject.style.js";
+const SidebarObject = ({
+  avatar,
+  headerPreffix,
+  headerTabs,
+  inputObject,
+  inlineEditInputProps,
+  onEdit,
+  onDelete,
+  onDuplicate,
+  onMove,
+  onId,
+  texts,
+  onCloseClick,
+  onArrowUp,
+  onArrowDown,
+  withScrollbar,
+  handleTabClick,
+  footer,
+  name,
+  onRename,
+  inputObjectIdKey = "id",
+  additionalNode,
+  activeTab = 0,
+  headerType = HeaderType.READONLY,
+  typeButtons,
+  onCancelClick,
+  onApplyClick
+}) => {
+  return /* @__PURE__ */ jsxs(SidebarObjectWrapper, { children: [
+    /* @__PURE__ */ jsx(Header, { avatar, preffix: headerPreffix, tabs: headerTabs?.length ? /* @__PURE__ */ jsx(Tabs, { activeTab, tabs: headerTabs, handleTabClick: (index) => {
+      handleTabClick && handleTabClick(index);
+    } }) : null, onDelete, onDuplicate, onEdit, onMove, onId, texts, onCloseClick, onCancelClick, onApplyClick, inputObject, inputObjectIdKey: inputObjectIdKey || "id", inlineEditInputProps, onArrowUp, onArrowDown, name, additionalNode, onRename, type: headerType, typeButtons }),
+    /* @__PURE__ */ jsx(
+      Scrollbar,
+      {
+        absolute: true,
+        maxHeight: "100vh",
+        options: {
+          suppressScrollY: !withScrollbar
+        },
+        children: headerTabs[activeTab]?.content && /* @__PURE__ */ jsx(ContentContainer, { children: headerTabs[activeTab]?.content })
       }
-    }) : null,
-    onDelete: onDelete,
-    onDuplicate: onDuplicate,
-    onEdit: onEdit,
-    onMove: onMove,
-    onId: onId,
-    texts: texts,
-    onCloseClick: onCloseClick,
-    onCancelClick: onCancelClick,
-    onApplyClick: onApplyClick,
-    inputObject: inputObject,
-    inputObjectIdKey: inputObjectIdKey || 'id',
-    inlineEditInputProps: inlineEditInputProps,
-    onArrowUp: onArrowUp,
-    onArrowDown: onArrowDown,
-    name: name,
-    additionalNode: additionalNode,
-    onRename: onRename,
-    type: headerType,
-    typeButtons: typeButtons
-  }), /*#__PURE__*/React.createElement(Scrollbar, {
-    absolute: true,
-    maxHeight: "100vh"
-    // @ts-expect-error Property 'options' does not exist on type
-    ,
-    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, " "));
+    ),
+    /* @__PURE__ */ jsx(ContentPlaceholder, {}),
+    !!footer && /* @__PURE__ */ jsxs(FooterContainer, { children: [
+      " ",
+      footer,
+      " "
+    ] })
+  ] });
+};
+export {
+  SidebarObject as default
 };
-export default SidebarObject;

package/dist/SidebarObject.style.d.ts

@@ -1,4 +1,4 @@
-export declare const FooterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SidebarObjectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FooterContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SidebarObjectWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ContentPlaceholder: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ContentContainer: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/SidebarObject.style.js

@@ -1,21 +1,23 @@
-import styled from 'styled-components';
-export var FooterContainer = styled.div.withConfig({
+import styled from "styled-components";
+const FooterContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "SidebarObjectstyle__FooterContainer",
   componentId: "sc-xhivw-0"
-})(["padding:24px;display:flex;align-items:center;justify-content:flex-end;background:", ";border-top:solid 1px ", ";"], function (props) {
-  return props.theme.palette['grey-050'];
-}, function (props) {
-  return props.theme.palette['grey-100'];
-});
-export var SidebarObjectWrapper = styled.div.withConfig({
+})(["padding:24px;display:flex;align-items:center;justify-content:flex-end;background:", ";border-top:solid 1px ", ";"], (props) => props.theme.palette["grey-050"], (props) => props.theme.palette["grey-100"]);
+const SidebarObjectWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "SidebarObjectstyle__SidebarObjectWrapper",
   componentId: "sc-xhivw-1"
 })(["display:flex;flex-direction:column;height:100vh;"]);
-export var ContentPlaceholder = styled.div.withConfig({
+const ContentPlaceholder = /* @__PURE__ */ styled.div.withConfig({
   displayName: "SidebarObjectstyle__ContentPlaceholder",
   componentId: "sc-xhivw-2"
 })(["display:flex;flex:1;"]);
-export var ContentContainer = styled.div.withConfig({
+const ContentContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "SidebarObjectstyle__ContentContainer",
   componentId: "sc-xhivw-3"
-})(["padding:24px;display:flex;flex:1;"]);
+})(["padding:24px;display:flex;flex:1;"]);
+export {
+  ContentContainer,
+  ContentPlaceholder,
+  FooterContainer,
+  SidebarObjectWrapper
+};

package/dist/SidebarObject.types.d.ts

@@ -1,7 +1,7 @@
-import { type ReactNode } from 'react';
-import { type InputProps } from '@synerise/ds-inline-edit/dist/InlineEdit.types';
-import { type TabItem } from '@synerise/ds-tabs';
-import { type ButtonVariant, type HeaderTexts, type HeaderType } from './Elements/Header/Header.types';
+import { ReactNode } from 'react';
+import { InputProps } from '@synerise/ds-inline-edit/dist/InlineEdit.types';
+import { TabItem } from '@synerise/ds-tabs';
+import { ButtonVariant, HeaderTexts, HeaderType } from './Elements/Header/Header.types';
 export type SidebarObjectProps = {
     avatar?: ReactNode;
     headerPreffix?: ReactNode;

package/dist/SidebarObject.types.js

@@ -1 +1 @@
-export {};
+

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './SidebarObject';
+import { default as default2 } from "./SidebarObject.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-sidebar-object",
-  "version": "1.1.24",
+  "version": "1.1.26",
   "description": "SidebarObject UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,19 +35,19 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.5.17",
-    "@synerise/ds-description": "^1.3.1",
-    "@synerise/ds-drawer": "^1.1.1",
-    "@synerise/ds-dropdown": "^1.3.1",
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-inline-edit": "^1.1.23",
-    "@synerise/ds-menu": "^1.4.12",
-    "@synerise/ds-result": "^1.0.48",
-    "@synerise/ds-scrollbar": "^1.2.16",
-    "@synerise/ds-subtle-form": "^1.1.58",
-    "@synerise/ds-tabs": "^1.1.23",
-    "@synerise/ds-typography": "^1.1.12",
-    "@synerise/ds-utils": "^1.7.0"
+    "@synerise/ds-button": "^1.5.19",
+    "@synerise/ds-description": "^1.3.3",
+    "@synerise/ds-drawer": "^1.1.2",
+    "@synerise/ds-dropdown": "^1.3.3",
+    "@synerise/ds-icon": "^1.15.2",
+    "@synerise/ds-inline-edit": "^1.1.25",
+    "@synerise/ds-menu": "^1.4.14",
+    "@synerise/ds-result": "^1.0.50",
+    "@synerise/ds-scrollbar": "^1.2.18",
+    "@synerise/ds-subtle-form": "^1.1.60",
+    "@synerise/ds-tabs": "^1.1.25",
+    "@synerise/ds-typography": "^1.1.14",
+    "@synerise/ds-utils": "^1.7.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -55,5 +55,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "c2384982c3533a31eb5e5e0408f8dcecb2b0f399"
 }