@ganpatiinfo/gids-web-dom-reference 9.0.0 → 9.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @ganpatiinfo/gids-web-dom-reference
2
2
 
3
+ ## 9.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - f36f937: - Developed `GidsFilter` web component for all web platforms
8
+ - 50b6356: - Developed `GidsActionBar` web component for all web platforms
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies [f36f937]
13
+ - Updated dependencies [50b6356]
14
+ - @ganpatiinfo/gids-core-shared@9.1.0
15
+ - @ganpatiinfo/gids-web-shared@9.1.0
16
+
3
17
  ## 9.0.0
4
18
 
5
19
  ### Major Changes
@@ -0,0 +1,8 @@
1
+ import { GidsActionBarWebProps } from '@ganpatiinfo/gids-web-shared';
2
+ type GidsActionBarBaseWebProps = GidsActionBarWebProps<Event>;
3
+ export interface GidsActionBarDomProps extends GidsActionBarBaseWebProps {
4
+ extraClasses?: string;
5
+ }
6
+ export declare const GidsActionBarDom: ({ actionGroup, allFiltersTabVisible, moreFiltersTabVisible, clearAllFiltersVisible, clearAllFiltersButtonAppearance, primaryFilters, secondaryFilters, filterSize, dropdownDividerVisible, onToggleActionBarAllFilter, onToggleActionBarDropdownFilter, onToggleActionBarMoreFilter, onToggleActionBarNoneFilter, onDropdownSelectionActionBarFilterChange, onMoreSelectionActionBarFilterChange, onClearAllFiltersButton, disabled, allFiltersData, moreFiltersData, extraClasses, }: GidsActionBarDomProps) => HTMLElement;
7
+ export {};
8
+ //# sourceMappingURL=GidsActionBar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsActionBar.d.ts","sourceRoot":"","sources":["../../../src/components/GidsActionBar/GidsActionBar.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,qBAAqB,EAErB,MAAM,8BAA8B,CAAC;AAItC,KAAK,yBAAyB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAI9D,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,GAAI,udAqB9B,qBAAqB,KAAG,WA8B1B,CAAC"}
@@ -0,0 +1,29 @@
1
+ import { GidsActionBarWebUtils, } from '@ganpatiinfo/gids-web-shared';
2
+ const { getGidsActionBarClassNames } = GidsActionBarWebUtils;
3
+ export const GidsActionBarDom = ({ actionGroup = false, allFiltersTabVisible = false, moreFiltersTabVisible = false, clearAllFiltersVisible = true, clearAllFiltersButtonAppearance = 'primary', primaryFilters = [], secondaryFilters = [], filterSize = 'xs', dropdownDividerVisible, onToggleActionBarAllFilter, onToggleActionBarDropdownFilter, onToggleActionBarMoreFilter, onToggleActionBarNoneFilter, onDropdownSelectionActionBarFilterChange, onMoreSelectionActionBarFilterChange, onClearAllFiltersButton, disabled, allFiltersData, moreFiltersData, extraClasses, }) => {
4
+ const actionBar = document.createElement('gids-action-bar');
5
+ actionBar.actionGroup = actionGroup;
6
+ actionBar.allFiltersTabVisible = allFiltersTabVisible;
7
+ actionBar.moreFiltersTabVisible = moreFiltersTabVisible;
8
+ actionBar.clearAllFiltersVisible = clearAllFiltersVisible;
9
+ actionBar.clearAllFiltersButtonAppearance = clearAllFiltersButtonAppearance;
10
+ actionBar.primaryFilters = primaryFilters;
11
+ actionBar.secondaryFilters = secondaryFilters;
12
+ actionBar.allFiltersData = allFiltersData;
13
+ actionBar.moreFiltersData = moreFiltersData;
14
+ actionBar.filterSize = filterSize;
15
+ actionBar.dropdownDividerVisible = dropdownDividerVisible;
16
+ actionBar.disabled = disabled;
17
+ actionBar.onToggleActionBarAllFilter = onToggleActionBarAllFilter;
18
+ actionBar.onToggleActionBarDropdownFilter = onToggleActionBarDropdownFilter;
19
+ actionBar.onToggleActionBarMoreFilter = onToggleActionBarMoreFilter;
20
+ actionBar.onToggleActionBarNoneFilter = onToggleActionBarNoneFilter;
21
+ actionBar.onDropdownSelectionActionBarFilterChange =
22
+ onDropdownSelectionActionBarFilterChange;
23
+ actionBar.onMoreSelectionActionBarFilterChange =
24
+ onMoreSelectionActionBarFilterChange;
25
+ actionBar.onClearAllFiltersButton = onClearAllFiltersButton;
26
+ actionBar.className = getGidsActionBarClassNames(extraClasses);
27
+ return actionBar;
28
+ };
29
+ //# sourceMappingURL=GidsActionBar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsActionBar.js","sourceRoot":"","sources":["../../../src/components/GidsActionBar/GidsActionBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,qBAAqB,GACrB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,EAAE,0BAA0B,EAAE,GAAG,qBAAqB,CAAC;AAU7D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAChC,WAAW,GAAG,KAAK,EACnB,oBAAoB,GAAG,KAAK,EAC5B,qBAAqB,GAAG,KAAK,EAC7B,sBAAsB,GAAG,IAAI,EAC7B,+BAA+B,GAAG,SAAS,EAC3C,cAAc,GAAG,EAAE,EACnB,gBAAgB,GAAG,EAAE,EACrB,UAAU,GAAG,IAAI,EACjB,sBAAsB,EACtB,0BAA0B,EAC1B,+BAA+B,EAC/B,2BAA2B,EAC3B,2BAA2B,EAC3B,wCAAwC,EACxC,oCAAoC,EACpC,uBAAuB,EACvB,QAAQ,EACR,cAAc,EACd,eAAe,EACf,YAAY,GACW,EAAe,EAAE;IACxC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CACvC,iBAAiB,CACO,CAAC;IAE1B,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;IACpC,SAAS,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;IACtD,SAAS,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;IACxD,SAAS,CAAC,sBAAsB,GAAG,sBAAsB,CAAC;IAC1D,SAAS,CAAC,+BAA+B,GAAG,+BAA+B,CAAC;IAC5E,SAAS,CAAC,cAAc,GAAG,cAAc,CAAC;IAC1C,SAAS,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IAC9C,SAAS,CAAC,cAAc,GAAG,cAAc,CAAC;IAC1C,SAAS,CAAC,eAAe,GAAG,eAAe,CAAC;IAC5C,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC;IAClC,SAAS,CAAC,sBAAsB,GAAG,sBAAsB,CAAC;IAC1D,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC9B,SAAS,CAAC,0BAA0B,GAAG,0BAA0B,CAAC;IAClE,SAAS,CAAC,+BAA+B,GAAG,+BAA+B,CAAC;IAC5E,SAAS,CAAC,2BAA2B,GAAG,2BAA2B,CAAC;IACpE,SAAS,CAAC,2BAA2B,GAAG,2BAA2B,CAAC;IACpE,SAAS,CAAC,wCAAwC;QACjD,wCAAwC,CAAC;IAC1C,SAAS,CAAC,oCAAoC;QAC7C,oCAAoC,CAAC;IACtC,SAAS,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;IAE5D,SAAS,CAAC,SAAS,GAAG,0BAA0B,CAAC,YAAY,CAAC,CAAC;IAE/D,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC"}
@@ -6,5 +6,5 @@ export interface GidsDropdownItemDomProps extends GidsDropdownItemWebProps<DomCh
6
6
  extraClasses?: string;
7
7
  onPressDropdownItem?: (event: CustomEvent<GidsDropdownItemSelectEventDetail>) => void;
8
8
  }
9
- export declare const GidsDropdownItemDom: ({ id, title, selected, disabled, extraClasses, name, value, onPressDropdownItem, index, defaultSelectedIndex, leadingAccessory, divider, }: GidsDropdownItemDomProps) => HTMLButtonElement;
9
+ export declare const GidsDropdownItemDom: ({ id, title, selected, disabled, extraClasses, name, value, onPressDropdownItem, index, defaultSelected, leadingAccessory, divider, isPlaceholderItem, }: GidsDropdownItemDomProps) => HTMLButtonElement;
10
10
  //# sourceMappingURL=GidsDropdownItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"GidsDropdownItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDropdownItem/GidsDropdownItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,wBAAwB,EAE7B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACN,iCAAiC,EAEjC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB,CAAC,WAAW,CAAC;IACtF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,CACrB,KAAK,EAAE,WAAW,CAAC,iCAAiC,CAAC,KACjD,IAAI,CAAC;CACV;AAED,eAAO,MAAM,mBAAmB,GAAI,4IAajC,wBAAwB,KAAG,iBAgC7B,CAAC"}
1
+ {"version":3,"file":"GidsDropdownItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDropdownItem/GidsDropdownItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,wBAAwB,EAE7B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACN,iCAAiC,EAEjC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB,CAAC,WAAW,CAAC;IACtF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,CACrB,KAAK,EAAE,WAAW,CAAC,iCAAiC,CAAC,KACjD,IAAI,CAAC;CACV;AAED,eAAO,MAAM,mBAAmB,GAAI,0JAcjC,wBAAwB,KAAG,iBAkC7B,CAAC"}
@@ -1,18 +1,19 @@
1
1
  import { GidsDropdownItemWebUtils, } from '@ganpatiinfo/gids-web-shared';
2
2
  import { GidsListItemDom } from '../GidsListItem/GidsListItem.js';
3
3
  const { getGidsDropdownItemClassNames } = GidsDropdownItemWebUtils;
