@synerise/ds-switch 1.0.4 → 1.1.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-switch@1.1.0...@synerise/ds-switch@1.1.1) (2025-04-24)
+
+**Note:** Version bump only for package @synerise/ds-switch
+
+
+
+
+
+# [1.1.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-switch@1.0.4...@synerise/ds-switch@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-switch@1.0.3...@synerise/ds-switch@1.0.4) (2025-04-02)
 
 **Note:** Version bump only for package @synerise/ds-switch

package/dist/Switch.d.ts

@@ -1,11 +1,7 @@
 import React from 'react';
 import '@synerise/ds-core/dist/js/style';
 import './style/index.less';
-import { SwitchProps as AntdSwitchProps } from 'antd/lib/switch';
 import { Props } from './Switch.types';
-export declare const ExtendedAntdSwitchComponent: React.ComponentType<AntdSwitchProps & {
-    id: string;
-    ref?: React.RefObject<HTMLInputElement> | undefined;
-}>;
+export declare const RawSwitch: React.ForwardRefExoticComponent<import("antd/lib/switch").SwitchProps & React.RefAttributes<HTMLElement>>;
 export declare const Switch: ({ errorText, label, description, onChange, withFormElementMargin, tooltipIcon, tooltip, className, ...antdSwitchProps }: Props) => React.JSX.Element;
 export default Switch;

package/dist/Switch.js

@@ -1,16 +1,14 @@
 var _excluded = ["errorText", "label", "description", "onChange", "withFormElementMargin", "tooltipIcon", "tooltip", "className"];
-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; }
-import React, { useRef } from 'react';
+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, { useRef, useId } from 'react';
 import classnames from 'classnames';
 import '@synerise/ds-core/dist/js/style';
-import Label from '@synerise/ds-input/dist/Label/Label';
-import { v4 as uuid } from 'uuid';
 import "./style/index.css";
 import AntdSwitch from 'antd/lib/switch';
 import * as S from './Switch.styles';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export var ExtendedAntdSwitchComponent = AntdSwitch;
+// export RawSwitch from this file to have .less style side effects applied when only RawSwitch is used
+export var RawSwitch = AntdSwitch;
 export var Switch = function Switch(_ref) {
   var errorText = _ref.errorText,
     label = _ref.label,
@@ -21,14 +19,12 @@ export var Switch = function Switch(_ref) {
     tooltip = _ref.tooltip,
     className = _ref.className,
     antdSwitchProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var id = uuid();
+  var id = useId();
   var switchElement = useRef(null);
   return /*#__PURE__*/React.createElement(S.SwitchWrapper, {
     className: classnames(['ds-switch', className]),
     formElementMargin: Boolean(withFormElementMargin)
-  }, /*#__PURE__*/React.createElement(S.LabelSwitchWrapper, null, /*#__PURE__*/React.createElement(ExtendedAntdSwitchComponent
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , _extends({}, antdSwitchProps, {
+  }, /*#__PURE__*/React.createElement(S.LabelSwitchWrapper, null, /*#__PURE__*/React.createElement(RawSwitch, _extends({}, antdSwitchProps, {
     size: "small",
     className: errorText ? 'error' : '',
     id: id,
@@ -42,13 +38,11 @@ export var Switch = function Switch(_ref) {
   })), /*#__PURE__*/React.createElement(S.Texts, {
     className: "switch-texts"
   }, /*#__PURE__*/React.createElement(S.Label, {
-    className: "switch-texts"
-  }, /*#__PURE__*/React.createElement(Label, {
     id: id,
     className: "switch-label",
     label: label,
     tooltip: tooltip
-  })))), (errorText || description) && /*#__PURE__*/React.createElement(S.DescriptionWrapper, null, /*#__PURE__*/React.createElement(S.Texts, {
+  }))), (errorText || description) && /*#__PURE__*/React.createElement(S.DescriptionWrapper, null, /*#__PURE__*/React.createElement(S.Texts, {
     className: "switch-texts"
   }, /*#__PURE__*/React.createElement(S.BelowLabel, null, errorText && /*#__PURE__*/React.createElement(S.Error, null, errorText), description && /*#__PURE__*/React.createElement(S.Description, {
     className: "switch-description"

package/dist/Switch.styles.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 export declare const SwitchWrapper: import("styled-components").StyledComponent<"div", any, {
     formElementMargin: boolean;
 }, never>;
 export declare const Texts: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<({ id, label, tooltip, tooltipConfig, children, ...htmlAttributes }: import("@synerise/ds-form-field").FormFieldLabelProps) => import("react").JSX.Element, any, {}, never>;
 export declare const BelowLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LabelSwitchWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Error: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Switch.styles.js

@@ -1,5 +1,6 @@
 import styled from 'styled-components';
 import { macro } from '@synerise/ds-typography';
+import { FormFieldLabel } from '@synerise/ds-form-field';
 export var SwitchWrapper = styled.div.withConfig({
   displayName: "Switchstyles__SwitchWrapper",
   componentId: "sc-1gmh4sk-0"
@@ -10,7 +11,7 @@ export var Texts = styled.div.withConfig({
   displayName: "Switchstyles__Texts",
   componentId: "sc-1gmh4sk-1"
 })(["margin-left:16px;display:flex;flex-direction:row;justify-content:space-between;"]);
-export var Label = styled.label.withConfig({
+export var Label = styled(FormFieldLabel).withConfig({
   displayName: "Switchstyles__Label",
   componentId: "sc-1gmh4sk-2"
 })(["", ";cursor:pointer;transition:0.3s ease;width:100%;display:flex;align-items:center;"], macro.heading);

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { default, ExtendedAntdSwitchComponent as RawSwitch } from './Switch';
+export { default, RawSwitch } from './Switch';
 export type { Props as SwitchProps } from './Switch.types';

package/dist/index.js

@@ -1 +1 @@
-export { default, ExtendedAntdSwitchComponent as RawSwitch } from './Switch';
+export { default, RawSwitch } from './Switch';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-switch",
-  "version": "1.0.4",
+  "version": "1.1.1",
   "description": "Switch UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -34,11 +34,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-input": "^1.0.4",
-    "@synerise/ds-typography": "^1.0.4",
+    "@synerise/ds-form-field": "^1.1.1",
+    "@synerise/ds-typography": "^1.0.6",
     "@synerise/ds-utils": "^1.0.1",
-    "classnames": "2.3.2",
-    "uuid": "^8.3.2"
+    "classnames": "2.3.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -46,5 +45,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "dc78b03be09e793ec84f1dafc59c5616e77f1196"
+  "gitHead": "fc601270d3c84a5a52b62473a01f1b3c1c7014a7"
 }