@synerise/ds-cruds 1.1.1 → 1.1.3

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.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cruds@1.1.2...@synerise/ds-cruds@1.1.3) (2026-04-01)
+
+**Note:** Version bump only for package @synerise/ds-cruds
+
+## [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

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.1",
+  "version": "1.1.3",
   "description": "Cruds 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,9 +35,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-tooltip": "^1.4.9",
-    "@synerise/ds-utils": "^1.7.0"
+    "@synerise/ds-icon": "^1.15.2",
+    "@synerise/ds-tooltip": "^1.4.11",
+    "@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": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "c2384982c3533a31eb5e5e0408f8dcecb2b0f399"
 }