@progress/kendo-react-common 13.3.0 → 13.4.0-develop.1

package/unstyled/dropdowns.d.ts

@@ -0,0 +1,314 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { WidgetClassStructure } from './interfaces/common.js';
+export interface DropDownBaseListItemClasses {
+    /** Main class for the list item */
+    main?: string;
+    /** Class for the selected state of the list item */
+    selected?: string;
+    /** Class for the focused state of the list item */
+    focused?: string;
+    /** Class for the first item in the list */
+    first?: string;
+    /** Class for the disabled state of the list item */
+    disabled?: string;
+}
+export interface DropDownBaseGroupLiClasses {
+    /** Class for the list of grouped items */
+    list?: string;
+    /** Class for the table representation of grouped items */
+    table?: string;
+}
+export interface DropDownBaseGroupItemClasses {
+    /** Class for the text of list items in a group */
+    list?: string;
+    /** Class for the header cell text in a group table */
+    table?: string;
+}
+export interface DropDownBaseOptionLabelClasses {
+    /** Main class for the option label */
+    main?: string;
+    /** Class for the selected state of the option label */
+    selected?: string;
+}
+export interface DropDownBaseClasses {
+    /** Class for the clear button */
+    clearButton?: string;
+    /** Class for the sticky header of the grouped list */
+    groupStickyHeader?: string;
+    /** Class for the header text in the list */
+    listHeaderText?: string;
+    /** Class for the unordered list element */
+    ul?: string;
+    /** List item configurations */
+    li?: DropDownBaseListItemClasses;
+    /** Grouped list item configurations */
+    groupLi?: DropDownBaseGroupLiClasses;
+    /** Class for the text of regular list items */
+    itemText?: string;
+    /** Grouped item text configurations */
+    groupItemText?: DropDownBaseGroupItemClasses;
+    /** Class for the label of grouped items */
+    itemGroupLabel?: string;
+    /** Class for displaying no data message */
+    noData?: string;
+    /** Class for the height container */
+    heightContainer?: string;
+    /** Option label configurations */
+    optionLabel?: DropDownBaseOptionLabelClasses;
+    /** Class for the inner input */
+    inputInner?: string;
+    /** Class for the input icon */
+    inputIcon?: string;
+    /** Class for the search box component */
+    searchbox?: string;
+    /** Class for the list filter */
+    listFilter?: string;
+}
+/**
+ * @hidden
+ */
+export declare const uDropDownsBase: WidgetClassStructure;
+export interface DropDownsActionSheetClasses {
+    /** Wrapper configurations for the action sheet component */
+    wrapper?: {
+        /** Main class for the action sheet */
+        main?: string;
+        /** Class for the fullscreen state of the action sheet */
+        fullscreen?: string;
+        /** Class for the bottom state of the action sheet */
+        bottom?: string;
+    };
+    /** Class for the header text, centered */
+    header?: string;
+    /** Title bar configurations for the action sheet */
+    titleBar?: {
+        /** Main class for the title bar within the action sheet */
+        main?: string;
+        /** Class for positioning the title bar horizontally */
+        position?: string;
+    };
+    /** Class for the title of the action sheet */
+    title?: string;
+    /** Subtitle configurations for the action sheet */
+    subtitle?: {
+        /** Main class for the subtitle in the action sheet */
+        main?: string;
+        /** Class for centered text in the subtitle */
+        textCenter?: string;
+    };
+    /** Class for the actions container within the action sheet */
+    actions?: string;
+    /** Title bar group configurations for the action sheet */
+    titleBarGroup?: {
+        /** Main class for the title bar group */
+        main?: string;
+        /** Class for the filter within the action sheet */
+        filter?: string;
+    };
+}
+/**
+ * @hidden
+ */
+export declare const uDropDownsActionSheet: WidgetClassStructure;
+export interface DropDownListClasses {
+    /** Wrapper configurations for the dropdown list component */
+    wrapper?: {
+        /** Main class for the dropdown list */
+        main?: string;
+        /** Class for the picker element */
+        picker?: string;
+        /** Size configurations for the picker */
+        size?: {
+            /** Class for the small size of the picker */
+            small?: string;
+            /** Class for the medium size of the picker */
+            medium?: string;
+            /** Class for the large size of the picker */
+            large?: string;
+        };
+        /** Fill mode configurations for the picker */
+        fillMode?: {
+            /** Class for the solid fill mode of the picker */
+            solid?: string;
+            /** Class for the outline fill mode of the picker */
+            outline?: string;
+            /** Class for the flat fill mode of the picker */
+            flat?: string;
+            /** Class for the link fill mode of the picker */
+            link?: string;
+            /** Class for the clear fill mode of the picker */
+            clear?: string;
+        };
+        /** Rounded configurations for the picker */
+        rounded?: {
+            /** Class for the small rounded picker */
+            small?: string;
+            /** Class for the medium rounded picker */
+            medium?: string;
+            /** Class for the large rounded picker */
+            large?: string;
+        };
+        /** Class for the disabled state of the picker */
+        disabled?: string;
+        /** Class for the focused state of the picker */
+        focused?: string;
+        /** Class for the invalid state of the picker */
+        invalid?: string;
+        /** Class for the loading state of the picker */
+        loading?: string;
+        /** Class for the required state of the picker */
+        required?: string;
+    };
+    /** Class for the loading icon associated with the input */
+    loadingIcon?: string;
+    /** Class for the input button within the dropdown list */
+    inputButton?: string;
+    /** List container configurations for the dropdown list */
+    listContainer?: {
+        /** Main class for the list container */
+        main?: string;
+        /** Class for the popup within the dropdown list */
+        popup?: string;
+    };
+    /** Class for the inner input of the dropdown list */
+    inputInner?: string;
+    /** Class for the input text of the dropdown list */
+    inputText?: string;
+    /** Class for the header of the list within the dropdown */
+    listHeader?: string;
+    /** List configurations for the dropdown list */
+    list?: {
+        /** Main class for the list */
+        main?: string;
+        /** Size configurations for the list */
+        size?: {
+            /** Class for the small size of the list */
+            small?: string;
+            /** Class for the medium size of the list */
+            medium?: string;
+            /** Class for the large size of the list */
+            large?: string;
+        };
+        /** Class for the virtual list configuration */
+        virtual?: string;
+    };
+    /** Class for the content of the list within the dropdown */
+    listContent?: string;
+    /** Class for the footer of the list within the dropdown */
+    listFooter?: string;
+}
+/**
+ * @hidden
+ */
+export declare const uDropDownList: WidgetClassStructure;
+export interface ComboBoxClasses {
+    /** Wrapper configurations for the combo box component */
+    wrapper?: {
+        /** Main prefix for the combo box */
+        main?: string;
+        /** Class for the input element */
+        input?: string;
+        /** Size configurations for the input */
+        size?: {
+            /** Class for the small size of the input */
+            small?: string;
+            /** Class for the medium size of the input */
+            medium?: string;
+            /** Class for the large size of the input */
+            large?: string;
+        };
+        /** Fill mode configurations for the input */
+        fillMode?: {
+            /** Class for the solid fill mode of the input */
+            solid?: string;
+            /** Class for the outline fill mode of the input */
+            outline?: string;
+            /** Class for the flat fill mode of the input */
+            flat?: string;
+            /** Class for the link fill mode of the input */
+            link?: string;
+            /** Class for the clear fill mode of the input */
+            clear?: string;
+        };
+        /** Rounded configurations for the input */
+        rounded?: {
+            /** Class for the small rounded input */
+            small?: string;
+            /** Class for the medium rounded input */
+            medium?: string;
+            /** Class for the large rounded input */
+            large?: string;
+        };
+        /** Class for the disabled state of the input */
+        disabled?: string;
+        /** Class for the invalid state of the input */
+        invalid?: string;
+        /** Class for the loading state of the input */
+        loading?: string;
+        /** Class for the required state of the input */
+        required?: string;
+    };
+    /** Class for the loading icon associated with the input */
+    loadingIcon?: string;
+    /** Class for the input button within the combo box */
+    inputButton?: string;
+    /** List container configurations for the combo box */
+    listContainer?: {
+        /** Main prefix for the list container */
+        main?: string;
+        /** Class for the popup within the combo box */
+        popup?: string;
+    };
+    /** Class for the header of the list within the combo box */
+    listHeader?: string;
+    /** List configurations for the combo box */
+    list?: {
+        /** Main prefix for the list */
+        list?: string;
+        /** Class for the table element within the list */
+        table?: string;
+        /** Size configurations for the list */
+        size?: {
+            /** Class for the list size */
+            prefix?: string;
+            /** Class for the small size of the list */
+            small?: string;
+            /** Class for the medium size of the list */
+            medium?: string;
+            /** Class for the large size of the list */
+            large?: string;
+        };
+        /** Table size configurations for the list */
+        tableSize?: {
+            /** Class for the table size */
+            prefix?: string;
+            /** Class for the small size of the table */
+            small?: string;
+            /** Class for the medium size of the table */
+            medium?: string;
+            /** Class for the large size of the table */
+            large?: string;
+        };
+        /** Class for the virtual list configuration */
+        virtual?: string;
+    };
+    /** List content configurations for the combo box */
+    listContent?: {
+        /** Main prefix for the list content */
+        main?: string;
+        /** Class for the scroller within the list content */
+        scroller?: string;
+    };
+    /** Class for the footer of the list within the combo box */
+    listFooter?: string;
+}
+/**
+ * @hidden
+ */
+export declare const uComboBox: WidgetClassStructure;

