@progress/kendo-react-common 11.4.0 → 12.0.0-develop.10

package/unstyled/grid.mjs

@@ -5,78 +5,76 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { gridPrefix as o, sizeMap as u, base as t, grid as n, containers as m, elements as i, states as l, dimensions as b, cursor as x, gridRowReorder as h } from "./json-classes.mjs";
+import { gridPrefix as l, sizeMap as p, base as t, grid as n, containers as u, elements as i, states as o, dimensions as b, cursor as x, gridRowReorder as h } from "./json-classes.mjs";
 const $ = {
   wrapper: {
-    main: o,
+    main: l,
     size: {
-      small: `${o}-${u.small}`,
-      medium: `${o}-${u.medium}`
+      small: `${l}-${p.small}`,
+      medium: `${l}-${p.medium}`
     },
-    virtual: `${o}-${t.virtual}`
+    virtual: `${l}-${t.virtual}`
   },
-  ariaRoot: `${o}-${n.ariaRoot}`,
-  container: `${o}-${m.container}`,
+  ariaRoot: `${l}-${n.ariaRoot}`,
+  container: `${l}-${u.container}`,
   content: {
-    main: `${o}-${m.content}`,
-    virtual: `${t.prefix}-${t.virtual}-${m.content}`
+    main: `${l}-${u.content}`,
+    virtual: `${t.prefix}-${t.virtual}-${u.content}`
   },
-  tableWrap: `${o}-${n.tableWrap}`,
+  tableWrap: `${l}-${n.tableWrap}`,
   table: {
     main: `${t.prefix}-${i.table}`,
-    gridTable: `${o}-${i.table}`,
+    gridTable: `${l}-${i.table}`,
     size: {
-      small: `${t.prefix}-${i.table}-${u.small}`,
-      medium: `${t.prefix}-${i.table}-${u.medium}`
+      small: `${t.prefix}-${i.table}-${p.small}`,
+      medium: `${t.prefix}-${i.table}-${p.medium}`
     }
   },
   tbody: `${t.prefix}-${i.table}-${i.tbody}`,
   thead: {
-    main: `${o}-${i.table}-${i.thead}`,
-    draggable: `${o}-${l.draggable}-${i.header}`
+    main: `${l}-${i.table}-${i.thead}`,
+    draggable: `${l}-${o.draggable}-${i.header}`
   },
   header: {
-    main: `${o}-${i.header}`,
-    draggable: `${o}-${l.draggable}-${i.header}`
+    main: `${l}-${i.header}`,
+    draggable: `${l}-${o.draggable}-${i.header}`
   },
-  headerWrap: `${o}-${i.header}-${m.wrap}`,
+  headerWrap: `${l}-${i.header}-${u.wrap}`,
   headerTable: {
     main: `${t.prefix}-${i.table}`,
-    header: `${o}-${i.header}-${i.table}`,
+    header: `${l}-${i.header}-${i.table}`,
     size: {
-      small: `${t.prefix}-${i.table}-${u.small}`,
-      medium: `${t.prefix}-${i.table}-${u.medium}`
+      small: `${t.prefix}-${i.table}-${p.small}`,
+      medium: `${t.prefix}-${i.table}-${p.medium}`
     }
   },
   headerTh: {
     main: `${t.prefix}-${i.table}-${i.th}`,
     header: `${t.prefix}-${i.header}`,
-    first: `${t.prefix}-${l.first}`,
-    filterable: `${t.prefix}-${l.filterable}`,
-    locked: `${o}-${i.header}-${l.sticky}`,
-    sorted: `${t.prefix}-${l.sorted}`
+    first: `${t.prefix}-${o.first}`,
+    filterable: `${t.prefix}-${o.filterable}`,
+    locked: `${l}-${i.header}-${o.sticky}`,
+    sorted: `${t.prefix}-${o.sorted}`
   },
   tableThead: `${t.prefix}-${i.table}-${i.thead}`,
-  heightContainer: `${t.prefix}-${b.height}-${m.container}`,
-  sortIcon: `${t.prefix}-${l.sort}-${i.icon}`,
-  sortOrder: `${t.prefix}-${l.sort}-${l.order}`,
+  heightContainer: `${t.prefix}-${b.height}-${u.container}`,
+  sortIcon: `${t.prefix}-${o.sort}-${i.icon}`,
+  sortOrder: `${t.prefix}-${o.sort}-${o.order}`,
   tr: {
     main: `${t.prefix}-${i.table}-${n.row}`,
     header: `${t.prefix}-${i.table}-${n.group}-${n.row}`,
-    grouping: `${t.prefix}-${l.grouping}-${n.row}`,
+    grouping: `${t.prefix}-${o.grouping}-${n.row}`,
     footer: `${t.prefix}-${n.group}-${i.footer}`,
     master: `${t.prefix}-${n.master}-${n.row}`,
-    rowAlt: `${t.prefix}-${i.table}-${l.alt}-${n.row}`,
-    alt: `${t.prefix}-${l.alt}`,
-    selected: `${t.prefix}-${l.selected}`,
-    highlighted: `${t.prefix}-${l.highlighted}`,
-    isInEdit: `${o}-${l.edit}-${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}`
   },
   detailTr: {
     main: `${t.prefix}-${i.table}-${n.row}`,
     row: `${t.prefix}-${n.detail}-${n.row}`,
-    rowAlt: `${t.prefix}-${i.table}-${l.alt}-${n.row}`,
-    alt: `${t.prefix}-${l.alt}`
+    rowAlt: `${t.prefix}-${i.table}-${o.alt}-${n.row}`
   },
   simpleTr: `${t.prefix}-${i.table}-${n.row}`,
   headerCellInner: `${t.prefix}-${n.cellInner}`,
@@ -85,11 +83,11 @@ const $ = {
     main: `${t.prefix}-${i.link}`,
     notSortable: `${t.important}${t.prefix}-${x.default}`
   },
-  noRecords: `${o}-${n.noRecords}`,
-  noRecordsTemplate: `${o}-${n.noRecords}-${l.template}`,
-  pager: `${o}-${n.pager}`,
-  sorted: `${t.prefix}-${l.sorted}`,
-  contentSticky: `${o}-${m.content}-${l.sticky}`,
+  noRecords: `${l}-${n.noRecords}`,
+  noRecordsTemplate: `${l}-${n.noRecords}-${o.template}`,
+  pager: `${l}-${n.pager}`,
+  sorted: `${t.prefix}-${o.sorted}`,
+  contentSticky: `${l}-${u.content}-${o.sticky}`,
   hierarchyCell: {
     main: `${t.prefix}-${n.hierarchy}-${n.cell}`,
     header: `${t.prefix}-${i.header}`
@@ -106,8 +104,8 @@ const $ = {
   },
   td: {
     main: `${t.prefix}-${i.table}-${i.td}`,
-    selected: `${t.prefix}-${l.selected}`,
-    highlighted: `${t.prefix}-${l.highlighted}`
+    selected: `${t.prefix}-${o.selected}`,
+    highlighted: `${t.prefix}-${o.highlighted}`
   },
   detailTd: {
     main: `${t.prefix}-${i.table}-${i.td}`,
@@ -115,8 +113,8 @@ const $ = {
   },
   editTd: {
     main: `${t.prefix}-${i.table}-${i.td}`,
-    cell: `${o}-${l.edit}-${n.cell}`,
-    selected: `${t.prefix}-${l.selected}`
+    cell: `${l}-${o.edit}-${n.cell}`,
+    selected: `${t.prefix}-${o.selected}`
   },
   hierarchyTd: {
     main: `${t.prefix}-${i.table}-${i.td}`,
@@ -128,7 +126,7 @@ const $ = {
     return {
       [d.main]: !0,
       [d.size[e]]: d.size[e],
-      [`${o}-${e}`]: e && !d.size[e],
+      [`${l}-${e}`]: e && !d.size[e],
       [d.virtual]: a
     };
   },
@@ -192,14 +190,14 @@ const $ = {
     };
   },
   headerTh: (r) => {
-    const { first: e, filterable: a, locked: d, sorted: p, c = $.headerTh } = r;
+    const { first: e, filterable: a, locked: d, sorted: m, c = $.headerTh } = r;
     return {
       [c.main]: !0,
       [c.header]: !0,
       [c.first]: e,
       [c.filterable]: a,
       [c.locked]: d,
-      [c.sorted]: p
+      [c.sorted]: m
     };
   },
   tableThead: (r) => {
@@ -219,15 +217,14 @@ const $ = {
     return e.sortOrder;
   },
   tr: (r) => {
-    const { isHeader: e, isFooter: a, isMaster: d, isAltRow: p, selected: c, highlighted: f, isInEdit: g, c: s = $.tr } = r;
+    const { isHeader: e, isFooter: a, isMaster: d, isAltRow: m, selected: c, highlighted: f, isInEdit: g, c: s = $.tr } = r;
     return {
       [s.main]: !0,
       [s.header]: e,
       [s.grouping]: e,
       [s.footer]: a,
       [s.master]: d,
-      [s.rowAlt]: d && p,
-      [s.alt]: d && p,
+      [s.rowAlt]: d && m,
       [s.selected]: c,
       [s.highlighted]: f,
       [s.isInEdit]: g
@@ -238,8 +235,7 @@ const $ = {
     return {
       [a.main]: !0,
       [a.row]: !0,
-      [a.rowAlt]: e,
-      [a.alt]: e
+      [a.rowAlt]: e
     };
   },
   simpleTr: (r) => {
@@ -251,14 +247,14 @@ const $ = {
       dropIndicatorMain: e,
       dropIndicatorDirection: a,
       dragClueMain: d,
-      dragClueOperation: p,
+      dragClueOperation: m,
       c = $.rowReorder
     } = r;
     return {
       [c.dropIndicator.main]: e,
       [c.dropIndicator.direction]: a,
       [c.dragClue.main]: d,
-      [c.dragClue.operation]: p
+      [c.dragClue.operation]: m
     };
   },
   headerCellInner: (r) => {