@orangelogic/design-system 2.53.0 → 2.54.0

package/library/chunks/{file-on-demand.UNUgyyno.js → file-on-demand.Cr7E_KqH.js}

@@ -4,14 +4,14 @@ import { C as pt, s as ht, a as ut, b as Q } from "./tree.82OigIgE.js";
 import { n as p, C as Y, x as r, c as K, i as gt, E as bt } from "./custom-element.vnXBMQxc.js";
 import { c as xt } from "./component.styles.CI-v8BZa.js";
 import { L as Z } from "./i18n.C3Z8Xe8q.js";
-import { k as $t, h as mt, i as ft, w as L, j as wt, l as St, f as It, g as Ct, d as At, m as Dt, n as Tt } from "./watch.BCJD77bD.js";
+import { k as $t, h as mt, i as _t, w as L, j as wt, l as St, f as It, g as Ct, d as At, m as Dt, n as Tt } from "./watch.BCJD77bD.js";
 import { p as P } from "./string.D6poLUEC.js";
 import { r as x } from "./state.Cw55xXlb.js";
 import { e as R } from "./query.BBf1UFkC.js";
 import { e as A } from "./class-map.CoZTSvbM.js";
 import { c as F } from "./repeat.CauKaXyy.js";
 import { n as g } from "./when.Dr1es41R.js";
-import { a as zt, i as _t, c as Et, b as tt } from "./_baseUniq.BUihBa8c.js";
+import { a as zt, i as ft, c as Et, b as tt } from "./_baseUniq.BUihBa8c.js";
 import Lt from "../components/avatar.js";
 import { C as Rt } from "./button.CiWlWCNb.js";
 import { C as Pt } from "./dialog.C28qzMSQ.js";
@@ -75,7 +75,7 @@ function re(t, e, i, o) {
 }
 function ne(t, e) {
   return function(i, o) {
-    var s = ft(i) ? te : re, a = e ? e() : {};
+    var s = _t(i) ? te : re, a = e ? e() : {};
     return s(i, t, zt(o), a);
   };
 }
