update

Author: SailingBoat762

src/DTableSwitch/index.js

@@ -5,7 +5,7 @@ import { generatorBase64Code } from 'dtable-utils';
 
 import './index.css';
 
-function DTableSwitch({ onChange, checked = false, placeholder, disabled, size = 'sm', switchPosition = 'right', switchClassName }) {
+function DTableSwitch({ onChange, checked = false, placeholder, disabled, size = 'sm', switchPosition = 'right', switchClassName, inputId }) {
   const switchNode = <span className="custom-switch-indicator"></span>;
   const textNode = <span className="custom-switch-description text-truncate">{placeholder}</span>;
   return (
@@ -25,7 +25,7 @@ function DTableSwitch({ onChange, checked = false, placeholder, disabled, size =
           name="custom-switch-checkbox"
           disabled={disabled}
           aria-label={placeholder}
-          id={'dtable-switch-' + generatorBase64Code(12)}
+          id={inputId || 'dtable-switch-' + generatorBase64Code(12)}
         />
         {switchPosition === 'left' && <>{switchNode}{textNode}</>}
         {switchPosition === 'right' && <>{textNode}{switchNode}</>}
@@ -41,7 +41,8 @@ DTableSwitch.propTypes = {
   placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
   onChange: PropTypes.func.isRequired,
   disabled: PropTypes.bool,
-  switchClassName: PropTypes.string
+  switchClassName: PropTypes.string,
+  inputId: PropTypes.string
 };
 
 export default DTableSwitch;