@synerise/ds-cruds 1.1.0 → 1.1.2

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.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cruds@1.1.1...@synerise/ds-cruds@1.1.2) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-cruds
+
+## [1.1.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cruds@1.1.0...@synerise/ds-cruds@1.1.1) (2026-03-20)
+
+**Note:** Version bump only for package @synerise/ds-cruds
+
 # [1.1.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cruds@1.0.37...@synerise/ds-cruds@1.1.0) (2026-03-09)
 
 ### Features

package/README.md

@@ -38,8 +38,8 @@ import Cruds from '@synerise/ds-cruds'
 ## Usage SingleAction
 
 ```
-import SingleAction from '@synerise/ds-cruds/dist/SingleAction'
-<SingleAction
+import Cruds from '@synerise/ds-cruds'
+<Cruds.CustomAction
   className="settings"
   title={'Settings'}
   icon={<Settings2S />}
@@ -53,19 +53,25 @@ import SingleAction from '@synerise/ds-cruds/dist/SingleAction'
 
 ## API
 
-| Property         | Description                                                                  | Type                              | Default |
-| ---------------- | ---------------------------------------------------------------------------- | --------------------------------- | ------- |
-| addTooltip       | Tooltip of the add button                                                    | React.ReactNode / string          | -       |
-| duplicateTooltip | Tooltip of the duplicate button                                              | React.ReactNode / string          | -       |
-| deleteTooltip    | Tooltip of the delete button (which has a different icon than remove button) | React.ReactNode / string          | -       |
-| editTooltip      | Tooltip of the edit button                                                   | React.ReactNode / string          | -       |
-| moveTooltip      | Tooltip of the move button                                                   | React.ReactNode / string          | -       |
-| removeTooltip    | Tooltip of the remove button                                                 | React.ReactNode / string          | -       |
-| previewTooltip   | Tooltip of the preview button                                                | React.ReactNode / string          | -       |
-| onAdd            | Callback executed after clicking the add button.                             | (event: React.MouseEvent) => void | -       |
-| onDuplicate      | Callback executed after clicking the duplicate button.                       | (event: React.MouseEvent) => void | -       |
-| onDelete         | Callback executed after clicking the delete button.                          | (event: React.MouseEvent) => void | -       |
-| onEdit           | Callback executed after clicking the edit button.                            | (event: React.MouseEvent) => void | -       |
-| onMove           | Callback executed after clicking the move button.                            | (event: React.MouseEvent) => void | -       |
-| onRemove         | Callback executed after clicking the remove button.                          | (event: React.MouseEvent) => void | -       |
-| onPreview        | Callback executed after clicking the preview button.                         | (event: React.MouseEvent) => void | -       |
+| Property          | Description                                                                  | Type                               | Default |
+| ----------------- | ---------------------------------------------------------------------------- | ---------------------------------- | ------- |
+| addTooltip        | Tooltip of the add button                                                    | React.ReactNode / string           | -       |
+| duplicateTooltip  | Tooltip of the duplicate button                                              | React.ReactNode / string           | -       |
+| deleteTooltip     | Tooltip of the delete button (which has a different icon than remove button) | React.ReactNode / string           | -       |
+| editTooltip       | Tooltip of the edit button                                                   | React.ReactNode / string           | -       |
+| moveTooltip       | Tooltip of the move button                                                   | React.ReactNode / string           | -       |
+| moveUpTooltip     | Tooltip of the move-up button                                                | React.ReactNode / string           | -       |
+| moveDownTooltip   | Tooltip of the move-down button                                              | React.ReactNode / string           | -       |
+| removeTooltip     | Tooltip of the remove button                                                 | React.ReactNode / string           | -       |
+| previewTooltip    | Tooltip of the preview button                                                | React.ReactNode / string           | -       |
+| moveUpInactive    | Disables the move-up button visually                                         | boolean                            | -       |
+| moveDownInactive  | Disables the move-down button visually                                       | boolean                            | -       |
+| onAdd             | Callback executed after clicking the add button.                             | (event?: React.MouseEvent) => void | -       |
+| onDuplicate       | Callback executed after clicking the duplicate button.                       | (event?: React.MouseEvent) => void | -       |
+| onDelete          | Callback executed after clicking the delete button.                          | (event?: React.MouseEvent) => void | -       |
+| onEdit            | Callback executed after clicking the edit button.                            | (event?: React.MouseEvent) => void | -       |
+| onMove            | Callback executed after clicking the move button.                            | (event?: React.MouseEvent) => void | -       |
+| onMoveUp          | Callback executed after clicking the move-up button.                         | (event?: React.MouseEvent) => void | -       |
+| onMoveDown        | Callback executed after clicking the move-down button.                       | (event?: React.MouseEvent) => void | -       |
+| onRemove          | Callback executed after clicking the remove button.                          | (event?: React.MouseEvent) => void | -       |
+| onPreview         | Callback executed after clicking the preview button.                         | () => void                         | -       |

package/dist/Cruds.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type CrudsProps, type CrudsSubComponents } from './Cruds.types';
+import { default as React } from 'react';
+import { CrudsProps, CrudsSubComponents } from './Cruds.types';
 declare const Cruds: React.FC<CrudsProps> & CrudsSubComponents;
 export default Cruds;

package/dist/Cruds.js

@@ -1,93 +1,43 @@
-var _excluded = ["onDelete", "onAdd", "onPreview", "onEdit", "onDuplicate", "onMove", "onRemove", "onMoveUp", "onMoveDown", "moveDownInactive", "moveUpInactive", "addTooltip", "previewTooltip", "editTooltip", "duplicateTooltip", "removeTooltip", "moveTooltip", "moveUpTooltip", "moveDownTooltip", "deleteTooltip"];
-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); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { AddS, ArrowDownS, ArrowUpS, CloseS, DragHandleM, DuplicateS, EditS, ShowM, TrashS } from '@synerise/ds-icon';
-import * as S from './Cruds.styles';
-import SingleAction from './SingleAction';
-var Cruds = function Cruds(_ref) {
-  var onDelete = _ref.onDelete,
-    onAdd = _ref.onAdd,
-    onPreview = _ref.onPreview,
-    onEdit = _ref.onEdit,
-    onDuplicate = _ref.onDuplicate,
-    onMove = _ref.onMove,
-    onRemove = _ref.onRemove,
-    onMoveUp = _ref.onMoveUp,
-    onMoveDown = _ref.onMoveDown,
-    moveDownInactive = _ref.moveDownInactive,
-    moveUpInactive = _ref.moveUpInactive,
-    addTooltip = _ref.addTooltip,
-    previewTooltip = _ref.previewTooltip,
-    editTooltip = _ref.editTooltip,
-    duplicateTooltip = _ref.duplicateTooltip,
-    removeTooltip = _ref.removeTooltip,
-    moveTooltip = _ref.moveTooltip,
-    moveUpTooltip = _ref.moveUpTooltip,
-    moveDownTooltip = _ref.moveDownTooltip,
-    deleteTooltip = _ref.deleteTooltip,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.CrudsContainer, _extends({
-    className: "ds-cruds"
-  }, rest), onMoveUp && /*#__PURE__*/React.createElement(SingleAction, {
-    title: moveUpTooltip,
-    inactive: moveUpInactive,
-    className: "moveup",
-    onClick: onMoveUp,
-    icon: /*#__PURE__*/React.createElement(ArrowUpS, null),
-    "data-testid": "ds-cruds-moveup"
-  }), onMoveDown && /*#__PURE__*/React.createElement(SingleAction, {
-    title: moveDownTooltip,
-    inactive: moveDownInactive,
-    className: "movedown",
-    onClick: onMoveDown,
-    icon: /*#__PURE__*/React.createElement(ArrowDownS, null),
-    "data-testid": "ds-cruds-movedown"
-  }), onAdd && /*#__PURE__*/React.createElement(SingleAction, {
-    title: addTooltip,
-    className: "add",
-    onClick: onAdd,
-    icon: /*#__PURE__*/React.createElement(AddS, null),
-    "data-testid": "ds-cruds-add"
-  }), onEdit && /*#__PURE__*/React.createElement(SingleAction, {
-    title: editTooltip,
-    className: "edit",
-    onClick: onEdit,
-    icon: /*#__PURE__*/React.createElement(EditS, null),
-    "data-testid": "ds-cruds-edit"
-  }), onPreview && /*#__PURE__*/React.createElement(SingleAction, {
-    title: previewTooltip,
-    className: "preview",
-    onClick: onPreview,
-    icon: /*#__PURE__*/React.createElement(ShowM, null),
-    "data-testid": "ds-cruds-preview"
-  }), onDuplicate && /*#__PURE__*/React.createElement(SingleAction, {
-    title: duplicateTooltip,
-    className: "duplicate",
-    onClick: onDuplicate,
-    icon: /*#__PURE__*/React.createElement(DuplicateS, null),
-    "data-testid": "ds-cruds-duplicate"
-  }), onDelete && /*#__PURE__*/React.createElement(SingleAction, {
-    title: deleteTooltip,
-    className: "delete",
-    onClick: onDelete,
-    icon: /*#__PURE__*/React.createElement(TrashS, null),
-    "data-testid": "ds-cruds-delete"
-  }), onMove && /*#__PURE__*/React.createElement(SingleAction, {
-    title: moveTooltip,
-    className: "move",
-    onClick: onMove,
-    icon: /*#__PURE__*/React.createElement(DragHandleM, null),
-    "data-testid": "ds-cruds-move"
-  }), onRemove && /*#__PURE__*/React.createElement(SingleAction, {
-    title: removeTooltip,
-    className: "remove",
-    onClick: onRemove,
-    icon: /*#__PURE__*/React.createElement(CloseS, null),
-    "data-testid": "ds-cruds-remove"
-  }));
+import { jsxs, jsx } from "react/jsx-runtime";
+import { ArrowUpS, ArrowDownS, AddS, EditS, ShowM, DuplicateS, TrashS, DragHandleM, CloseS } from "@synerise/ds-icon";
+import { CrudsContainer } from "./Cruds.styles.js";
+import SingleAction from "./SingleAction.js";
+const Cruds = ({
+  onDelete,
+  onAdd,
+  onPreview,
+  onEdit,
+  onDuplicate,
+  onMove,
+  onRemove,
+  onMoveUp,
+  onMoveDown,
+  moveDownInactive,
+  moveUpInactive,
+  addTooltip,
+  previewTooltip,
+  editTooltip,
+  duplicateTooltip,
+  removeTooltip,
+  moveTooltip,
+  moveUpTooltip,
+  moveDownTooltip,
+  deleteTooltip,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxs(CrudsContainer, { className: "ds-cruds", ...rest, children: [
+    onMoveUp && /* @__PURE__ */ jsx(SingleAction, { title: moveUpTooltip, inactive: moveUpInactive, className: "moveup", onClick: onMoveUp, icon: /* @__PURE__ */ jsx(ArrowUpS, {}), "data-testid": "ds-cruds-moveup" }),
+    onMoveDown && /* @__PURE__ */ jsx(SingleAction, { title: moveDownTooltip, inactive: moveDownInactive, className: "movedown", onClick: onMoveDown, icon: /* @__PURE__ */ jsx(ArrowDownS, {}), "data-testid": "ds-cruds-movedown" }),
+    onAdd && /* @__PURE__ */ jsx(SingleAction, { title: addTooltip, className: "add", onClick: onAdd, icon: /* @__PURE__ */ jsx(AddS, {}), "data-testid": "ds-cruds-add" }),
+    onEdit && /* @__PURE__ */ jsx(SingleAction, { title: editTooltip, className: "edit", onClick: onEdit, icon: /* @__PURE__ */ jsx(EditS, {}), "data-testid": "ds-cruds-edit" }),
+    onPreview && /* @__PURE__ */ jsx(SingleAction, { title: previewTooltip, className: "preview", onClick: onPreview, icon: /* @__PURE__ */ jsx(ShowM, {}), "data-testid": "ds-cruds-preview" }),
+    onDuplicate && /* @__PURE__ */ jsx(SingleAction, { title: duplicateTooltip, className: "duplicate", onClick: onDuplicate, icon: /* @__PURE__ */ jsx(DuplicateS, {}), "data-testid": "ds-cruds-duplicate" }),
+    onDelete && /* @__PURE__ */ jsx(SingleAction, { title: deleteTooltip, className: "delete", onClick: onDelete, icon: /* @__PURE__ */ jsx(TrashS, {}), "data-testid": "ds-cruds-delete" }),
+    onMove && /* @__PURE__ */ jsx(SingleAction, { title: moveTooltip, className: "move", onClick: onMove, icon: /* @__PURE__ */ jsx(DragHandleM, {}), "data-testid": "ds-cruds-move" }),
+    onRemove && /* @__PURE__ */ jsx(SingleAction, { title: removeTooltip, className: "remove", onClick: onRemove, icon: /* @__PURE__ */ jsx(CloseS, {}), "data-testid": "ds-cruds-remove" })
+  ] });
 };
-Cruds.CustomAction = function (props) {
-  return SingleAction(props);
+Cruds.CustomAction = (props) => SingleAction(props);
+export {
+  Cruds as default
 };
-export default Cruds;

package/dist/Cruds.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const CrudsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const CrudsContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import('styled-components').StyledComponent<"div", any, {
     inactive?: boolean;
 }, never>;

package/dist/Cruds.styles.js

@@ -1,17 +1,13 @@
-import styled, { css } from 'styled-components';
-export var CrudsContainer = styled.div.withConfig({
+import styled, { css } from "styled-components";
+const CrudsContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Crudsstyles__CrudsContainer",
   componentId: "sc-14u9591-0"
-})(["display:flex;height:24px;cursor:pointer;.add,.duplicate,.edit,.move,.moveup,.movedown{svg{fill:", ";}}.add:hover,.duplicate:hover,.edit:hover,.move:hover,.moveup:hover,.movedown:hover{svg{fill:", ";}}.delete,.remove{svg{fill:", ";}}"], function (props) {
-  return props.theme.palette['grey-600'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['red-600'];
-});
-export var IconWrapper = styled.div.withConfig({
+})(["display:flex;height:24px;cursor:pointer;.add,.duplicate,.edit,.move,.moveup,.movedown{svg{fill:", ";}}.add:hover,.duplicate:hover,.edit:hover,.move:hover,.moveup:hover,.movedown:hover{svg{fill:", ";}}.delete,.remove{svg{fill:", ";}}"], (props) => props.theme.palette["grey-600"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["red-600"]);
+const IconWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Crudsstyles__IconWrapper",
   componentId: "sc-14u9591-1"
-})(["", ""], function (props) {
-  return Boolean(props.inactive) && css(["&&,&&:hover{cursor:default;svg{pointer-events:none;fill:", ";}}"], props.theme.palette['grey-300']);
-});
+})(["", ""], (props) => Boolean(props.inactive) && css(["&&,&&:hover{cursor:default;svg{pointer-events:none;fill:", ";}}"], props.theme.palette["grey-300"]));
+export {
+  CrudsContainer,
+  IconWrapper
+};

package/dist/Cruds.types.d.ts

@@ -1,5 +1,5 @@
-import { type MouseEvent, type ReactNode } from 'react';
-import type SingleAction from './SingleAction';
+import { MouseEvent, ReactNode } from 'react';
+import { default as SingleAction } from './SingleAction';
 export interface CrudsProps {
     addTooltip?: ReactNode;
     previewTooltip?: ReactNode;

package/dist/Cruds.types.js

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

package/dist/SingleAction.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type SingleActionProps } from './SingleAction.types';
+import { default as React } from 'react';
+import { SingleActionProps } from './SingleAction.types';
 declare const SingleAction: ({ title, inactive, className, onClick, icon, iconSize, ...htmlProps }: SingleActionProps) => React.JSX.Element;
 export default SingleAction;

package/dist/SingleAction.js

@@ -1,30 +1,21 @@
-var _excluded = ["title", "inactive", "className", "onClick", "icon", "iconSize"];
-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); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import Icon from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
-import * as S from './Cruds.styles';
-var SingleAction = function SingleAction(_ref) {
-  var title = _ref.title,
-    inactive = _ref.inactive,
-    className = _ref.className,
-    _onClick = _ref.onClick,
-    icon = _ref.icon,
-    iconSize = _ref.iconSize,
-    htmlProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    title: title
-  }, /*#__PURE__*/React.createElement(S.IconWrapper, _extends({
-    inactive: inactive,
-    className: className,
-    onClick: function onClick(event) {
-      event.stopPropagation();
-      _onClick && _onClick();
-    }
-  }, htmlProps), /*#__PURE__*/React.createElement(Icon, {
-    component: icon,
-    size: iconSize || 24
-  })));
+import { jsx } from "react/jsx-runtime";
+import Icon from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip/dist/Tooltip";
+import { IconWrapper } from "./Cruds.styles.js";
+const SingleAction = ({
+  title,
+  inactive,
+  className,
+  onClick,
+  icon,
+  iconSize,
+  ...htmlProps
+}) => {
+  return /* @__PURE__ */ jsx(Tooltip, { title, children: /* @__PURE__ */ jsx(IconWrapper, { inactive, className, onClick: (event) => {
+    event.stopPropagation();
+    onClick && onClick();
+  }, ...htmlProps, children: /* @__PURE__ */ jsx(Icon, { component: icon, size: iconSize || 24 }) }) });
+};
+export {
+  SingleAction as default
 };
-export default SingleAction;

package/dist/SingleAction.types.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
-import type { WithHTMLAttributes } from '@synerise/ds-utils';
+import { ReactNode } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type SingleActionProps = WithHTMLAttributes<HTMLDivElement, {
     title: ReactNode;
     className?: string;

package/dist/SingleAction.types.js

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

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './Cruds';
+import { default as default2 } from "./Cruds.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-cruds",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Cruds UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,15 +16,15 @@
     "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",
-    "test": "vitest",
-    "test:watch": "pnpm run test -- --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "types": "tsc --noEmit",
     "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
     "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
@@ -35,9 +35,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.14.1",
-    "@synerise/ds-tooltip": "^1.4.8",
-    "@synerise/ds-utils": "^1.6.0"
+    "@synerise/ds-icon": "^1.15.1",
+    "@synerise/ds-tooltip": "^1.4.10",
+    "@synerise/ds-utils": "^1.7.1"
   },
   "devDependencies": {
     "vitest": "4"
@@ -47,5 +47,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8dfafc5d7278f09d430f1e7499782d05c76b47c0"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }