@ganpatiinfo/gids-web-dom-reference 9.0.0 → 9.2.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 +28 -0
- package/dist/components/GidsActionBar/GidsActionBar.d.ts +8 -0
- package/dist/components/GidsActionBar/GidsActionBar.d.ts.map +1 -0
- package/dist/components/GidsActionBar/GidsActionBar.js +29 -0
- package/dist/components/GidsActionBar/GidsActionBar.js.map +1 -0
- package/dist/components/GidsDropdownItem/GidsDropdownItem.d.ts +1 -1
- package/dist/components/GidsDropdownItem/GidsDropdownItem.d.ts.map +1 -1
- package/dist/components/GidsDropdownItem/GidsDropdownItem.js +4 -2
- package/dist/components/GidsDropdownItem/GidsDropdownItem.js.map +1 -1
- package/dist/components/GidsFilter/GidsFilter.d.ts +16 -0
- package/dist/components/GidsFilter/GidsFilter.d.ts.map +1 -0
- package/dist/components/GidsFilter/GidsFilter.js +49 -0
- package/dist/components/GidsFilter/GidsFilter.js.map +1 -0
- package/dist/components/GidsListItem/GidsListItem.d.ts.map +1 -1
- package/dist/components/GidsListItem/GidsListItem.js +10 -6
- package/dist/components/GidsListItem/GidsListItem.js.map +1 -1
- package/dist/components/GidsTab/GidsTab.d.ts +9 -0
- package/dist/components/GidsTab/GidsTab.d.ts.map +1 -0
- package/dist/components/GidsTab/GidsTab.js +21 -0
- package/dist/components/GidsTab/GidsTab.js.map +1 -0
- package/dist/components/GidsTabItem/GidsTabItem.d.ts +9 -0
- package/dist/components/GidsTabItem/GidsTabItem.d.ts.map +1 -0
- package/dist/components/GidsTabItem/GidsTabItem.js +30 -0
- package/dist/components/GidsTabItem/GidsTabItem.js.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -0
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/GidsActionBar/GidsActionBar.ts +67 -0
- package/src/components/GidsDropdownItem/GidsDropdownItem.ts +5 -2
- package/src/components/GidsFilter/GidsFilter.ts +110 -0
- package/src/components/GidsListItem/GidsListItem.ts +15 -6
- package/src/components/GidsTab/GidsTab.ts +42 -0
- package/src/components/GidsTabItem/GidsTabItem.ts +65 -0
- package/src/index.ts +4 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,33 @@
|
|
|
1
1
|
# @ganpatiinfo/gids-web-dom-reference
|
|
2
2
|
|
|
3
|
+
## 9.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- a4e7d88: - Developed `GidsTab` web components for all web platforms
|
|
8
|
+
- a4e7d88: - Developed `GidsTabItem` web component for all web platforms
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies [a4e7d88]
|
|
13
|
+
- Updated dependencies [a4e7d88]
|
|
14
|
+
- @ganpatiinfo/gids-core-shared@9.2.0
|
|
15
|
+
- @ganpatiinfo/gids-web-shared@9.2.0
|
|
16
|
+
|
|
17
|
+
## 9.1.0
|
|
18
|
+
|
|
19
|
+
### Minor Changes
|
|
20
|
+
|
|
21
|
+
- f36f937: - Developed `GidsFilter` web component for all web platforms
|
|
22
|
+
- 50b6356: - Developed `GidsActionBar` web component for all web platforms
|
|
23
|
+
|
|
24
|
+
### Patch Changes
|
|
25
|
+
|
|
26
|
+
- Updated dependencies [f36f937]
|
|
27
|
+
- Updated dependencies [50b6356]
|
|
28
|
+
- @ganpatiinfo/gids-core-shared@9.1.0
|
|
29
|
+
- @ganpatiinfo/gids-web-shared@9.1.0
|
|
30
|
+
|
|
3
31
|
## 9.0.0
|
|
4
32
|
|
|
5
33
|
### 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,
|
|
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,
|
|
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,
|
|
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
|
-
|
|
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,
|
|
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":"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"}
|
|
@@ -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,
|
|
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,
|
|
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',
|
|
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 (
|
|
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 && !
|
|
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
|
-
|
|
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":"AAAA,OAAO,EAGN,oBAAoB,GACpB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,gBAAgB,GAGhB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,EAAE,yBAAyB,EAAE,GAAG,oBAAoB,CAAC;AAc3D,MAAM,CAAC,MAAM,eAAe,GAAG,CAC9B,KAA2B,EACP,EAAE;IACtB,MAAM,EACL,EAAE,EACF,KAAK,EACL,
|
|
1
|
+
{"version":3,"file":"GidsListItem.js","sourceRoot":"","sources":["../../../src/components/GidsListItem/GidsListItem.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { GidsTabWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { DomChildren } from '../../utils/domUtils';
|
|
3
|
+
type GidsTabBaseWebProps = GidsTabWebProps<DomChildren>;
|
|
4
|
+
export interface GidsTabDomProps extends GidsTabBaseWebProps {
|
|
5
|
+
extraClasses?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const GidsTabDom: ({ appearance, width, children, activeTabId, onPressGidsTab, extraClasses, }: GidsTabDomProps) => HTMLElement;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=GidsTab.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTab.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTab/GidsTab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAmB,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIrE,KAAK,mBAAmB,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;AAIxD,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,6EAOxB,eAAe,KAAG,WAqBpB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { GidsTabWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren } from '../../utils/domUtils';
|
|
3
|
+
const { getGidsTabClassNames } = GidsTabWebUtils;
|
|
4
|
+
export const GidsTabDom = ({ appearance = 'default', width = 'intrinsic', children, activeTabId, onPressGidsTab, extraClasses, }) => {
|
|
5
|
+
const tab = document.createElement('gids-tab');
|
|
6
|
+
tab.setAttribute('width', width);
|
|
7
|
+
tab.setAttribute('appearance', appearance);
|
|
8
|
+
tab.setAttribute('activeTabId', activeTabId ?? '');
|
|
9
|
+
tab.width = width;
|
|
10
|
+
tab.appearance = appearance;
|
|
11
|
+
tab.activeTabId = activeTabId;
|
|
12
|
+
if (children) {
|
|
13
|
+
appendAsChildren(tab, children);
|
|
14
|
+
}
|
|
15
|
+
tab.className = getGidsTabClassNames({ width, appearance }, extraClasses);
|
|
16
|
+
if (onPressGidsTab) {
|
|
17
|
+
tab.onPressGidsTab = onPressGidsTab;
|
|
18
|
+
}
|
|
19
|
+
return tab;
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=GidsTab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTab.js","sourceRoot":"","sources":["../../../src/components/GidsTab/GidsTab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AAErE,MAAM,EAAE,oBAAoB,EAAE,GAAG,eAAe,CAAC;AAUjD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAC1B,UAAU,GAAG,SAAS,EACtB,KAAK,GAAG,WAAW,EACnB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,GACK,EAAe,EAAE;IAClC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAmB,CAAC;IACjE,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACjC,GAAG,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC3C,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC;IAEnD,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;IAClB,GAAG,CAAC,UAAU,GAAG,UAAU,CAAC;IAC5B,GAAG,CAAC,WAAW,GAAG,WAAW,CAAC;IAE9B,IAAI,QAAQ,EAAE,CAAC;QACd,gBAAgB,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IACjC,CAAC;IAED,GAAG,CAAC,SAAS,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,YAAY,CAAC,CAAC;IAE1E,IAAI,cAAc,EAAE,CAAC;QACpB,GAAG,CAAC,cAAc,GAAG,cAAc,CAAC;IACrC,CAAC;IAED,OAAO,GAAG,CAAC;AACZ,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type GidsTabItemWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { type DomChildren } from '../../utils/domUtils';
|
|
3
|
+
type GidsTabItemBaseWebProps = GidsTabItemWebProps<DomChildren>;
|
|
4
|
+
export interface GidsTabItemDomProps extends GidsTabItemBaseWebProps {
|
|
5
|
+
extraClasses?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const GidsTabItemDom: ({ itemId, label, active, name, width, appearance, badgeVisible, badgeAppearance, leadingIcon, trailingIcon, badgeCount, badgeType, onPressGidsTabItem, extraClasses, }: GidsTabItemDomProps) => HTMLElement;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=GidsTabItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTabItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTabItem/GidsTabItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,mBAAmB,EAExB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAItE,KAAK,uBAAuB,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAIhE,MAAM,WAAW,mBAAoB,SAAQ,uBAAuB;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,wKAe5B,mBAAmB,KAAG,WAiCxB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { GidsTabItemWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { assignToSlot } from '../../utils/domUtils';
|
|
3
|
+
const { getGidsTabItemClassNames } = GidsTabItemWebUtils;
|
|
4
|
+
export const GidsTabItemDom = ({ itemId, label, active = false, name, width = 'intrinsic', appearance = 'default', badgeVisible = false, badgeAppearance = 'information', leadingIcon, trailingIcon, badgeCount, badgeType = 'dot', onPressGidsTabItem, extraClasses, }) => {
|
|
5
|
+
const tabItem = document.createElement('gids-tab-item');
|
|
6
|
+
tabItem.itemId = itemId;
|
|
7
|
+
tabItem.label = label;
|
|
8
|
+
tabItem.active = active;
|
|
9
|
+
tabItem.name = name;
|
|
10
|
+
tabItem.width = width;
|
|
11
|
+
tabItem.appearance = appearance;
|
|
12
|
+
tabItem.badgeVisible = badgeVisible;
|
|
13
|
+
tabItem.badgeAppearance = badgeAppearance;
|
|
14
|
+
tabItem.badgeCount = badgeCount;
|
|
15
|
+
tabItem.badgeType = badgeType;
|
|
16
|
+
if (leadingIcon) {
|
|
17
|
+
// @ts-expect-error expected err
|
|
18
|
+
assignToSlot(tabItem, 'leadingIconTabItem', leadingIcon);
|
|
19
|
+
}
|
|
20
|
+
if (trailingIcon) {
|
|
21
|
+
// @ts-expect-error expected err
|
|
22
|
+
assignToSlot(tabItem, 'trailingIconTabItem', trailingIcon);
|
|
23
|
+
}
|
|
24
|
+
tabItem.className = getGidsTabItemClassNames({ appearance, width, active }, extraClasses);
|
|
25
|
+
if (onPressGidsTabItem) {
|
|
26
|
+
tabItem.onPressGidsTabItem = onPressGidsTabItem;
|
|
27
|
+
}
|
|
28
|
+
return tabItem;
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=GidsTabItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTabItem.js","sourceRoot":"","sources":["../../../src/components/GidsTabItem/GidsTabItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,mBAAmB,GACnB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAoB,MAAM,sBAAsB,CAAC;AAEtE,MAAM,EAAE,wBAAwB,EAAE,GAAG,mBAAmB,CAAC;AAUzD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,MAAM,GAAG,KAAK,EACd,IAAI,EACJ,KAAK,GAAG,WAAW,EACnB,UAAU,GAAG,SAAS,EACtB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,aAAa,EAC/B,WAAW,EACX,YAAY,EACZ,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,kBAAkB,EAClB,YAAY,GACS,EAAe,EAAE;IACtC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAuB,CAAC;IAE9E,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;IACtB,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;IACpB,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;IACtB,OAAO,CAAC,UAAU,GAAG,UAAU,CAAC;IAChC,OAAO,CAAC,YAAY,GAAG,YAAY,CAAC;IACpC,OAAO,CAAC,eAAe,GAAG,eAAe,CAAC;IAC1C,OAAO,CAAC,UAAU,GAAG,UAAU,CAAC;IAChC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAE9B,IAAI,WAAW,EAAE,CAAC;QACjB,gCAAgC;QAChC,YAAY,CAAC,OAAO,EAAE,oBAAoB,EAAE,WAAW,CAAC,CAAC;IAC1D,CAAC;IACD,IAAI,YAAY,EAAE,CAAC;QAClB,gCAAgC;QAChC,YAAY,CAAC,OAAO,EAAE,qBAAqB,EAAE,YAAY,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO,CAAC,SAAS,GAAG,wBAAwB,CAC3C,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,EAC7B,YAAY,CACZ,CAAC;IAEF,IAAI,kBAAkB,EAAE,CAAC;QACxB,OAAO,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;IACjD,CAAC;IAED,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -101,6 +101,10 @@ 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';
|
|
106
|
+
export * from './components/GidsTabItem/GidsTabItem.js';
|
|
107
|
+
export * from './components/GidsTab/GidsTab.js';
|
|
104
108
|
/**
|
|
105
109
|
* Utilities
|
|
106
110
|
*/
|
package/dist/index.d.ts.map
CHANGED
|
@@ -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,10 @@ 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';
|
|
106
|
+
export * from './components/GidsTabItem/GidsTabItem.js';
|
|
107
|
+
export * from './components/GidsTab/GidsTab.js';
|
|
104
108
|
/**
|
|
105
109
|
* Utilities
|
|
106
110
|
*/
|
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":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ganpatiinfo/gids-web-dom-reference",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.2.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.
|
|
28
|
-
"@ganpatiinfo/gids-web-shared": "9.
|
|
27
|
+
"@ganpatiinfo/gids-core-shared": "9.2.0",
|
|
28
|
+
"@ganpatiinfo/gids-web-shared": "9.2.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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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',
|
|
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 (
|
|
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 && !
|
|
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
|
-
|
|
276
|
+
defaultSelected, // Toggles or passes current state
|
|
277
|
+
isPlaceholderItem,
|
|
269
278
|
},
|
|
270
279
|
},
|
|
271
280
|
);
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { GidsTabWebProps, GidsTabWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren, DomChildren } from '../../utils/domUtils';
|
|
3
|
+
|
|
4
|
+
const { getGidsTabClassNames } = GidsTabWebUtils;
|
|
5
|
+
|
|
6
|
+
type GidsTabBaseWebProps = GidsTabWebProps<DomChildren>;
|
|
7
|
+
|
|
8
|
+
type GidsTabElement = HTMLElement & GidsTabBaseWebProps;
|
|
9
|
+
|
|
10
|
+
export interface GidsTabDomProps extends GidsTabBaseWebProps {
|
|
11
|
+
extraClasses?: string;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export const GidsTabDom = ({
|
|
15
|
+
appearance = 'default',
|
|
16
|
+
width = 'intrinsic',
|
|
17
|
+
children,
|
|
18
|
+
activeTabId,
|
|
19
|
+
onPressGidsTab,
|
|
20
|
+
extraClasses,
|
|
21
|
+
}: GidsTabDomProps): HTMLElement => {
|
|
22
|
+
const tab = document.createElement('gids-tab') as GidsTabElement;
|
|
23
|
+
tab.setAttribute('width', width);
|
|
24
|
+
tab.setAttribute('appearance', appearance);
|
|
25
|
+
tab.setAttribute('activeTabId', activeTabId ?? '');
|
|
26
|
+
|
|
27
|
+
tab.width = width;
|
|
28
|
+
tab.appearance = appearance;
|
|
29
|
+
tab.activeTabId = activeTabId;
|
|
30
|
+
|
|
31
|
+
if (children) {
|
|
32
|
+
appendAsChildren(tab, children);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
tab.className = getGidsTabClassNames({ width, appearance }, extraClasses);
|
|
36
|
+
|
|
37
|
+
if (onPressGidsTab) {
|
|
38
|
+
tab.onPressGidsTab = onPressGidsTab;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
return tab;
|
|
42
|
+
};
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import {
|
|
2
|
+
type GidsTabItemWebProps,
|
|
3
|
+
GidsTabItemWebUtils,
|
|
4
|
+
} from '@ganpatiinfo/gids-web-shared';
|
|
5
|
+
import { assignToSlot, type DomChildren } from '../../utils/domUtils';
|
|
6
|
+
|
|
7
|
+
const { getGidsTabItemClassNames } = GidsTabItemWebUtils;
|
|
8
|
+
|
|
9
|
+
type GidsTabItemBaseWebProps = GidsTabItemWebProps<DomChildren>;
|
|
10
|
+
|
|
11
|
+
type GidsTabItemElement = HTMLElement & GidsTabItemBaseWebProps;
|
|
12
|
+
|
|
13
|
+
export interface GidsTabItemDomProps extends GidsTabItemBaseWebProps {
|
|
14
|
+
extraClasses?: string;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export const GidsTabItemDom = ({
|
|
18
|
+
itemId,
|
|
19
|
+
label,
|
|
20
|
+
active = false,
|
|
21
|
+
name,
|
|
22
|
+
width = 'intrinsic',
|
|
23
|
+
appearance = 'default',
|
|
24
|
+
badgeVisible = false,
|
|
25
|
+
badgeAppearance = 'information',
|
|
26
|
+
leadingIcon,
|
|
27
|
+
trailingIcon,
|
|
28
|
+
badgeCount,
|
|
29
|
+
badgeType = 'dot',
|
|
30
|
+
onPressGidsTabItem,
|
|
31
|
+
extraClasses,
|
|
32
|
+
}: GidsTabItemDomProps): HTMLElement => {
|
|
33
|
+
const tabItem = document.createElement('gids-tab-item') as GidsTabItemElement;
|
|
34
|
+
|
|
35
|
+
tabItem.itemId = itemId;
|
|
36
|
+
tabItem.label = label;
|
|
37
|
+
tabItem.active = active;
|
|
38
|
+
tabItem.name = name;
|
|
39
|
+
tabItem.width = width;
|
|
40
|
+
tabItem.appearance = appearance;
|
|
41
|
+
tabItem.badgeVisible = badgeVisible;
|
|
42
|
+
tabItem.badgeAppearance = badgeAppearance;
|
|
43
|
+
tabItem.badgeCount = badgeCount;
|
|
44
|
+
tabItem.badgeType = badgeType;
|
|
45
|
+
|
|
46
|
+
if (leadingIcon) {
|
|
47
|
+
// @ts-expect-error expected err
|
|
48
|
+
assignToSlot(tabItem, 'leadingIconTabItem', leadingIcon);
|
|
49
|
+
}
|
|
50
|
+
if (trailingIcon) {
|
|
51
|
+
// @ts-expect-error expected err
|
|
52
|
+
assignToSlot(tabItem, 'trailingIconTabItem', trailingIcon);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
tabItem.className = getGidsTabItemClassNames(
|
|
56
|
+
{ appearance, width, active },
|
|
57
|
+
extraClasses,
|
|
58
|
+
);
|
|
59
|
+
|
|
60
|
+
if (onPressGidsTabItem) {
|
|
61
|
+
tabItem.onPressGidsTabItem = onPressGidsTabItem;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
return tabItem;
|
|
65
|
+
};
|
package/src/index.ts
CHANGED
|
@@ -101,6 +101,10 @@ 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';
|
|
106
|
+
export * from './components/GidsTabItem/GidsTabItem.js';
|
|
107
|
+
export * from './components/GidsTab/GidsTab.js';
|
|
104
108
|
|
|
105
109
|
/**
|
|
106
110
|
* Utilities
|