@@ -142,7 +142,7 @@ const le = {
     return { data: [], totalCount: 0 };
   let h = d;
   h.endsWith("/") && (h = h.slice(0, -1));
-  const _ = de.GET_CONTENT, f = [
+  const f = de.GET_CONTENT, _ = [
     ["Token", u],
     [
       "extraFilters",
@@ -162,8 +162,8 @@ const le = {
     ["seeThru", a?.trim() || l ? "true" : "false"],
     ["limit", s.toString()],
     ["start", m.toString()]
-  ], z = new URL(`${h}${_}`);
-  f.forEach(([S, E]) => {
+  ], z = new URL(`${h}${f}`);
+  _.forEach(([S, E]) => {
     z.searchParams.append(S, E);
   });
   const I = await fetch(z.toString(), {
@@ -251,14 +251,14 @@ const q = "-", $ = (t) => {
     s && e.add(s);
   }
   return e;
-}, fe = (t, e) => {
+}, _e = (t, e) => {
   const i = t.split("/"), o = e.split("/");
   return i.slice(0, o.length + 1).join("/");
 };
-var _e = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, D = (t, e, i, o) => {
+var fe = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, D = (t, e, i, o) => {
   for (var s = o > 1 ? void 0 : o ? ve(e, i) : e, a = t.length - 1, l; a >= 0; a--)
     (l = t[a]) && (s = (o ? l(e, i, s) : l(s)) || s);
-  return o && s && _e(e, i, s), s;
+  return o && s && fe(e, i, s), s;
 };
 let v = class extends Y {
   constructor() {
@@ -327,12 +327,12 @@ let v = class extends Y {
       return;
     let t = !1;
     const e = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), o = ot(this.folder?.path ?? [], this.folder?.fullPath ?? ""), s = [...this.currentRootIDsSet], a = (u, h) => {
-      u.forEach((_) => {
-        const f = $(_);
-        if (!f.path.trim() || !f.id.trim())
+      u.forEach((f) => {
+        const _ = $(f);
+        if (!_.path.trim() || !_.id.trim())
           return !1;
-        const z = P(f.path), I = P(o);
-        o && z.startsWith(I) && z !== I && h.add(fe(f.path, o));
+        const z = P(_.path), I = P(o);
+        o && z.startsWith(I) && z !== I && h.add(_e(_.path, o));
       });
     };
     a(this.removedIDs, i), a(s, e);
@@ -340,10 +340,10 @@ let v = class extends Y {
       const h = $(u);
       if (!h.path.trim() || !h.id.trim())
         return !1;
-      const _ = k({
+      const f = k({
         id: this.folder?.id ?? "",
         path: o
-      }), f = P(h.path), z = P(o), I = h.id === this.folder?.id, j = !this.removedIDs.includes(_) && z.startsWith(f);
+      }), _ = P(h.path), z = P(o), I = h.id === this.folder?.id, j = !this.removedIDs.includes(f) && z.startsWith(_);
       return I || j;
     });
     const d = this.folder?.childCount && e.size === this.folder?.childCount;
@@ -735,7 +735,7 @@ var nt = function() {
     value: Ae(e),
     writable: !0
   });
-} : _t, Te = 800, ze = 16, Ee = Date.now;
+} : ft, Te = 800, ze = 16, Ee = Date.now;
 function Le(t) {
   var e = 0, i = 0;
   return function() {
@@ -750,7 +750,7 @@ function Le(t) {
 }
 var Re = Le(De);
 function Pe(t, e) {
-  return Re(Ce(t, e, _t), t + "");
+  return Re(Ce(t, e, ft), t + "");
 }
 var Fe = 200;
 function Ue(t, e, i, o) {
@@ -760,19 +760,19 @@ function Ue(t, e, i, o) {
   i && (e = Jt(e, St(i))), e.length >= Fe && (a = Ct, l = !1, e = new It(e));
   t:
     for (; ++s < d; ) {
-      var h = t[s], _ = i == null ? h : i(h);
-      if (h = h !== 0 ? h : 0, l && _ === _) {
-        for (var f = u; f--; )
-          if (e[f] === _)
+      var h = t[s], f = i == null ? h : i(h);
+      if (h = h !== 0 ? h : 0, l && f === f) {
+        for (var _ = u; _--; )
+          if (e[_] === f)
             continue t;
         m.push(h);
-      } else a(e, _, o) || m.push(h);
+      } else a(e, f, o) || m.push(h);
     }
   return m;
 }
 var ct = et ? et.isConcatSpreadable : void 0;
 function ke(t) {
-  return ft(t) || At(t) || !!(ct && t && t[ct]);
+  return _t(t) || At(t) || !!(ct && t && t[ct]);
 }
 function Oe(t, e, i, o, s) {
   var a = -1, l = t.length;
@@ -1238,6 +1238,17 @@ const Me = gt`
     line-height: var(--cx-line-height-medium);
   }
 
+  .uploads__list .asset-group__label {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .asset-group__clear-button::part(base) {
+    color: var(--cx-color-primary-500);
+    font-size: var(--cx-font-size-x-small);
+  }
+
   .asset-group__label {
     padding: var(--cx-spacing-x-small) var(--cx-spacing-small);
     color: var(--cx-color-neutral-400);
@@ -1680,6 +1691,9 @@ let n = class extends Y {
       }
     });
   }
+  clearUpload() {
+    this.emit("cx-clear-upload");
+  }
   saveSettings() {
     this.emit("cx-save-settings", {
       detail: {
@@ -1934,9 +1948,9 @@ let n = class extends Y {
           </cx-tooltip>`
     )} `, h = () => {
       t.uploadId && this.retryUpload(t.uploadId);
-    }, _ = () => {
+    }, f = () => {
       t.uploadId && (t.isPaused ? this.resumeUpload(t.uploadId) : this.pauseUpload(t.uploadId));
-    }, f = r`</cx-tooltip
+    }, _ = r`</cx-tooltip
       ><cx-tooltip content=${this.localize.term("retry")} hoist>
         <cx-icon-button
           data-testid="asset__retry-button"
@@ -1951,7 +1965,7 @@ let n = class extends Y {
         data-testid=${t.isPaused ? "asset__resume-button" : "asset__pause-button"}
         name=${t.isPaused ? "play_arrow" : "pause"}
         variant="filled"
-        @click=${_}
+        @click=${f}
       ></cx-icon-button>
     </cx-tooltip>`;
     return r`
@@ -2006,7 +2020,7 @@ let n = class extends Y {
     )}
           ${g(
       [T.Failed].includes(t.uploadStatus),
-      () => f
+      () => _
     )}
         </div>
       </div>
@@ -2168,7 +2182,7 @@ let n = class extends Y {
           </cx-line-clamp>
         </cx-typography>
       </div>
-    `, _ = r`
+    `, f = r`
       <div class="completed-progress">
         <cx-icon name="check"></cx-icon>
         <cx-typography variant="small">
@@ -2184,7 +2198,7 @@ let n = class extends Y {
           </cx-line-clamp>
         </cx-typography>
       </div>
-    `, f = r`
+    `, _ = r`
       <div class="failed-progress">
         <cx-typography variant="small">
           <cx-line-clamp lines="1">
@@ -2236,8 +2250,8 @@ let n = class extends Y {
       l === T.PendingComplete,
       () => h
     )}
-      ${g(l === T.Success, () => _)}
-      ${g(l === T.Failed, () => f)}
+      ${g(l === T.Success, () => f)}
+      ${g(l === T.Failed, () => _)}
       ${g(l === T.Canceled, () => z)}
     `;
   }
@@ -2264,6 +2278,14 @@ let n = class extends Y {
             <cx-typography variant="small">
               ${this.localize.term("today")}
             </cx-typography>
+            <cx-button
+              class="asset-group__clear-button"
+              variant="text"
+              size="small"
+              @click=${this.clearUpload}
+            >
+              ${this.localize.term("clearAll")}
+            </cx-button>
           </div>
           ${F(
       e,
@@ -2385,18 +2407,18 @@ let n = class extends Y {
         );
         if (u.length > 0) {
           const { totalCount: h } = await this.fetchFolders({
-            excludes: u.map((f) => $(f).id),
+            excludes: u.map((_) => $(_).id),
             folderId: $(d).id,
             start: 0
-          }), { data: _ } = await this.fetchFolders({
-            excludes: u.map((f) => $(f).id),
+          }), { data: f } = await this.fetchFolders({
+            excludes: u.map((_) => $(_).id),
             folderId: $(d).id,
             limit: h || 10,
             start: 0
           });
-          _.forEach((f) => {
+          f.forEach((_) => {
             a.add(
-              k({ id: f.id, path: f.fullPath })
+              k({ id: _.id, path: _.fullPath })
             );
           }), a.delete(d);
         }
@@ -2404,8 +2426,8 @@ let n = class extends Y {
       const l = Array.from(a);
       this.updateActiveFolderIdentifiers(l), this.removedIds = l.filter(
         (d) => [...l].some((m) => {
-          const u = $(d), h = $(m), _ = P(h.path);
-          return m !== d && u.path.startsWith(_);
+          const u = $(d), h = $(m), f = P(h.path);
+          return m !== d && u.path.startsWith(f);
         })
       ), e(), this.isAddingRootIDs = !1;
     }, o = (s) => {

package/library/components/checkbox.js

@@ -238,14 +238,11 @@ let t = class extends f {
     this.input.click();
   }
   handleChange() {
-    this.checked = !this.checked, this.indeterminate = !1, this.emit("cx-change");
+    this.checked = !this.checked, this.indeterminate = !1, this.emit("cx-input"), this.emit("cx-change");
   }
   handleBlur() {
     this.hasFocus = !1, this.emit("cx-blur");
   }
-  handleInput() {
-    this.emit("cx-input");
-  }
   handleInvalid(e) {
     this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
   }

package/library/components/file-on-demand.js

@@ -1,4 +1,4 @@
-import { C as J } from "../chunks/file-on-demand.UNUgyyno.js";
+import { C as J } from "../chunks/file-on-demand.Cr7E_KqH.js";
 import "./avatar.js";
 import "../chunks/button.CiWlWCNb.js";
 import "../chunks/dialog.C28qzMSQ.js";

package/library/components/organisms.js

@@ -1,6 +1,6 @@
 import { default as a } from "./asset-link-format.js";
 import { C as t } from "../chunks/color-swatch-group.CG_PUG1X.js";
-import { C } from "../chunks/file-on-demand.UNUgyyno.js";
+import { C } from "../chunks/file-on-demand.Cr7E_KqH.js";
 export {
   a as CxAssetLinkFormat,
   t as CxColorSwatchGroup,

package/library/components/types.js

@@ -114,8 +114,8 @@ import { F as Ku, C as O9, a as Y_ } from "../chunks/folder-select.ELghy6Qk.js";
 import { a as Io, E as Fn, b as qm, O as Ld, T as Fu, G as aO } from "../chunks/index.Cpamj0jB.js";
 import { C as jGt } from "../chunks/index.Cpamj0jB.js";
 import { g as I9, c as iy } from "../chunks/_commonjsHelpers.ByX85dGu.js";
-import { b as ev, a as WR, d as sO, c as ck, s as QY, o as eX, U as D9, e as GR, i as Kd, f as tX } from "../chunks/file-on-demand.UNUgyyno.js";
-import { C as UGt } from "../chunks/file-on-demand.UNUgyyno.js";
+import { b as ev, a as WR, d as sO, c as ck, s as QY, o as eX, U as D9, e as GR, i as Kd, f as tX } from "../chunks/file-on-demand.Cr7E_KqH.js";
+import { C as UGt } from "../chunks/file-on-demand.Cr7E_KqH.js";
 import { e as nX, t as rX } from "../chunks/directive.oAbCiebi.js";
 import { f as iX, n as kl, e as _l } from "../chunks/ref.BaCjlzLO.js";
 import oX from "./masonry.js";
@@ -11637,8 +11637,10 @@ const cg = 30, pC = 75, Ek = {
     --checked-icon-display: none;
     --submenu-icon-display: none;
 
-    flex: 1;
+    align-items: center;
     display: flex;
+    flex: 1;
+    gap: var(--cx-spacing-small);
     justify-content: flex-end;
   }
 
@@ -11651,7 +11653,7 @@ const cg = 30, pC = 75, Ek = {
     transition: opacity 0.1s;
   }
 
-  .node:hover > .header >  .actions > .actions__dropdown > .actions__dropdown-trigger {
+  .node:hover > .header >  .actions .actions__dropdown > .actions__dropdown-trigger {
     opacity: 1;
   }
 
@@ -13513,11 +13515,12 @@ const hae = (n) => n.data?.unordered && n.data?.unorderedText ? {
           default: {
             b.current?.emit("cx-node-action-select", {
               detail: { id: B, targetNode: n.id }
-            });
+            }), b.current?.hide();
             break;
           }
         }
-    }
+    } else
+      b.current?.hide();
   }, [n, D]), $ = qe.useCallback((q) => {
     const B = b.current;
     q.target === B && (B?.emit("cx-action-dropdown-show", {
@@ -13597,16 +13600,8 @@ const hae = (n) => n.data?.unordered && n.data?.unorderedText ? {
                 ),
                 /* @__PURE__ */ _e.jsx("div", { className: "description", children: /* @__PURE__ */ _e.jsx("cx-line-clamp", { lines: 1, children: n.description }, n.description) })
               ] }),
-              s && /* @__PURE__ */ _e.jsxs(_e.Fragment, { children: [
-                /* @__PURE__ */ _e.jsx(
-                  "div",
-                  {
-                    style: {
-                      flex: 1
-                    }
-                  }
-                ),
-                /* @__PURE__ */ _e.jsx(
+              /* @__PURE__ */ _e.jsxs("div", { className: "actions", children: [
+                s && /* @__PURE__ */ _e.jsx(
                   "cx-icon",
                   {
                     class: "icon",
@@ -13615,48 +13610,48 @@ const hae = (n) => n.data?.unordered && n.data?.unorderedText ? {
                       "--color": "var(--cx-color-danger-500)"
                     }
                   }
-                )
-              ] }),
-              n.actions && n.actions.length > 0 && A && A.length > 0 && /* @__PURE__ */ _e.jsx("div", { className: "actions", children: /* @__PURE__ */ _e.jsxs(
-                "cx-dropdown",
-                {
-                  ref: b,
-                  class: "actions__dropdown",
-                  placement: "bottom-start",
-                  "stay-open-on-select": !0,
-                  hoist: !0,
-                  "oncx-select": F,
-                  "oncx-show": $,
-                  "oncx-hide": j,
-                  children: [
-                    /* @__PURE__ */ _e.jsx("cx-icon-button", { slot: "trigger", class: "actions__dropdown-trigger", name: "more_horiz", style: w ? { opacity: 1 } : {} }),
-                    /* @__PURE__ */ _e.jsx("cx-menu", { role: "menu", variant: "default", children: A.map((q) => "type" in q && q.type === "divider" ? /* @__PURE__ */ _e.jsx("cx-divider", {}, q.key) : "id" in q ? /* @__PURE__ */ _e.jsxs(
-                      "cx-menu-item",
-                      {
-                        "data-id": q.id,
-                        style: {
-                          "--label-color": q.style?.color,
-                          "--prefix-color": q.style?.color
+                ),
+                n.actions && n.actions.length > 0 && A && A.length > 0 && /* @__PURE__ */ _e.jsxs(
+                  "cx-dropdown",
+                  {
+                    ref: b,
+                    class: "actions__dropdown",
+                    placement: "bottom-start",
+                    "stay-open-on-select": !0,
+                    hoist: !0,
+                    "oncx-select": F,
+                    "oncx-show": $,
+                    "oncx-hide": j,
+                    children: [
+                      /* @__PURE__ */ _e.jsx("cx-icon-button", { slot: "trigger", class: "actions__dropdown-trigger", name: "more_horiz", style: w ? { opacity: 1 } : {} }),
+                      /* @__PURE__ */ _e.jsx("cx-menu", { role: "menu", variant: "default", children: A.map((q) => "type" in q && q.type === "divider" ? /* @__PURE__ */ _e.jsx("cx-divider", {}, q.key) : "id" in q ? /* @__PURE__ */ _e.jsxs(
+                        "cx-menu-item",
+                        {
+                          "data-id": q.id,
+                          style: {
+                            "--label-color": q.style?.color,
+                            "--prefix-color": q.style?.color
+                          },
+                          children: [
+                            /* @__PURE__ */ _e.jsx("cx-icon", { slot: "prefix", name: q.icon }),
+                            q.name,
+                            q.controlType === "switch" && /* @__PURE__ */ _e.jsx(
+                              "cx-switch",
+                              {
+                                slot: "suffix",
+                                checked: !!n[q.id] || !1,
+                                "show-icon": !0,
+                                onClick: L
+                              }
+                            )
+                          ]
                         },
-                        children: [
-                          /* @__PURE__ */ _e.jsx("cx-icon", { slot: "prefix", name: q.icon }),
-                          q.name,
-                          q.controlType === "switch" && /* @__PURE__ */ _e.jsx(
-                            "cx-switch",
-                            {
-                              slot: "suffix",
-                              checked: !!n[q.id] || !1,
-                              "show-icon": !0,
-                              onClick: L
-                            }
-                          )
-                        ]
-                      },
-                      q.id
-                    ) : null) })
-                  ]
-                }
-              ) })
+                        q.id
+                      ) : null) })
+                    ]
+                  }
+                )
+              ] })
             ] }),
             a && /* @__PURE__ */ _e.jsx("div", { className: "metadata", children: (n.summaries || []).map((q, B) => /* @__PURE__ */ _e.jsxs(
               "div",

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.53.0",
+  "version": "2.54.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/atoms/src/components/checkbox/checkbox.d.ts

@@ -73,9 +73,8 @@ export default class CxCheckbox extends CortexElement implements CortexFormContr
     connectedCallback(): void;
     private handleHostKeydown;
     private handleHostClick;
-    handleChange(): void;
+    private handleChange;
     private handleBlur;
-    private handleInput;
     private handleInvalid;
     private handleFocus;
     handleDisabledChange(): void;

package/library/packages/events/src/cx-clear-upload.d.ts

@@ -0,0 +1,6 @@
+export type CxClearUploadEvent = CustomEvent<Record<PropertyKey, unknown>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-clear-upload': CxClearUploadEvent;
+    }
+}

package/library/packages/events/src/events.d.ts

@@ -24,6 +24,7 @@ export * from './cx-cancel-upload';
 export * from './cx-change';
 export * from './cx-clear';
 export * from './cx-clear-cache';
+export * from './cx-clear-upload';
 export * from './cx-close';
 export * from './cx-collapse';
 export * from './cx-color-swatch-picker-add';

package/library/packages/organisms/src/file-on-demand/file-on-demand.d.ts

@@ -207,6 +207,7 @@ export default class CxFileOnDemand extends CortexElement {
     private pauseUpload;
     private resumeUpload;
     private cancelUpload;
+    private clearUpload;
     private saveSettings;
     private markFavorite;
     private unmarkFavorite;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.53.0",
+  "version": "2.54.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {