@ganpatiinfo/gids-web-dom-reference 2.0.2 → 2.0.5

package/src/components/_GidsSwitchControl/GidsSwitchControl.ts

@@ -0,0 +1,78 @@
+import {
+	type ClassValue,
+	type GidsSwitchControlWebProps,
+	GidsSwitchControlWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils';
+import { GidsIconDom } from '../GidsIcon/GidsIcon';
+
+const { getGidsSwitchControlClassNames } = GidsSwitchControlWebUtils;
+
+export interface GidsSwitchControlDomProps extends GidsSwitchControlWebProps {
+	onChange?: (this: HTMLInputElement, event: Event) => void;
+	className?: ClassValue;
+}
+
+export const GidsSwitchControlDom = ({
+	checked,
+	defaultChecked,
+	disabled,
+	inputId,
+	name,
+	value,
+	onChange,
+	className,
+}: GidsSwitchControlDomProps): HTMLSpanElement => {
+	const switchControlWrapper = document.createElement('span');
+	switchControlWrapper.className = getGidsSwitchControlClassNames(className);
+
+	const switchControlInput = document.createElement('input');
+	switchControlInput.className = 'gids-switch-control__input';
+	switchControlInput.setAttribute('type', 'checkbox');
+	switchControlInput.setAttribute('role', 'switch');
+
+	toggleAttribute(switchControlInput, 'disabled', disabled ?? false);
+
+	applyStatefulInputProps(switchControlInput, {
+		checked,
+		defaultChecked,
+		value,
+	});
+
+	if (inputId) {
+		switchControlInput.id = inputId;
+	}
+	if (name) {
+		switchControlInput.name = name;
+	}
+
+	if (onChange) {
+		switchControlInput.addEventListener('change', onChange);
+	}
+
+	switchControlWrapper.appendChild(switchControlInput);
+
+	switchControlWrapper.appendChild(
+		GidsIconDom({
+			size: 'sm',
+			name: 'checkmark',
+			alt: '',
+			className: 'gids-switch-control__check',
+		}),
+	);
+
+	switchControlWrapper.appendChild(
+		GidsIconDom({
+			size: 'sm',
+			name: 'cross',
+			alt: '',
+			className: 'gids-switch-control__cross',
+		}),
+	);
+
+	const slider = document.createElement('span');
+	slider.className = 'gids-switch-control__slider';
+	switchControlWrapper.appendChild(slider);
+
+	return switchControlWrapper;
+};

package/src/index.ts

@@ -1,13 +1,25 @@
 /**
  * Referenced to DOM components
  */
+export * from './components/GidsButton/GidsButton';
 export * from './components/GidsDivider/GidsDivider';
 export * from './components/GidsDisplayTag/GidsDisplayTag';
+export * from './components/GidsIcon/GidsIcon';
+export * from './components/GidsLabel/GidsLabelInfo/GidsLabelInfo';
+export * from './components/GidsLabel/GidsLabel';
+export * from './components/GidsLink/GidsLink';
 export * from './components/_GidsSpinnerControl/GidsSpinnerControl';
 export * from './components/GidsSpinner/GidsSpinner';
-export * from './components/GidsIcon/GidsIcon';
-export * from './components/GidsButton/GidsButton';
 export * from './components/GidsToggleButton/GidsToggleButton';
+export * from './components/_GidsCheckboxControl/GidsCheckboxControl';
+export * from './components/_GidsRadioControl/GidsRadioControl';
+export * from './components/_GidsSwitchControl/GidsSwitchControl';
+export * from './components/GidsCheckbox/GidsCheckbox';
+export * from './components/GidsRadio/GidsRadio';
+export * from './components/GidsSwitch/GidsSwitch';
+export * from './components/GidsCheckboxGroup/GidsCheckboxGroup';
+export * from './components/GidsRadioGroup/GidsRadioGroup';
+export * from './components/GidsSwitchGroup/GidsSwitchGroup';
 
 /**
  * Utilities