@synerise/ds-unordered-list 1.1.38 → 1.1.40

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.40](https://github.com/Synerise/synerise-design/compare/@synerise/ds-unordered-list@1.1.39...@synerise/ds-unordered-list@1.1.40) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-unordered-list
+
+## [1.1.39](https://github.com/Synerise/synerise-design/compare/@synerise/ds-unordered-list@1.1.38...@synerise/ds-unordered-list@1.1.39) (2026-03-20)
+
+**Note:** Version bump only for package @synerise/ds-unordered-list
+
 ## [1.1.38](https://github.com/Synerise/synerise-design/compare/@synerise/ds-unordered-list@1.1.37...@synerise/ds-unordered-list@1.1.38) (2026-03-09)
 
 **Note:** Version bump only for package @synerise/ds-unordered-list

package/README.md

@@ -28,12 +28,24 @@ import UnorderedList from '@synerise/ds-unordered-list'
 
 ## API
 
-| Property  | Description                  | Type                     | Default |
-| --------- | ---------------------------- | ------------------------ | ------- |
-| listStyle | style to pick unordered list | string                   | -       |
-| index     | set number of ordered list   | number                   | -       |
-| id        | name of the item             | string                   | -       |
-| subMenu   | items list                   | OrderedListItem[]        | -       |
-| label     | label contains text          | React.ReactNode / string | -       |
-| suffixel  | place to set item            | React.ReactNode          | -       |
-| prefixel  | place to set item            | React.ReactNode          | -       |
+### UnorderedList
+
+| Property       | Description                                        | Type                           | Default |
+| -------------- | -------------------------------------------------- | ------------------------------ | ------- |
+| data           | Items to render                                    | `UnorderedListItem[]`          | -       |
+| indexFormatter | Custom prefix renderer called with the item index  | `(index: number) => ReactNode` | -       |
+| text           | Optional section label rendered above the list     | `React.ReactNode`              | -       |
+| className      | CSS class on the root element                      | `string`                       | -       |
+
+### UnorderedListItem
+
+| Property     | Description                                           | Type                                    | Default |
+| ------------ | ----------------------------------------------------- | --------------------------------------- | ------- |
+| id           | Unique item identifier                                | `string`                                | -       |
+| label        | Item display content                                  | `React.ReactNode`                       | -       |
+| index        | Numeric index passed to `indexFormatter`              | `number`                                | -       |
+| prefixel     | Rendered before the label                             | `React.ReactNode`                       | -       |
+| suffixel     | Rendered after the label                              | `React.ReactNode`                       | -       |
+| subMenu      | Child items; renders a nested list when present       | `UnorderedListItem[]`                   | -       |
+| subMenuProps | Props forwarded to the nested `UnorderedList`         | `Omit<UnorderedListProps, 'data'>`      | -       |
+| text         | Section label for the nested list                     | `React.ReactNode`                       | -       |

package/dist/Elements/Item/Item.d.ts

@@ -1,5 +1,5 @@
-import React, { type ReactElement } from 'react';
-import { type UnorderedListItem, type UnorderedListProps } from '../../Unordered-list.types';
+import { default as React, ReactElement } from 'react';
+import { UnorderedListItem, UnorderedListProps } from '../../Unordered-list.types';
 declare const _default: React.MemoExoticComponent<({ label, suffixel, prefixel, subMenu, indexFormatter, index, subMenuProps, text, NestedList, }: UnorderedListItem & Pick<UnorderedListProps, "indexFormatter"> & {
     NestedList?: (props: UnorderedListProps) => ReactElement;
 }) => React.JSX.Element>;

package/dist/Elements/Item/Item.js

@@ -1,20 +1,28 @@
-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 * as S from './Item.styles';
-var Item = function Item(_ref) {
-  var label = _ref.label,
-    suffixel = _ref.suffixel,
-    prefixel = _ref.prefixel,
-    subMenu = _ref.subMenu,
-    indexFormatter = _ref.indexFormatter,
-    index = _ref.index,
-    subMenuProps = _ref.subMenuProps,
-    text = _ref.text,
-    NestedList = _ref.NestedList;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.ItemWrapper, null, indexFormatter && /*#__PURE__*/React.createElement(S.IndexFormatterWrapper, null, indexFormatter(index)), prefixel, label, suffixel), !!subMenu && (subMenu == null ? void 0 : subMenu.length) > 0 && NestedList && /*#__PURE__*/React.createElement(NestedList, _extends({
-    text: text,
-    indexFormatter: indexFormatter,
-    data: subMenu
-  }, subMenuProps)));
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import React from "react";
+import { ItemWrapper, IndexFormatterWrapper } from "./Item.styles.js";
+const Item = ({
+  label,
+  suffixel,
+  prefixel,
+  subMenu,
+  indexFormatter,
+  index,
+  subMenuProps,
+  text,
+  NestedList
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(ItemWrapper, { children: [
+      indexFormatter && /* @__PURE__ */ jsx(IndexFormatterWrapper, { children: indexFormatter(index) }),
+      prefixel,
+      label,
+      suffixel
+    ] }),
+    !!subMenu && subMenu?.length > 0 && NestedList && /* @__PURE__ */ jsx(NestedList, { text, indexFormatter, data: subMenu, ...subMenuProps })
+  ] });
+};
+const Item$1 = React.memo(Item);
+export {
+  Item$1 as default
 };
-export default /*#__PURE__*/React.memo(Item);

package/dist/Elements/Item/Item.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const ItemWrapper: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const IndexFormatterWrapper: import("styled-components").StyledComponent<"span", any, {
+export declare const ItemWrapper: import('styled-components').StyledComponent<"li", any, {}, never>;
+export declare const IndexFormatterWrapper: import('styled-components').StyledComponent<"span", any, {
     listStyle?: string;
 }, never>;

package/dist/Elements/Item/Item.styles.js

@@ -1,9 +1,13 @@
-import styled from 'styled-components';
-export var ItemWrapper = styled.li.withConfig({
+import styled from "styled-components";
+const ItemWrapper = /* @__PURE__ */ styled.li.withConfig({
   displayName: "Itemstyles__ItemWrapper",
   componentId: "sc-1u5z6ql-0"
 })(["margin:5px 0 5px 2px;display:list-item;justify-content:flex-start;align-items:center;"]);
-export var IndexFormatterWrapper = styled.span.withConfig({
+const IndexFormatterWrapper = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Itemstyles__IndexFormatterWrapper",
   componentId: "sc-1u5z6ql-1"
-})(["margin-right:6px;"]);
+})(["margin-right:6px;"]);
+export {
+  IndexFormatterWrapper,
+  ItemWrapper
+};

package/dist/Unordered-list.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type UnorderedListProps } from './Unordered-list.types';
+import { default as React } from 'react';
+import { UnorderedListProps } from './Unordered-list.types';
 declare const UnorderedList: ({ data, indexFormatter, text, className, }: UnorderedListProps) => React.JSX.Element;
 export default UnorderedList;

package/dist/Unordered-list.js

@@ -1,30 +1,30 @@
-var _excluded = ["index"];
-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 { FormFieldLabel } from '@synerise/ds-form-field';
-import Item from './Elements/Item/Item';
-import * as S from './Unordered-list.styles';
-var _UnorderedList = function UnorderedList(_ref) {
-  var data = _ref.data,
-    indexFormatter = _ref.indexFormatter,
-    text = _ref.text,
-    className = _ref.className;
-  return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, text && /*#__PURE__*/React.createElement(S.ContentAbove, null, /*#__PURE__*/React.createElement(FormFieldLabel, {
-    label: text
-  })), /*#__PURE__*/React.createElement(S.UnorderedList, null, data.map(function (_ref2, i) {
-    var index = _ref2.index,
-      item = _objectWithoutPropertiesLoose(_ref2, _excluded);
-    return /*#__PURE__*/React.createElement(Item, _extends({
-      index: i,
-      key: String(item == null ? void 0 : item.id),
-      indexFormatter: indexFormatter
-    }, item, {
-      // pass component to avoid circular dependencies
-      NestedList: _UnorderedList
-    }));
-  })));
+import { jsxs, jsx } from "react/jsx-runtime";
+import { FormFieldLabel } from "@synerise/ds-form-field";
+import Item from "./Elements/Item/Item.js";
+import { ContentAbove, UnorderedList as UnorderedList$1 } from "./Unordered-list.styles.js";
+const UnorderedList = ({
+  data,
+  indexFormatter,
+  text,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    text && /* @__PURE__ */ jsx(ContentAbove, { children: /* @__PURE__ */ jsx(FormFieldLabel, { label: text }) }),
+    /* @__PURE__ */ jsx(UnorderedList$1, { children: data.map(({
+      index,
+      ...item
+    }, i) => /* @__PURE__ */ jsx(
+      Item,
+      {
+        index: i,
+        indexFormatter,
+        ...item,
+        NestedList: UnorderedList
+      },
+      String(item?.id)
+    )) })
+  ] });
+};
+export {
+  UnorderedList as default
 };
