@planningcenter/tapestry 4.10.0 → 4.10.1-qa-1450.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/dist/componentRegistrars.d.ts +11 -0
- package/dist/componentRegistrars.d.ts.map +1 -0
- package/dist/componentRegistrars.js +78 -0
- package/dist/componentRegistrars.js.map +1 -0
- package/dist/componentRegistration.js +18 -37
- package/dist/componentRegistration.js.map +1 -1
- package/dist/components/DataTable/DataTable.d.ts +16 -0
- package/dist/components/DataTable/DataTable.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.js +14 -1
- package/dist/components/DataTable/DataTable.js.map +1 -1
- package/dist/components/DataTable/SavedViewsBar.d.ts +19 -0
- package/dist/components/DataTable/SavedViewsBar.d.ts.map +1 -0
- package/dist/components/DataTable/SavedViewsBar.js +18 -0
- package/dist/components/DataTable/SavedViewsBar.js.map +1 -0
- package/dist/components/DataTable/index.d.ts +2 -1
- package/dist/components/DataTable/index.d.ts.map +1 -1
- package/dist/components/DataTable/savedViews.d.ts +34 -0
- package/dist/components/DataTable/savedViews.d.ts.map +1 -0
- package/dist/components/DataTable/savedViews.js +50 -0
- package/dist/components/DataTable/savedViews.js.map +1 -0
- package/dist/components/page-header/defineElements.d.ts +2 -0
- package/dist/components/page-header/defineElements.d.ts.map +1 -0
- package/dist/components/page-header/defineElements.js +13 -0
- package/dist/components/page-header/defineElements.js.map +1 -0
- package/dist/components/page-header/index.d.ts +0 -1
- package/dist/components/page-header/index.d.ts.map +1 -1
- package/dist/components/page-header/index.js +2 -6
- package/dist/components/page-header/index.js.map +1 -1
- package/dist/components/page-header/tds-scroll-to-selected-in-unordered-list.d.ts +13 -0
- package/dist/components/page-header/tds-scroll-to-selected-in-unordered-list.d.ts.map +1 -1
- package/dist/components/page-header/tds-scroll-to-selected-in-unordered-list.js +5 -1
- package/dist/components/page-header/tds-scroll-to-selected-in-unordered-list.js.map +1 -1
- package/dist/components/sidenav/defineElements.d.ts +2 -0
- package/dist/components/sidenav/defineElements.d.ts.map +1 -0
- package/dist/components/sidenav/defineElements.js +15 -0
- package/dist/components/sidenav/defineElements.js.map +1 -0
- package/dist/components/sidenav/index.d.ts +3 -0
- package/dist/components/sidenav/index.d.ts.map +1 -1
- package/dist/components/sidenav/index.js +3 -9
- package/dist/components/sidenav/index.js.map +1 -1
- package/dist/reactRender.css +1488 -1481
- package/dist/reactRender.css.map +1 -1
- package/dist/reactRender.d.ts +1 -2
- package/dist/reactRender.d.ts.map +1 -1
- package/dist/reactRender.js +1 -0
- package/dist/reactRender.js.map +1 -1
- package/dist/reactRenderLegacy.css +1488 -1481
- package/dist/reactRenderLegacy.css.map +1 -1
- package/dist/reactRenderLegacy.d.ts +3 -0
- package/dist/reactRenderLegacy.d.ts.map +1 -0
- package/dist/reactRenderLegacy.js +1 -0
- package/dist/reactRenderLegacy.js.map +1 -1
- package/dist/tapestryMount.css +7950 -0
- package/dist/tapestryMount.css.map +1 -0
- package/dist/tapestryMount.d.ts +4 -0
- package/dist/tapestryMount.d.ts.map +1 -0
- package/dist/tapestryMount.js +4 -0
- package/dist/tapestryMount.js.map +1 -0
- package/dist/tapestryMountLegacy.css +7950 -0
- package/dist/tapestryMountLegacy.css.map +1 -0
- package/dist/tapestryMountLegacy.d.ts +4 -0
- package/dist/tapestryMountLegacy.d.ts.map +1 -0
- package/dist/tapestryMountLegacy.js +4 -0
- package/dist/tapestryMountLegacy.js.map +1 -0
- package/dist/unstable.css +7 -0
- package/dist/unstable.css.map +1 -1
- package/package.json +19 -5
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SavedViewsBar.js","sources":["../../../src/components/DataTable/SavedViewsBar.tsx"],"sourcesContent":["import { ToggleButton } from \"@components/button/ToggleButton\"\nimport React from \"react\"\n\nimport type { Sort } from \"./DataTable\"\nimport type { DataTableColumn } from \"./DataTableColumn\"\nimport type { ActiveFilter } from \"./FilterTypes\"\nimport {\n findActiveSavedView,\n type SavedView,\n type SavedViewsOptions,\n} from \"./savedViews\"\n\nexport interface SavedViewsBarProps {\n activeFilters: ActiveFilter[]\n hideableColumns: DataTableColumn[]\n isColumnVisible: (column: DataTableColumn) => boolean\n onApply: (savedView: SavedView) => void\n savedViews: SavedView[]\n savedViewsOptions?: SavedViewsOptions\n sortBy: Sort | undefined\n}\n\nexport function SavedViewsBar({\n onApply,\n savedViews,\n activeFilters,\n hideableColumns,\n isColumnVisible,\n sortBy,\n}: SavedViewsBarProps) {\n const activeSavedView = findActiveSavedView(savedViews, {\n activeFilters,\n hiddenColumnNames: hideableColumns\n .filter((column) => !isColumnVisible(column))\n .map(({ name }) => name),\n sort: sortBy,\n })\n\n return (\n <div\n aria-label=\"Saved views\"\n className=\"tds-data-table-saved-views\"\n role=\"group\"\n >\n {savedViews.map((savedView, index) => (\n <ToggleButton\n key={savedView.id ?? index}\n kind=\"secondary-interaction\"\n label={savedView.name}\n pressed={savedView === activeSavedView}\n onClick={() => onApply(savedView)}\n />\n ))}\n </div>\n )\n}\n\nSavedViewsBar.displayName = \"SavedViewsBar\"\n"],"names":["React"],"mappings":";;;;AAsBM,SAAU,aAAa,CAAC,EAC5B,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,eAAe,EACf,MAAM,GACa,EAAA;AACnB,IAAA,MAAM,eAAe,GAAG,mBAAmB,CAAC,UAAU,EAAE;QACtD,aAAa;AACb,QAAA,iBAAiB,EAAE;aAChB,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC;aAC3C,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;AAC1B,QAAA,IAAI,EAAE,MAAM;AACb,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EACa,aAAa,EACxB,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,OAAO,EAAA,EAEX,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,MAC/BA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACX,GAAG,EAAE,SAAS,CAAC,EAAE,IAAI,KAAK,EAC1B,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAE,SAAS,CAAC,IAAI,EACrB,OAAO,EAAE,SAAS,KAAK,eAAe,EACtC,OAAO,EAAE,MAAM,OAAO,CAAC,SAAS,CAAC,EAAA,CACjC,CACH,CAAC,CACE;AAEV;AAEA,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
|
|
@@ -2,7 +2,7 @@ import "./index.css";
|
|
|
2
2
|
import "./filters.css";
|
|
3
3
|
export type { CollectionFilterValue } from "./CollectionEditorsShared";
|
|
4
4
|
export type { CollectionActiveFilter, CollectionOperatorName, } from "./collectionFilter";
|
|
5
|
-
export type { DataTableElementProps, DataTableLoadingState, DataTableProps, DataTableSelection, } from "./DataTable";
|
|
5
|
+
export type { DataTableElementProps, DataTableLoadingState, DataTableProps, DataTableSelection, Sort, } from "./DataTable";
|
|
6
6
|
export { DataTable } from "./DataTable";
|
|
7
7
|
export type { BooleanColumn, CurrencyColumn, CustomColumn, DataTableColumn, DataTableColumnAlign, DataTableColumnType, DateColumn, DateTimeColumn, EnumColumn, NumberColumn, StringColumn, } from "./DataTableColumn";
|
|
8
8
|
export type { DateActiveFilter, DateFilterValue, DateOperatorName, } from "./dateFilter";
|
|
@@ -11,6 +11,7 @@ export * from "./filters";
|
|
|
11
11
|
export type { ActiveFilter, ActiveFilterValue, FilterItemConfig, FilterNode, FilterNodeGroup, FilterNodeItem, FilterNodeScoped, Operator, } from "./FilterTypes";
|
|
12
12
|
export type { NumberActiveFilter, NumberFilterValue, NumberOperatorName, } from "./numberFilter";
|
|
13
13
|
export type { PresenceActiveFilter, PresenceFilterConfig, PresenceFilterValue, PresenceOperatorName, } from "./presenceFilter";
|
|
14
|
+
export type { SavedView, SavedViewsOptions } from "./savedViews";
|
|
14
15
|
export type { ScopedFilterConfig, ScopedFilterOptions } from "./scopedFilter";
|
|
15
16
|
export type { TextActiveFilter, TextFilterValue, TextOperatorName, } from "./textFilter";
|
|
16
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AACpB,OAAO,eAAe,CAAA;AAEtB,YAAY,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACtE,YAAY,EACV,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,oBAAoB,CAAA;AAC3B,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,kBAAkB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AACpB,OAAO,eAAe,CAAA;AAEtB,YAAY,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACtE,YAAY,EACV,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,oBAAoB,CAAA;AAC3B,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,IAAI,GACL,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACZ,YAAY,GACb,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GACjB,MAAM,cAAc,CAAA;AACrB,YAAY,EACV,eAAe,EACf,cAAc,EACd,eAAe,GAChB,MAAM,aAAa,CAAA;AACpB,cAAc,WAAW,CAAA;AACzB,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,QAAQ,GACT,MAAM,eAAe,CAAA;AACtB,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,gBAAgB,CAAA;AACvB,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,kBAAkB,CAAA;AACzB,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChE,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAC7E,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GACjB,MAAM,cAAc,CAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { Sort } from "./DataTable";
|
|
2
|
+
import type { ActiveFilter } from "./FilterTypes";
|
|
3
|
+
export interface SavedView {
|
|
4
|
+
activeFilters: ActiveFilter[];
|
|
5
|
+
/** Overrides `savedViewsOptions.deletable` for this view. */
|
|
6
|
+
deletable?: boolean;
|
|
7
|
+
/** Overrides `savedViewsOptions.editable` for this view. */
|
|
8
|
+
editable?: boolean;
|
|
9
|
+
/** Omit to leave the current column visibility unchanged when applied. */
|
|
10
|
+
hiddenColumnNames?: string[];
|
|
11
|
+
id?: number | string;
|
|
12
|
+
name: string;
|
|
13
|
+
/** Omit to leave the current sort unchanged when applied. */
|
|
14
|
+
sort?: Sort;
|
|
15
|
+
}
|
|
16
|
+
export interface SavedViewsOptions {
|
|
17
|
+
creatable?: boolean;
|
|
18
|
+
deletable?: boolean;
|
|
19
|
+
/** Covers both renaming a view and overwriting its filters, sort, and columns. */
|
|
20
|
+
editable?: boolean;
|
|
21
|
+
}
|
|
22
|
+
interface SavedViewState {
|
|
23
|
+
activeFilters: ActiveFilter[];
|
|
24
|
+
hiddenColumnNames: string[];
|
|
25
|
+
sort: Sort | undefined;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* The first view matching the current state, or undefined. Filters match
|
|
29
|
+
* regardless of order, ignoring display-only labels. A view's `sort` and
|
|
30
|
+
* `hiddenColumnNames` are only compared when the view sets them.
|
|
31
|
+
*/
|
|
32
|
+
export declare function findActiveSavedView(savedViews: SavedView[], state: SavedViewState): SavedView | undefined;
|
|
33
|
+
export {};
|
|
34
|
+
//# sourceMappingURL=savedViews.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"savedViews.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/savedViews.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,WAAW,SAAS;IACxB,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,6DAA6D;IAC7D,IAAI,CAAC,EAAE,IAAI,CAAA;CACZ;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,cAAc;IACtB,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,iBAAiB,EAAE,MAAM,EAAE,CAAA;IAC3B,IAAI,EAAE,IAAI,GAAG,SAAS,CAAA;CACvB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,SAAS,EAAE,EACvB,KAAK,EAAE,cAAc,GACpB,SAAS,GAAG,SAAS,CAEvB"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The first view matching the current state, or undefined. Filters match
|
|
3
|
+
* regardless of order, ignoring display-only labels. A view's `sort` and
|
|
4
|
+
* `hiddenColumnNames` are only compared when the view sets them.
|
|
5
|
+
*/
|
|
6
|
+
function findActiveSavedView(savedViews, state) {
|
|
7
|
+
return savedViews.find((view) => savedViewMatches(view, state));
|
|
8
|
+
}
|
|
9
|
+
function savedViewMatches(view, state) {
|
|
10
|
+
if (!filtersMatch(view.activeFilters, state.activeFilters))
|
|
11
|
+
return false;
|
|
12
|
+
if (view.sort && !sortMatches(view.sort, state.sort))
|
|
13
|
+
return false;
|
|
14
|
+
return (!view.hiddenColumnNames ||
|
|
15
|
+
namesMatch(view.hiddenColumnNames, state.hiddenColumnNames));
|
|
16
|
+
}
|
|
17
|
+
function filtersMatch(a, b) {
|
|
18
|
+
if (a.length !== b.length)
|
|
19
|
+
return false;
|
|
20
|
+
const unmatched = [...b];
|
|
21
|
+
return a.every((filter) => {
|
|
22
|
+
const index = unmatched.findIndex((other) => filterMatches(filter, other));
|
|
23
|
+
if (index === -1)
|
|
24
|
+
return false;
|
|
25
|
+
unmatched.splice(index, 1);
|
|
26
|
+
return true;
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
function filterMatches(a, b) {
|
|
30
|
+
return (a.name === b.name &&
|
|
31
|
+
a.operator === b.operator &&
|
|
32
|
+
a.scope === b.scope &&
|
|
33
|
+
valueMatches(a.value, b.value));
|
|
34
|
+
}
|
|
35
|
+
function valueMatches(a, b) {
|
|
36
|
+
if (Array.isArray(a) && Array.isArray(b)) {
|
|
37
|
+
return a.length === b.length && a.every((item, i) => item === b[i]);
|
|
38
|
+
}
|
|
39
|
+
return a === b;
|
|
40
|
+
}
|
|
41
|
+
function sortMatches(a, b) {
|
|
42
|
+
return a.column === b?.column && a.direction === b?.direction;
|
|
43
|
+
}
|
|
44
|
+
function namesMatch(a, b) {
|
|
45
|
+
const names = new Set(b);
|
|
46
|
+
return new Set(a).size === names.size && a.every((name) => names.has(name));
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export { findActiveSavedView };
|
|
50
|
+
//# sourceMappingURL=savedViews.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"savedViews.js","sources":["../../../src/components/DataTable/savedViews.ts"],"sourcesContent":["import type { Sort } from \"./DataTable\"\nimport type { ActiveFilter } from \"./FilterTypes\"\n\nexport interface SavedView {\n activeFilters: ActiveFilter[]\n /** Overrides `savedViewsOptions.deletable` for this view. */\n deletable?: boolean\n /** Overrides `savedViewsOptions.editable` for this view. */\n editable?: boolean\n /** Omit to leave the current column visibility unchanged when applied. */\n hiddenColumnNames?: string[]\n id?: number | string\n name: string\n /** Omit to leave the current sort unchanged when applied. */\n sort?: Sort\n}\n\nexport interface SavedViewsOptions {\n creatable?: boolean\n deletable?: boolean\n /** Covers both renaming a view and overwriting its filters, sort, and columns. */\n editable?: boolean\n}\n\ninterface SavedViewState {\n activeFilters: ActiveFilter[]\n hiddenColumnNames: string[]\n sort: Sort | undefined\n}\n\n/**\n * The first view matching the current state, or undefined. Filters match\n * regardless of order, ignoring display-only labels. A view's `sort` and\n * `hiddenColumnNames` are only compared when the view sets them.\n */\nexport function findActiveSavedView(\n savedViews: SavedView[],\n state: SavedViewState\n): SavedView | undefined {\n return savedViews.find((view) => savedViewMatches(view, state))\n}\n\nfunction savedViewMatches(view: SavedView, state: SavedViewState): boolean {\n if (!filtersMatch(view.activeFilters, state.activeFilters)) return false\n if (view.sort && !sortMatches(view.sort, state.sort)) return false\n return (\n !view.hiddenColumnNames ||\n namesMatch(view.hiddenColumnNames, state.hiddenColumnNames)\n )\n}\n\nfunction filtersMatch(a: ActiveFilter[], b: ActiveFilter[]): boolean {\n if (a.length !== b.length) return false\n const unmatched = [...b]\n return a.every((filter) => {\n const index = unmatched.findIndex((other) => filterMatches(filter, other))\n if (index === -1) return false\n unmatched.splice(index, 1)\n return true\n })\n}\n\nfunction filterMatches(a: ActiveFilter, b: ActiveFilter): boolean {\n return (\n a.name === b.name &&\n a.operator === b.operator &&\n a.scope === b.scope &&\n valueMatches(a.value, b.value)\n )\n}\n\nfunction valueMatches(a: unknown, b: unknown): boolean {\n if (Array.isArray(a) && Array.isArray(b)) {\n return a.length === b.length && a.every((item, i) => item === b[i])\n }\n return a === b\n}\n\nfunction sortMatches(a: Sort, b: Sort | undefined): boolean {\n return a.column === b?.column && a.direction === b?.direction\n}\n\nfunction namesMatch(a: string[], b: string[]): boolean {\n const names = new Set(b)\n return new Set(a).size === names.size && a.every((name) => names.has(name))\n}\n"],"names":[],"mappings":"AA8BA;;;;AAIG;AACG,SAAU,mBAAmB,CACjC,UAAuB,EACvB,KAAqB,EAAA;AAErB,IAAA,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACjE;AAEA,SAAS,gBAAgB,CAAC,IAAe,EAAE,KAAqB,EAAA;IAC9D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC;AAAE,QAAA,OAAO,KAAK;AACxE,IAAA,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;AAAE,QAAA,OAAO,KAAK;AAClE,IAAA,QACE,CAAC,IAAI,CAAC,iBAAiB;QACvB,UAAU,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC;AAE/D;AAEA,SAAS,YAAY,CAAC,CAAiB,EAAE,CAAiB,EAAA;AACxD,IAAA,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;AAAE,QAAA,OAAO,KAAK;AACvC,IAAA,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;AACxB,IAAA,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,KAAI;AACxB,QAAA,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,KAAK,KAAK,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAC1E,IAAI,KAAK,KAAK,EAAE;AAAE,YAAA,OAAO,KAAK;AAC9B,QAAA,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC1B,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC;AACJ;AAEA,SAAS,aAAa,CAAC,CAAe,EAAE,CAAe,EAAA;AACrD,IAAA,QACE,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;AACjB,QAAA,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ;AACzB,QAAA,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK;QACnB,YAAY,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC;AAElC;AAEA,SAAS,YAAY,CAAC,CAAU,EAAE,CAAU,EAAA;AAC1C,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QACxC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE;IACA,OAAO,CAAC,KAAK,CAAC;AAChB;AAEA,SAAS,WAAW,CAAC,CAAO,EAAE,CAAmB,EAAA;AAC/C,IAAA,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC,EAAE,SAAS;AAC/D;AAEA,SAAS,UAAU,CAAC,CAAW,EAAE,CAAW,EAAA;AAC1C,IAAA,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC;AACxB,IAAA,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAC7E;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defineElements.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/defineElements.ts"],"names":[],"mappings":"AAOA,wBAAgB,wBAAwB,IAAI,IAAI,CAI/C"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import '../../packages/tapestry-wc/dist/components/p-B2xqMgNQ.js';
|
|
2
|
+
import { defineCustomElement } from '../../packages/tapestry-wc/dist/components/tds-page-header.js';
|
|
3
|
+
import { defineCustomElement as defineCustomElement$1 } from '../../packages/tapestry-wc/dist/components/tds-page-header-nav.js';
|
|
4
|
+
import { defineTdsScrollToSelectedInUnorderedList } from './tds-scroll-to-selected-in-unordered-list.js';
|
|
5
|
+
|
|
6
|
+
function definePageHeaderElements() {
|
|
7
|
+
defineCustomElement();
|
|
8
|
+
defineCustomElement$1();
|
|
9
|
+
defineTdsScrollToSelectedInUnorderedList();
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { definePageHeaderElements };
|
|
13
|
+
//# sourceMappingURL=defineElements.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defineElements.js","sources":["../../../src/components/page-header/defineElements.ts"],"sourcesContent":["import {\n defineCustomElementTdsPageHeader,\n defineCustomElementTdsPageHeaderNav,\n} from \"tapestry-wc\"\n\nimport { defineTdsScrollToSelectedInUnorderedList } from \"./tds-scroll-to-selected-in-unordered-list\"\n\nexport function definePageHeaderElements(): void {\n defineCustomElementTdsPageHeader()\n defineCustomElementTdsPageHeaderNav()\n defineTdsScrollToSelectedInUnorderedList()\n}\n"],"names":["defineCustomElementTdsPageHeader","defineCustomElementTdsPageHeaderNav"],"mappings":";;;;;SAOgB,wBAAwB,GAAA;AACtC,IAAAA,mBAAgC,EAAE;AAClC,IAAAC,qBAAmC,EAAE;AACrC,IAAA,wCAAwC,EAAE;AAC5C;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAMpB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
|
-
import './
|
|
2
|
-
import '../../packages/tapestry-wc/dist/components/p-B2xqMgNQ.js';
|
|
3
|
-
import { defineCustomElement } from '../../packages/tapestry-wc/dist/components/tds-page-header.js';
|
|
4
|
-
import { defineCustomElement as defineCustomElement$1 } from '../../packages/tapestry-wc/dist/components/tds-page-header-nav.js';
|
|
1
|
+
import { definePageHeaderElements } from './defineElements.js';
|
|
5
2
|
import 'classnames';
|
|
6
3
|
import 'react';
|
|
7
4
|
|
|
8
|
-
|
|
9
|
-
defineCustomElement$1();
|
|
5
|
+
definePageHeaderElements();
|
|
10
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/page-header/index.tsx"],"sourcesContent":["import \"./index.css\"\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/page-header/index.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport { definePageHeaderElements } from \"./defineElements\"\n\ndefinePageHeaderElements()\n\nexport { PageHeader } from \"./PageHeader\"\n"],"names":[],"mappings":";;;;AAIA,wBAAwB,EAAE"}
|
|
@@ -1,4 +1,17 @@
|
|
|
1
1
|
import type React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* A custom element that scrolls its child element with the class "selected" into view.
|
|
4
|
+
*
|
|
5
|
+
* Usage:
|
|
6
|
+
* <tds-scroll-to-selected-in-unordered-list>
|
|
7
|
+
* <nav>
|
|
8
|
+
* <ul>
|
|
9
|
+
* <li><a class="selected">Item</a></li>
|
|
10
|
+
* </ul>
|
|
11
|
+
* </nav>
|
|
12
|
+
* </tds-scroll-to-selected-in-unordered-list>
|
|
13
|
+
*/
|
|
14
|
+
export declare function defineTdsScrollToSelectedInUnorderedList(): void;
|
|
2
15
|
declare global {
|
|
3
16
|
namespace JSX {
|
|
4
17
|
interface IntrinsicElements {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tds-scroll-to-selected-in-unordered-list.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/tds-scroll-to-selected-in-unordered-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"tds-scroll-to-selected-in-unordered-list.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/tds-scroll-to-selected-in-unordered-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;;;;;GAWG;AACH,wBAAgB,wCAAwC,IAAI,IAAI,CA8B/D;AAED,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,0CAA0C,EAAE,KAAK,CAAC,iBAAiB,CACjE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;gBAAE,KAAK,CAAC,EAAE,MAAM,CAAA;aAAE,EACtD,WAAW,CACZ,CAAA;SACF;KACF;CACF"}
|
|
@@ -10,7 +10,9 @@
|
|
|
10
10
|
* </nav>
|
|
11
11
|
* </tds-scroll-to-selected-in-unordered-list>
|
|
12
12
|
*/
|
|
13
|
-
|
|
13
|
+
function defineTdsScrollToSelectedInUnorderedList() {
|
|
14
|
+
if (typeof HTMLElement === "undefined")
|
|
15
|
+
return;
|
|
14
16
|
class TdsScrollToSelectedInUnorderedList extends HTMLElement {
|
|
15
17
|
connectedCallback() {
|
|
16
18
|
requestAnimationFrame(() => this.scrollToSelected());
|
|
@@ -35,4 +37,6 @@ if (typeof HTMLElement !== "undefined") {
|
|
|
35
37
|
customElements.define("tds-scroll-to-selected-in-unordered-list", TdsScrollToSelectedInUnorderedList);
|
|
36
38
|
}
|
|
37
39
|
}
|
|
40
|
+
|
|
41
|
+
export { defineTdsScrollToSelectedInUnorderedList };
|
|
38
42
|
//# sourceMappingURL=tds-scroll-to-selected-in-unordered-list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tds-scroll-to-selected-in-unordered-list.js","sources":["../../../src/components/page-header/tds-scroll-to-selected-in-unordered-list.ts"],"sourcesContent":["import type React from \"react\"\n\n/**\n * A custom element that scrolls its child element with the class \"selected\" into view.\n *\n * Usage:\n * <tds-scroll-to-selected-in-unordered-list>\n * <nav>\n * <ul>\n * <li><a class=\"selected\">Item</a></li>\n * </ul>\n * </nav>\n * </tds-scroll-to-selected-in-unordered-list>\n */\
|
|
1
|
+
{"version":3,"file":"tds-scroll-to-selected-in-unordered-list.js","sources":["../../../src/components/page-header/tds-scroll-to-selected-in-unordered-list.ts"],"sourcesContent":["import type React from \"react\"\n\n/**\n * A custom element that scrolls its child element with the class \"selected\" into view.\n *\n * Usage:\n * <tds-scroll-to-selected-in-unordered-list>\n * <nav>\n * <ul>\n * <li><a class=\"selected\">Item</a></li>\n * </ul>\n * </nav>\n * </tds-scroll-to-selected-in-unordered-list>\n */\nexport function defineTdsScrollToSelectedInUnorderedList(): void {\n if (typeof HTMLElement === \"undefined\") return\n\n class TdsScrollToSelectedInUnorderedList extends HTMLElement {\n connectedCallback() {\n requestAnimationFrame(() => this.scrollToSelected())\n }\n\n scrollToSelected() {\n const ulElement = this.querySelector(\"ul\")\n if (!ulElement) return\n const selectedItem = ulElement.querySelector(\".selected\")\n if (selectedItem) {\n const bounds = selectedItem.getBoundingClientRect()\n const ulBounds = ulElement.getBoundingClientRect()\n if (bounds.right > ulBounds.right || bounds.left < ulBounds.left) {\n ulElement.scrollTo({\n left: ulElement.scrollLeft + bounds.left - ulBounds.left,\n })\n }\n }\n }\n }\n\n if (!customElements.get(\"tds-scroll-to-selected-in-unordered-list\")) {\n customElements.define(\n \"tds-scroll-to-selected-in-unordered-list\",\n TdsScrollToSelectedInUnorderedList\n )\n }\n}\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n interface IntrinsicElements {\n \"tds-scroll-to-selected-in-unordered-list\": React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLElement> & { value?: string },\n HTMLElement\n >\n }\n }\n}\n"],"names":[],"mappings":"AAEA;;;;;;;;;;;AAWG;SACa,wCAAwC,GAAA;IACtD,IAAI,OAAO,WAAW,KAAK,WAAW;QAAE;IAExC,MAAM,kCAAmC,SAAQ,WAAW,CAAA;QAC1D,iBAAiB,GAAA;YACf,qBAAqB,CAAC,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtD;QAEA,gBAAgB,GAAA;YACd,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;AAC1C,YAAA,IAAI,CAAC,SAAS;gBAAE;YAChB,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC;YACzD,IAAI,YAAY,EAAE;AAChB,gBAAA,MAAM,MAAM,GAAG,YAAY,CAAC,qBAAqB,EAAE;AACnD,gBAAA,MAAM,QAAQ,GAAG,SAAS,CAAC,qBAAqB,EAAE;AAClD,gBAAA,IAAI,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,EAAE;oBAChE,SAAS,CAAC,QAAQ,CAAC;wBACjB,IAAI,EAAE,SAAS,CAAC,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI;AACzD,qBAAA,CAAC;gBACJ;YACF;QACF;AACD;IAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,0CAA0C,CAAC,EAAE;AACnE,QAAA,cAAc,CAAC,MAAM,CACnB,0CAA0C,EAC1C,kCAAkC,CACnC;IACH;AACF;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defineElements.d.ts","sourceRoot":"","sources":["../../../src/components/sidenav/defineElements.ts"],"names":[],"mappings":"AAOA,wBAAgB,qBAAqB,IAAI,IAAI,CAK5C"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import '../../packages/tapestry-wc/dist/components/p-B2xqMgNQ.js';
|
|
2
|
+
import { defineCustomElement } from '../../packages/tapestry-wc/dist/components/tds-sidenav.js';
|
|
3
|
+
import { defineCustomElement as defineCustomElement$1 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-item.js';
|
|
4
|
+
import { defineCustomElement as defineCustomElement$3 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js';
|
|
5
|
+
import { defineCustomElement as defineCustomElement$2 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-section.js';
|
|
6
|
+
|
|
7
|
+
function defineSidenavElements() {
|
|
8
|
+
defineCustomElement();
|
|
9
|
+
defineCustomElement$1();
|
|
10
|
+
defineCustomElement$2();
|
|
11
|
+
defineCustomElement$3();
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { defineSidenavElements };
|
|
15
|
+
//# sourceMappingURL=defineElements.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defineElements.js","sources":["../../../src/components/sidenav/defineElements.ts"],"sourcesContent":["import {\n defineCustomElementTdsSidenav,\n defineCustomElementTdsSidenavItem,\n defineCustomElementTdsSidenavResponsiveHeader,\n defineCustomElementTdsSidenavSection,\n} from \"tapestry-wc\"\n\nexport function defineSidenavElements(): void {\n defineCustomElementTdsSidenav()\n defineCustomElementTdsSidenavItem()\n defineCustomElementTdsSidenavSection()\n defineCustomElementTdsSidenavResponsiveHeader()\n}\n"],"names":["defineCustomElementTdsSidenav","defineCustomElementTdsSidenavItem","defineCustomElementTdsSidenavSection","defineCustomElementTdsSidenavResponsiveHeader"],"mappings":";;;;;;SAOgB,qBAAqB,GAAA;AACnC,IAAAA,mBAA6B,EAAE;AAC/B,IAAAC,qBAAiC,EAAE;AACnC,IAAAC,qBAAoC,EAAE;AACtC,IAAAC,qBAA6C,EAAE;AACjD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/sidenav/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/sidenav/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAMpB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import '
|
|
2
|
-
import
|
|
3
|
-
import { defineCustomElement as defineCustomElement$1 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-item.js';
|
|
4
|
-
import { defineCustomElement as defineCustomElement$3 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js';
|
|
5
|
-
import { defineCustomElement as defineCustomElement$2 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-section.js';
|
|
1
|
+
import { defineSidenavElements } from './defineElements.js';
|
|
2
|
+
import 'react';
|
|
6
3
|
|
|
7
|
-
|
|
8
|
-
defineCustomElement$1();
|
|
9
|
-
defineCustomElement$2();
|
|
10
|
-
defineCustomElement$3();
|
|
4
|
+
defineSidenavElements();
|
|
11
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/sidenav/index.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/sidenav/index.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport { defineSidenavElements } from \"./defineElements\"\n\ndefineSidenavElements()\n\nexport { Sidenav } from \"./Sidenav\"\nexport { SidenavItem } from \"./SidenavItem\"\nexport { SidenavSection } from \"./SidenavSection\"\n"],"names":[],"mappings":";;;AAIA,qBAAqB,EAAE"}
|