@orangelogic/design-system 3.36.0 → 3.38.0

package/library/packages/molecules/src/view-and-sort/view-and-sort.d.ts

@@ -61,12 +61,10 @@ export default class CxViewAndSort extends CortexElement {
     private handleItemTooltipMouseEnter;
     private handleItemTooltipMouseLeave;
     private handleActionClick;
-    /**
-     * Whether an item is one option out of a set the user picks from, such as items per page, and
-     * so needs `aria-checked`. Options share a `group`; switches, buttons, submenu openers and
-     * settings actions are excluded.
-     */
+    /** Whether an item is one choice in a picker (e.g. items-per-page), rendered as `type="selectable"`. */
     private isSelectableOption;
+    /** Maps a data item to the `cx-menu-item` type that should render it. */
+    private resolveMenuItemType;
     render(): TemplateResult<1>;
     renderMenuSection(section: MenuSection): TemplateResult;
     renderMenuItem(item: MenuItem, isHorizontal?: boolean, tooltip?: string): TemplateResult;

package/library/packages/organisms/src/content-builder/blocks/search-box/search-box.d.ts

@@ -27,7 +27,7 @@ import { CSSResultGroup } from 'lit';
  * @event cx-change - Emitted when an alteration to the control's value is committed by the user.
  * @event {{ value: string }} cx-search - Emitted when user hits Enter key or clicks search button (if enabled).
  *
- * @cssproperty [--border-radius=6px] - The field's corner radius.
+ * @cssproperty [--border-radius=8px] - The field's corner radius.
  * @cssproperty [--box-shadow=0px 0px 0px 0px light-dark(transparent, transparent)] - The field's shadow. Custom appearance only.
  * @cssproperty [--icon-color=var(--cx-color-primary)] - The leading icon's color. Custom appearance only, and hidden in the content builder when a custom image icon is used.
  * @cssproperty [--icon-size=var(--cx-font-size-3x-large)] - The leading icon's width; its height scales proportionally. Custom appearance only.

package/library/packages/organisms/src/downloader/data/core/WorkerProxy.d.ts

@@ -29,6 +29,7 @@ export declare class WorkerProxy implements IDownloadManager {
     start(enableRocketMode: boolean, keepDownloading: boolean): Promise<void>;
     restart(): Promise<void>;
     handleCookiesRejected(): void;
+    handleCookiesAccepted(): Promise<void>;
     registerDownload(transactionID: string): Promise<string | null>;
     startDownload(transactionID: string, location: string): Promise<void>;
     pauseFile(fileID: string): Promise<void>;

package/library/packages/organisms/src/downloader/data/core/worker/app/DownloadManager.d.ts

@@ -35,6 +35,11 @@ export type IDownloadManager = {
     getChunkSize: () => Promise<number>;
     getDefaultRootName: () => Promise<string | null>;
     getFile: (id: string) => Promise<GetFileQuery.QueryResult>;
+    /**
+     * Do necessary handling when the user has accepted cookies for downloader again
+     * after previously rejecting them
+     */
+    handleCookiesAccepted: () => Promise<void>;
     /**
      * Do necessary handling when the user has rejected cookies for downloader
      */
@@ -81,6 +86,7 @@ export declare class DownloadManager implements IDownloadManager {
     private databaseDiscarded;
     constructor(context: DownloadContext, downloadDatabase: DownloadDatabase, downloadTransactionsRepo: IDownloadTransactionsRepository, downloadFilesRepo: IDownloadFilesRepository, downloadChunksRepo: IDownloadChunksRepository, downloadApiClient: IDownloadApiClient, storage: IStorage, eventHub: IEventHub, logger: ILogger, retrier: IRetrier, locker: ILocker);
     handleCookiesRejected(): void;
+    handleCookiesAccepted(): Promise<void>;
     private setupBackgroundJobs;
     isRocketModeEnabled(): Promise<boolean>;
     private internalToggleRocketMode;

package/library/packages/organisms/src/downloader/downloader.d.ts

@@ -145,6 +145,8 @@ export default class CxDownloader extends CortexElement {
     setCheckDefaultRootNameInterval(): void;
     checkCookiesRejectedInterval: NodeJS.Timer | undefined;
     setCheckCookiesRejectedInterval(): void;
+    checkCookiesAcceptedInterval: NodeJS.Timer | undefined;
+    setCheckCookiesAcceptedInterval(): void;
     cancelSingle: (id: string) => void;
     onCancelAll: () => Promise<void>;
     onClear: (id: string) => void;

package/library/packages/types/src/menu-item.d.ts

@@ -17,17 +17,24 @@ export declare enum AriaCurrentValue {
     Step = "step",
     Time = "time"
 }
-/** The kind of menu item to render. `Checkbox` is required before `checked` has any effect. */
+/** The kind of menu item to render. `Checkbox` or `Selectable` is required before `checked` has any effect. */
 export declare enum MenuItemType {
     Checkbox = "checkbox",
-    Normal = "normal"
+    Normal = "normal",
+    /** Same behavior and role as `Normal`; may also show the checkmark. Purely visual — the host owns `checked`. */
+    Selectable = "selectable"
 }
+/** `MenuItemType` values allowed to set `checked`. Only `Checkbox` also exposes `aria-checked`. */
+export declare const CHECKED_ALLOWED_MENU_ITEM_TYPES: Set<MenuItemType>;
 /**
  * Interface for menu item data that can be shared between events and components
  * This breaks the circular dependency between events and atoms packages
  */
 export interface MenuItemData {
-    /** Whether the menu item is checked (for checkbox type) */
+    /**
+     * Whether the menu item is checked. Only the `checkbox` and `selectable` types honor it;
+     * only `checkbox` also exposes `aria-checked`.
+     */
     checked?: boolean;
     /** Whether the menu item is disabled */
     disabled?: boolean;

package/library/react-web-component.d.ts

@@ -549,11 +549,11 @@
             interface CxMenuItemAttributes extends HTMLAttributes<CxMenuItem> {
               
         /**
-          * The type of menu item to render. To use `checked`, this value must be set to `checkbox`.
+          * The type of menu item to render. To use `checked`, this value must be set to `checkbox` or `selectable`.
         */
-        type?: "checkbox" | "normal";
+        type?: "checkbox" | "normal" | "selectable";
         /**
-          * Overrides the ARIA role derived from `type`. Use `menuitemradio` for a checkbox item that is one choice out of a set.
+          * Overrides the ARIA role derived from `type`.
         */
         itemRole?: "menuitemcheckbox" | "menuitem" | "menuitemradio";
         /**

package/package.json

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

package/library/assets/validation.worker-BSuTSsWh.js

@@ -1 +0,0 @@
-(function(){function e(e){return e===``||e==null}function t(e){return Number.isFinite(Number(e))}function n(e,t){if(!t||typeof t!=`object`)return!0;let n=Number(e);return!(t.min!==void 0&&n<t.min||t.max!==void 0&&n>t.max)}function r(e){return e instanceof Date?e.getTime():typeof e==`number`?Number.isFinite(e)?e:NaN:typeof e==`string`?Date.parse(e):NaN}let i=[{groupName:`year`,token:`YYYY`},{groupName:`month`,token:`MM`},{groupName:`day`,token:`DD`},{groupName:`hour`,token:`HH`},{groupName:`minute`,token:`mm`},{groupName:`second`,token:`ss`}];function a(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}function o(e){let t=``,n=0;for(;n<e.length;){let r=i.find(({token:t})=>e.startsWith(t,n));if(r){let e=r.token.length;t+=`(?<${r.groupName}>\\d{${e}})`,n+=e}else t+=a(e[n]),n+=1}return RegExp(`^${t}$`)}function s(e,t){let n=o(t).exec(e);if(!n?.groups)return!1;let r=Number(n.groups.year??`1970`),i=Number(n.groups.month??`1`),a=Number(n.groups.day??`1`),s=Number(n.groups.hour??`0`),c=Number(n.groups.minute??`0`),l=Number(n.groups.second??`0`);if(i<1||i>12||s>23||c>59||l>59)return!1;let u=new Date(r,i-1,a,s,c,l);return u.getFullYear()===r&&u.getMonth()===i-1&&u.getDate()===a}let c={alphanumeric(t){return e(t)?!0:/^[a-z0-9]+$/i.test(String(t))},boolean(t){return e(t)?!0:typeof t==`boolean`||t===`true`||t===`false`},date(t,n){if(e(t))return!0;if(n&&typeof n==`object`&&n.format!==void 0&&!s(String(t),n.format))return!1;let i=r(t);if(Number.isNaN(i))return!1;if(!n||typeof n!=`object`)return!0;if(n.starts!==void 0){let e=r(n.starts);if(Number.isNaN(e)||i<e)return!1}if(n.ends!==void 0){let e=r(n.ends);if(Number.isNaN(e)||i>e)return!1}return!0},ends(t,n){return e(t)?!0:String(t).toLowerCase().endsWith(String(n).toLowerCase())},float(r,i){if(e(r))return!0;let a=Number(r);return t(r)&&a%1!=0&&n(r,i)},in(t,n){if(e(t))return!0;let r=typeof n==`string`?n.split(`|`):n;return Array.isArray(r)&&r.includes(t)},integer(r,i){if(e(r))return!0;let a=Number(r);return t(r)&&Math.floor(a)===a&&n(r,i)},max(t,n){return e(t)?!0:Number.parseFloat(String(t))<=Number(n)},maxLength(t,n){return e(t)?!0:String(t).length<=Number(n)},min(t,n){return e(t)?!0:Number.parseFloat(String(t))>=Number(n)},minLength(t,n){return e(t)?!0:String(t).length>=Number(n)},numeric(t,r){return e(t)?!0:!Number.isNaN(Number(t))&&n(t,r)},regex(t,n){if(e(t))return!0;let r;r=n instanceof RegExp?n:n===void 0?``:String(n);try{return new RegExp(r).test(String(t))}catch{return!1}},required(t){return!e(t)},starts(t,n){return e(t)?!0:String(t).toLowerCase().startsWith(String(n).toLowerCase())},string(t,n){if(e(t))return!0;if(!Number.isNaN(Number(t)))return!1;if(!n||typeof n!=`object`)return!0;let r=String(t).length;return!(n.minLength!==void 0&&r<n.minLength||n.maxLength!==void 0&&r>n.maxLength)},unique(t,n,r){return e(t)||!r?.columnValues?!0:!r.columnValues.some(e=>e===t)}},l=1e3;function u(e){return e===``||e==null}function d(e){let t=/* @__PURE__ */ new Map;return e.forEach(e=>{u(e)||t.set(e,(t.get(e)??0)+1)}),t}function f(e,t,n){let r=[];return t.forEach(t=>{let i;if(t.type===`unique`)i=u(e)||(n.get(e)??0)<=1;else{let n=c[t.type];i=!n||n(e,t.parameters)}i||r.push({message:t.message,parameters:t.parameters,type:t.type})}),r}globalThis.addEventListener(`message`,e=>{if(e.origin!==``||e.data?.type!==`cx-validation-request`)return;let{fields:t,id:n}=e.data.payload,r=t.map(e=>e.rules.some(e=>e.type===`unique`)?d(e.values):/* @__PURE__ */ new Map),i=t.reduce((e,t)=>Math.max(e,t.values.length),0);for(let e=0;e<i||e===0;e+=l){let a=Math.min(e+l,i),o=[];for(let n=e;n<a;n++)t.forEach((e,t)=>{let i=f(e.values[n],e.rules,r[t]);i.length&&o.push({failures:i,fieldIndex:t,rowIndex:n})});let s={done:a>=i,id:n,results:o};if(globalThis.postMessage({payload:s,type:`cx-validation-response`}),a>=i)break}})})();