@synerise/ds-subject 0.9.98 → 0.10.0

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.10.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-subject@0.9.98...@synerise/ds-subject@0.10.0) (2024-05-29)
+
+
+### Features
+
+* **list-item:** added prefix, suffix, ordered props ([3927035](https://github.com/Synerise/synerise-design/commit/39270352b6a681f3ac402edb6c2fb7a245883304))
+
+
+
+
+
 ## [0.9.98](https://github.com/Synerise/synerise-design/compare/@synerise/ds-subject@0.9.97...@synerise/ds-subject@0.9.98) (2024-05-23)
 
 **Note:** Version bump only for package @synerise/ds-subject

package/dist/Subject.types.d.ts

@@ -1,18 +1,18 @@
-import * as React from 'react';
+import type { ReactNode, ReactText } from 'react';
 export declare const ALL_TYPES: readonly ["event", "parameter", "context"];
 export type SubjectType = typeof ALL_TYPES[number] | string;
 export type SubjectItem = {
-    id: React.ReactText;
+    id: ReactText;
     name: string;
-    icon: React.ReactNode;
+    icon: ReactNode;
 };
 export type SubjectProps = {
     onShowPreview?: () => void;
     onActivate?: (fieldType: string) => void;
     onDeactivate?: () => void;
     getPopupContainerOverride?: (trigger: HTMLElement | null) => HTMLElement;
-    placeholder: string | React.ReactNode;
-    iconPlaceholder: React.ReactNode;
+    placeholder: ReactNode;
+    iconPlaceholder: ReactNode;
     onSelectItem: (item: SubjectItem) => void;
     selectedItem?: SubjectItem | undefined;
     type?: SubjectType;

package/dist/SubjectList/SubjectList.styles.d.ts

@@ -1,4 +1,3 @@
-import Menu from '@synerise/ds-menu';
 export declare const SearchResult: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const SearchResultHighlight: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ItemsList: import("styled-components").StyledComponent<typeof Menu, any, {}, never>;
+export declare const ItemsList: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/SubjectList/SubjectList.styles.js

@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import Menu from '@synerise/ds-menu';
 export var SearchResult = styled.span.withConfig({
   displayName: "SubjectListstyles__SearchResult",
   componentId: "sc-1b94el7-0"
@@ -12,7 +11,7 @@ export var SearchResultHighlight = styled.span.withConfig({
 })(["font-weight:500;color:", ";"], function (props) {
   return props.theme.palette['grey-700'];
 });
-export var ItemsList = styled(Menu).withConfig({
+export var ItemsList = styled.div.withConfig({
   displayName: "SubjectListstyles__ItemsList",
   componentId: "sc-1b94el7-2"
 })(["width:100%;"]);

package/dist/SubjectList/SubjectListItem.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { SubjectItem } from '../Subject.types';
-interface Props {
+type Props = {
     item: SubjectItem;
     clearSearch: () => void;
     searchQuery: string;
     hideDropdown: () => void;
     select: (item: SubjectItem) => void;
     className: string;
-}
-declare const SubjectListItem: React.FC<Props>;
+};
+declare const SubjectListItem: ({ item, clearSearch, searchQuery, hideDropdown, select, className }: Props) => React.JSX.Element;
 export default SubjectListItem;

package/dist/SubjectList/SubjectListItem.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import Icon from '@synerise/ds-icon';
-import Menu from '@synerise/ds-menu';
+import ListItem from '@synerise/ds-list-item';
 
 var SubjectListItem = function SubjectListItem(_ref) {
   var item = _ref.item,
@@ -9,7 +9,7 @@ var SubjectListItem = function SubjectListItem(_ref) {
       hideDropdown = _ref.hideDropdown,
       select = _ref.select,
       className = _ref.className;
-  return /*#__PURE__*/React.createElement(Menu.Item, {
+  return /*#__PURE__*/React.createElement(ListItem, {
     className: className,
     highlight: searchQuery,
     onClick: function onClick() {

package/dist/index.d.ts

@@ -1 +1,2 @@
 export { default } from './Subject';
+export type { SubjectProps, SubjectItem, SubjectListProps, SubjectTriggerProps, SubjectType } from './Subject.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-subject",
-  "version": "0.9.98",
+  "version": "0.10.0",
   "description": "Subject UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,13 +33,13 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.20.0",
-    "@synerise/ds-dropdown": "^0.17.111",
-    "@synerise/ds-icon": "^0.61.0",
-    "@synerise/ds-menu": "^0.18.23",
-    "@synerise/ds-result": "^0.6.55",
-    "@synerise/ds-scrollbar": "^0.10.5",
-    "@synerise/ds-utils": "^0.26.6",
+    "@synerise/ds-button": "^0.20.1",
+    "@synerise/ds-dropdown": "^0.18.0",
+    "@synerise/ds-icon": "^0.62.0",
+    "@synerise/ds-list-item": "^0.1.0",
+    "@synerise/ds-result": "^0.6.56",
+    "@synerise/ds-scrollbar": "^0.11.0",
+    "@synerise/ds-utils": "^0.27.0",
     "uuid": "^8.3.2"
   },
   "peerDependencies": {
@@ -52,5 +52,5 @@
     "@testing-library/react": "10.0.1",
     "@testing-library/user-event": "^10.3.1"
   },
-  "gitHead": "357031f4340eb9a2835f7b0cabffb5b1ad231db8"
+  "gitHead": "6bd94c78745df68ee3b853120a863ab24fc233ef"
 }