@synerise/ds-field-set 0.1.39 → 0.2.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.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-field-set@0.1.39...@synerise/ds-field-set@0.2.0) (2023-08-25)
+
+
+### Features
+
+* **field-set:** added clickability to fieldset title ([cc81e30](https://github.com/Synerise/synerise-design/commit/cc81e306e422f9050a010d5d9de9e2f2e957e51f))
+
+
+
+
+
 ## [0.1.39](https://github.com/Synerise/synerise-design/compare/@synerise/ds-field-set@0.1.38...@synerise/ds-field-set@0.1.39) (2023-08-20)
 
 **Note:** Version bump only for package @synerise/ds-field-set

package/README.md

@@ -30,6 +30,7 @@ import FieldSet from '@synerise/ds-field-set'
 | ---------------- | ---------------------------- | ------------------------- | ----------- |
 | component        | prop to set component        | React.ReactNode           | -           |
 | title            | text of title                | string                    | -           |
+| onTitleClick     | onclick handler for title    | () => void                | -           |
 | description      | text of the description      | string                    | -           |
 | prefix           | prop to set prefix item      | React.ReactNode           | -           |
 | button           | prop to set button           | React.ReactNode           | -           |

package/dist/FieldSet.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { FieldSetProps } from './FieldSet.types';
-declare const FieldSet: React.FC<FieldSetProps>;
+declare const FieldSet: ({ prefix, title, description, component, button, onTitleClick }: FieldSetProps) => JSX.Element;
 export default FieldSet;

package/dist/FieldSet.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Divider from '@synerise/ds-divider';
 import * as S from './FieldSet.styles';
 
@@ -7,12 +7,15 @@ var FieldSet = function FieldSet(_ref) {
       title = _ref.title,
       description = _ref.description,
       component = _ref.component,
-      button = _ref.button;
+      button = _ref.button,
+      onTitleClick = _ref.onTitleClick;
   return /*#__PURE__*/React.createElement(S.ContainerWrapper, {
     className: "ds-field-set"
   }, /*#__PURE__*/React.createElement(S.HeaderWrapper, null, /*#__PURE__*/React.createElement(S.ButtonWrapper, null, prefix), /*#__PURE__*/React.createElement(S.FieldSetTitle, {
     description: Boolean(description)
   }, /*#__PURE__*/React.createElement(S.Title, {
+    onClick: onTitleClick,
+    isClickable: Boolean(onTitleClick),
     description: Boolean(description)
   }, title), /*#__PURE__*/React.createElement(S.Description, {
     description: Boolean(description)

package/dist/FieldSet.styles.d.ts

@@ -1,5 +1,6 @@
 export declare const Title: import("styled-components").StyledComponent<"div", any, {
     description?: boolean | undefined;
+    isClickable?: boolean | undefined;
 }, never>;
 export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/FieldSet.styles.js

@@ -2,10 +2,12 @@ import styled from 'styled-components';
 export var Title = styled.div.withConfig({
   displayName: "FieldSetstyles__Title",
   componentId: "sc-1hezedi-0"
-})(["display:flex;line-height:16px;padding-bottom:", ";max-width:800px;font-size:16px;font-weight:500;word-wrap:break-word;align-items:center;color:", ";"], function (props) {
+})(["display:flex;line-height:16px;padding-bottom:", ";max-width:800px;font-size:16px;font-weight:500;word-wrap:break-word;align-items:center;color:", ";cursor:", ";"], function (props) {
   return props.description ? '8px' : '14px';
 }, function (props) {
   return props.theme.palette['grey-800'];
+}, function (props) {
+  return props.isClickable ? 'pointer' : 'default';
 });
 export var ContainerWrapper = styled.div.withConfig({
   displayName: "FieldSetstyles__ContainerWrapper",

package/dist/FieldSet.types.d.ts

@@ -5,4 +5,5 @@ export declare type FieldSetProps = {
     title?: string;
     description?: string;
     button?: React.ReactNode;
+    onTitleClick?: (ev: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-field-set",
-  "version": "0.1.39",
+  "version": "0.2.0",
   "description": "FieldSet UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,11 +32,11 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-divider": "^0.5.39"
+    "@synerise/ds-divider": "^0.5.40"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "0795eb5071d9160e429731ba8f8807c1ae509085"
+  "gitHead": "9d424b025fe368bbf3beccea2102f000f4d7e82c"
 }