@orangelogic/design-system 2.78.0 → 2.79.0

package/library/components/visually-hidden.js

@@ -1,20 +1,8 @@
 import { C as a } from "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { c as l } from "../chunks/component.styles.DMSLciL5.js";
+import { c as l } from "../chunks/component.styles.CRO4Odto.js";
 import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
 import { i as c, x as d } from "../chunks/lit-element.jLBm65_O.js";
-const h = c`
-  :host(:not(:focus-within)) {
-    position: absolute !important;
-    width: 1px !important;
-    height: 1px !important;
-    clip: rect(0 0 0 0) !important;
-    clip-path: inset(50%) !important;
-    border: none !important;
-    overflow: hidden !important;
-    white-space: nowrap !important;
-    padding: 0 !important;
-  }
-`;
+const h = c`:host(:not(:focus-within)){clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:none!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}`;
 var f = Object.getOwnPropertyDescriptor, u = (r, n, p, i) => {
   for (var t = i > 1 ? void 0 : i ? f(n, p) : n, o = r.length - 1, s; o >= 0; o--)
     (s = r[o]) && (t = s(t) || t);
@@ -22,7 +10,7 @@ var f = Object.getOwnPropertyDescriptor, u = (r, n, p, i) => {
 };
 let e = class extends a {
   render() {
-    return d` <slot></slot> `;
+    return d`<slot></slot>`;
   }
 };
 e.styles = [l, h];

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.78.0",
+  "version": "2.79.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {
@@ -45,5 +45,8 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "nx": {
+    "projectType": "application"
   }
 }

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

@@ -13,7 +13,7 @@ import { default as CxTypography } from '../typography/typography';
 
 /**
  * @summary Pagination component displays the current page and allows the user to navigate through pages.
- * @description Set `show-pagination-input` to render an editable page input in page counters. Leave it unset to keep the original plain-text counters. Use `back-icon-name` and `next-icon-name` to override the previous/next icon-button glyphs (see the icon component for available names). Use `icon-button-size` for all navigation icon buttons (`small`, `medium`, `large`, `x-large`).
+ * @description Set `show-pagination-input` to render an editable page input in page counters. Leave it unset to keep the original plain-text counters. When only one page is available, navigation buttons are hidden and page counters remain plain text. Use `back-icon-name` and `next-icon-name` to override the previous/next icon-button glyphs (see the icon component for available names). Use `icon-button-size` for all navigation icon buttons (`small`, `medium`, `large`, `x-large`).
  *
  * @cssproperty --width - The width of the select
  *
@@ -95,6 +95,7 @@ export default class CxPagination extends CortexElement {
     get pageEnd(): number;
     get prevDisabled(): boolean;
     get nextDisabled(): boolean;
+    private get hasMultiplePages();
     private updatePageCount;
     private handlePageSizeSelectChange;
     private handleFirst;

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

@@ -86,6 +86,12 @@ export default class CxSelect extends CortexElement implements CortexFormControl
      * be an array. **For this reason, values must not contain spaces.**
      */
     value: string | string[];
+    /**
+     * The fallback option value used when the select value does not match
+     * any explicitly declared option.
+     * The original unmatched value is preserved for form submission.
+     */
+    fallbackOptionValue: string;
     /**
      * The default value of the form control. Primarily used for resetting the form control.
      */
@@ -321,6 +327,11 @@ export default class CxSelect extends CortexElement implements CortexFormControl
      * Gets an array of all visible <cx-option> elements
      */
     private getVisibleOptions;