package/unstyled/dropdowns.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { getClassByName as s } from "./interfaces/common.mjs";
-import { base as e, containers as i, states as u, elements as o, dimensions as y, inputPrefix as p, inputs as T, icon as H, components as b, cssUtils as D, dropDownListPrefix as P, pickerPrefix as g, sizeMap as f, fillModeMap as z, roundedMap as L, comboBoxPrefix as A } from "./json-classes.mjs";
+import { base as e, containers as i, components as b, inputs as T, icon as H, inputPrefix as p, states as u, dimensions as y, elements as o, cssUtils as D, sizeMap as f, roundedMap as L, pickerPrefix as g, fillModeMap as z, dropDownListPrefix as P, comboBoxPrefix as A } from "./json-classes.mjs";
 const d = {
   clearButton: `${e.prefix}-${e.clear}-${e.value}`,
   groupStickyHeader: `${e.prefix}-${i.list}-${i.group}-${u.sticky}-${o.header}`,

package/unstyled/form.d.ts

@@ -0,0 +1,71 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { WidgetClassStructure } from './interfaces/common.js';
+export interface FormClasses {
+    /** Form configurations */
+    form?: {
+        /** Main class for the form */
+        main?: string;
+        /** Size configurations for the form */
+        size?: {
+            /** Prefix for size classes */
+            prefix?: string;
+            /** Class for small size */
+            small?: string;
+            /** Class for medium size */
+            medium?: string;
+            /** Class for large size */
+            large?: string;
+        };
+        /** Orientation configurations for the form */
+        orientation?: {
+            /** Class for horizontal orientation */
+            horizontal?: string;
+            /** Class for vertical orientation */
+            vertical?: string;
+        };
+    };
+    /** Layout configurations for the form */
+    formLayout?: {
+        /** Main class for form layout */
+        main?: string;
+    };
+    /** Fieldset configurations within the form */
+    fieldset?: {
+        /** Main class for form fieldset */
+        main?: string;
+        /** Layout configurations for the form fieldset */
+        layout?: {
+            /** Main class for form fieldset layout */
+            main?: string;
+        };
+    };
+    /** Class for the form legend */
+    legend?: {
+        /** Main class for form legend */
+        main?: string;
+    };
+    /** Field configurations within the form */
+    field?: {
+        /** Main class for form fields */
+        main?: string;
+        /** Class indicating right-to-left (RTL) layout */
+        isRtl?: string;
+    };
+    /**
+     * Separator configurations within the form.
+     */
+    separator?: {
+        /** Main class for form field separator */
+        main?: string;
+    };
+}
+/**
+ * @hidden
+ */
+export declare const uForm: WidgetClassStructure;

package/unstyled/form.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { base as o, forms as t, sizeMap as m, orientationMap as $ } from "./json-classes.mjs";
+import { base as o, forms as t, orientationMap as $, sizeMap as m } from "./json-classes.mjs";
 const n = `${o.prefix}-${t.form}`, c = `${o.prefix}-${t.form}-${t.field}`, a = {
   form: {
     main: n,

package/unstyled/grid.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { WidgetClassStructure } from './interfaces/common.js';
+/**
+ * @hidden
+ */
+export declare const uGrid: WidgetClassStructure;

package/unstyled/grid.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-classes.js"),a={wrapper:{main:e.gridPrefix,size:{small:`${e.gridPrefix}-${e.sizeMap.small}`,medium:`${e.gridPrefix}-${e.sizeMap.medium}`},virtual:`${e.gridPrefix}-${e.base.virtual}`,stacked:`${e.gridPrefix}-stack`},ariaRoot:`${e.gridPrefix}-${e.grid.ariaRoot}`,container:`${e.gridPrefix}-${e.containers.container}`,content:{main:`${e.gridPrefix}-${e.containers.content}`,virtual:`${e.base.prefix}-${e.base.virtual}-${e.containers.content}`},tableWrap:`${e.gridPrefix}-${e.grid.tableWrap}`,table:{main:`${e.base.prefix}-${e.elements.table}`,gridTable:`${e.gridPrefix}-${e.elements.table}`,size:{small:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.medium}`}},tbody:`${e.base.prefix}-${e.elements.table}-${e.elements.tbody}`,thead:{main:`${e.gridPrefix}-${e.elements.table}-${e.elements.thead}`,draggable:`${e.gridPrefix}-${e.states.draggable}-${e.elements.header}`},header:{main:`${e.gridPrefix}-${e.elements.header}`,draggable:`${e.gridPrefix}-${e.states.draggable}-${e.elements.header}`},headerWrap:`${e.gridPrefix}-${e.elements.header}-${e.containers.wrap}`,headerTable:{main:`${e.base.prefix}-${e.elements.table}`,header:`${e.gridPrefix}-${e.elements.header}-${e.elements.table}`,size:{small:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.medium}`}},headerTh:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.th}`,header:`${e.base.prefix}-${e.elements.header}`,first:`${e.base.prefix}-${e.states.first}`,filterable:`${e.base.prefix}-${e.states.filterable}`,locked:`${e.gridPrefix}-${e.elements.header}-${e.states.sticky}`,sorted:`${e.base.prefix}-${e.states.sorted}`},tableThead:`${e.base.prefix}-${e.elements.table}-${e.elements.thead}`,heightContainer:`${e.base.prefix}-${e.dimensions.height}-${e.containers.container}`,sortIcon:`${e.base.prefix}-${e.states.sort}-${e.elements.icon}`,sortOrder:`${e.base.prefix}-${e.states.sort}-${e.states.order}`,tr:{main:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,header:`${e.base.prefix}-${e.elements.table}-${e.grid.group}-${e.grid.row}`,grouping:`${e.base.prefix}-${e.states.grouping}-${e.grid.row}`,footer:`${e.base.prefix}-${e.grid.group}-${e.elements.footer}`,master:`${e.base.prefix}-${e.grid.master}-${e.grid.row}`,rowAlt:`${e.base.prefix}-${e.elements.table}-${e.states.alt}-${e.grid.row}`,selected:`${e.base.prefix}-${e.states.selected}`,highlighted:`${e.base.prefix}-${e.states.highlighted}`,isInEdit:`${e.gridPrefix}-${e.states.edit}-${e.grid.row}`},detailTr:{main:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,row:`${e.base.prefix}-${e.grid.detail}-${e.grid.row}`,rowAlt:`${e.base.prefix}-${e.elements.table}-${e.states.alt}-${e.grid.row}`},simpleTr:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,headerCellInner:`${e.base.prefix}-${e.grid.cellInner}`,columnTitle:`${e.base.prefix}-${e.grid.column}-${e.elements.title}`,headerCellLink:{main:`${e.base.prefix}-${e.elements.link}`,notSortable:`${e.base.important}${e.base.prefix}-${e.cursor.default}`},noRecords:`${e.gridPrefix}-${e.grid.noRecords}`,noRecordsTemplate:`${e.gridPrefix}-${e.grid.noRecords}-${e.states.template}`,pager:`${e.gridPrefix}-${e.grid.pager}`,sorted:`${e.base.prefix}-${e.states.sorted}`,contentSticky:`${e.gridPrefix}-${e.containers.content}-${e.states.sticky}`,hierarchyCell:{main:`${e.base.prefix}-${e.grid.hierarchy}-${e.grid.cell}`,header:`${e.base.prefix}-${e.elements.header}`},rowReorder:{dropIndicator:{main:`${e.base.prefix}-${e.gridRowReorder.drop}-${e.gridRowReorder.hint}`,direction:`${e.base.prefix}-${e.gridRowReorder.drop}-${e.gridRowReorder.hint}-${e.gridRowReorder.horizontal}`},dragClue:{main:`${e.base.prefix}-${e.gridRowReorder.drag}-${e.gridRowReorder.clue}`,operation:`${e.base.prefix}-${e.gridRowReorder.reorder}-${e.gridRowReorder.clue}`}},td:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,selected:`${e.base.prefix}-${e.states.selected}`,highlighted:`${e.base.prefix}-${e.states.highlighted}`},detailTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.base.prefix}-${e.grid.detail}-${e.grid.cell}`},editTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.gridPrefix}-${e.states.edit}-${e.grid.cell}`,selected:`${e.base.prefix}-${e.states.selected}`},hierarchyTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.base.prefix}-${e.grid.hierarchy}-${e.grid.cell}`}},c={wrapper:t=>{const{size:r,virtual:i,isStackedMode:n,c:d=a.wrapper}=t;return{[d.main]:!0,[d.size[r]]:d.size[r],[`${e.gridPrefix}-${r}`]:r&&!d.size[r],[d.virtual]:i,[d.stacked]:n}},ariaRoot:t=>{const{c:r=a}=t;return r.ariaRoot},container:t=>{const{c:r=a}=t;return r.container},content:t=>{const{c:r=a.content}=t;return{[r.main]:!0,[r.virtual]:!0}},tableWrap:t=>{const{c:r=a}=t;return r.tableWrap},table:t=>{const{size:r,c:i=a.table}=t;return{[i.main]:!0,[i.gridTable]:!0,[i.size[r]]:i.size[r],[`${e.base.prefix}-${e.elements}-${r}`]:!i.size[r]}},tbody:t=>{const{c:r=a}=t;return r.tbody},thead:t=>{const{draggable:r,c:i=a.thead}=t;return{[i.main]:!0,[i.draggable]:r}},header:t=>{const{draggable:r,c:i=a.header}=t;return{[i.main]:!0,[i.draggable]:r}},headerWrap:t=>{const{c:r=a}=t;return r.headerWrap},headerTable:t=>{const{size:r,c:i=a.headerTable}=t;return{[i.main]:!0,[i.header]:!0,[i.size[r]]:i.size[r],[`${e.base.prefix}-${e.elements.table}-${r}`]:!i.size[r]}},headerTh:t=>{const{first:r,filterable:i,locked:n,sorted:d,c:s=a.headerTh}=t;return{[s.main]:!0,[s.header]:!0,[s.first]:r,[s.filterable]:i,[s.locked]:n,[s.sorted]:d}},tableThead:t=>{const{c:r=a}=t;return r.tableThead},heightContainer:t=>{const{c:r=a}=t;return r.heightContainer},sortIcon:t=>{const{c:r=a}=t;return r.sortIcon},sortOrder:t=>{const{c:r=a}=t;return r.sortOrder},tr:t=>{const{isHeader:r,isFooter:i,isMaster:n,isAltRow:d,selected:s,highlighted:o,isInEdit:$,c:l=a.tr}=t;return{[l.main]:!0,[l.header]:r,[l.grouping]:r,[l.footer]:i,[l.master]:n,[l.rowAlt]:n&&d,[l.selected]:s,[l.highlighted]:o,[l.isInEdit]:$}},detailTr:t=>{const{isAlt:r,c:i=a.detailTr}=t;return{[i.main]:!0,[i.row]:!0,[i.rowAlt]:r}},simpleTr:t=>{const{c:r=a}=t;return r.simpleTr},rowReorder:t=>{const{dropIndicatorMain:r,dropIndicatorDirection:i,dragClueMain:n,dragClueOperation:d,c:s=a.rowReorder}=t;return{[s.dropIndicator.main]:r,[s.dropIndicator.direction]:i,[s.dragClue.main]:n,[s.dragClue.operation]:d}},headerCellInner:t=>{const{c:r=a}=t;return r.headerCellInner},columnTitle:t=>{const{c:r=a}=t;return r.columnTitle},headerCellLink:t=>{const{sortable:r,c:i=a.headerCellLink}=t;return{[i.main]:!0,[i.notSortable]:!r}},noRecords:t=>{const{c:r=a}=t;return r.noRecords},noRecordsTemplate:t=>{const{c:r=a}=t;return r.noRecordsTemplate},pager:t=>{const{c:r=a}=t;return r.pager},sorted:t=>{const{c:r=a}=t;return r.sorted},contentSticky:t=>{const{locked:r,c:i=a}=t;return{[i.contentSticky]:r}},hierarchyCell:t=>{const{c:r=a.hierarchyCell}=t;return{[r.main]:!0,[r.header]:!0}},td:t=>{const{selected:r,highlighted:i,c:n=a.td}=t;return{[n.main]:!0,[n.selected]:r,[n.highlighted]:i}},detailTd:t=>{const{c:r=a.detailTd}=t;return{[r.main]:!0,[r.cell]:!0}},editTd:t=>{const{selected:r,c:i=a.editTd}=t;return{[i.main]:!0,[i.cell]:!0,[i.selected]:r}},hierarchyTd:t=>{const{c:r=a.hierarchyTd}=t;return{[r.main]:!0,[r.cell]:!0}}};exports.uGrid=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-classes.js"),a={wrapper:{main:e.gridPrefix,size:{small:`${e.gridPrefix}-${e.sizeMap.small}`,medium:`${e.gridPrefix}-${e.sizeMap.medium}`},virtual:`${e.gridPrefix}-${e.base.virtual}`,stacked:`${e.gridPrefix}-stack`},ariaRoot:`${e.gridPrefix}-${e.grid.ariaRoot}`,container:`${e.gridPrefix}-${e.containers.container}`,content:{main:`${e.gridPrefix}-${e.containers.content}`,virtual:`${e.base.prefix}-${e.base.virtual}-${e.containers.content}`},tableWrap:`${e.gridPrefix}-${e.grid.tableWrap}`,table:{main:`${e.base.prefix}-${e.elements.table}`,gridTable:`${e.gridPrefix}-${e.elements.table}`,size:{small:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.medium}`}},tbody:`${e.base.prefix}-${e.elements.table}-${e.elements.tbody}`,thead:{main:`${e.gridPrefix}-${e.elements.table}-${e.elements.thead}`,draggable:`${e.gridPrefix}-${e.states.draggable}-${e.elements.header}`},header:{main:`${e.gridPrefix}-${e.elements.header}`,draggable:`${e.gridPrefix}-${e.states.draggable}-${e.elements.header}`},headerWrap:`${e.gridPrefix}-${e.elements.header}-${e.containers.wrap}`,headerTable:{main:`${e.base.prefix}-${e.elements.table}`,header:`${e.gridPrefix}-${e.elements.header}-${e.elements.table}`,size:{small:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.medium}`}},headerTh:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.th}`,header:`${e.base.prefix}-${e.elements.header}`,first:`${e.base.prefix}-${e.states.first}`,filterable:`${e.base.prefix}-${e.states.filterable}`,locked:`${e.gridPrefix}-${e.elements.header}-${e.states.sticky}`,sorted:`${e.base.prefix}-${e.states.sorted}`},tableThead:`${e.base.prefix}-${e.elements.table}-${e.elements.thead}`,heightContainer:`${e.base.prefix}-${e.dimensions.height}-${e.containers.container}`,sortIcon:`${e.base.prefix}-${e.states.sort}-${e.elements.icon}`,sortOrder:`${e.base.prefix}-${e.states.sort}-${e.states.order}`,tr:{main:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,header:`${e.base.prefix}-${e.elements.table}-${e.grid.group}-${e.grid.row}`,grouping:`${e.base.prefix}-${e.states.grouping}-${e.grid.row}`,footer:`${e.base.prefix}-${e.grid.group}-${e.elements.footer}`,master:`${e.base.prefix}-${e.grid.master}-${e.grid.row}`,rowAlt:`${e.base.prefix}-${e.elements.table}-${e.states.alt}-${e.grid.row}`,selected:`${e.base.prefix}-${e.states.selected}`,highlighted:`${e.base.prefix}-${e.states.highlighted}`,isInEdit:`${e.gridPrefix}-${e.states.edit}-${e.grid.row}`},detailTr:{main:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,row:`${e.base.prefix}-${e.grid.detail}-${e.grid.row}`,rowAlt:`${e.base.prefix}-${e.elements.table}-${e.states.alt}-${e.grid.row}`},simpleTr:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,headerCellInner:`${e.base.prefix}-${e.grid.cellInner}`,columnTitle:`${e.base.prefix}-${e.grid.column}-${e.elements.title}`,headerCellLink:{main:`${e.base.prefix}-${e.elements.link}`,notSortable:`${e.base.important}${e.base.prefix}-${e.cursor.default}`},noRecords:`${e.gridPrefix}-${e.grid.noRecords}`,noRecordsTemplate:`${e.gridPrefix}-${e.grid.noRecords}-${e.states.template}`,pager:`${e.gridPrefix}-${e.grid.pager}`,sorted:`${e.base.prefix}-${e.states.sorted}`,contentSticky:`${e.gridPrefix}-${e.containers.content}-${e.states.sticky}`,hierarchyCell:{main:`${e.base.prefix}-${e.grid.hierarchy}-${e.grid.cell}`,header:`${e.base.prefix}-${e.elements.header}`},rowReorder:{dropIndicator:{main:`${e.base.prefix}-${e.gridRowReorder.drop}-${e.gridRowReorder.hint}`,direction:`${e.base.prefix}-${e.gridRowReorder.drop}-${e.gridRowReorder.hint}-${e.gridRowReorder.horizontal}`},dragClue:{main:`${e.base.prefix}-${e.gridRowReorder.drag}-${e.gridRowReorder.clue}`,operation:`${e.base.prefix}-${e.gridRowReorder.reorder}-${e.gridRowReorder.clue}`}},td:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,selected:`${e.base.prefix}-${e.states.selected}`,highlighted:`${e.base.prefix}-${e.states.highlighted}`},detailTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.base.prefix}-${e.grid.detail}-${e.grid.cell}`},editTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.gridPrefix}-${e.states.edit}-${e.grid.cell}`,selected:`${e.base.prefix}-${e.states.selected}`},hierarchyTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.base.prefix}-${e.grid.hierarchy}-${e.grid.cell}`}},c={wrapper:t=>{const{size:r,virtual:i,isStackedMode:n,c:d=a.wrapper}=t;return{[d.main]:!0,[d.size[r]]:d.size[r],[`${e.gridPrefix}-${r}`]:r&&!d.size[r],[d.virtual]:i,[d.stacked]:n}},ariaRoot:t=>{const{c:r=a}=t;return r.ariaRoot},container:t=>{const{c:r=a}=t;return r.container},content:t=>{const{c:r=a.content}=t;return{[r.main]:!0,[r.virtual]:!0}},tableWrap:t=>{const{c:r=a}=t;return r.tableWrap},table:t=>{var n,d,s;const{size:r,c:i=a.table}=t;return{[i.main]:!0,[i.gridTable]:!0,[(n=i.size)==null?void 0:n[r]]:r!==void 0&&((d=i.size)==null?void 0:d[r]),[`${e.base.prefix}-${e.elements.table}-${r}`]:r!==void 0&&!((s=i.size)!=null&&s[r])}},tbody:t=>{const{c:r=a}=t;return r.tbody},thead:t=>{const{draggable:r,c:i=a.thead}=t;return{[i.main]:!0,[i.draggable]:r}},header:t=>{const{draggable:r,c:i=a.header}=t;return{[i.main]:!0,[i.draggable]:r}},headerWrap:t=>{const{c:r=a}=t;return r.headerWrap},headerTable:t=>{const{size:r,c:i=a.headerTable}=t;return{[i.main]:!0,[i.header]:!0,[i.size[r]]:r!==void 0&&i.size[r],[`${e.base.prefix}-${e.elements.table}-${r}`]:r!==void 0&&!i.size[r]}},headerTh:t=>{const{first:r,filterable:i,locked:n,sorted:d,c:s=a.headerTh}=t;return{[s.main]:!0,[s.header]:!0,[s.first]:r,[s.filterable]:i,[s.locked]:n,[s.sorted]:d}},tableThead:t=>{const{c:r=a}=t;return r.tableThead},heightContainer:t=>{const{c:r=a}=t;return r.heightContainer},sortIcon:t=>{const{c:r=a}=t;return r.sortIcon},sortOrder:t=>{const{c:r=a}=t;return r.sortOrder},tr:t=>{const{isHeader:r,isFooter:i,isMaster:n,isAltRow:d,selected:s,highlighted:o,isInEdit:$,c:l=a.tr}=t;return{[l.main]:!0,[l.header]:r,[l.grouping]:r,[l.footer]:i,[l.master]:n,[l.rowAlt]:n&&d,[l.selected]:s,[l.highlighted]:o,[l.isInEdit]:$}},detailTr:t=>{const{isAlt:r,c:i=a.detailTr}=t;return{[i.main]:!0,[i.row]:!0,[i.rowAlt]:r}},simpleTr:t=>{const{c:r=a}=t;return r.simpleTr},rowReorder:t=>{const{dropIndicatorMain:r,dropIndicatorDirection:i,dragClueMain:n,dragClueOperation:d,c:s=a.rowReorder}=t;return{[s.dropIndicator.main]:r,[s.dropIndicator.direction]:i,[s.dragClue.main]:n,[s.dragClue.operation]:d}},headerCellInner:t=>{const{c:r=a}=t;return r.headerCellInner},columnTitle:t=>{const{c:r=a}=t;return r.columnTitle},headerCellLink:t=>{const{sortable:r,c:i=a.headerCellLink}=t;return{[i.main]:!0,[i.notSortable]:!r}},noRecords:t=>{const{c:r=a}=t;return r.noRecords},noRecordsTemplate:t=>{const{c:r=a}=t;return r.noRecordsTemplate},pager:t=>{const{c:r=a}=t;return r.pager},sorted:t=>{const{c:r=a}=t;return r.sorted},contentSticky:t=>{const{locked:r,c:i=a}=t;return{[i.contentSticky]:r}},hierarchyCell:t=>{const{c:r=a.hierarchyCell}=t;return{[r.main]:!0,[r.header]:!0}},td:t=>{const{selected:r,highlighted:i,c:n=a.td}=t;return{[n.main]:!0,[n.selected]:r,[n.highlighted]:i}},detailTd:t=>{const{c:r=a.detailTd}=t;return{[r.main]:!0,[r.cell]:!0}},editTd:t=>{const{selected:r,c:i=a.editTd}=t;return{[i.main]:!0,[i.cell]:!0,[i.selected]:r}},hierarchyTd:t=>{const{c:r=a.hierarchyTd}=t;return{[r.main]:!0,[r.cell]:!0}}};exports.uGrid=c;

