@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.
Files changed (25) hide show
  1. package/README.md +12 -6
  2. package/dist/components/sidenav/index.js +2 -0
  3. package/dist/components/sidenav/index.js.map +1 -1
  4. package/dist/ext/@stencil/core/internal/client/index.js +17 -1
  5. package/dist/ext/@stencil/core/internal/client/index.js.map +1 -1
  6. package/dist/index.css +44 -8
  7. package/dist/index.css.map +1 -1
  8. package/dist/packages/tapestry-wc/dist/components/sidenav-item-enhancer.js +63 -0
  9. package/dist/packages/tapestry-wc/dist/components/sidenav-item-enhancer.js.map +1 -0
  10. package/dist/packages/tapestry-wc/dist/components/tds-page-header.js +1 -1
  11. package/dist/packages/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  12. package/dist/packages/tapestry-wc/dist/components/tds-sidenav-item.js +10 -4
  13. package/dist/packages/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
  14. package/dist/packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +49 -0
  15. package/dist/packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -0
  16. package/dist/packages/tapestry-wc/dist/components/tds-sidenav-section.js +2 -2
  17. package/dist/packages/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
  18. package/dist/packages/tapestry-wc/dist/components/tds-sidenav.js +18 -5
  19. package/dist/packages/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
  20. package/dist/unstable.css +44 -8
  21. package/dist/unstable.css.map +1 -1
  22. package/dist/webComponents.css +44 -8
  23. package/dist/webComponents.css.map +1 -1
  24. package/package.json +3 -3
  25. 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
- ```js
28
- yarn wc build
29
- ```
33
+ ```shell
34
+ yarn wc build
35
+ ```
30
36
  2. In this repo, launch storybook
31
- ```js
32
- yarn tap storybook
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":";;;;;AAIAA,mBAA6B,EAAE,CAAA;AAC/BC,qBAAiC,EAAE,CAAA;AACnCC,qBAAoC,EAAE"}
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