@nyaruka/temba-components 0.25.2 → 0.26.2

package/.github/workflows/build.yml

@@ -4,7 +4,7 @@ on: [push]
 
 jobs:
   bulid:
-    runs-on: macos-latest
+    runs-on: macOS-11
     steps:
       - uses: actions/checkout@v1
       - name: Use Node.js 12.x

package/CHANGELOG.md

@@ -4,6 +4,38 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [v0.26.2](https://github.com/nyaruka/temba-components/compare/v0.26.1...v0.26.2)
+
+> 21 April 2022
+
+- Tabbed pane [`#162`](https://github.com/nyaruka/temba-components/pull/162)
+- Update history and fix tests that weren't scrolling [`e6f2baf`](https://github.com/nyaruka/temba-components/commit/e6f2bafe4186aa263a91c12159d54ab54f4d7cc5)
+- Fix menu parent clicks, shrink menu fonts [`0bd7c7e`](https://github.com/nyaruka/temba-components/commit/0bd7c7ec95823ac74363b3fa05a1e62f13022e06)
+- Tighten up menu buttons [`a2d766d`](https://github.com/nyaruka/temba-components/commit/a2d766d2bde1b5049a28227a996f77a28d8dc8dc)
+
+#### [v0.26.1](https://github.com/nyaruka/temba-components/compare/v0.26.0...v0.26.1)
+
+> 11 April 2022
+
+- Bump minimist from 1.2.5 to 1.2.6 [`#156`](https://github.com/nyaruka/temba-components/pull/156)
+- Simplify menu refresh, add on_submit to modax menu item [`#160`](https://github.com/nyaruka/temba-components/pull/160)
+- URL Inlines [`#158`](https://github.com/nyaruka/temba-components/pull/158)
+- Add dropdown component [`#157`](https://github.com/nyaruka/temba-components/pull/157)
+- Upgrade to latest lit [`#155`](https://github.com/nyaruka/temba-components/pull/155)
+- Update to latest lit [`d595e32`](https://github.com/nyaruka/temba-components/commit/d595e32d3b11155c31536f5c753ac763d07cb9d2)
+- pin macos build version [`246cfba`](https://github.com/nyaruka/temba-components/commit/246cfba2bfc4a12780cd7c7324045ff2fb10646f)
+- Add support for menu inlines with sub urls [`180cf59`](https://github.com/nyaruka/temba-components/commit/180cf5953f37a1379e3bedd9bc44a6fae275012a)
+
+#### [v0.26.0](https://github.com/nyaruka/temba-components/compare/v0.25.2...v0.26.0)
+
+> 4 March 2022
+
+- Bump marked from 0.7.0 to 4.0.10 [`#147`](https://github.com/nyaruka/temba-components/pull/147)
+- Bump node-fetch from 2.6.1 to 2.6.7 [`#149`](https://github.com/nyaruka/temba-components/pull/149)
+- Bump prismjs from 1.25.0 to 1.27.0 [`#153`](https://github.com/nyaruka/temba-components/pull/153)
+- Menu buttons [`#154`](https://github.com/nyaruka/temba-components/pull/154)
+- Add buttons to TembaMenu. Prefix for VectorIcon. [`f71c5ff`](https://github.com/nyaruka/temba-components/commit/f71c5ffa1a7f93614df15f72d058df4d877b733f)
+
 #### [v0.25.2](https://github.com/nyaruka/temba-components/compare/v0.25.1...v0.25.2)
 
 > 5 February 2022
@@ -16,6 +48,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - Hold focus on options until mouse up [`#151`](https://github.com/nyaruka/temba-components/pull/151)
 - Select format [`#150`](https://github.com/nyaruka/temba-components/pull/150)
+- Add simple collapse to menu [`d12448e`](https://github.com/nyaruka/temba-components/commit/d12448e7158e75502c8400cc03e017c9a206dbe3)
 - Pixel pushing on the select widget [`fb57486`](https://github.com/nyaruka/temba-components/commit/fb57486cc65e682809968815420fd717bd1489bc)
 - Update screenshots [`c2b4223`](https://github.com/nyaruka/temba-components/commit/c2b4223d286531797315309323f2f67a7858751b)
 

package/demo/index.html

@@ -14,18 +14,49 @@
     />
 
     <style>
+
+      .linked {
+        text-decoration: underline;
+        color: blue;
+        cursor: pointer;
+      }
+
       .example {
         border: 0px solid gray;
         padding: 10px;
         max-width: 500px;
-
         --temba-select-selected-font-size: 1em;
+        display:none;
+      }
+
+      temba-dropdown.open {
+        --icon-background: rgb(241,241,241);
+        --icon-circle-size: 0.35em;
       }
+
+      .more {
+        background: rgba(0,0,0,.1);
+        padding: 0.5em
+      }
+
+      .open .more, .more:hover {
+        background: rgba(0,0,0,.3);
+      }
+
+      temba-tabs *, temba-tab * {
+        opacity: 0;
+      }
+
+      temba-tabs:defined *, temba-tab:defined * {
+        opacity: 1;
+      }
+
     </style>
     <script type="module">
       import '../out-tsc/temba-modules.js';
     </script>
     <script>
+      // var static_url = '/static/';
       function handleColorChange(event) {
         var color = event.target.values[0].name;
         if (color == 'Green') {
@@ -45,6 +76,34 @@
       groups="/static/api/groups.json"
     ></temba-store>
 
+    <temba-tabs>
+
+      <temba-tab name="Chats" icon="message-square">
+        Chat content
+      </temba-tab>
+
+      <temba-tab name="Details" icon="list">
+        Details content
+      </temba-tab>
+
+      <temba-tab name="Log" icon="log">
+       Log content
+      </temba-tab>
+
+    </temba-tabs>
+
+    
+    <div class="example" style="margin: 10px; background: #ccc; border-radius:6px;">
+      <temba-dropdown>
+        <div style="display:inline-block" slot="toggle">
+          <temba-icon name="chevron-down" size="1.3" clickable></temba-icon>
+        </div>
+        
+        <div slot="dropdown" style="width:250px; padding:0.5em 1em">
+          <a href="http://google.com">Google</a>
+        </div>
+      </temba-dropdown>
+    </div>
     <div class="example">
       <temba-omnibox
         placeholder="Contacts or Groups"