@synerise/ds-select 1.0.4 → 1.1.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.
 
+# [1.1.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@1.0.4...@synerise/ds-select@1.1.0) (2025-04-16)
+
+
+### Features
+
+* **form-field:** add form-field component ([7f6b191](https://github.com/synerise/synerise-design/commit/7f6b191132a3b0d694c21fb4d649f4deea6acb89))
+
+
+
+
+
 ## [1.0.4](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@1.0.3...@synerise/ds-select@1.0.4) (2025-04-02)
 
 **Note:** Version bump only for package @synerise/ds-select

package/dist/Select.js

@@ -1,22 +1,22 @@
 var _excluded = ["label", "description", "errorText", "error", "tooltip", "tooltipConfig", "clearTooltip", "prefixel", "suffixel", "style", "listHeight", "className", "getPopupContainer", "grey", "dropdownClassName", "asFormElement"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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; }
+function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 import React, { Component } from 'react';
-import { ErrorText, Description } from '@synerise/ds-typography';
 import '@synerise/ds-core/dist/js/style';
 import "./style/index.css";
 import Icon, { Close3M, CloseS } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
+import FormField from '@synerise/ds-form-field';
 import { getPopupContainer as defaultGetPopupContainer } from '@synerise/ds-utils';
 import classNames from 'classnames';
 import * as S from './Select.styles';
 var Select = /*#__PURE__*/function (_Component) {
-  _inheritsLoose(Select, _Component);
   function Select() {
     return _Component.apply(this, arguments) || this;
   }
+  _inheritsLoose(Select, _Component);
   var _proto = Select.prototype;
   _proto.render = function render() {
     var _classNames;
@@ -44,11 +44,13 @@ var Select = /*#__PURE__*/function (_Component) {
     return /*#__PURE__*/React.createElement(S.SelectContainer, {
       className: "ds-select-container",
       hasBottomMargin: hasBottomMargin
-    }, /*#__PURE__*/React.createElement(S.Label, {
+    }, /*#__PURE__*/React.createElement(FormField, {
+      errorText: errorText,
+      description: description,
       label: label,
       tooltip: tooltip,
       tooltipConfig: tooltipConfig
-    }), /*#__PURE__*/React.createElement(S.SelectWrapper, {
+    }, /*#__PURE__*/React.createElement(S.SelectWrapper, {
       grey: grey,
       error: Boolean(errorText),
       className: classNames('ds-select-wrapper', {
@@ -78,9 +80,7 @@ var Select = /*#__PURE__*/function (_Component) {
         error: errorText || error
       }),
       dropdownClassName: classNames('ps__child--consume', dropdownClassName)
-    })), !!suffixel && /*#__PURE__*/React.createElement(S.SuffixWrapper, null, suffixel)), (errorText || description) && /*#__PURE__*/React.createElement(S.ContentBelow, null, errorText && /*#__PURE__*/React.createElement(ErrorText, null, errorText), description && /*#__PURE__*/React.createElement(Description, {
-      disabled: antdProps.disabled
-    }, description)));
+    })), !!suffixel && /*#__PURE__*/React.createElement(S.SuffixWrapper, null, suffixel))));
   };
   return Select;
 }(Component);

package/dist/Select.styles.d.ts

@@ -10,9 +10,6 @@ export declare const AntdSelect: import("styled-components").StyledComponent<Rea
 }, never>;
 export declare const AntdSelectOption: import("styled-components").StyledComponent<import("rc-select/lib/Option").OptionFC, any, {}, never>;
 export declare const AntdSelectOptGroup: import("styled-components").StyledComponent<import("rc-select/lib/OptGroup").OptionGroupFC, any, {}, never>;
