@ganpatiinfo/gids-web-dom-reference 9.2.0 → 11.0.0

package/src/components/GidsSideNavigation/GidsSideNavigation.ts

@@ -1,97 +1,100 @@
 import {
-  GidsSideNavigationWebProps,
-  GidsSideNavigationWebUtils,
+	GidsSideNavigationWebProps,
+	GidsSideNavigationWebUtils,
 } from '@ganpatiinfo/gids-web-shared';
 import { DomChildren } from '../../utils/domUtils.js';
 import { HtmlInputAttributes } from '../GidsInput/GidsInput.js';
 import {
-  type GidsSideMenuHeaderDomProps,
-  GidsSideMenuHeaderDom,
+	type GidsSideMenuHeaderDomProps,
+	GidsSideMenuHeaderDom,
 } from '../GidsSideMenuHeader/GidsSideMenuHeader.js';
 import { GidsSideMenuDom } from '../GidsSideMenu/GidsSideMenu.js';
 
 const { getGidsSideNavigationClassNames } = GidsSideNavigationWebUtils;
 
 export interface GidsSideNavigationDomProps
-  extends
-    GidsSideNavigationWebProps<
-      DomChildren,
-      DomChildren,
-      Element,
-      HtmlInputAttributes
-    >,
-    Pick<
-      GidsSideMenuHeaderDomProps,
-      | 'headerClasses'
-      | 'wrapperClass'
-      | 'onGidsSearchBarClear'
-      | 'className'
-      | 'onBlur'
-      | 'onChange'
-      | 'onFocus'
-      | 'onInput'
-    > {
-  extraSideNavigationClasses?: string;
+	extends
+		GidsSideNavigationWebProps<
+			DomChildren,
+			DomChildren,
+			Element,
+			HtmlInputAttributes
+		>,
+		Pick<
+			GidsSideMenuHeaderDomProps,
+			| 'headerClasses'
+			| 'wrapperClass'
+			| 'onGidsSearchBarClear'
+			| 'className'
+			| 'onBlur'
+			| 'onChange'
+			| 'onFocus'
+			| 'onInput'
+		> {
+	extraSideNavigationClasses?: string;
 }
 
 export const GidsSideNavigationDom = ({
-  sideNavigationAppearance = 'default',
-  headerDividedByDivider = true,
-  headerClasses,
-  extraSideNavigationClasses,
-  customHeaderChildren,
-  isHeaderVisible = true,
-  searchVisible = true,
-  children,
-  onGidsSearchBarClear,
-  onBlur,
-  onChange,
-  onFocus,
-  onInput,
-  ...restProps
+	sideNavigationAppearance = 'default',
+	headerDividedByDivider = true,
+	headerClasses,
+	height = 'intrinsic',
+	extraSideNavigationClasses,
+	customHeaderChildren,
+	isHeaderVisible = true,
+	searchVisible = true,
+	children,
+	onGidsSearchBarClear,
+	onBlur,
+	onChange,
+	onFocus,
+	onInput,
+	...restProps
 }: GidsSideNavigationDomProps): HTMLElement => {
-  const sideNav = document.createElement('nav');
+	const sideNav = document.createElement('nav');
 
-  // FIX: Force set the physical HTML attributes so Stencil is forced to read them on boot
-  sideNav.setAttribute('side-navigation-appearance', sideNavigationAppearance);
-  sideNav.setAttribute('is-header-visible', String(isHeaderVisible));
-  sideNav.setAttribute('search-visible', String(searchVisible));
-  sideNav.setAttribute(
-    'header-divided-by-divider',
-    String(headerDividedByDivider),
-  );
+	// FIX: Force set the physical HTML attributes so Stencil is forced to read them on boot
+	sideNav.setAttribute('side-navigation-appearance', sideNavigationAppearance);
+	sideNav.setAttribute('is-header-visible', String(isHeaderVisible));
+	sideNav.setAttribute('search-visible', String(searchVisible));
+	sideNav.setAttribute('side-navigation-height', height);
+	sideNav.setAttribute(
+		'header-divided-by-divider',
+		String(headerDividedByDivider),
+	);
 
-  sideNav.className = getGidsSideNavigationClassNames(
-    { sideNavigationAppearance },
-    extraSideNavigationClasses,
-  );
+	sideNav.className = getGidsSideNavigationClassNames(
+		{ sideNavigationAppearance },
+		extraSideNavigationClasses,
+	);
 
-  if (isHeaderVisible) {
-    sideNav.append(
-      GidsSideMenuHeaderDom({
-        searchVisible,
-        headerClasses,
-        headerAppearance: sideNavigationAppearance,
-        customChildren: customHeaderChildren,
-        onBlur,
-        onChange,
-        onFocus,
-        onInput,
-        onGidsSearchBarClear,
-        headerDividedByDivider,
-        ...restProps,
-      }),
-    );
-  }
+	if (isHeaderVisible) {
+		sideNav.append(
+			GidsSideMenuHeaderDom({
+				searchVisible,
+				headerClasses,
+				headerAppearance: sideNavigationAppearance,
+				customChildren: customHeaderChildren,
+				onBlur,
+				onChange,
+				onFocus,
+				onInput,
+				onGidsSearchBarClear,
+				headerDividedByDivider,
+				...restProps,
+			}),
+		);
+	}
 
-  if (children) {
-    sideNav.append(
-      GidsSideMenuDom({
-        children,
-        sideMenuAppearance: sideNavigationAppearance,
-      }),
-    );
-  }
+	if (children) {
+		sideNav.append(
+			GidsSideMenuDom({
+				children,
+				sideMenuAppearance: sideNavigationAppearance,
+				height,
+			}),
+		);
+	}
 
-  return sideNav;
+	return sideNav;
 };

package/src/index.ts

@@ -105,6 +105,17 @@ export * from './components/GidsFilter/GidsFilter.js';
 export * from './components/GidsActionBar/GidsActionBar.js';
 export * from './components/GidsTabItem/GidsTabItem.js';
 export * from './components/GidsTab/GidsTab.js';
+export * from './components/GidsExpansion/GidsExpansion.js';
+export * from './components/GidsExpansionBodyListItem/GidsExpansionBodyListItem.js';
+export * from './components/GidsExpansionBodyList/GidsExpansionBodyList.js';
+export * from './components/GidsExpansionGroup/GidsExpansionGroup.js';
+export * from './components/GidsBasicTableHead/GidsBasicTableHead.js';
+export * from './components/GidsBasicTableCell/GidsBasicTableCell.js';
+export * from './components/GidsBasicTableRow/GidsBasicTableRow.js';
+export * from './components/GidsBasicTableHeader/GidsBasicTableHeader.js';
+export * from './components/GidsMdTable/GidsMdTable.js';
+export * from './components/GidsBsTable/GidsBsTable.js';
+export * from './components/GidsBasicTableBody/GidsBasicTableBody.js';
 
 /**
  * Utilities