terrier-engine 4.4.28 → 4.4.31

package/package.json

@@ -4,7 +4,7 @@
   "files": [
     "*"
   ],
-  "version": "4.4.28",
+  "version": "4.4.31",
   "repository": {
     "type": "git",
     "url": "https://github.com/Terrier-Tech/terrier-engine"

package/terrier/gen/hub-icons.ts

@@ -221,6 +221,10 @@ import PostRaw from '../images/icons/post.svg?raw'
 // @ts-ignore
 import PostSrc from '../images/icons/post.svg'
 // @ts-ignore
+import PostsRaw from '../images/icons/posts.svg?raw'
+// @ts-ignore
+import PostsSrc from '../images/icons/posts.svg'
+// @ts-ignore
 import PrClosedRaw from '../images/icons/pr_closed.svg?raw'
 // @ts-ignore
 import PrClosedSrc from '../images/icons/pr_closed.svg'
@@ -554,6 +558,10 @@ export const IconDefs: Record<HubIconName,{ raw: string, src: string }> = {
         raw: PostRaw,
         src: PostSrc,
     },
+    "hub-posts": {
+        raw: PostsRaw,
+        src: PostsSrc,
+    },
     "hub-pr_closed": {
         raw: PrClosedRaw,
         src: PrClosedSrc,
@@ -673,7 +681,7 @@ export const IconDefs: Record<HubIconName,{ raw: string, src: string }> = {
 }
 
 const Names = [
-    'hub-active', 'hub-admin', 'hub-archive', 'hub-arrow_down', 'hub-arrow_left', 'hub-arrow_right', 'hub-arrow_up', 'hub-assign', 'hub-attachment', 'hub-back', 'hub-badge', 'hub-board', 'hub-branch', 'hub-bug', 'hub-calculator', 'hub-checkmark', 'hub-close', 'hub-clypboard', 'hub-comment', 'hub-complete', 'hub-dashboard', 'hub-data_pull', 'hub-data_update', 'hub-database', 'hub-day', 'hub-delete', 'hub-documentation', 'hub-edit', 'hub-feature', 'hub-flex', 'hub-forward', 'hub-github', 'hub-history', 'hub-home', 'hub-image', 'hub-inbox', 'hub-info', 'hub-issue', 'hub-lane', 'hub-lane_asap', 'hub-lane_days', 'hub-lane_hours', 'hub-lane_weeks', 'hub-lanes_board', 'hub-level_complete', 'hub-level_highway', 'hub-level_on_ramp', 'hub-level_parking', 'hub-minus', 'hub-night', 'hub-origin', 'hub-pending', 'hub-plus', 'hub-post', 'hub-pr_closed', 'hub-pr_merged', 'hub-pr_open', 'hub-prioritized', 'hub-project', 'hub-question', 'hub-reaction', 'hub-read_mail', 'hub-recent', 'hub-refresh', 'hub-request', 'hub-settings', 'hub-status', 'hub-step_deploy', 'hub-step_develop', 'hub-step_investigate', 'hub-step_review', 'hub-step_test', 'hub-steps', 'hub-steps_board', 'hub-subscribe', 'hub-support', 'hub-terrier', 'hub-thumbs_up', 'hub-type', 'hub-unprioritized', 'hub-upload', 'hub-user', 'hub-users'
+    'hub-active', 'hub-admin', 'hub-archive', 'hub-arrow_down', 'hub-arrow_left', 'hub-arrow_right', 'hub-arrow_up', 'hub-assign', 'hub-attachment', 'hub-back', 'hub-badge', 'hub-board', 'hub-branch', 'hub-bug', 'hub-calculator', 'hub-checkmark', 'hub-close', 'hub-clypboard', 'hub-comment', 'hub-complete', 'hub-dashboard', 'hub-data_pull', 'hub-data_update', 'hub-database', 'hub-day', 'hub-delete', 'hub-documentation', 'hub-edit', 'hub-feature', 'hub-flex', 'hub-forward', 'hub-github', 'hub-history', 'hub-home', 'hub-image', 'hub-inbox', 'hub-info', 'hub-issue', 'hub-lane', 'hub-lane_asap', 'hub-lane_days', 'hub-lane_hours', 'hub-lane_weeks', 'hub-lanes_board', 'hub-level_complete', 'hub-level_highway', 'hub-level_on_ramp', 'hub-level_parking', 'hub-minus', 'hub-night', 'hub-origin', 'hub-pending', 'hub-plus', 'hub-post', 'hub-posts', 'hub-pr_closed', 'hub-pr_merged', 'hub-pr_open', 'hub-prioritized', 'hub-project', 'hub-question', 'hub-reaction', 'hub-read_mail', 'hub-recent', 'hub-refresh', 'hub-request', 'hub-settings', 'hub-status', 'hub-step_deploy', 'hub-step_develop', 'hub-step_investigate', 'hub-step_review', 'hub-step_test', 'hub-steps', 'hub-steps_board', 'hub-subscribe', 'hub-support', 'hub-terrier', 'hub-thumbs_up', 'hub-type', 'hub-unprioritized', 'hub-upload', 'hub-user', 'hub-users'
 ] as const
 
 export type HubIconName = typeof Names[number]

package/terrier/images/icons/posts.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor" fill-rule="evenodd"><g transform="translate(11 4)"><path d="M5 0a5 5 0 1 1 0 10A5 5 0 0 1 5 0Zm0 .625a4.375 4.375 0 0 0-4.234 5.48A6.884 6.884 0 0 1 6.106.767 4.382 4.382 0 0 0 5 .625Z"/><circle cx="5" cy="5" r="5" fill-opacity="0.33" fill-rule="nonzero"/></g><path fill-opacity="0.33" fill-rule="nonzero" d="M4.715 20.971 6.667 19.8 14 13.2 11.8 11l-6.6 7.333-1.171 1.952a.5.5 0 0 0 .686.686Z"/><path fill-opacity="0.33" fill-rule="nonzero" d="M4.715 20.971 6.667 19.8 14 13.2 11.8 11l-6.6 7.333-1.171 1.952a.5.5 0 0 0 .686.686Z"/><g transform="translate(18 12)"><path d="M5 0a5 5 0 1 1 0 10A5 5 0 0 1 5 0Zm0 .625a4.375 4.375 0 0 0-4.234 5.48A6.884 6.884 0 0 1 6.106.767 4.382 4.382 0 0 0 5 .625Z"/><circle cx="5" cy="5" r="5" fill-opacity="0.33" fill-rule="nonzero"/></g><path fill-opacity="0.33" fill-rule="nonzero" d="m11.715 28.971 1.952-1.171L21 21.2 18.8 19l-6.6 7.333-1.171 1.952a.5.5 0 0 0 .686.686Z"/><path fill-opacity="0.33" fill-rule="nonzero" d="m11.715 28.971 1.952-1.171L21 21.2 18.8 19l-6.6 7.333-1.171 1.952a.5.5 0 0 0 .686.686Z"/></g></svg>

package/terrier/images/optimized/icon-posts.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="#000" fill-rule="evenodd"><g transform="translate(11 4)"><path d="M5 0a5 5 0 1 1 0 10A5 5 0 0 1 5 0Zm0 .625a4.375 4.375 0 0 0-4.234 5.48A6.884 6.884 0 0 1 6.106.767 4.382 4.382 0 0 0 5 .625Z"/><circle cx="5" cy="5" r="5" fill-opacity=".25" fill-rule="nonzero"/></g><path fill-opacity=".25" fill-rule="nonzero" d="M4.715 20.971 6.667 19.8 14 13.2 11.8 11l-6.6 7.333-1.171 1.952a.5.5 0 0 0 .686.686Z"/><path fill-opacity=".25" fill-rule="nonzero" d="M4.715 20.971 6.667 19.8 14 13.2 11.8 11l-6.6 7.333-1.171 1.952a.5.5 0 0 0 .686.686Z"/><g transform="translate(18 12)"><path d="M5 0a5 5 0 1 1 0 10A5 5 0 0 1 5 0Zm0 .625a4.375 4.375 0 0 0-4.234 5.48A6.884 6.884 0 0 1 6.106.767 4.382 4.382 0 0 0 5 .625Z"/><circle cx="5" cy="5" r="5" fill-opacity=".25" fill-rule="nonzero"/></g><path fill-opacity=".25" fill-rule="nonzero" d="m11.715 28.971 1.952-1.171L21 21.2 18.8 19l-6.6 7.333-1.171 1.952a.5.5 0 0 0 .686.686Z"/><path fill-opacity=".25" fill-rule="nonzero" d="m11.715 28.971 1.952-1.171L21 21.2 18.8 19l-6.6 7.333-1.171 1.952a.5.5 0 0 0 .686.686Z"/></g></svg>

package/terrier/images/raw/icon-posts.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon-posts</title>
+    <g id="icon-posts" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-2" transform="translate(3, 4)" fill="#000000">
+            <g id="Group" transform="translate(8, 0)">
+                <path d="M5,0 C7.76142375,0 10,2.23857625 10,5 C10,7.76142375 7.76142375,10 5,10 C2.23857625,10 0,7.76142375 0,5 C0,2.23857625 2.23857625,0 5,0 Z M5,0.625 C2.58375422,0.625 0.625,2.58375422 0.625,5 C0.625,5.38216593 0.67400063,5.75288715 0.766486301,6.10562843 C1.31818969,3.42748108 3.42748108,1.31818969 6.10622362,0.76606185 C5.75288715,0.67400063 5.38216593,0.625 5,0.625 Z" id="Oval-2"></path>
+                <circle id="Oval" fill-opacity="0.25" fill-rule="nonzero" cx="5" cy="5" r="5"></circle>
+            </g>
+            <path d="M1.71498585,16.9710085 L3.66666667,15.8 L3.66666667,15.8 L11,9.2 L8.8,7 L2.2,14.3333333 L1.02899151,16.2850141 C0.886917431,16.5218043 0.963699963,16.8289344 1.2004901,16.9710085 C1.35883129,17.0660132 1.55664466,17.0660132 1.71498585,16.9710085 Z" id="Path-25" fill-opacity="0.25" fill-rule="nonzero"></path>
+            <path d="M1.71498585,16.9710085 L3.66666667,15.8 L3.66666667,15.8 L11,9.2 L8.8,7 L2.2,14.3333333 L1.02899151,16.2850141 C0.886917431,16.5218043 0.963699963,16.8289344 1.2004901,16.9710085 C1.35883129,17.0660132 1.55664466,17.0660132 1.71498585,16.9710085 Z" id="Path-25-Copy" fill-opacity="0.25" fill-rule="nonzero"></path>
+        </g>
+        <g id="Group-2-Copy" transform="translate(10, 12)" fill="#000000">
+            <g id="Group" transform="translate(8, 0)">
+                <path d="M5,0 C7.76142375,0 10,2.23857625 10,5 C10,7.76142375 7.76142375,10 5,10 C2.23857625,10 0,7.76142375 0,5 C0,2.23857625 2.23857625,0 5,0 Z M5,0.625 C2.58375422,0.625 0.625,2.58375422 0.625,5 C0.625,5.38216593 0.67400063,5.75288715 0.766486301,6.10562843 C1.31818969,3.42748108 3.42748108,1.31818969 6.10622362,0.76606185 C5.75288715,0.67400063 5.38216593,0.625 5,0.625 Z" id="Oval-2"></path>
+                <circle id="Oval" fill-opacity="0.25" fill-rule="nonzero" cx="5" cy="5" r="5"></circle>
+            </g>
+            <path d="M1.71498585,16.9710085 L3.66666667,15.8 L3.66666667,15.8 L11,9.2 L8.8,7 L2.2,14.3333333 L1.02899151,16.2850141 C0.886917431,16.5218043 0.963699963,16.8289344 1.2004901,16.9710085 C1.35883129,17.0660132 1.55664466,17.0660132 1.71498585,16.9710085 Z" id="Path-25" fill-opacity="0.25" fill-rule="nonzero"></path>
+            <path d="M1.71498585,16.9710085 L3.66666667,15.8 L3.66666667,15.8 L11,9.2 L8.8,7 L2.2,14.3333333 L1.02899151,16.2850141 C0.886917431,16.5218043 0.963699963,16.8289344 1.2004901,16.9710085 C1.35883129,17.0660132 1.55664466,17.0660132 1.71498585,16.9710085 Z" id="Path-25-Copy" fill-opacity="0.25" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>

package/terrier/parts/panel-part.ts

@@ -1,11 +1,27 @@
 import ContentPart from "./content-part"
 import {PartTag} from "tuff-core/parts"
 import Fragments from "../fragments"
+import {untypedKey} from "tuff-core/messages";
 
+export type CollapsibleConfig = {
+    collapsed?: Boolean
+    chevronSide: string
+}
 /**
  * A part that renders content inside a panel.
  */
-export default abstract class PanelPart<TState> extends ContentPart<TState> {
+export default abstract class PanelPart<TState> extends ContentPart<TState & { collapsible?: CollapsibleConfig}> {
+
+    toggleCollapseKey = untypedKey()
+
+    async init() {
+        if (this.state.collapsible && !this.state.collapsible.chevronSide) {
+            this.state.collapsible.chevronSide = 'left'
+            this.onClick(this.toggleCollapseKey, _ => {
+                this.toggleCollapse()
+            })
+        }
+    }
 
     getLoadingContainer() {
         return this.element?.getElementsByClassName('tt-panel')[0]
@@ -24,6 +40,9 @@ export default abstract class PanelPart<TState> extends ContentPart<TState> {
             panel.class(...this.panelClasses)
             if (this._title?.length || this.hasActions('tertiary')) {
                 panel.div('.panel-header', header => {
+                    if (this.state.collapsible?.chevronSide == 'left') {
+                        this.renderChevron(header)
+                    }
                     header.h2(h2 => {
                         if (this._icon) {
                             this.app.theme.renderIcon(h2, this._icon, 'link')
@@ -33,12 +52,38 @@ export default abstract class PanelPart<TState> extends ContentPart<TState> {
                     header.div('.tertiary-actions', actions => {
                         this.theme.renderActions(actions, this.getActions('tertiary'))
                     })
+                    if (this.state.collapsible?.chevronSide == 'right') {
+                        this.renderChevron(header)
+                    }
                 })
             }
-            panel.div('.panel-content', ...this.contentClasses, content => {
-                this.renderContent(content)
-            })
+            if (!this.state.collapsible?.collapsed) {
+                panel.div('.panel-content', ...this.contentClasses, content => {
+                    this.renderContent(content)
+                })
+            }
+
             Fragments.panelActions(panel, this.getAllActions(), this.theme)
         })
     }
+
+    toggleCollapse() {
+        if (this.state.collapsible) {
+            this.state.collapsible.collapsed = !this.state.collapsible?.collapsed
+            this.dirty()
+        }
+    }
+
+    renderChevron(parent: PartTag) {
+        if (this.state.collapsible) {
+            parent.div('.collapsible-chevron', chev => {
+                this.renderChevronIcon(chev, this.state.collapsible?.collapsed!)
+                parent.emitClick(this.toggleCollapseKey)
+            })
+        }
+    }
+
+    renderChevronIcon(parent: PartTag, isCollapsed: Boolean) {
+        this.app.theme.renderIcon(parent, isCollapsed ? 'glyp-chevron_right' : 'glyp-chevron_down', 'white')
+    }
 }