+    /**
+     * Resolves selected options for the current value and applies fallback selection
+     * when unmatched values exist and `fallbackOptionValue` is configured.
+     */
+    private getOptionsForValue;
     /**
      * Sets the current option, which is the option the user is currently interacting with (e.g. via keyboard). Only one
      * option may be "current" at a time.

package/library/packages/atoms/src/components/table/tabulator-tables/modules/Ajax/Ajax.d.ts

@@ -15,7 +15,7 @@ export default class Ajax extends Module {
     params: Record<string, unknown> | false;
     loaderPromise: LoaderPromise | false;
     contentTypeFormatters: Record<string, AjaxContentType>;
-    private fetchApi;
+    private readonly fetchApi;
     static defaultLoaderPromise: LoaderPromise;
     constructor(table: Tabulator);
     initialize(): void;

package/library/packages/atoms/src/components/table/tabulator-tables/modules/Edit/List.d.ts

@@ -40,6 +40,7 @@ export default class List {
     currentItems: ListItem[];
     focusedItem: ListItem | null;
     input: CxSelect;
+    initialValue: any;
     initialValues: string[];
     /**
      * Whether the cell is a header cell, used for header filter of type list
@@ -52,7 +53,7 @@ export default class List {
         cancel: CancelCallback;
         success: SuccessCallback;
     };
-    private fetchApi;
+    private readonly fetchApi;
     constructor(editor: Edit, cell: Cell, onRendered: OnRenderedCallback, success: SuccessCallback, cancel: CancelCallback, editorParams: ListEditorParams);
     /**
      * cx-select only accepts string values without spaces
@@ -60,6 +61,7 @@ export default class List {
      */
     sanitizeValue(value: any): string;
     _initializeValue(): Promise<void>;
+    _getSanitizedInitialValues(initialValue: any): string[];
     _onRendered(): Promise<void>;
     clickStop(e: MouseEvent): void;
     /**
@@ -83,6 +85,16 @@ export default class List {
     _uniqueColumnValues(field?: string): string[];
     _emptyValueCheck(value: any): boolean;
     _parseList(inputValues: ListInputValues | Record<string, any>): ListItem[];
+    /**
+     * Appends a fallback option when `fallbackOptionValue` is configured
+     * and not explicitly declared in the list values.
+     */
+    _appendFallbackOptionItem(data: ListItem[]): void;
+    /**
+     * Checks recursively whether grouped/flat list items already contain
+     * a given sanitized option value.
+     */
+    _hasListItemValue(items: ListItem[], sanitizedValue: string): boolean;
     _parseListItem(option: any, level: number): ListItem;
     _parseListGroup(option: any, level: number): ListItem;
     _sortOptions(options: ListItem[]): ListItem[];
@@ -102,6 +114,25 @@ export default class List {
     _cancel(): void;
     _chooseItem(item: ListItem, silent?: boolean): void;
     _getCommittedOutput(): any;
+    /**
+     * Resolves the selected values once so preserved fallback arrays are not
+     * inserted into a single selected-option slot.
+     */
+    _getCommittedMultipleOutput(options: HTMLElement[]): any[];
+    _getMappedOptionOutput(sanitized: string): any;
+    _getPreservedInputValueOutput(value: any): any;
+    _getPreservedFallbackMultipleOutput(sanitizedOptions: string[]): {
+        hasValue: false;
+    } | {
+        hasValue: true;
+        value: any[];
+    };
+    /**
+     * Checks for a preserved unmatched editor value when the selected option is
+     * the configured fallback option used for undeclared values.
+     */
+    _hasPreservedFallbackOptionOutput(sanitized: string): boolean;
+    _hasPreservedUnmatchedInputValue(inputValues: any[], sanitizedFallbackOptionValue: string): boolean;
     _resolveValue(commitItem?: ListItem): void;
 }
 export {};

package/library/packages/types/src/table.d.ts

@@ -2441,6 +2441,8 @@ export interface ListEditorParams extends SharedEditorParams, SharedSelectAutoCo
     valuesURL?: string;
     valuesLookup?: ListEditorValuesLookup;
     valuesLookupField?: string;
+    fallbackOptionLabel?: string;
+    fallbackOptionValue?: string | number | boolean;
     clearable?: boolean;
     getItemLabel?: (label: string, value: string, item: any, element: HTMLElement) => string;
     sort?: SortDirection;