-export default _UnorderedList;

package/dist/Unordered-list.styles.d.ts

@@ -1,5 +1,5 @@
-export declare const UnorderedList: import("styled-components").StyledComponent<"ul", any, {
+export declare const UnorderedList: import('styled-components').StyledComponent<"ul", any, {
     listStyle?: string;
 }, never>;
-export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const ContentAbove: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Label: import('styled-components').StyledComponent<"label", any, {}, never>;
+export declare const ContentAbove: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Unordered-list.styles.js

@@ -1,21 +1,18 @@
-import styled from 'styled-components';
-export var UnorderedList = styled.ul.withConfig({
+import styled from "styled-components";
+const UnorderedList = /* @__PURE__ */ styled.ul.withConfig({
   displayName: "Unordered-liststyles__UnorderedList",
   componentId: "sc-z2ys8z-0"
-})(["display:flex;flex-direction:column;padding:0;list-style-type:", ";list-style-position:inside;ul{margin-left:20px;padding:5px 0 5px 0;list-style-type:", ";}li{margin-right:4px;list-style-type:", ";}"], function (props) {
-  return props.listStyle ? props.listStyle : 'none';
-}, function (props) {
-  return props.listStyle ? props.listStyle : 'none';
-}, function (props) {
-  return props.listStyle ? props.listStyle : 'none';
-});
-export var Label = styled.label.withConfig({
+})(["display:flex;flex-direction:column;padding:0;list-style-type:", ";list-style-position:inside;ul{margin-left:20px;padding:5px 0 5px 0;list-style-type:", ";}li{margin-right:4px;list-style-type:", ";}"], (props) => props.listStyle ? props.listStyle : "none", (props) => props.listStyle ? props.listStyle : "none", (props) => props.listStyle ? props.listStyle : "none");
+const Label = /* @__PURE__ */ styled.label.withConfig({
   displayName: "Unordered-liststyles__Label",
   componentId: "sc-z2ys8z-1"
-})(["color:", ";font-weight:500;display:block;"], function (props) {
-  return props.theme.palette['grey-800'];
-});
-export var ContentAbove = styled.div.withConfig({
+})(["color:", ";font-weight:500;display:block;"], (props) => props.theme.palette["grey-800"]);
+const ContentAbove = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Unordered-liststyles__ContentAbove",
   componentId: "sc-z2ys8z-2"
-})(["margin-bottom:8px;min-height:18px;"]);
+})(["margin-bottom:8px;min-height:18px;"]);
+export {
+  ContentAbove,
+  Label,
+  UnorderedList
+};

package/dist/Unordered-list.types.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type UnorderedListItem = {
     id: string;
     label: ReactNode;

package/dist/Unordered-list.types.js

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

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './Unordered-list';
+import { default as default2 } from "./Unordered-list.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-unordered-list",
-  "version": "1.1.38",
+  "version": "1.1.40",
   "description": "UnorderedList 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,13 +35,13 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-form-field": "^1.3.8",
-    "@synerise/ds-icon": "^1.14.1"
+    "@synerise/ds-form-field": "^1.3.10",
+    "@synerise/ds-icon": "^1.15.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8dfafc5d7278f09d430f1e7499782d05c76b47c0"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }