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

package/unstyled/json-classes.mjs

@@ -10,8 +10,33 @@ const e = {
   prefix: "k",
   important: "!",
   rtl: "rtl",
-  rounded: "rounded"
+  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",
@@ -19,13 +44,13 @@ const e = {
   xlarge: "xl",
   xxlarge: "xxl",
   xxxlarge: "xxxl"
-}, i = {
+}, s = {
   solid: "solid",
   outline: "outline",
   flat: "flat",
   link: "link",
   clear: "clear"
-}, a = {
+}, c = {
   base: "base",
   primary: "primary",
   secondary: "secondary",
@@ -38,33 +63,55 @@ const e = {
   light: "light",
   inherit: "inherit",
   inverse: "inverse"
-}, n = {
+}, d = {
   small: "sm",
   medium: "md",
   large: "lg",
   full: "full"
-}, o = {
+}, p = {
+  vertical: "vertical",
+  horizontal: "horizontal"
+}, m = {
   height: "height",
   width: "width"
-}, r = {
+}, u = {
   default: "cursor-default"
-}, l = {
+}, f = {
   up: "up",
   down: "down",
   left: "left",
-  right: "right"
-}, s = {
+  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"
-}, d = {
+  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",
@@ -72,28 +119,49 @@ const e = {
   icon: "icon",
   title: "title",
   link: "link",
-  label: "label"
-}, c = {
+  label: "label",
+  ul: "ul",
+  caption: "caption"
+}, h = {
+  increase: "increase",
+  decrease: "decrease",
+  cancel: "cancel",
+  accept: "accept",
+  split: "split"
+}, x = {
+  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"
-}, p = {
+  vertical: "vertical",
+  fullscreen: "fullscreen",
+  bottom: "bottom"
+}, g = {
   prefix: "animation",
   child: "child",
   relative: "relative",
@@ -123,31 +191,58 @@ const e = {
   "animation-container-relative": "animation-container-relative",
   "animation-container-fixed": "animation-container-fixed",
   "child-animation-container": "child-animation-container"
-}, h = {
-  prefix: "button"
-}, u = {
-  prefix: "input",
+}, i = {
+  input: "input",
   inner: "inner",
+  spin: "spin",
+  spinner: "spinner",
   maskedtextbox: "maskedtextbox",
-  radio: "radio"
-}, m = {
-  prefix: "menu",
-  group: "group"
-}, f = {
+  radio: "radio",
+  textbox: "textbox",
+  prefix: "prefix",
+  suffix: "suffix"
+}, b = {
+  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"
-}, g = {
+}, w = {
+  label: "label",
+  text: "text",
+  floatingLabel: "floating-label",
+  container: "container",
+  hint: "form-hint",
+  error: "form-error"
+}, k = {
+  form: "form",
+  field: "field"
+}, y = {
   prefix: "popup"
-}, x = {
+}, n = {
   prefix: "grid",
-  virtual: "virtual",
   ariaRoot: "aria-root",
   tableWrap: "table-wrap",
-  sticky: "sticky",
   master: "master",
   column: "column",
   cell: "cell",
@@ -158,44 +253,63 @@ const e = {
   detail: "detail",
   noRecords: "norecords",
   pager: "pager"
-}, v = {
+}, $ = `${e.prefix}-${i.input}`, z = `${e.prefix}-${t.calendar}`, P = `${e.prefix}-${t.maskedtextbox}`, M = `${e.prefix}-${i.radio}`, I = `${e.prefix}-${a.button}`, L = `${e.prefix}-${t.menu}`, R = `${e.prefix}-${r.picker}`, D = `${e.prefix}-${t.dropdownlist}`, H = `${e.prefix}-${n.prefix}`, U = {
   base: e,
-  animation: p,
-  sizeMap: t,
-  directionMap: l,
-  fillModeMap: i,
-  themeColorMap: a,
-  roundedMap: n,
-  elements: d,
-  states: c,
-  dimensions: o,
-  containers: s,
-  cursor: r,
-  button: h,
-  input: u,
-  ddb: m,
-  popup: g,
-  icon: f,
-  grid: x
+  actions: h,
+  animation: g,
+  sizeMap: l,
+  components: t,
+  cssUtils: o,
+  directionMap: f,
+  fillModeMap: s,
+  themeColorMap: c,
+  roundedMap: d,
+  orientationMap: p,
+  elements: a,
+  states: x,
+  dimensions: m,
+  containers: r,
+  cursor: u,
+  inputs: i,
+  dateInputs: b,
+  labels: w,
+  forms: k,
+  popup: y,
+  icon: v,
+  grid: n
 };
 export {
-  p as animation,
+  h as actions,
+  g as animationStyles,
   e as base,
-  h as button,
-  s as containers,
-  r as cursor,
-  m as ddb,
-  o as dimensions,
-  l as directionMap,
-  d as elements,
-  i as fillModeMap,
-  x as grid,
-  f as icon,
-  u as input,
-  g as popup,
-  n as roundedMap,
-  t as sizeMap,
-  c as states,
-  v as theme,
-  a as themeColorMap
+  I as buttonPrefix,
+  z as calendarPrefix,
+  t as components,
+  r as containers,
+  o as cssUtils,
+  u as cursor,
+  b as dateInputs,
+  L as ddbPrefix,
+  m as dimensions,
+  f as directionMap,
+  D as dropDownListPrefix,
+  a as elements,
+  s as fillModeMap,
+  k as forms,
+  n as grid,
+  H as gridPrefix,
+  v as icon,
+  $ as inputPrefix,
+  i as inputs,
+  U as jsonTheme,
+  w as labels,
+  P as maskedPrefix,
+  p as orientationMap,
+  R as pickerPrefix,
+  y as popup,
+  M as radioPrefix,
+  d as roundedMap,
+  l as sizeMap,
+  x as states,
+  c as themeColorMap
 };

package/unstyled/labels.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 e=require("./json-classes.js"),d=`${e.base.prefix}-${e.labels.label}`,b=`${e.base.prefix}-${e.labels.floatingLabel}`,p=`${e.base.prefix}-${e.labels.error}`,$=`${e.base.prefix}-${e.labels.hint}`,c={label:{main:d,empty:`${e.base.prefix}-${e.labels.label}-${e.states.empty}`,invalid:`${e.base.prefix}-${e.labels.text}-${e.themeColorMap.error}`,disabled:`${e.base.prefix}-${e.labels.text}-${e.states.disabled}`}},x={label:l=>{const{empty:s,invalid:r,disabled:t,c:a=c}=l,i=a.label;return{[i.main]:!0,[i.empty]:s,[i.invalid]:r,[i.disabled]:t}}},o={wrapper:{main:`${b}-${e.labels.container}`,focused:`${e.base.prefix}-${e.states.focus}`,empty:`${e.base.prefix}-${e.states.empty}`,disabled:`${e.base.prefix}-${e.labels.text}-${e.states.disabled}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},label:{main:b,invalid:`${e.base.prefix}-${e.labels.text}-${e.themeColorMap.error}`,disabled:`${e.base.prefix}-${e.labels.text}-${e.states.disabled}`}},u={wrapper:l=>{const{focused:s,empty:r,disabled:t,isRtl:a,c:i=o}=l,n=i.wrapper;return{[n.main]:!0,[n.focused]:s,[n.empty]:r,[n.disabled]:t,[n.isRtl]:a}},label:l=>{const{invalid:s,disabled:r,c:t=o}=l,a=t.label;return{[a.main]:!0,[a.invalid]:s,[a.disabled]:r}}},f={wrapper:{main:p,direction:{start:`${e.base.prefix}-${e.labels.text}-${e.directionMap.start}`,end:`${e.base.prefix}-${e.labels.text}-${e.directionMap.end}`}}},m={wrapper:l=>{const{direction:s,c:r=f}=l,t=r.wrapper;return{[t.main]:!0,[t.direction[s]]:t.direction[s]}}},w={wrapper:{main:$,direction:{start:`${e.base.prefix}-${e.labels.text}-${e.directionMap.start}`,end:`${e.base.prefix}-${e.labels.text}-${e.directionMap.end}`,disabled:`${e.base.prefix}-${e.labels.text}-${e.states.disabled}`}}},C={wrapper:l=>{const{direction:s,disabled:r,c:t=w}=l,a=t.wrapper;return{[a.main]:!0,[a.direction[s]]:a.direction[s],[a.disabled]:r}}};exports.uError=m;exports.uFloatingLabel=u;exports.uHint=C;exports.uLabel=x;

package/unstyled/labels.mjs

@@ -0,0 +1,99 @@
+/**
+ * @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";
+import { base as e, labels as t, states as n, themeColorMap as b, directionMap as o } from "./json-classes.mjs";
+const x = `${e.prefix}-${t.label}`, $ = `${e.prefix}-${t.floatingLabel}`, f = `${e.prefix}-${t.error}`, m = `${e.prefix}-${t.hint}`, u = {
+  label: {
+    main: x,
+    empty: `${e.prefix}-${t.label}-${n.empty}`,
+    invalid: `${e.prefix}-${t.text}-${b.error}`,
+    disabled: `${e.prefix}-${t.text}-${n.disabled}`
+  }
+}, v = {
+  label: (s) => {
+    const { empty: i, invalid: l, disabled: a, c: r = u } = s, d = r.label;
+    return {
+      [d.main]: !0,
+      [d.empty]: i,
+      [d.invalid]: l,
+      [d.disabled]: a
+    };
+  }
+}, c = {
+  wrapper: {
+    main: `${$}-${t.container}`,
+    focused: `${e.prefix}-${n.focus}`,
+    empty: `${e.prefix}-${n.empty}`,
+    disabled: `${e.prefix}-${t.text}-${n.disabled}`,
+    isRtl: `${e.prefix}-${e.rtl}`
+  },
+  label: {
+    main: $,
+    invalid: `${e.prefix}-${t.text}-${b.error}`,
+    disabled: `${e.prefix}-${t.text}-${n.disabled}`
+  }
+}, L = {
+  wrapper: (s) => {
+    const { focused: i, empty: l, disabled: a, isRtl: r, c: d = c } = s, p = d.wrapper;
+    return {
+      [p.main]: !0,
+      [p.focused]: i,
+      [p.empty]: l,
+      [p.disabled]: a,
+      [p.isRtl]: r
+    };
+  },
+  label: (s) => {
+    const { invalid: i, disabled: l, c: a = c } = s, r = a.label;
+    return {
+      [r.main]: !0,
+      [r.invalid]: i,
+      [r.disabled]: l
+    };
+  }
+}, w = {
+  wrapper: {
+    main: f,
+    direction: {
+      start: `${e.prefix}-${t.text}-${o.start}`,
+      end: `${e.prefix}-${t.text}-${o.end}`
+    }
+  }
+}, g = {
+  wrapper: (s) => {
+    const { direction: i, c: l = w } = s, a = l.wrapper;
+    return {
+      [a.main]: !0,
+      [a.direction[i]]: a.direction[i]
+    };
+  }
+}, C = {
+  wrapper: {
+    main: m,
+    direction: {
+      start: `${e.prefix}-${t.text}-${o.start}`,
+      end: `${e.prefix}-${t.text}-${o.end}`,
+      disabled: `${e.prefix}-${t.text}-${n.disabled}`
+    }
+  }
+}, h = {
+  wrapper: (s) => {
+    const { direction: i, disabled: l, c: a = C } = s, r = a.wrapper;
+    return {
+      [r.main]: !0,
+      [r.direction[i]]: r.direction[i],
+      [r.disabled]: l
+    };
+  }
+};
+export {
+  g as uError,
+  L as uFloatingLabel,
+  h as uHint,
+  v as uLabel
+};

package/unstyled/popup.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 i=require("./json-classes.js"),a={animationContainer:`${i.base.prefix}-${i.animation.prefix}-${i.containers.container}`,animationContainerShown:`${i.base.prefix}-${i.animation.prefix}-${i.containers.container}-${i.states.shown}`,animationChild:`${i.base.prefix}-${i.animation.child}-${i.animation.prefix}-${i.containers.container}`,popup:`${i.base.prefix}-${i.popup.prefix}`,slide:{up:{enter:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.up}-${i.animation.enter}`,exit:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.up}-${i.animation.exit}`},down:{enter:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.down}-${i.animation.enter}`,exit:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.down}-${i.animation.exit}`},left:{enter:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.left}-${i.animation.enter}`,exit:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.left}-${i.animation.exit}`},right:{enter:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.right}-${i.animation.enter}`,exit:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.right}-${i.animation.exit}`}},slideActive:{up:{enter:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.up}-${i.animation.enter}-${i.animation.active}`,exit:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.up}-${i.animation.exit}-${i.animation.active}`},down:{enter:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.down}-${i.animation.enter}-${i.animation.active}`,exit:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.down}-${i.animation.exit}-${i.animation.active}`},left:{enter:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.left}-${i.animation.enter}-${i.animation.active}`,exit:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.left}-${i.animation.exit}-${i.animation.active}`},right:{enter:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.right}-${i.animation.enter}-${i.animation.active}`,exit:`${i.base.prefix}-${i.animation.slide}-${i.directionMap.right}-${i.animation.exit}-${i.animation.active}`}}},r={animationContainer:n=>{const{c:e=a}=n;return{[e.animationContainer]:!0}},animationContainerShown:n=>{const{c:e=a}=n;return{[e.animationContainerShown]:!0}},animationChild:n=>{const{c:e=a}=n;return{[e.animationChild]:!0}},popup:n=>{const{c:e=a}=n;return{[e.popup]:!0}},slide:n=>{const{direction:e,type:o,c:t=a}=n;return{[t.slide[e][o]]:t.slide[e]&&t.slide[e][o]}},slideActive:n=>{const{direction:e,type:o,c:t=a}=n;return{[t.slideActive[e][o]]:t.slideActive[e]&&t.slideActive[e][o]}}};exports.uPopup=r;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./json-classes.js"),a={animationContainer:`${i.base.prefix}-${i.animationStyles.prefix}-${i.containers.container}`,animationContainerShown:`${i.base.prefix}-${i.animationStyles.prefix}-${i.containers.container}-${i.states.shown}`,animationChild:`${i.base.prefix}-${i.animationStyles.child}-${i.animationStyles.prefix}-${i.containers.container}`,popup:`${i.base.prefix}-${i.popup.prefix}`,slide:{up:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.up}-${i.animationStyles.enter}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.up}-${i.animationStyles.exit}`},down:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.down}-${i.animationStyles.enter}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.down}-${i.animationStyles.exit}`},left:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.left}-${i.animationStyles.enter}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.left}-${i.animationStyles.exit}`},right:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.right}-${i.animationStyles.enter}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.right}-${i.animationStyles.exit}`}},slideActive:{up:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.up}-${i.animationStyles.enter}-${i.animationStyles.active}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.up}-${i.animationStyles.exit}-${i.animationStyles.active}`},down:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.down}-${i.animationStyles.enter}-${i.animationStyles.active}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.down}-${i.animationStyles.exit}-${i.animationStyles.active}`},left:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.left}-${i.animationStyles.enter}-${i.animationStyles.active}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.left}-${i.animationStyles.exit}-${i.animationStyles.active}`},right:{enter:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.right}-${i.animationStyles.enter}-${i.animationStyles.active}`,exit:`${i.base.prefix}-${i.animationStyles.slide}-${i.directionMap.right}-${i.animationStyles.exit}-${i.animationStyles.active}`}}},o={animationContainer:t=>{const{c:e=a}=t;return{[e.animationContainer]:!0}},animationContainerShown:t=>{const{c:e=a}=t;return{[e.animationContainerShown]:!0}},animationChild:t=>{const{c:e=a}=t;return{[e.animationChild]:!0}},popup:t=>{const{c:e=a}=t;return{[e.popup]:!0}},slide:t=>{const{direction:e,type:s,c:n=a}=t;return{[n.slide[e][s]]:n.slide[e]&&n.slide[e][s]}},slideActive:t=>{const{direction:e,type:s,c:n=a}=t;return{[n.slideActive[e][s]]:n.slideActive[e]&&n.slideActive[e][s]}}};exports.uPopup=o;

package/unstyled/popup.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { base as i, animation as e, containers as s, states as a, popup as x, directionMap as t } from "./json-classes.mjs";
+import { base as i, animationStyles as e, containers as s, states as a, popup as x, directionMap as t } from "./json-classes.mjs";
 const p = {
   animationContainer: `${i.prefix}-${e.prefix}-${s.container}`,
   animationContainerShown: `${i.prefix}-${e.prefix}-${s.container}-${a.shown}`,