@synerise/ds-column-manager 0.13.5 → 0.13.6

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.13.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-column-manager@0.13.5...@synerise/ds-column-manager@0.13.6) (2024-12-04)
+
+
+### Bug Fixes
+
+* **column-manager:** menu.item children -> datasource ([38b07f3](https://github.com/Synerise/synerise-design/commit/38b07f3b4767d43b933067c5e7699afd95546177))
+
+
+
+
+
 ## [0.13.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-column-manager@0.13.4...@synerise/ds-column-manager@0.13.5) (2024-11-29)
 
 **Note:** Version bump only for package @synerise/ds-column-manager

package/dist/ColumnManagerItem/ColumManagerItem.types.d.ts

@@ -1,8 +1,9 @@
-import React from 'react';
+import type { ReactText, ReactNode } from 'react';
+import type { ThemePropsVars } from '@synerise/ds-core';
 export type ColumnType = string | 'text' | 'number' | 'date' | 'boolean' | 'list';
 export type Column = {
     id: string;
-    key: React.ReactText;
+    key: ReactText;
     name: string;
     visible: boolean;
     type: ColumnType;
@@ -17,9 +18,7 @@ export type ColumnProps = {
     searchQuery?: string;
     item: Column;
     texts: {
-        [k: string]: string | React.ReactNode;
-    };
-    theme: {
-        [k: string]: string;
+        [k: string]: ReactNode;
     };
+    theme: ThemePropsVars;
 };

package/dist/ColumnManagerItem/ColumnManagerItem.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<{
     draggable?: boolean | undefined;
-    children?: React.ReactNode;
     texts: {
         [k: string]: React.ReactNode;
     };

package/dist/ColumnManagerItem/ColumnManagerItem.js

@@ -1,12 +1,11 @@
 var _excluded = ["item", "theme", "setFixed", "switchAction", "draggable", "searchQuery", "texts", "showGroupSettings"];
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React from 'react';
-import Icon, { CheckS, DividerM, DragHandleM, Grid4M, Grid5M, OptionHorizontalM, PinM, VarTypeBooleanM, VarTypeDateM, VarTypeListM, VarTypeNumberM, VarTypeStringM } from '@synerise/ds-icon';
-import Switch from '@synerise/ds-switch/dist/Switch';
+import React, { useMemo } from 'react';
 import { withTheme } from 'styled-components';
+import Icon, { CheckS, DividerM, DragHandleM, Grid4M, Grid5M, OptionHorizontalM, PinM, VarTypeBooleanM, VarTypeDateM, VarTypeListM, VarTypeNumberM, VarTypeStringM } from '@synerise/ds-icon';
+import Switch from '@synerise/ds-switch';
 import Dropdown from '@synerise/ds-dropdown';
 import Button from '@synerise/ds-button';
-import Menu from '@synerise/ds-menu';
 import { escapeRegEx } from '@synerise/ds-utils';
 import Tooltip from '@synerise/ds-tooltip';
 import * as S from './ColumnManagerItem.styles';
@@ -31,7 +30,7 @@ var ColumnManagerItem = function ColumnManagerItem(_ref) {
     texts = _ref.texts,
     showGroupSettings = _ref.showGroupSettings,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var columnName = React.useMemo(function () {
+  var columnName = useMemo(function () {
     if (searchQuery) {
       var escapedQuery = escapeRegEx(searchQuery);
       var startOfQuery = item.name.toLowerCase().search(escapedQuery.toLowerCase());
@@ -40,8 +39,8 @@ var ColumnManagerItem = function ColumnManagerItem(_ref) {
     }
     return item.name;
   }, [item.name, searchQuery]);
-  var fixedMenu = function fixedMenu() {
-    return /*#__PURE__*/React.createElement(S.FixedMenu, null, /*#__PURE__*/React.createElement(Menu.Item, {
+  var menuDataSource = useMemo(function () {
+    return [{
       onClick: function onClick() {
         return setFixed(item.id, FIXED_TYPES.left);
       },
@@ -52,8 +51,9 @@ var ColumnManagerItem = function ColumnManagerItem(_ref) {
       suffixel: item.fixed === FIXED_TYPES.left && /*#__PURE__*/React.createElement(Icon, {
         component: /*#__PURE__*/React.createElement(CheckS, null),
         color: theme.palette['green-600']
-      })
-    }, texts.fixedLeft), /*#__PURE__*/React.createElement(Menu.Item, {
+      }),
+      text: texts.fixedLeft
+    }, {
       onClick: function onClick() {
         return setFixed(item.id, FIXED_TYPES.right);
       },
@@ -64,8 +64,9 @@ var ColumnManagerItem = function ColumnManagerItem(_ref) {
       suffixel: item.fixed === FIXED_TYPES.right && /*#__PURE__*/React.createElement(Icon, {
         component: /*#__PURE__*/React.createElement(CheckS, null),
         color: theme.palette['green-600']
-      })
-    }, texts.fixedRight), /*#__PURE__*/React.createElement(Menu.Item, {
+      }),
+      text: texts.fixedRight
+    }, {
       onClick: function onClick() {
         return showGroupSettings(item);
       },
@@ -76,9 +77,10 @@ var ColumnManagerItem = function ColumnManagerItem(_ref) {
       suffixel: item.group && /*#__PURE__*/React.createElement(Icon, {
         component: /*#__PURE__*/React.createElement(CheckS, null),
         color: theme.palette['green-600']
-      })
-    }, texts.group));
-  };
+      }),
+      text: texts.group
+    }];
+  }, [item, setFixed, showGroupSettings, texts.fixedLeft, texts.fixedRight, texts.group, theme.palette]);
   return /*#__PURE__*/React.createElement(S.ColumnManagerItem, rest, /*#__PURE__*/React.createElement(S.ItemPart, {
     align: "left"
   }, draggable && /*#__PURE__*/React.createElement(S.DragHandler, {
@@ -100,7 +102,9 @@ var ColumnManagerItem = function ColumnManagerItem(_ref) {
     component: /*#__PURE__*/React.createElement(PinM, null),
     color: theme.palette['grey-400']
   })), item.visible && /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: fixedMenu()
+    overlay: /*#__PURE__*/React.createElement(S.FixedMenu, {
+      dataSource: menuDataSource
+    })
   }, /*#__PURE__*/React.createElement(Button, {
     type: "ghost",
     mode: "single-icon"

package/dist/ColumnManagerSearchResults/ColumnManagerSearchResults.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { Props } from './ColumManagerResults.types';
-declare const ColumnManagerSearchResults: React.FC<Props>;
+declare const ColumnManagerSearchResults: ({ searchResults, searchQuery, setFixed, switchAction, texts, showGroupSettings, }: Props) => React.JSX.Element;
 export default ColumnManagerSearchResults;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-column-manager",
-  "version": "0.13.5",
+  "version": "0.13.6",
   "description": "ColumnManager UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -31,23 +31,23 @@
   "sideEffects": false,
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^0.8.40",
-    "@synerise/ds-button": "^0.21.21",
+    "@synerise/ds-alert": "^0.8.41",
+    "@synerise/ds-button": "^0.22.0",
     "@synerise/ds-drawer": "^0.6.31",
-    "@synerise/ds-dropdown": "^0.18.26",
+    "@synerise/ds-dropdown": "^0.18.27",
     "@synerise/ds-icon": "^0.68.0",
-    "@synerise/ds-input": "^0.24.16",
-    "@synerise/ds-input-number": "^0.10.17",
-    "@synerise/ds-item-filter": "^0.9.5",
-    "@synerise/ds-menu": "^0.20.8",
-    "@synerise/ds-modal": "^0.17.53",
-    "@synerise/ds-result": "^0.7.16",
+    "@synerise/ds-input": "^0.24.17",
+    "@synerise/ds-input-number": "^0.10.18",
+    "@synerise/ds-item-filter": "^0.9.6",
+    "@synerise/ds-menu": "^0.20.9",
+    "@synerise/ds-modal": "^0.17.54",
+    "@synerise/ds-result": "^0.7.17",
     "@synerise/ds-scrollbar": "^0.11.21",
-    "@synerise/ds-search-bar": "^0.7.4",
-    "@synerise/ds-select": "^0.16.28",
-    "@synerise/ds-switch": "^0.6.26",
-    "@synerise/ds-tooltip": "^0.14.51",
-    "@synerise/ds-typography": "^0.16.8",
+    "@synerise/ds-search-bar": "^0.7.5",
+    "@synerise/ds-select": "^0.16.29",
+    "@synerise/ds-switch": "^0.6.27",
+    "@synerise/ds-tooltip": "^0.14.52",
+    "@synerise/ds-typography": "^0.16.9",
     "@synerise/ds-utils": "^0.31.2",
     "react-sortablejs": "^6.0.0",
     "uuid": "^8.3.2"
@@ -59,5 +59,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "5.0.1"
   },
-  "gitHead": "9ebd107163650754a5f55680d62d30812d740084"
+  "gitHead": "03c0625fb7b5baaa35f6633a425fb803469b6a20"
 }