@progress/kendo-react-common 8.3.0-develop.5 → 8.3.0-develop.7

package/unstyled/inputs.mjs

@@ -6,88 +6,140 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { base as e, input as m, sizeMap as p, states as o, containers as u, elements as k, fillModeMap as c, roundedMap as f } from "./json-classes.mjs";
-const n = `${e.prefix}-${m.prefix}`, M = `${e.prefix}-${m.maskedtextbox}`, d = `${e.prefix}-${m.radio}`, x = {
+import { base as i, inputs as c, sizeMap as p, states as $, containers as v, elements as q, fillModeMap as m, roundedMap as x, orientationMap as z } from "./json-classes.mjs";
+const n = `${i.prefix}-${c.input}`, B = `${i.prefix}-${c.maskedtextbox}`, f = `${i.prefix}-${c.radio}`, T = `${i.prefix}-${c.textbox}`, M = `${i.prefix}-${c.input}-${c.prefix}`, h = `${i.prefix}-${c.input}-${c.suffix}`, w = {
   input: {
-    radio: d,
+    radio: f,
     size: {
-      small: `${d}-${p.small}`,
-      medium: `${d}-${p.medium}`,
-      large: `${d}-${p.large}`
+      small: `${f}-${p.small}`,
+      medium: `${f}-${p.medium}`,
+      large: `${f}-${p.large}`
     },
-    invalid: `${e.prefix}-${o.invalid}`,
-    checked: `${e.prefix}-${o.checked}`
+    invalid: `${i.prefix}-${$.invalid}`,
+    checked: `${i.prefix}-${$.checked}`
   },
-  wrap: `${d}-${u.wrap}`,
-  label: `${d}-${k.label}`
-}, w = {
+  wrap: `${f}-${v.wrap}`,
+  label: `${f}-${q.label}`
+}, P = {
   input: (r) => {
     const {
-      size: i,
-      invalid: s,
-      checked: a,
-      c: $ = x
-    } = r, l = $.input;
+      size: e,
+      invalid: d,
+      checked: t,
+      c: o = w
+    } = r, l = o.input;
     return {
       [l.radio]: !0,
-      [l.size[i]]: l.size[i],
-      [`${d}-${i}`]: !l.size[i],
-      [l.invalid]: s,
-      [l.checked]: a
+      [l.size[e]]: l.size[e],
+      [`${f}-${e}`]: e && !l.size[e],
+      [l.invalid]: d,
+      [l.checked]: t
     };
   },
   label: (r) => {
     const {
-      c: i = x
+      c: e = w
     } = r;
     return {
-      [i.label]: !0
+      [e.label]: !0
     };
   },
   wrap: (r) => {
     const {
-      c: i = x
+      c: e = w
     } = r;
     return {
-      [i.wrap]: !0
+      [e.wrap]: !0
     };
   }
-}, z = {
+}, C = {
   ul: {
-    main: `${d}-${u.list}`,
-    horizontal: `${e.prefix}-${u.list}-${o.horizontal}`,
-    vertical: `${e.prefix}-${u.list}-${o.vertical}`
+    main: `${f}-${v.list}`,
+    horizontal: `${i.prefix}-${v.list}-${$.horizontal}`,
+    vertical: `${i.prefix}-${v.list}-${$.vertical}`
   },
   item: {
-    main: `${d}-${u.list}-${u.item}`,
-    disabled: `${e.prefix}-${o.disabled}`
+    main: `${f}-${v.list}-${v.item}`,
+    disabled: `${i.prefix}-${$.disabled}`
   }
-}, g = {
+}, S = {
   ul: (r) => {
     const {
-      horizontal: i,
-      vertical: s,
-      c: a = z
-    } = r, $ = a.ul;
+      horizontal: e,
+      vertical: d,
+      c: t = C
+    } = r, o = t.ul;
     return {
-      [$.main]: !0,
-      [$.horizontal]: i,
-      [$.vertical]: s
+      [o.main]: !0,
+      [o.horizontal]: e,
+      [o.vertical]: d
     };
   },
   item: (r) => {
     const {
-      disabled: i,
-      c: s = z
-    } = r, a = s.item;
+      disabled: e,
+      c: d = C
+    } = r, t = d.item;
+    return {
+      [t.main]: !0,
+      [t.disabled]: e
+    };
+  }
+}, g = {
+  wrapper: {
+    main: B,
+    input: n,
+    size: {
+      small: `${n}-${p.small}`,
+      medium: `${n}-${p.medium}`,
+      large: `${n}-${p.large}`
+    },
+    fillMode: {
+      solid: `${n}-${m.solid}`,
+      outline: `${n}-${m.outline}`,
+      flat: `${n}-${m.flat}`
+    },
+    rounded: {
+      small: `${i.prefix}-${i.rounded}-${x.small}`,
+      medium: `${i.prefix}-${i.rounded}-${x.medium}`,
+      large: `${i.prefix}-${i.rounded}-${x.large}`
+    },
+    disabled: `${i.prefix}-${$.disabled}`,
+    invalid: `${i.prefix}-${$.invalid}`,
+    isRtl: `${i.prefix}-${i.rtl}`
+  },
+  input: `${n}-${c.inner}`
+}, j = {
+  wrapper: (r) => {
+    const {
+      invalid: e,
+      disabled: d,
+      size: t,
+      fillMode: o,
+      rounded: l,
+      c: u = g
+    } = r, a = u.wrapper;
     return {
       [a.main]: !0,
-      [a.disabled]: i
+      [a.input]: !0,
+      [a.size[t]]: a.size[t],
+      [`${n}-${t}`]: !a.size[t],
+      [a.fillMode[o]]: a.fillMode[o],
+      [a.rounded[l]]: a.rounded[l],
+      [`${i.prefix}-${i.rounded}-${l}`]: l && !a.rounded[l],
+      [a.disabled]: d,
+      [a.invalid]: e
+    };
+  },
+  input: (r) => {
+    const { c: e = g } = r;
+    return {
+      [e.input]: !0
     };
   }
 }, b = {
   wrapper: {
-    main: M,
+    main: T,
     input: n,
     size: {
       small: `${n}-${p.small}`,
@@ -95,55 +147,116 @@ const n = `${e.prefix}-${m.prefix}`, M = `${e.prefix}-${m.maskedtextbox}`, d = `
       large: `${n}-${p.large}`
     },
     fillMode: {
-      solid: `${n}-${c.solid}`,
-      outline: `${n}-${c.outline}`,
-      flat: `${n}-${c.flat}`,
-      link: `${n}-${c.link}`,
-      clear: `${n}-${c.clear}`
+      solid: `${n}-${m.solid}`,
+      outline: `${n}-${m.outline}`,
+      flat: `${n}-${m.flat}`
     },
     rounded: {
-      small: `${e.prefix}-${e.rounded}-${f.small}`,
-      medium: `${e.prefix}-${e.rounded}-${f.medium}`,
-      large: `${e.prefix}-${e.rounded}-${f.large}`
+      small: `${i.prefix}-${i.rounded}-${x.small}`,
+      medium: `${i.prefix}-${i.rounded}-${x.medium}`,
+      large: `${i.prefix}-${i.rounded}-${x.large}`
     },
-    disabled: `${e.prefix}-${o.disabled}`,
-    invalid: `${e.prefix}-${o.invalid}`,
-    isRtl: `${e.prefix}-${e.rtl}`
+    disabled: `${i.prefix}-${$.disabled}`,
+    focused: `${i.prefix}-${$.focus}`,
+    required: `${i.prefix}-${$.required}`,
+    invalid: `${i.prefix}-${$.invalid}`,
+    isRtl: `${i.prefix}-${i.rtl}`
+  },
+  input: `${n}-${c.inner}`,
+  prefix: {
+    main: M,
+    orientation: {
+      horizontal: `${M}-${z.horizontal}`,
+      vertical: `${M}-${z.vertical}`
+    }
   },
-  input: `${n}-${m.inner}`
-}, B = {
+  suffix: {
+    main: h,
+    orientation: {
+      horizontal: `${h}-${z.horizontal}`,
+      vertical: `${h}-${z.vertical}`
+    }
+  }
+}, y = {
   wrapper: (r) => {
     const {
-      invalid: i,
-      disabled: s,
-      size: a,
-      fillMode: $,
-      rounded: l,
-      c: v = b
-    } = r, t = v.wrapper;
+      disabled: e,
+      invalid: d,
+      focused: t,
+      required: o,
+      size: l,
+      fillMode: u,
+      rounded: a,
+      isRtl: R,
+      c: k = b
+    } = r, s = k.wrapper;
+    return {
+      [s.main]: !0,
+      [s.input]: !0,
+      [s.size[l]]: s.size[l],
+      [`${n}-${l}`]: l && !s.size[l],
+      [s.fillMode[u]]: s.fillMode[u],
+      [s.rounded[a]]: s.rounded[a],
+      [`${i.prefix}-${i.rounded}-${a}`]: a && !s.rounded[a],
+      [s.disabled]: e,
+      [s.focused]: t,
+      [s.required]: o,
+      [s.invalid]: d,
+      [s.isRtl]: R
+    };
+  },
+  input: (r) => {
+    const { c: e = b } = r;
+    return {
+      [e.input]: !0
+    };
+  },
+  prefix: (r) => {
+    const { orientation: e, c: d = b } = r, t = d.prefix;
     return {
       [t.main]: !0,
-      [t.input]: !0,
-      [t.size[a]]: t.size[a],
-      [`${n}-${a}`]: !t.size[a],
-      [t.fillMode[$]]: t.fillMode[$],
-      [t.rounded[l]]: t.rounded[l],
-      [`${e.prefix}-${e.rounded}-${l}`]: l && !t.rounded[l],
-      [t.disabled]: s,
-      [t.invalid]: i
+      [t.orientation[e]]: t.orientation[e]
     };
   },
+  suffix: (r) => {
+    const { orientation: e, c: d = b } = r, t = d.suffix;
+    return {
+      [t.main]: !0,
+      [t.orientation[e]]: t.orientation[e]
+    };
+  }
+}, G = {
+  input: {
+    main: `${n} ${n}-${p.medium} ${i.prefix}-${i.rounded}-${x.medium} ${n}-${m.solid}`,
+    disabled: `${i.prefix}-${$.disabled}`,
+    required: `${i.prefix}-${$.required}`,
+    invalid: `${i.prefix}-${$.invalid}`,
+    isRtl: `${i.prefix}-${i.rtl}`
+  }
+}, A = {
   input: (r) => {
-    const { c: i = b } = r;
+    const {
+      disabled: e,
+      invalid: d,
+      required: t,
+      isRtl: o,
+      c: l = G
+    } = r, u = l.input;
     return {
-      [i.input]: !0
+      [u.main]: !0,
+      [u.disabled]: e,
+      [u.required]: t,
+      [u.invalid]: d,
+      [u.isRtl]: o
     };
   }
 };
 export {
-  x as radioButtonClasses,
-  z as radioGroupClasses,
-  B as uMaskedTextBox,
-  w as uRadioButton,
-  g as uRadioGroup
+  w as radioButtonClasses,
+  C as radioGroupClasses,
+  A as uInput,
+  j as uMaskedTextBox,
+  P as uRadioButton,
+  S as uRadioGroup,
+  y as uTextBox
 };

package/unstyled/interfaces/common.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=(e,t)=>r=>{const{c:s=e}=r;return{[s[t]]:!0}};exports.getClassByName=n;

package/unstyled/interfaces/common.mjs

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const s = (e, t) => (r) => {
+  const { c: n = e } = r;
+  return {
+    [n[t]]: !0
+  };
+};
+export {
+  s as getClassByName
+};

package/unstyled/json-classes.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={prefix:"k",important:"!",rtl:"rtl",rounded:"rounded"},t={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",xxlarge:"xxl",xxxlarge:"xxxl"},i={solid:"solid",outline:"outline",flat:"flat",link:"link",clear:"clear"},n={base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inherit:"inherit",inverse:"inverse"},o={small:"sm",medium:"md",large:"lg",full:"full"},a={height:"height",width:"width"},r={default:"cursor-default"},l={up:"up",down:"down",left:"left",right:"right"},s={container:"container",content:"content",wrap:"wrap",list:"list",popup:"popup",item:"item"},d={table:"table",text:"text",tbody:"tbody",thead:"thead",th:"th",td:"td",header:"header",footer:"footer",icon:"icon",title:"title",link:"link",label:"label"},c={first:"first",focus:"focus",last:"last",draggable:"draggable",filterable:"filterable",grouping:"grouping",selected:"selected",disabled:"disabled",invalid:"invalid",checked:"checked",sorted:"sorted",sort:"sort",order:"order",alt:"alt",edit:"edit",template:"template",shown:"shown",horizontal:"horizontal",vertical:"vertical"},p={prefix:"animation",child:"child",relative:"relative",slide:"slide",appear:"appear",active:"active",enter:"enter",exit:"exit",pushRight:"push-right",pushLeft:"push-left",pushDown:"push-down",pushUp:"push-up",expandVertical:"expand-vertical",expandHorizontal:"expand-horizontal",fade:"fade",zoomIn:"zoom-in",zoomOut:"zoom-out",slideIn:"slide-in",slideDown:"slide-down",slideUp:"slide-up",slideRight:"slide-right",slideLeft:"slide-left",revealVertical:"reveal-vertical",revealHorizontal:"reveal-horizontal","animation-container":"animation-container","animation-container-shown":"animation-container-shown","animation-container-relative":"animation-container-relative","animation-container-fixed":"animation-container-fixed","child-animation-container":"child-animation-container"},u={prefix:"button"},h={prefix:"input",inner:"inner",maskedtextbox:"maskedtextbox",radio:"radio"},m={prefix:"menu",group:"group"},f={prefix:"icon",svg:"svg",i:"i",color:"color",flipH:"flip-h",flipV:"flip-v"},g={prefix:"popup"},x={prefix:"grid",virtual:"virtual",ariaRoot:"aria-root",tableWrap:"table-wrap",sticky:"sticky",master:"master",column:"column",cell:"cell",cellInner:"cell-inner",row:"row",group:"group",hierarchy:"hierarchy",detail:"detail",noRecords:"norecords",pager:"pager"},b={base:e,animation:p,sizeMap:t,directionMap:l,fillModeMap:i,themeColorMap:n,roundedMap:o,elements:d,states:c,dimensions:a,containers:s,cursor:r,button:u,input:h,ddb:m,popup:g,icon:f,grid:x};exports.animation=p;exports.base=e;exports.button=u;exports.containers=s;exports.cursor=r;exports.ddb=m;exports.dimensions=a;exports.directionMap=l;exports.elements=d;exports.fillModeMap=i;exports.grid=x;exports.icon=f;exports.input=h;exports.popup=g;exports.roundedMap=o;exports.sizeMap=t;exports.states=c;exports.theme=b;exports.themeColorMap=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={prefix:"k",important:"!",rtl:"rtl",rounded:"rounded",value:"value",state:"state",filter:"filter",virtual:"virtual",infinite:"infinite",clear:"clear",reset:"reset",nodata:"nodata"},o={center:"center",hbox:"hbox",vstack:"vstack",overflow:"overflow"},t={actionsheet:"actionsheet",calendar:"calendar",buttongroup:"buttongroup",dateinput:"dateinput",datetime:"datetime",datetimepicker:"datetimepicker",dropdownlist:"dropdownlist",maskedtextbox:"maskedtextbox",menu:"menu",searchbox:"searchbox",timepicker:"timepicker"},l={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",xxlarge:"xxl",xxxlarge:"xxxl"},s={solid:"solid",outline:"outline",flat:"flat",link:"link",clear:"clear"},c={base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inherit:"inherit",inverse:"inverse"},d={small:"sm",medium:"md",large:"lg",full:"full"},p={vertical:"vertical",horizontal:"horizontal"},f={height:"height",width:"width"},m={default:"cursor-default"},u={up:"up",down:"down",left:"left",right:"right",start:"start",mid:"mid",end:"end"},r={actions:"actions",container:"container",content:"content",group:"group",row:"row",nav:"nav",wrap:"wrap",wrapper:"wrapper",list:"list",placeholder:"placeholder",popup:"popup",item:"item",part:"part",picker:"picker",separator:"separator",spacer:"spacer",tab:"tab",titlebar:"titlebar",optionlabel:"optionlabel",view:"view"},a={table:"table",text:"text",button:"button",tbody:"tbody",thead:"thead",tr:"tr",th:"th",td:"td",header:"header",footer:"footer",icon:"icon",title:"title",link:"link",label:"label",ul:"ul",caption:"caption"},x={increase:"increase",decrease:"decrease",cancel:"cancel",accept:"accept",split:"split"},h={active:"active",adaptive:"adaptive",first:"first",focus:"focus",pending:"pending",last:"last",draggable:"draggable",filterable:"filterable",grouping:"grouping",selected:"selected",disabled:"disabled",hidden:"hidden",highlight:"highlight",invalid:"invalid",loading:"loading",required:"required",checked:"checked",empty:"empty",scrollable:"scrollable",sorted:"sorted",sort:"sort",sticky:"sticky",stretched:"stretched",order:"order",alt:"alt",edit:"edit",template:"template",shown:"shown",horizontal:"horizontal",vertical:"vertical",fullscreen:"fullscreen",bottom:"bottom"},b={prefix:"animation",child:"child",relative:"relative",slide:"slide",appear:"appear",active:"active",enter:"enter",exit:"exit",pushRight:"push-right",pushLeft:"push-left",pushDown:"push-down",pushUp:"push-up",expandVertical:"expand-vertical",expandHorizontal:"expand-horizontal",fade:"fade",zoomIn:"zoom-in",zoomOut:"zoom-out",slideIn:"slide-in",slideDown:"slide-down",slideUp:"slide-up",slideRight:"slide-right",slideLeft:"slide-left",revealVertical:"reveal-vertical",revealHorizontal:"reveal-horizontal","animation-container":"animation-container","animation-container-shown":"animation-container-shown","animation-container-relative":"animation-container-relative","animation-container-fixed":"animation-container-fixed","child-animation-container":"child-animation-container"},i={input:"input",inner:"inner",spin:"spin",spinner:"spinner",maskedtextbox:"maskedtextbox",radio:"radio",textbox:"textbox",prefix:"prefix",suffix:"suffix"},g={week:"week",weekdays:"weekdays",weekend:"weekend",month:"month",year:"year",decade:"decade",century:"century",number:"number",navigation:"navigation",marker:"marker",now:"now",range:"range",today:"today",other:"other",date:"date",time:"time",selector:"selector",timeselector:"timeselector"},v={prefix:"icon",svg:"svg",i:"i",color:"color",flipH:"flip-h",flipV:"flip-v"},w={label:"label",text:"text",floatingLabel:"floating-label",container:"container",hint:"form-hint",error:"form-error"},k={form:"form",field:"field"},y={prefix:"popup"},n={prefix:"grid",ariaRoot:"aria-root",tableWrap:"table-wrap",master:"master",column:"column",cell:"cell",cellInner:"cell-inner",row:"row",group:"group",hierarchy:"hierarchy",detail:"detail",noRecords:"norecords",pager:"pager"},P=`${e.prefix}-${i.input}`,$=`${e.prefix}-${t.calendar}`,M=`${e.prefix}-${t.maskedtextbox}`,z=`${e.prefix}-${i.radio}`,I=`${e.prefix}-${a.button}`,L=`${e.prefix}-${t.menu}`,D=`${e.prefix}-${r.picker}`,R=`${e.prefix}-${t.dropdownlist}`,S=`${e.prefix}-${n.prefix}`,U={base:e,actions:x,animation:b,sizeMap:l,components:t,cssUtils:o,directionMap:u,fillModeMap:s,themeColorMap:c,roundedMap:d,orientationMap:p,elements:a,states:h,dimensions:f,containers:r,cursor:m,inputs:i,dateInputs:g,labels:w,forms:k,popup:y,icon:v,grid:n};exports.actions=x;exports.animationStyles=b;exports.base=e;exports.buttonPrefix=I;exports.calendarPrefix=$;exports.components=t;exports.containers=r;exports.cssUtils=o;exports.cursor=m;exports.dateInputs=g;exports.ddbPrefix=L;exports.dimensions=f;exports.directionMap=u;exports.dropDownListPrefix=R;exports.elements=a;exports.fillModeMap=s;exports.forms=k;exports.grid=n;exports.gridPrefix=S;exports.icon=v;exports.inputPrefix=P;exports.inputs=i;exports.jsonTheme=U;exports.labels=w;exports.maskedPrefix=M;exports.orientationMap=p;exports.pickerPrefix=D;exports.popup=y;exports.radioPrefix=z;exports.roundedMap=d;exports.sizeMap=l;exports.states=h;exports.themeColorMap=c;