package/unstyled/grid.mjs

@@ -5,90 +5,90 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { gridPrefix as l, sizeMap as u, base as t, grid as n, containers as m, elements as i, states as o, dimensions as b, cursor as x, gridRowReorder as p } from "./json-classes.mjs";
+import { base as t, grid as n, elements as i, states as l, gridPrefix as o, gridRowReorder as p, containers as u, cursor as b, dimensions as x, sizeMap as m } from "./json-classes.mjs";
 const $ = {
   wrapper: {
-    main: l,
+    main: o,
     size: {
-      small: `${l}-${u.small}`,
-      medium: `${l}-${u.medium}`
+      small: `${o}-${m.small}`,
+      medium: `${o}-${m.medium}`
     },
-    virtual: `${l}-${t.virtual}`,
-    stacked: `${l}-stack`
+    virtual: `${o}-${t.virtual}`,
+    stacked: `${o}-stack`
   },
-  ariaRoot: `${l}-${n.ariaRoot}`,
-  container: `${l}-${m.container}`,
+  ariaRoot: `${o}-${n.ariaRoot}`,
+  container: `${o}-${u.container}`,
   content: {
-    main: `${l}-${m.content}`,
-    virtual: `${t.prefix}-${t.virtual}-${m.content}`
+    main: `${o}-${u.content}`,
+    virtual: `${t.prefix}-${t.virtual}-${u.content}`
   },
-  tableWrap: `${l}-${n.tableWrap}`,
+  tableWrap: `${o}-${n.tableWrap}`,
   table: {
     main: `${t.prefix}-${i.table}`,
-    gridTable: `${l}-${i.table}`,
+    gridTable: `${o}-${i.table}`,
     size: {
-      small: `${t.prefix}-${i.table}-${u.small}`,
-      medium: `${t.prefix}-${i.table}-${u.medium}`
+      small: `${t.prefix}-${i.table}-${m.small}`,
+      medium: `${t.prefix}-${i.table}-${m.medium}`
     }
   },
   tbody: `${t.prefix}-${i.table}-${i.tbody}`,
   thead: {
-    main: `${l}-${i.table}-${i.thead}`,
-    draggable: `${l}-${o.draggable}-${i.header}`
+    main: `${o}-${i.table}-${i.thead}`,
+    draggable: `${o}-${l.draggable}-${i.header}`
   },
   header: {
-    main: `${l}-${i.header}`,
-    draggable: `${l}-${o.draggable}-${i.header}`
+    main: `${o}-${i.header}`,
+    draggable: `${o}-${l.draggable}-${i.header}`
   },
-  headerWrap: `${l}-${i.header}-${m.wrap}`,
+  headerWrap: `${o}-${i.header}-${u.wrap}`,
   headerTable: {
     main: `${t.prefix}-${i.table}`,
-    header: `${l}-${i.header}-${i.table}`,
+    header: `${o}-${i.header}-${i.table}`,
     size: {
-      small: `${t.prefix}-${i.table}-${u.small}`,
-      medium: `${t.prefix}-${i.table}-${u.medium}`
+      small: `${t.prefix}-${i.table}-${m.small}`,
+      medium: `${t.prefix}-${i.table}-${m.medium}`
     }
   },
   headerTh: {
     main: `${t.prefix}-${i.table}-${i.th}`,
     header: `${t.prefix}-${i.header}`,
-    first: `${t.prefix}-${o.first}`,
-    filterable: `${t.prefix}-${o.filterable}`,
-    locked: `${l}-${i.header}-${o.sticky}`,
-    sorted: `${t.prefix}-${o.sorted}`
+    first: `${t.prefix}-${l.first}`,
+    filterable: `${t.prefix}-${l.filterable}`,
+    locked: `${o}-${i.header}-${l.sticky}`,
+    sorted: `${t.prefix}-${l.sorted}`
   },
   tableThead: `${t.prefix}-${i.table}-${i.thead}`,
-  heightContainer: `${t.prefix}-${b.height}-${m.container}`,
-  sortIcon: `${t.prefix}-${o.sort}-${i.icon}`,
-  sortOrder: `${t.prefix}-${o.sort}-${o.order}`,
+  heightContainer: `${t.prefix}-${x.height}-${u.container}`,
+  sortIcon: `${t.prefix}-${l.sort}-${i.icon}`,
+  sortOrder: `${t.prefix}-${l.sort}-${l.order}`,
   tr: {
     main: `${t.prefix}-${i.table}-${n.row}`,
     header: `${t.prefix}-${i.table}-${n.group}-${n.row}`,
-    grouping: `${t.prefix}-${o.grouping}-${n.row}`,
+    grouping: `${t.prefix}-${l.grouping}-${n.row}`,
     footer: `${t.prefix}-${n.group}-${i.footer}`,
     master: `${t.prefix}-${n.master}-${n.row}`,
-    rowAlt: `${t.prefix}-${i.table}-${o.alt}-${n.row}`,
-    selected: `${t.prefix}-${o.selected}`,
-    highlighted: `${t.prefix}-${o.highlighted}`,
-    isInEdit: `${l}-${o.edit}-${n.row}`
+    rowAlt: `${t.prefix}-${i.table}-${l.alt}-${n.row}`,
+    selected: `${t.prefix}-${l.selected}`,
+    highlighted: `${t.prefix}-${l.highlighted}`,
+    isInEdit: `${o}-${l.edit}-${n.row}`
   },
   detailTr: {
     main: `${t.prefix}-${i.table}-${n.row}`,
     row: `${t.prefix}-${n.detail}-${n.row}`,
-    rowAlt: `${t.prefix}-${i.table}-${o.alt}-${n.row}`
+    rowAlt: `${t.prefix}-${i.table}-${l.alt}-${n.row}`
   },
   simpleTr: `${t.prefix}-${i.table}-${n.row}`,
   headerCellInner: `${t.prefix}-${n.cellInner}`,
   columnTitle: `${t.prefix}-${n.column}-${i.title}`,
   headerCellLink: {
     main: `${t.prefix}-${i.link}`,
-    notSortable: `${t.important}${t.prefix}-${x.default}`
+    notSortable: `${t.important}${t.prefix}-${b.default}`
   },
-  noRecords: `${l}-${n.noRecords}`,
-  noRecordsTemplate: `${l}-${n.noRecords}-${o.template}`,
-  pager: `${l}-${n.pager}`,
-  sorted: `${t.prefix}-${o.sorted}`,
-  contentSticky: `${l}-${m.content}-${o.sticky}`,
+  noRecords: `${o}-${n.noRecords}`,
+  noRecordsTemplate: `${o}-${n.noRecords}-${l.template}`,
+  pager: `${o}-${n.pager}`,
+  sorted: `${t.prefix}-${l.sorted}`,
+  contentSticky: `${o}-${u.content}-${l.sticky}`,
   hierarchyCell: {
     main: `${t.prefix}-${n.hierarchy}-${n.cell}`,
     header: `${t.prefix}-${i.header}`
@@ -105,8 +105,8 @@ const $ = {
   },
   td: {
     main: `${t.prefix}-${i.table}-${i.td}`,
-    selected: `${t.prefix}-${o.selected}`,
-    highlighted: `${t.prefix}-${o.highlighted}`
+    selected: `${t.prefix}-${l.selected}`,
+    highlighted: `${t.prefix}-${l.highlighted}`
   },
   detailTd: {
     main: `${t.prefix}-${i.table}-${i.td}`,
@@ -114,8 +114,8 @@ const $ = {
   },
   editTd: {
     main: `${t.prefix}-${i.table}-${i.td}`,
-    cell: `${l}-${o.edit}-${n.cell}`,
-    selected: `${t.prefix}-${o.selected}`
+    cell: `${o}-${l.edit}-${n.cell}`,
+    selected: `${t.prefix}-${l.selected}`
   },
   hierarchyTd: {
     main: `${t.prefix}-${i.table}-${i.td}`,
@@ -127,7 +127,7 @@ const $ = {
     return {
       [s.main]: !0,
       [s.size[e]]: s.size[e],
-      [`${l}-${e}`]: e && !s.size[e],
+      [`${o}-${e}`]: e && !s.size[e],
       [s.virtual]: a,
       [s.stacked]: c
     };
@@ -152,12 +152,13 @@ const $ = {
     return e.tableWrap;
   },
   table: (r) => {
+    var c, s, d;
     const { size: e, c: a = $.table } = r;
     return {
       [a.main]: !0,
       [a.gridTable]: !0,
-      [a.size[e]]: a.size[e],
-      [`${t.prefix}-${i}-${e}`]: !a.size[e]
+      [(c = a.size) == null ? void 0 : c[e]]: e !== void 0 && ((s = a.size) == null ? void 0 : s[e]),
+      [`${t.prefix}-${i.table}-${e}`]: e !== void 0 && !((d = a.size) != null && d[e])
     };
   },
   tbody: (r) => {
@@ -187,8 +188,8 @@ const $ = {
     return {
       [a.main]: !0,
       [a.header]: !0,
-      [a.size[e]]: a.size[e],
-      [`${t.prefix}-${i.table}-${e}`]: !a.size[e]
+      [a.size[e]]: e !== void 0 && a.size[e],
+      [`${t.prefix}-${i.table}-${e}`]: e !== void 0 && !a.size[e]
     };
   },
   headerTh: (r) => {