4
- export const GidsDropdownItemDom = ({ id, title, selected = false, disabled = false, extraClasses, name, value, onPressDropdownItem, index, defaultSelectedIndex, leadingAccessory, divider, }) => {
4
+ export const GidsDropdownItemDom = ({ id, title, selected = false, disabled = false, extraClasses, name, value, onPressDropdownItem, index, defaultSelected, leadingAccessory, divider, isPlaceholderItem, }) => {
5
5
  return GidsListItemDom({
6
6
  id: id,
7
7
  children: title,
8
8
  index: index ?? 0,
9
- defaultSelectedIndex,
9
+ defaultSelected,
10
10
  selected,
11
11
  disabled,
12
12
  extraClasses: getGidsDropdownItemClassNames(extraClasses),
13
13
  name,
14
14
  leadingAccessory,
15
15
  divider,
16
+ isPlaceholderItem,
16
17
  onPressListItem: (event) => {
17
18
  const customEvent = new CustomEvent('onPressDropdownItem', {
18
19
  bubbles: true,
@@ -23,6 +24,7 @@ export const GidsDropdownItemDom = ({ id, title, selected = false, disabled = fa
23
24
  value,
24
25
  disabled,
25
26
  ...event.detail,
27
+ isPlaceholderItem,
26
28
  },
27
29
  });
28
30
  if (onPressDropdownItem) {
@@ -1 +1 @@
1
- {"version":3,"file":"GidsDropdownItem.js","sourceRoot":"","sources":["../../../src/components/GidsDropdownItem/GidsDropdownItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,wBAAwB,GACxB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOlE,MAAM,EAAE,6BAA6B,EAAE,GAAG,wBAAwB,CAAC;AAUnE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EACnC,EAAE,EACF,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,mBAAmB,EACnB,KAAK,EACL,oBAAoB,EACpB,gBAAgB,EAChB,OAAO,GACmB,EAAqB,EAAE;IACjD,OAAO,eAAe,CAAC;QACtB,EAAE,EAAE,EAAE;QACN,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,KAAK,IAAI,CAAC;QACjB,oBAAoB;QACpB,QAAQ;QACR,QAAQ;QACR,YAAY,EAAE,6BAA6B,CAAC,YAAY,CAAC;QACzD,IAAI;QACJ,gBAAgB;QAChB,OAAO;QACP,eAAe,EAAE,CAAC,KAAiD,EAAE,EAAE;YACtE,MAAM,WAAW,GAAG,IAAI,WAAW,CAClC,qBAAqB,EACrB;gBACC,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACP,EAAE;oBACF,KAAK;oBACL,KAAK;oBACL,QAAQ;oBACR,GAAG,KAAK,CAAC,MAAM;iBACf;aACD,CACD,CAAC;YACF,IAAI,mBAAmB,EAAE,CAAC;gBACzB,mBAAmB,CAAC,WAAW,CAAC,CAAC;YAClC,CAAC;QACF,CAAC;KACD,CAAC,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"GidsDropdownItem.js","sourceRoot":"","sources":["../../../src/components/GidsDropdownItem/GidsDropdownItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,wBAAwB,GACxB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOlE,MAAM,EAAE,6BAA6B,EAAE,GAAG,wBAAwB,CAAC;AAUnE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EACnC,EAAE,EACF,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,mBAAmB,EACnB,KAAK,EACL,eAAe,EACf,gBAAgB,EAChB,OAAO,EACP,iBAAiB,GACS,EAAqB,EAAE;IACjD,OAAO,eAAe,CAAC;QACtB,EAAE,EAAE,EAAE;QACN,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,KAAK,IAAI,CAAC;QACjB,eAAe;QACf,QAAQ;QACR,QAAQ;QACR,YAAY,EAAE,6BAA6B,CAAC,YAAY,CAAC;QACzD,IAAI;QACJ,gBAAgB;QAChB,OAAO;QACP,iBAAiB;QACjB,eAAe,EAAE,CAAC,KAAiD,EAAE,EAAE;YACtE,MAAM,WAAW,GAAG,IAAI,WAAW,CAClC,qBAAqB,EACrB;gBACC,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACP,EAAE;oBACF,KAAK;oBACL,KAAK;oBACL,QAAQ;oBACR,GAAG,KAAK,CAAC,MAAM;oBACf,iBAAiB;iBACjB;aACD,CACD,CAAC;YACF,IAAI,mBAAmB,EAAE,CAAC;gBACzB,mBAAmB,CAAC,WAAW,CAAC,CAAC;YAClC,CAAC;QACF,CAAC;KACD,CAAC,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { GidsFilterWebProps } from '@ganpatiinfo/gids-web-shared';
2
+ import { GidsFilterToggleEventDetail } from '@ganpatiinfo/gids-core-shared';
3
+ type GidsFilterA11yProps = {
4
+ role?: string | null;
5
+ 'aria-expanded'?: string;
6
+ 'aria-haspopup'?: string;
7
+ 'aria-controls'?: string;
8
+ };
9
+ type GidsFilterBaseWebProps = GidsFilterWebProps<HTMLElement | HTMLElement[] | undefined>;
10
+ export interface GidsFilterDomProps extends GidsFilterBaseWebProps, GidsFilterA11yProps {
11
+ onToggle?: (detail: GidsFilterToggleEventDetail<Event>) => void;
12
+ extraClasses?: string;
13
+ }
14
+ export declare const GidsFilterDom: ({ name, filterId, filterPickerId, expanded, type, value, filterSelected, filterDefaultSelected, children, filterItemType, disabled, size, loading, filterIndex, onFilterMenuItemChange, onToggle, extraClasses, }: GidsFilterDomProps) => HTMLElement;
15
+ export {};
16
+ //# sourceMappingURL=GidsFilter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsFilter.d.ts","sourceRoot":"","sources":["../../../src/components/GidsFilter/GidsFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,kBAAkB,EAElB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAI5E,KAAK,mBAAmB,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,KAAK,sBAAsB,GAAG,kBAAkB,CAC/C,WAAW,GAAG,WAAW,EAAE,GAAG,SAAS,CACvC,CAAC;AAQF,MAAM,WAAW,kBAChB,SAAQ,sBAAsB,EAAE,mBAAmB;IACnD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,2BAA2B,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,mNAkB3B,kBAAkB,KAAG,WA2DvB,CAAC"}
@@ -0,0 +1,49 @@
1
+ import { GidsFilterWebUtils, } from '@ganpatiinfo/gids-web-shared';
2
+ import { appendAsChildren } from '../../utils/domUtils';
3
+ const { getGidsFilterClassNames } = GidsFilterWebUtils;
4
+ export const GidsFilterDom = ({ name, filterId, filterPickerId, expanded = false, type = 'none', value, filterSelected = false, filterDefaultSelected = false, children, filterItemType = 'primary', disabled = false, size = 'sm', loading = false, filterIndex = 0, onFilterMenuItemChange, onToggle, extraClasses, }) => {
5
+ const filter = document.createElement('gids-filter');
6
+ filter.type = type;
7
+ filter.filterId = filterId;
8
+ filter.filterSelected = filterSelected;
9
+ filter.filterDefaultSelected = filterDefaultSelected;
10
+ if (typeof expanded === 'boolean') {
11
+ filter.expanded = expanded;
12
+ }
13
+ filter.loading = loading;
14
+ filter.disabled = disabled;
15
+ filter.size = size;
16
+ filter.filterItemType = filterItemType;
17
+ filter.filterIndex = filterIndex;
18
+ if (typeof value === 'string') {
19
+ filter.value = value;
20
+ }
21
+ if (name) {
22
+ filter.name = name;
23
+ }
24
+ const isInteractive = !disabled;
25
+ const isExpanded = Boolean(expanded) && isInteractive;
26
+ const hasMenuContent = children !== undefined && children !== null;
27
+ const pickerId = typeof filterPickerId === 'string' ? filterPickerId : undefined;
28
+ const menuId = typeof pickerId === 'string' ? `${pickerId}__menu` : undefined;
29
+ if (hasMenuContent) {
30
+ filter.role = 'pickerbox';
31
+ filter['aria-expanded'] = isExpanded ? 'true' : 'false';
32
+ filter['aria-haspopup'] = 'pickerlistbox';
33
+ if (typeof menuId === 'string') {
34
+ filter['aria-controls'] = menuId;
35
+ }
36
+ }
37
+ filter.className = getGidsFilterClassNames({ expanded: isExpanded }, extraClasses);
38
+ if (onFilterMenuItemChange) {
39
+ filter.onFilterMenuItemChange = onFilterMenuItemChange;
40
+ }
41
+ if (onToggle) {
42
+ filter.onToggle = onToggle;
43
+ }
44
+ if (children !== undefined && children !== null) {
45
+ appendAsChildren(filter, children);
46
+ }
47
+ return filter;
48
+ };
49
+ //# sourceMappingURL=GidsFilter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GidsFilter.js","sourceRoot":"","sources":["../../../src/components/GidsFilter/GidsFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,kBAAkB,GAClB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD,MAAM,EAAE,uBAAuB,EAAE,GAAG,kBAAkB,CAAC;AAyBvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,MAAM,EACb,KAAK,EACL,cAAc,GAAG,KAAK,EACtB,qBAAqB,GAAG,KAAK,EAC7B,QAAQ,EACR,cAAc,GAAG,SAAS,EAC1B,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,CAAC,EACf,sBAAsB,EACtB,QAAQ,EACR,YAAY,GACQ,EAAe,EAAE;IACrC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAsB,CAAC;IAE1E,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,MAAM,CAAC,cAAc,GAAG,cAAc,CAAC;IACvC,MAAM,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;IAErD,IAAI,OAAO,QAAQ,KAAK,SAAS,EAAE,CAAC;QACnC,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC5B,CAAC;IACD,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;IAEzB,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,MAAM,CAAC,cAAc,GAAG,cAAc,CAAC;IACvC,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;IACjC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC/B,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;IACtB,CAAC;IACD,IAAI,IAAI,EAAE,CAAC;QACV,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;IACpB,CAAC;IAED,MAAM,aAAa,GAAG,CAAC,QAAQ,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC;IACtD,MAAM,cAAc,GAAG,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,CAAC;IAEnE,MAAM,QAAQ,GACb,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;IACjE,MAAM,MAAM,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,IAAI,cAAc,EAAE,CAAC;QACpB,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC;QAC1B,MAAM,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QACxD,MAAM,CAAC,eAAe,CAAC,GAAG,eAAe,CAAC;QAC1C,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAChC,MAAM,CAAC,eAAe,CAAC,GAAG,MAAM,CAAC;QAClC,CAAC;IACF,CAAC;IAED,MAAM,CAAC,SAAS,GAAG,uBAAuB,CACzC,EAAE,QAAQ,EAAE,UAAU,EAAE,EACxB,YAAY,CACZ,CAAC;IAEF,IAAI,sBAAsB,EAAE,CAAC;QAC5B,MAAM,CAAC,sBAAsB,GAAG,sBAAsB,CAAC;IACxD,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACd,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC5B,CAAC;IAED,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACjD,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,MAAM,CAAC;AACf,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"GidsListItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsListItem/GidsListItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,UAAU,EACV,oBAAoB,EAEpB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEN,WAAW,EACX,eAAe,EACf,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EAAE,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAI9E,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB,CACjE,eAAe,EACf,WAAW,EACX,eAAe,EACf,eAAe,CACf;IACA,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACpE,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,6BAA6B,CAAC,KAAK,IAAI,CAAC;CAC9E;AAED,eAAO,MAAM,eAAe,GAC3B,OAAO,oBAAoB,KACzB,iBAqQF,CAAC"}
1
+ {"version":3,"file":"GidsListItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsListItem/GidsListItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,UAAU,EACV,oBAAoB,EAEpB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEN,WAAW,EACX,eAAe,EACf,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EAAE,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAI9E,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB,CACjE,eAAe,EACf,WAAW,EACX,eAAe,EACf,eAAe,CACf;IACA,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACpE,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,6BAA6B,CAAC,KAAK,IAAI,CAAC;CAC9E;AAED,eAAO,MAAM,eAAe,GAC3B,OAAO,oBAAoB,KACzB,iBA8QF,CAAC"}
@@ -5,13 +5,16 @@ import { GidsDividerDom } from '../GidsDivider/GidsDivider';
5
5
  import { GidsIconDom } from '../GidsIcon/GidsIcon';
6
6
  const { getGidsListItemClassNames } = GidsListItemWebUtils;
7
7
  export const GidsListItemDom = (props) => {
8
- const { id, index, defaultSelectedIndex, children, disabled = false, selected, editButton, onPressEditButton, onPressListItem, leadingAccessory, leadingSupport, leadingParagraph, trailingContent, trailingAccessory, trailingSupport, trailingParagraph, divider, extraClasses, name, value, } = props;
8
+ const { id, index, defaultSelected, children, disabled = false, selected, editButton, onPressEditButton, onPressListItem, leadingAccessory, leadingSupport, leadingParagraph, trailingContent, trailingAccessory, trailingSupport, trailingParagraph, divider, extraClasses, name, value, isPlaceholderItem, } = props;
9
+ const isSelected = selected || defaultSelected;
9
10
  const listItem = document.createElement('button');
10
11
  listItem.type = 'button';
11
- listItem.className = getGidsListItemClassNames({ disabled, selected }, extraClasses);
12
+ listItem.className = getGidsListItemClassNames({ disabled, selected: isSelected }, extraClasses);
12
13
  listItem.setAttribute('role', 'list-item-option');
13
- listItem.setAttribute('aria-selected', selected ? 'true' : 'false');
14
+ listItem.setAttribute('aria-selected', isSelected ? 'true' : 'false');
14
15
  listItem.setAttribute('id', id);
16
+ listItem.setAttribute('tabIndex', `${index}`);
17
+ listItem.setAttribute('is-placeholder-item', isPlaceholderItem ? 'true' : 'false');
15
18
  listItem.disabled = disabled;
16
19
  if (name) {
17
20
  listItem.name = name;
@@ -147,7 +150,7 @@ export const GidsListItemDom = (props) => {
147
150
  trailingAccessoryContainer.className = disabled
148
151
  ? 'gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled'
149
152
  : 'gids-list-item__trailing-accessory-container';
150
- if (selected) {
153
+ if (isSelected) {
151
154
  trailingAccessoryContainer.append(GidsIconDom({
152
155
  name: 'checkmark',
153
156
  size: 'md',
@@ -162,7 +165,7 @@ export const GidsListItemDom = (props) => {
162
165
  }
163
166
  }
164
167
  appendAsChildren(listItem, mainContainer);
165
- if (divider && !selected) {
168
+ if (divider && !isSelected) {
166
169
  const dividerWrapper = document.createElement('div');
167
170
  dividerWrapper.className = 'gids-list-item__divider';
168
171
  dividerWrapper.append(GidsDividerDom({
@@ -182,7 +185,8 @@ export const GidsListItemDom = (props) => {
182
185
  composed: true,
183
186
  detail: {
184
187
  selectedIndex: index,
185
- defaultSelectedIndex, // Toggles or passes current state
188
+ defaultSelected, // Toggles or passes current state
189
+ isPlaceholderItem,
186
190
  },
187
191
  });
188
192
  // If your Storybook/wrapper expects the custom event directly in the callback:
@@ -1 +1 @@
1
- {"version":3,"file":"GidsListItem.js","sourceRoot":"","sources":["../../../src/components/GidsListItem/GidsListItem.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"GidsListItem.js","sourceRoot":"","sources":["../../../src/components/GidsListItem/GidsListItem.ts"],"names":[],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -101,6 +101,8 @@ export * from './components/GidsLevelGauge/GidsLevelGauge.js';
101
101
  export * from './components/GidsProgressCircle/GidsProgressCircle.js';
102
102
  export * from './components/GidsActivityGauge/GidsActivityGauge.js';
103
103
  export * from './components/GidsChart/GidsChart.js';
104
+ export * from './components/GidsFilter/GidsFilter.js';
105
+ export * from './components/GidsActionBar/GidsActionBar.js';
104
106
  /**
105
107
  * Utilities
106
108
  */
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -101,6 +101,8 @@ export * from './components/GidsLevelGauge/GidsLevelGauge.js';
101
101
  export * from './components/GidsProgressCircle/GidsProgressCircle.js';
102
102
  export * from './components/GidsActivityGauge/GidsActivityGauge.js';
103
103
  export * from './components/GidsChart/GidsChart.js';
104
+ export * from './components/GidsFilter/GidsFilter.js';
105
+ export * from './components/GidsActionBar/GidsActionBar.js';
104
106
  /**
105
107
  * Utilities
106
108
  */
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,uDAAuD,CAAC;AACtE,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wDAAwD,CAAC;AACvE,cAAc,yCAAyC,CAAC;AACxD,cAAc,mDAAmD,CAAC;AAClE,cAAc,0DAA0D,CAAC;AACzE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qEAAqE,CAAC;AACpF,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AACtE,cAAc,iCAAiC,CAAC;AAChD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uDAAuD,CAAC;AACtE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,wDAAwD,CAAC;AACvE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,2DAA2D,CAAC;AAC1E,cAAc,mCAAmC,CAAC;AAClD,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qDAAqD,CAAC;AACpE,cAAc,qDAAqD,CAAC;AACpE,cAAc,wEAAwE,CAAC;AACvF,cAAc,6DAA6D,CAAC;AAC5E,cAAc,yCAAyC,CAAC;AACxD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,qDAAqD,CAAC;AACpE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,yDAAyD,CAAC;AACxE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sEAAsE,CAAC;AACrF,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uDAAuD,CAAC;AACtE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC;AACtE,cAAc,iDAAiD,CAAC;AAChE,cAAc,qDAAqD,CAAC;AACpE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,iEAAiE,CAAC;AAChF,cAAc,mEAAmE,CAAC;AAClF,cAAc,qDAAqD,CAAC;AACpE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,2CAA2C,CAAC;AAC1D,cAAc,qDAAqD,CAAC;AACpE,cAAc,qDAAqD,CAAC;AACpE,cAAc,mDAAmD,CAAC;AAClE,cAAc,iCAAiC,CAAC;AAChD,cAAc,yDAAyD,CAAC;AACxE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,2DAA2D,CAAC;AAC1E,cAAc,uDAAuD,CAAC;AACtE,cAAc,iEAAiE,CAAC;AAChF,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yDAAyD,CAAC;AACxE,cAAc,iDAAiD,CAAC;AAChE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,uDAAuD,CAAC;AACtE,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAE5D;;GAEG;AACH,cAAc,qBAAqB,CAAC;AACpC,cAAc,oCAAoC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ganpatiinfo/gids-web-dom-reference",
3
- "version": "9.0.0",
3
+ "version": "9.1.0",
4
4
  "private": false,
5
5
  "description": "DOM for components reference implementations",
6
6
  "homepage": "https://ganpatiinfo-design-system.onrender.com/",
@@ -24,8 +24,8 @@
24
24
  "directory": "packages/private/web-dom-reference"
25
25
  },
26
26
  "dependencies": {
27
- "@ganpatiinfo/gids-core-shared": "9.0.0",
28
- "@ganpatiinfo/gids-web-shared": "9.0.0"
27
+ "@ganpatiinfo/gids-core-shared": "9.1.0",
28
+ "@ganpatiinfo/gids-web-shared": "9.1.0"
29
29
  },
30
30
  "peerDependencies": {
31
31
  "@ganpatiinfo/gids-web-theme-interface": "5.0.0",
@@ -0,0 +1,67 @@
1
+ import {
2
+ GidsActionBarWebProps,
3
+ GidsActionBarWebUtils,
4
+ } from '@ganpatiinfo/gids-web-shared';
5
+
6
+ const { getGidsActionBarClassNames } = GidsActionBarWebUtils;
7
+
8
+ type GidsActionBarBaseWebProps = GidsActionBarWebProps<Event>;
9
+
10
+ type GidsActionBarElement = HTMLElement & GidsActionBarBaseWebProps;
11
+
12
+ export interface GidsActionBarDomProps extends GidsActionBarBaseWebProps {
13
+ extraClasses?: string;
14
+ }
15
+
16
+ export const GidsActionBarDom = ({
17
+ actionGroup = false,
18
+ allFiltersTabVisible = false,
19
+ moreFiltersTabVisible = false,
20
+ clearAllFiltersVisible = true,
21
+ clearAllFiltersButtonAppearance = 'primary',
22
+ primaryFilters = [],
23
+ secondaryFilters = [],
24
+ filterSize = 'xs',
25
+ dropdownDividerVisible,
26
+ onToggleActionBarAllFilter,
27
+ onToggleActionBarDropdownFilter,
28
+ onToggleActionBarMoreFilter,
29
+ onToggleActionBarNoneFilter,
30
+ onDropdownSelectionActionBarFilterChange,
31
+ onMoreSelectionActionBarFilterChange,
32
+ onClearAllFiltersButton,
33
+ disabled,
34
+ allFiltersData,
35
+ moreFiltersData,
36
+ extraClasses,
37
+ }: GidsActionBarDomProps): HTMLElement => {
38
+ const actionBar = document.createElement(
39
+ 'gids-action-bar',
40
+ ) as GidsActionBarElement;
41
+
42
+ actionBar.actionGroup = actionGroup;
43
+ actionBar.allFiltersTabVisible = allFiltersTabVisible;
44
+ actionBar.moreFiltersTabVisible = moreFiltersTabVisible;
45
+ actionBar.clearAllFiltersVisible = clearAllFiltersVisible;
46
+ actionBar.clearAllFiltersButtonAppearance = clearAllFiltersButtonAppearance;
47
+ actionBar.primaryFilters = primaryFilters;
48
+ actionBar.secondaryFilters = secondaryFilters;
49
+ actionBar.allFiltersData = allFiltersData;
50
+ actionBar.moreFiltersData = moreFiltersData;
51
+ actionBar.filterSize = filterSize;
52
+ actionBar.dropdownDividerVisible = dropdownDividerVisible;
53
+ actionBar.disabled = disabled;
54
+ actionBar.onToggleActionBarAllFilter = onToggleActionBarAllFilter;
55
+ actionBar.onToggleActionBarDropdownFilter = onToggleActionBarDropdownFilter;
56
+ actionBar.onToggleActionBarMoreFilter = onToggleActionBarMoreFilter;
57
+ actionBar.onToggleActionBarNoneFilter = onToggleActionBarNoneFilter;
58
+ actionBar.onDropdownSelectionActionBarFilterChange =
59
+ onDropdownSelectionActionBarFilterChange;
60
+ actionBar.onMoreSelectionActionBarFilterChange =
61
+ onMoreSelectionActionBarFilterChange;
62
+ actionBar.onClearAllFiltersButton = onClearAllFiltersButton;
63
+
64
+ actionBar.className = getGidsActionBarClassNames(extraClasses);
65
+
66
+ return actionBar;
67
+ };
@@ -29,21 +29,23 @@ export const GidsDropdownItemDom = ({
29
29
  value,
30
30
  onPressDropdownItem,
31
31
  index,
32
- defaultSelectedIndex,
32
+ defaultSelected,
33
33
  leadingAccessory,
34
34
  divider,
35
+ isPlaceholderItem,
35
36
  }: GidsDropdownItemDomProps): HTMLButtonElement => {
36
37
  return GidsListItemDom({
37
38
  id: id,
38
39
  children: title,
39
40
  index: index ?? 0,
40
- defaultSelectedIndex,
41
+ defaultSelected,
41
42
  selected,
42
43
  disabled,
43
44
  extraClasses: getGidsDropdownItemClassNames(extraClasses),
44
45
  name,
45
46
  leadingAccessory,
46
47
  divider,
48
+ isPlaceholderItem,
47
49
  onPressListItem: (event: CustomEvent<GidsListItemSelectEventDetail>) => {
48
50
  const customEvent = new CustomEvent<GidsDropdownItemSelectEventDetail>(
49
51
  'onPressDropdownItem',
@@ -56,6 +58,7 @@ export const GidsDropdownItemDom = ({
56
58
  value,
57
59
  disabled,
58
60
  ...event.detail,
61
+ isPlaceholderItem,
59
62
  },
60
63
  },
61
64
  );
@@ -0,0 +1,110 @@
1
+ import {
2
+ GidsFilterWebProps,
3
+ GidsFilterWebUtils,
4
+ } from '@ganpatiinfo/gids-web-shared';
5
+ import { appendAsChildren } from '../../utils/domUtils';
6
+ import { GidsFilterToggleEventDetail } from '@ganpatiinfo/gids-core-shared';
7
+
8
+ const { getGidsFilterClassNames } = GidsFilterWebUtils;
9
+
10
+ type GidsFilterA11yProps = {
11
+ role?: string | null;
12
+ 'aria-expanded'?: string;
13
+ 'aria-haspopup'?: string;
14
+ 'aria-controls'?: string;
15
+ };
16
+
17
+ type GidsFilterBaseWebProps = GidsFilterWebProps<
18
+ HTMLElement | HTMLElement[] | undefined
19
+ >;
20
+
21
+ type GidsFilterElement = HTMLElement &
22
+ GidsFilterA11yProps &
23
+ GidsFilterBaseWebProps & {
24
+ onToggle?: (detail: GidsFilterToggleEventDetail<Event>) => void;
25
+ };
26
+
27
+ export interface GidsFilterDomProps
28
+ extends GidsFilterBaseWebProps, GidsFilterA11yProps {
29
+ onToggle?: (detail: GidsFilterToggleEventDetail<Event>) => void;
30
+ extraClasses?: string;
31
+ }
32
+
33
+ export const GidsFilterDom = ({
34
+ name,
35
+ filterId,
36
+ filterPickerId,
37
+ expanded = false,
38
+ type = 'none',
39
+ value,
40
+ filterSelected = false,
41
+ filterDefaultSelected = false,
42
+ children,
43
+ filterItemType = 'primary',
44
+ disabled = false,
45
+ size = 'sm',
46
+ loading = false,
47
+ filterIndex = 0,
48
+ onFilterMenuItemChange,
49
+ onToggle,
50
+ extraClasses,
51
+ }: GidsFilterDomProps): HTMLElement => {
52
+ const filter = document.createElement('gids-filter') as GidsFilterElement;
53
+
54
+ filter.type = type;
55
+ filter.filterId = filterId;
56
+ filter.filterSelected = filterSelected;
57
+ filter.filterDefaultSelected = filterDefaultSelected;
58
+
59
+ if (typeof expanded === 'boolean') {
60
+ filter.expanded = expanded;
61
+ }
62
+ filter.loading = loading;
63
+
64
+ filter.disabled = disabled;
65
+ filter.size = size;
66
+ filter.filterItemType = filterItemType;
67
+ filter.filterIndex = filterIndex;
68
+ if (typeof value === 'string') {
69
+ filter.value = value;
70
+ }
71
+ if (name) {
72
+ filter.name = name;
73
+ }
74
+
75
+ const isInteractive = !disabled;
76
+ const isExpanded = Boolean(expanded) && isInteractive;
77
+ const hasMenuContent = children !== undefined && children !== null;
78
+
79
+ const pickerId =
80
+ typeof filterPickerId === 'string' ? filterPickerId : undefined;
81
+ const menuId = typeof pickerId === 'string' ? `${pickerId}__menu` : undefined;
82
+
83
+ if (hasMenuContent) {
84
+ filter.role = 'pickerbox';
85
+ filter['aria-expanded'] = isExpanded ? 'true' : 'false';
86
+ filter['aria-haspopup'] = 'pickerlistbox';
87
+ if (typeof menuId === 'string') {
88
+ filter['aria-controls'] = menuId;
89
+ }
90
+ }
91
+
92
+ filter.className = getGidsFilterClassNames(
93
+ { expanded: isExpanded },
94
+ extraClasses,
95
+ );
96
+
97
+ if (onFilterMenuItemChange) {
98
+ filter.onFilterMenuItemChange = onFilterMenuItemChange;
99
+ }
100
+
101
+ if (onToggle) {
102
+ filter.onToggle = onToggle;
103
+ }
104
+
105
+ if (children !== undefined && children !== null) {
106
+ appendAsChildren(filter, children);
107
+ }
108
+
109
+ return filter;
110
+ };
@@ -33,7 +33,7 @@ export const GidsListItemDom = (
33
33
  const {
34
34
  id,
35
35
  index,
36
- defaultSelectedIndex,
36
+ defaultSelected,
37
37
  children,
38
38
  disabled = false,
39
39
  selected,
@@ -51,17 +51,25 @@ export const GidsListItemDom = (
51
51
  extraClasses,
52
52
  name,
53
53
  value,
54
+ isPlaceholderItem,
54
55
  } = props;
55
56
 
57
+ const isSelected = selected || defaultSelected;
58
+
56
59
  const listItem = document.createElement('button');
57
60
  listItem.type = 'button';
58
61
  listItem.className = getGidsListItemClassNames(
59
- { disabled, selected },
62
+ { disabled, selected: isSelected },
60
63
  extraClasses,
61
64
  );
62
65
  listItem.setAttribute('role', 'list-item-option');
63
- listItem.setAttribute('aria-selected', selected ? 'true' : 'false');
66
+ listItem.setAttribute('aria-selected', isSelected ? 'true' : 'false');
64
67
  listItem.setAttribute('id', id);
68
+ listItem.setAttribute('tabIndex', `${index}`);
69
+ listItem.setAttribute(
70
+ 'is-placeholder-item',
71
+ isPlaceholderItem ? 'true' : 'false',
72
+ );
65
73
  listItem.disabled = disabled;
66
74
  if (name) {
67
75
  listItem.name = name;
@@ -221,7 +229,7 @@ export const GidsListItemDom = (
221
229
  trailingAccessoryContainer.className = disabled
222
230
  ? 'gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled'
223
231
  : 'gids-list-item__trailing-accessory-container';
224
- if (selected) {
232
+ if (isSelected) {
225
233
  trailingAccessoryContainer.append(
226
234
  GidsIconDom({
227
235
  name: 'checkmark',
@@ -238,7 +246,7 @@ export const GidsListItemDom = (
238
246
  }
239
247
 
240
248
  appendAsChildren(listItem, mainContainer);
241
- if (divider && !selected) {
249
+ if (divider && !isSelected) {
242
250
  const dividerWrapper = document.createElement('div');
243
251
  dividerWrapper.className = 'gids-list-item__divider';
244
252
 
@@ -265,7 +273,8 @@ export const GidsListItemDom = (
265
273
  composed: true,
266
274
  detail: {
267
275
  selectedIndex: index,
268
- defaultSelectedIndex, // Toggles or passes current state
276
+ defaultSelected, // Toggles or passes current state
277
+ isPlaceholderItem,
269
278
  },
270
279
  },
271
280
  );
package/src/index.ts CHANGED
@@ -101,6 +101,8 @@ export * from './components/GidsLevelGauge/GidsLevelGauge.js';
101
101
  export * from './components/GidsProgressCircle/GidsProgressCircle.js';
102
102
  export * from './components/GidsActivityGauge/GidsActivityGauge.js';
103
103
  export * from './components/GidsChart/GidsChart.js';
104
+ export * from './components/GidsFilter/GidsFilter.js';
105
+ export * from './components/GidsActionBar/GidsActionBar.js';
104
106
 
105
107
  /**
106
108
  * Utilities