@ganpatiinfo/gids-web-dom-reference 2.1.1 → 3.1.0

package/src/components/GidsSwitch/GidsSwitch.ts

@@ -1,70 +1,73 @@
 import {
-    type ClassValue,
-    generateId,
-    type GidsSwitchWebProps,
-    GidsSwitchWebUtils,
+	type ClassValue,
+	generateId,
+	type GidsSwitchWebProps,
+	GidsSwitchWebUtils,
 } from '@ganpatiinfo/gids-web-shared';
 import { GidsSwitchControlDom } from '../_GidsSwitchControl/GidsSwitchControl.js';
 import { GidsLabelDom } from '../GidsLabel/GidsLabel.js';
-import { type DomChildren, type DomNodeOrString } from '../../utils/domUtils.js';
+import {
+	type DomChildren,
+	type DomNodeOrString,
+} from '../../utils/domUtils.js';
 
 const { getGidsSwitchClassNames } = GidsSwitchWebUtils;
 
 export interface GidsSwitchDomProps
-    extends GidsSwitchWebProps<DomChildren, DomNodeOrString> {
-    onChange?: (this: HTMLInputElement, event: Event) => void;
-    className?: ClassValue;
+	extends GidsSwitchWebProps<DomChildren, DomNodeOrString> {
+	onChange?: (this: HTMLInputElement, event: Event) => void;
+	className?: ClassValue;
 }
 
 export const GidsSwitchDom = ({
-    // Label props
-    children,
-    fieldRequirement,
-    fieldRequirementOptionalText,
-    fieldRequirementRequiredText,
-    info,
-    labelId,
+	// Label props
+	children,
+	fieldRequirement,
+	fieldRequirementOptionalText,
+	fieldRequirementRequiredText,
+	info,
+	labelId,
 
-    // Switch props
-    checked,
-    defaultChecked,
-    disabled,
-    inputId,
-    name,
-    value,
-    onChange,
+	// Switch props
+	checked,
+	defaultChecked,
+	disabled,
+	inputId,
+	name,
+	value,
+	onChange,
 
-    // SwitchWithLabel props
-    className,
+	// SwitchWithLabel props
+	className,
 }: GidsSwitchDomProps): HTMLDivElement => {
-    const switchElement = document.createElement('div');
-    switchElement.className = getGidsSwitchClassNames(className);
+	const switchElement = document.createElement('div');
+	switchElement.className = getGidsSwitchClassNames(className);
 
-    const realInputId = inputId ?? generateId();
+	const realInputId = inputId ?? generateId();
 
-    switchElement.appendChild(
-        GidsSwitchControlDom({
-            checked,
-            defaultChecked,
-            disabled,
-            inputId: realInputId,
-            name,
-            value,
-            onChange,
-        }),
-    );
-    switchElement.appendChild(
-        GidsLabelDom({
-            children,
-            disabled,
-            fieldRequirement,
-            fieldRequirementOptionalText,
-            fieldRequirementRequiredText,
-            htmlFor: realInputId,
-            info,
-            labelId,
-        }),
-    );
+	switchElement.appendChild(
+		GidsSwitchControlDom({
+			checked,
+			defaultChecked,
+			disabled,
+			inputId: realInputId,
+			name,
+			value,
+			onChange,
+		}),
+	);
+	switchElement.appendChild(
+		GidsLabelDom({
+			children,
+			disabled,
+			fieldRequirement,
+			fieldRequirementOptionalText,
+			fieldRequirementRequiredText,
+			htmlFor: realInputId,
+			info,
+			labelId,
+		}),
+	);
 
-    return switchElement;
+	return switchElement;
 };

package/src/components/_GidsCheckboxControl/GidsCheckboxControl.ts

@@ -3,7 +3,10 @@ import {
 	type GidsCheckboxControlWebProps,
 	GidsCheckboxControlWebUtils,
 } from '@ganpatiinfo/gids-web-shared';
-import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils.js';
+import {
+	applyStatefulInputProps,
+	toggleAttribute,
+} from '../../utils/domUtils.js';
 import { GidsIconDom } from '../GidsIcon/GidsIcon.js';
 
 const { getGidsCheckboxControlClassNames } = GidsCheckboxControlWebUtils;

package/src/components/_GidsPaginationItem/GidsPaginationItem.ts

@@ -0,0 +1,65 @@
+import {
+	GidsPaginationItemCommonProps,
+	GidsPaginationItemCommonUtils,
+} from '@ganpatiinfo/gids-core-shared';
+import {
+	ClassValue,
+	GidsPaginationItemWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import {
+	appendAsChildren,
+	DomChildren,
+	DomNodeOrString,
+} from '../../utils/domUtils.js';
+import { GidsIconDom } from '../GidsIcon/GidsIcon.js';
+import { IconName } from '@ganpatiinfo/gids-web-theme-interface';
+
+const { getGidsPaginationItemClassNames } = GidsPaginationItemWebUtils;
+const { getPaginationItemIconSize } = GidsPaginationItemCommonUtils;
+
+export interface GidsPaginationItemDomProps
+	extends GidsPaginationItemCommonProps<DomChildren, DomNodeOrString> {
+	extraClasses?: ClassValue;
+	onClickItem?: (event: MouseEvent) => void;
+}
+
+export const GidsPaginationItemDom = ({
+	selectColor = 'default',
+	variant = 'default',
+	shape = 'circled',
+	size = 'sm',
+	children,
+	isIcon = false,
+	icon,
+	disabled = false,
+	selected = false,
+	extraClasses,
+	onClickItem,
+}: GidsPaginationItemDomProps): HTMLButtonElement => {
+	const paginationItem = document.createElement('button');
+	paginationItem.className = getGidsPaginationItemClassNames(
+		{ selectColor, shape, size, variant, disabled, selected },
+		extraClasses,
+	);
+
+	if (!isIcon && children) {
+		appendAsChildren(paginationItem, children);
+	}
+
+	if (isIcon && icon && icon !== '' && icon !== '(none)') {
+		paginationItem.appendChild(
+			GidsIconDom({
+				size: getPaginationItemIconSize({ size }),
+				name: icon as IconName,
+				appearance: 'regular',
+				alt: '',
+			}),
+		);
+	}
+
+	if (onClickItem && !disabled) {
+		paginationItem.addEventListener('click', onClickItem);
+	}
+
+	return paginationItem;
+};

package/src/components/_GidsRadioControl/GidsRadioControl.ts

@@ -3,7 +3,10 @@ import {
 	type GidsRadioControlWebProps,
 	GidsRadioControlWebUtils,
 } from '@ganpatiinfo/gids-web-shared';
-import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils.js';
+import {
+	applyStatefulInputProps,
+	toggleAttribute,
+} from '../../utils/domUtils.js';
 
 const { getGidsRadioControlClassNames } = GidsRadioControlWebUtils;
 

package/src/components/_GidsSwitchControl/GidsSwitchControl.ts

@@ -3,7 +3,10 @@ import {
 	type GidsSwitchControlWebProps,
 	GidsSwitchControlWebUtils,
 } from '@ganpatiinfo/gids-web-shared';
-import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils.js';
+import {
+	applyStatefulInputProps,
+	toggleAttribute,
+} from '../../utils/domUtils.js';
 import { GidsIconDom } from '../GidsIcon/GidsIcon.js';
 
 const { getGidsSwitchControlClassNames } = GidsSwitchControlWebUtils;

package/src/index.ts

@@ -36,6 +36,10 @@ export * from './components/GidsBreadcrumbItem/GidsBreadcrumbItem.js';
 export * from './components/GidsBreadcrumb/GidsBreadcrumb.js';
 export * from './components/GidsBaseCard/GidsBaseCard.js';
 export * from './components/GidsCard/GidsCard.js';
+export * from './components/_GidsPaginationItem/GidsPaginationItem.js';
+export * from './components/GidsPagination/GidsPagination.js';
+export * from './components/GidsSegmentedTabItem/GidsSegmentedTabItem.js';
+export * from './components/GidsSegmentedControl/GidsSegmentedControl.js';
 
 /**
  * Utilities