@synerise/ds-editable-items-list 1.1.1 → 1.1.2

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 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-editable-items-list@1.1.1...@synerise/ds-editable-items-list@1.1.2) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-editable-items-list
+
 ## [1.1.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-editable-items-list@1.1.0...@synerise/ds-editable-items-list@1.1.1) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-editable-items-list

package/dist/EditableItemsList.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type EditableItemsListProps } from './EditableItemsList.types';
+import { default as React } from 'react';
+import { EditableItemsListProps } from './EditableItemsList.types';
 declare const EditableItemsList: <T extends {
     id: string;
 }>({ renderRowElement, items, addButtonLabel, addButtonIcon, addButtonProps, onAdd, minRowLength, maxRowLength, deleteTooltip, onDelete, }: EditableItemsListProps<T>) => React.JSX.Element;

package/dist/EditableItemsList.js

@@ -1,50 +1,46 @@
-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 Button from '@synerise/ds-button';
-import { theme } from '@synerise/ds-core';
-import Cruds from '@synerise/ds-cruds';
-import Icon, { Add3M } from '@synerise/ds-icon';
-import * as S from './EditableItemsList.style';
-var DEFAULT_ADD_BUTTON_PROPS = {
-  type: 'ghost-primary',
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import Button from "@synerise/ds-button";
+import { theme } from "@synerise/ds-core";
+import Cruds from "@synerise/ds-cruds";
+import Icon, { Add3M } from "@synerise/ds-icon";
+import { RowWrapper, CrudWrapper } from "./EditableItemsList.style.js";
+const DEFAULT_ADD_BUTTON_PROPS = {
+  type: "ghost-primary",
   style: {
-    transition: 'none'
+    transition: "none"
   }
 };
-var EditableItemsList = function EditableItemsList(_ref) {
-  var renderRowElement = _ref.renderRowElement,
-    _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
-    addButtonLabel = _ref.addButtonLabel,
-    addButtonIcon = _ref.addButtonIcon,
-    addButtonProps = _ref.addButtonProps,
-    onAdd = _ref.onAdd,
-    _ref$minRowLength = _ref.minRowLength,
-    minRowLength = _ref$minRowLength === void 0 ? 1 : _ref$minRowLength,
-    maxRowLength = _ref.maxRowLength,
-    deleteTooltip = _ref.deleteTooltip,
-    onDelete = _ref.onDelete;
-  var mergedAddButtonProps = _extends({}, DEFAULT_ADD_BUTTON_PROPS, addButtonProps, {
-    style: _extends({}, DEFAULT_ADD_BUTTON_PROPS.style, addButtonProps == null ? void 0 : addButtonProps.style)
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, items.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(S.RowWrapper, {
-      key: item.id,
-      "data-testid": "item-" + item.id
-    }, renderRowElement(index, item), items.length > minRowLength && /*#__PURE__*/React.createElement(S.CrudWrapper, null, /*#__PURE__*/React.createElement(Cruds, {
-      onRemove: onDelete ? function () {
-        return onDelete(item.id, index);
-      } : undefined,
-      removeTooltip: deleteTooltip,
-      "data-testid": "remove-button-" + item.id
-    })));
-  }), /*#__PURE__*/React.createElement(Button, _extends({}, mergedAddButtonProps, {
-    onClick: onAdd,
-    disabled: maxRowLength !== undefined && items.length >= maxRowLength
-  }), addButtonIcon || /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(Add3M, null),
-    size: 24,
-    color: theme.palette['blue-600']
-  }), addButtonLabel));
+const EditableItemsList = ({
+  renderRowElement,
+  items = [],
+  addButtonLabel,
+  addButtonIcon,
+  addButtonProps,
+  onAdd,
+  minRowLength = 1,
+  maxRowLength,
+  deleteTooltip,
+  onDelete
+}) => {
+  const mergedAddButtonProps = {
+    ...DEFAULT_ADD_BUTTON_PROPS,
+    ...addButtonProps,
+    style: {
+      ...DEFAULT_ADD_BUTTON_PROPS.style,
+      ...addButtonProps?.style
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    items.map((item, index) => /* @__PURE__ */ jsxs(RowWrapper, { "data-testid": `item-${item.id}`, children: [
+      renderRowElement(index, item),
+      items.length > minRowLength && /* @__PURE__ */ jsx(CrudWrapper, { children: /* @__PURE__ */ jsx(Cruds, { onRemove: onDelete ? () => onDelete(item.id, index) : void 0, removeTooltip: deleteTooltip, "data-testid": `remove-button-${item.id}` }) })
+    ] }, item.id)),
+    /* @__PURE__ */ jsxs(Button, { ...mergedAddButtonProps, onClick: onAdd, disabled: maxRowLength !== void 0 && items.length >= maxRowLength, children: [
+      addButtonIcon || /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(Add3M, {}), size: 24, color: theme.palette["blue-600"] }),
+      addButtonLabel
+    ] })
+  ] });
+};
+export {
+  EditableItemsList as default
 };
-export default EditableItemsList;

package/dist/EditableItemsList.style.d.ts

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

package/dist/EditableItemsList.style.js

@@ -1,9 +1,13 @@
-import styled from 'styled-components';
-export var CrudWrapper = styled.div.withConfig({
+import styled from "styled-components";
+const CrudWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "EditableItemsListstyle__CrudWrapper",
   componentId: "sc-a71i6b-0"
 })(["padding-left:4px;visibility:hidden;margin-top:0;"]);
-export var RowWrapper = styled.div.withConfig({
+const RowWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "EditableItemsListstyle__RowWrapper",
   componentId: "sc-a71i6b-1"
-})(["display:flex;justify-content:space-between;align-items:center;padding:0 0 16px 0;&:hover{", "{visibility:visible;}}& > *:not(:last-child){margin-right:12px;}"], CrudWrapper);
+})(["display:flex;justify-content:space-between;align-items:center;padding:0 0 16px 0;&:hover{", "{visibility:visible;}}& > *:not(:last-child){margin-right:12px;}"], CrudWrapper);
+export {
+  CrudWrapper,
+  RowWrapper
+};

package/dist/EditableItemsList.types.d.ts

@@ -1,5 +1,5 @@
-import { type MouseEventHandler, type ReactElement, type ReactNode } from 'react';
-import { type ButtonProps } from '@synerise/ds-button';
+import { MouseEventHandler, ReactElement, ReactNode } from 'react';
+import { ButtonProps } from '@synerise/ds-button';
 export type EditableItemsListProps<T extends {
     id: string;
 }> = {

package/dist/EditableItemsList.types.js

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

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './EditableItemsList';
+import { default as default2 } from "./EditableItemsList.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-editable-items-list",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "EditableItemsList 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 --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-button": "^1.5.17",
-    "@synerise/ds-cruds": "^1.1.1",
-    "@synerise/ds-icon": "^1.15.0"
+    "@synerise/ds-button": "^1.5.18",
+    "@synerise/ds-cruds": "^1.1.2",
+    "@synerise/ds-icon": "^1.15.1"
   },
   "devDependencies": {
     "vitest": "4"
@@ -47,5 +47,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }