@planningcenter/tapestry 1.1.0-rc.6 → 1.1.0-rc.7
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/README.md +12 -6
- package/dist/components/sidenav/index.js +2 -0
- package/dist/components/sidenav/index.js.map +1 -1
- package/dist/ext/@stencil/core/internal/client/index.js +17 -1
- package/dist/ext/@stencil/core/internal/client/index.js.map +1 -1
- package/dist/index.css +44 -8
- package/dist/index.css.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/sidenav-item-enhancer.js +63 -0
- package/dist/packages/tapestry-wc/dist/components/sidenav-item-enhancer.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/tds-page-header.js +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-item.js +10 -4
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +49 -0
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-section.js +2 -2
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav.js +18 -5
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
- package/dist/unstable.css +44 -8
- package/dist/unstable.css.map +1 -1
- package/dist/webComponents.css +44 -8
- package/dist/webComponents.css.map +1 -1
- package/package.json +3 -3
- package/react-types/index.d.ts +20 -0
package/README.md
CHANGED
|
@@ -8,6 +8,12 @@
|
|
|
8
8
|
yarn add @planningcenter/tapestry
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
+
## Registering Web Components
|
|
12
|
+
|
|
13
|
+
- To register the web components for usage, add this file to your JS files:
|
|
14
|
+
|
|
15
|
+
`import "@planningcenter/tapestry"`
|
|
16
|
+
|
|
11
17
|
## Adding types for using Web Components in React
|
|
12
18
|
|
|
13
19
|
If you are using Web Components in React and want to have TypeScript populate the types,
|
|
@@ -24,10 +30,10 @@ add `"@planningcenter/tapestry/react-types"` to `compilerOptions.types` in your
|
|
|
24
30
|
## Running locally
|
|
25
31
|
|
|
26
32
|
1. If this is your first time with this repo, make sure you build from the root directory first:
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
33
|
+
```shell
|
|
34
|
+
yarn wc build
|
|
35
|
+
```
|
|
30
36
|
2. In this repo, launch storybook
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
37
|
+
```shell
|
|
38
|
+
yarn tap storybook
|
|
39
|
+
```
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import './../../ext/@stencil/core/internal/client/index.js';
|
|
2
2
|
import { defineCustomElement } from '../../packages/tapestry-wc/dist/components/tds-sidenav.js';
|
|
3
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';
|
|
4
5
|
import { defineCustomElement as defineCustomElement$2 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-section.js';
|
|
5
6
|
|
|
6
7
|
defineCustomElement();
|
|
7
8
|
defineCustomElement$1();
|
|
8
9
|
defineCustomElement$2();
|
|
10
|
+
defineCustomElement$3();
|
|
9
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/sidenav/index.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport { defineCustomElementTdsSidenav, defineCustomElementTdsSidenavItem, defineCustomElementTdsSidenavSection } from \"tapestry-wc\"\n\ndefineCustomElementTdsSidenav()\ndefineCustomElementTdsSidenavItem()\ndefineCustomElementTdsSidenavSection()\n"],"names":["defineCustomElementTdsSidenav","defineCustomElementTdsSidenavItem","defineCustomElementTdsSidenavSection"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/sidenav/index.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport { defineCustomElementTdsSidenav, defineCustomElementTdsSidenavItem, defineCustomElementTdsSidenavResponsiveHeader, defineCustomElementTdsSidenavSection } from \"tapestry-wc\"\n\ndefineCustomElementTdsSidenav()\ndefineCustomElementTdsSidenavItem()\ndefineCustomElementTdsSidenavSection()\ndefineCustomElementTdsSidenavResponsiveHeader()\n"],"names":["defineCustomElementTdsSidenav","defineCustomElementTdsSidenavItem","defineCustomElementTdsSidenavSection","defineCustomElementTdsSidenavResponsiveHeader"],"mappings":";;;;;;AAIAA,mBAA6B,EAAE,CAAA;AAC/BC,qBAAiC,EAAE,CAAA;AACnCC,qBAAoC,EAAE,CAAA;AACtCC,qBAA6C,EAAE"}
|
|
@@ -466,6 +466,22 @@ var parsePropertyValue = (propValue, propType) => {
|
|
|
466
466
|
}
|
|
467
467
|
return propValue;
|
|
468
468
|
};
|
|
469
|
+
var getElement = (ref) => ref;
|
|
470
|
+
|
|
471
|
+
// src/runtime/event-emitter.ts
|
|
472
|
+
var createEvent = (ref, name, flags) => {
|
|
473
|
+
const elm = getElement(ref);
|
|
474
|
+
return {
|
|
475
|
+
emit: (detail) => {
|
|
476
|
+
return emitEvent(elm, name, {
|
|
477
|
+
bubbles: !!(flags & 4 /* Bubbles */),
|
|
478
|
+
composed: !!(flags & 2 /* Composed */),
|
|
479
|
+
cancelable: !!(flags & 1 /* Cancellable */),
|
|
480
|
+
detail
|
|
481
|
+
});
|
|
482
|
+
}
|
|
483
|
+
};
|
|
484
|
+
};
|
|
469
485
|
var emitEvent = (elm, name, opts) => {
|
|
470
486
|
const ev = plt.ce(name, opts);
|
|
471
487
|
elm.dispatchEvent(ev);
|
|
@@ -1738,5 +1754,5 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
|
|
|
1738
1754
|
capture: (flags & 2 /* Capture */) !== 0
|
|
1739
1755
|
} : (flags & 2 /* Capture */) !== 0;
|
|
1740
1756
|
|
|
1741
|
-
export { BUILD, H, H as HTMLElement, Host, NAMESPACE, addHostEventListeners, connectedCallback, consoleError, disconnectedCallback, getHostRef, getValue, h, isMemberInElement, modeResolutionChain, nextTick, parsePropertyValue, plt, postUpdateComponent, promiseResolve, proxyComponent, proxyCustomElement, registerHost, renderVdom, setValue, styles, supportsConstructableStylesheets, supportsListenerOptions, win, writeTask };
|
|
1757
|
+
export { BUILD, H, H as HTMLElement, Host, NAMESPACE, addHostEventListeners, connectedCallback, consoleError, createEvent, disconnectedCallback, getElement, getHostRef, getValue, h, isMemberInElement, modeResolutionChain, nextTick, parsePropertyValue, plt, postUpdateComponent, promiseResolve, proxyComponent, proxyCustomElement, registerHost, renderVdom, setValue, styles, supportsConstructableStylesheets, supportsListenerOptions, win, writeTask };
|
|
1742
1758
|
//# sourceMappingURL=index.js.map
|