-export declare const LabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentBelow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<({ id, className, label, tooltip, tooltipConfig, style }: import("@synerise/ds-input/dist/Label/Label.types").LabelProps) => React.JSX.Element, any, {}, never>;
 export declare const PrefixWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SuffixWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {

package/dist/Select.styles.js

@@ -1,6 +1,5 @@
 import styled, { css } from 'styled-components';
 import Select from 'antd/lib/select';
-import { Label as DSLabel } from '@synerise/ds-input';
 var OptGroup = Select.OptGroup,
   Option = Select.Option;
 var errorStyle = function errorStyle(props) {
@@ -52,33 +51,21 @@ export var AntdSelectOptGroup = styled(OptGroup).withConfig({
   displayName: "Selectstyles__AntdSelectOptGroup",
   componentId: "sc-n9lk0v-3"
 })([""]);
-export var LabelWrapper = styled.div.withConfig({
-  displayName: "Selectstyles__LabelWrapper",
-  componentId: "sc-n9lk0v-4"
-})(["margin:0 0 8px 0;"]);
-export var ContentBelow = styled.div.withConfig({
-  displayName: "Selectstyles__ContentBelow",
-  componentId: "sc-n9lk0v-5"
-})(["margin-top:8px;"]);
-export var Label = styled(DSLabel).withConfig({
-  displayName: "Selectstyles__Label",
-  componentId: "sc-n9lk0v-6"
-})(["margin-bottom:8px;span > .ds-icon > svg{margin-top:-1px;}"]);
 export var PrefixWrapper = styled.div.withConfig({
   displayName: "Selectstyles__PrefixWrapper",
-  componentId: "sc-n9lk0v-7"
+  componentId: "sc-n9lk0v-4"
 })(["border-radius:3px 0 0 3px;margin-right:-2px;padding-right:1px;", ";"], function (props) {
   return addonStyles(props);
 });
 export var SuffixWrapper = styled.div.withConfig({
   displayName: "Selectstyles__SuffixWrapper",
-  componentId: "sc-n9lk0v-8"
+  componentId: "sc-n9lk0v-5"
 })(["border-radius:0 3px 3px 0;margin-left:-1px;", ";"], function (props) {
   return addonStyles(props);
 });
 export var SelectWrapper = styled.div.withConfig({
   displayName: "Selectstyles__SelectWrapper",
-  componentId: "sc-n9lk0v-9"
+  componentId: "sc-n9lk0v-6"
 })(["display:flex;", ""], function (props) {
   return props.grey && !props.error && css(["&&{.ant-select-selector{background-color:", ";}}"], props.theme.palette['grey-050']);
 });

package/dist/Select.types.d.ts

@@ -1,15 +1,9 @@
-import type { SelectProps, SelectValue } from 'antd/lib/select';
-import type { TooltipProps } from 'antd/lib/tooltip';
 import type { ReactNode, ReactText } from 'react';
+import type { SelectProps, SelectValue } from 'antd/lib/select';
 import type { CSSObject } from 'styled-components';
-import type TooltipExtendedProps from '@synerise/ds-tooltip/dist/Tooltip.types';
-export interface Props<T = SelectValue> extends Omit<SelectProps<T>, 'listHeight'> {
-    errorText?: ReactNode | string;
+import type { FormFieldCommonProps } from '@synerise/ds-form-field';
+export type Props<T = SelectValue> = Omit<SelectProps<T>, 'listHeight'> & {
     error?: boolean;
-    label?: ReactNode;
-    description?: ReactNode;
-    tooltip?: ReactNode;
-    tooltipConfig?: TooltipExtendedProps & TooltipProps;
     clearTooltip?: string;
     prefixel?: ReactNode;
     suffixel?: ReactNode;
@@ -17,4 +11,4 @@ export interface Props<T = SelectValue> extends Omit<SelectProps<T>, 'listHeight
     grey?: boolean;
     asFormElement?: boolean;
     selectorStyle?: CSSObject;
-}
+} & FormFieldCommonProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-select",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "description": "Select UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -34,10 +34,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.3.0",
-    "@synerise/ds-input": "^1.0.4",
-    "@synerise/ds-tooltip": "^1.1.3",
-    "@synerise/ds-typography": "^1.0.4",
+    "@synerise/ds-form-field": "^1.1.0",
+    "@synerise/ds-icon": "^1.4.0",
+    "@synerise/ds-tooltip": "^1.1.4",
     "@synerise/ds-utils": "^1.0.1",
     "classnames": "2.3.2"
   },
@@ -47,5 +46,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "dc78b03be09e793ec84f1dafc59c5616e77f1196"
+  "gitHead": "6735f9babfeef53122f54ca86cba5f581e8870d9"
 }