@progress/kendo-react-dropdowns 11.0.0-develop.2 → 11.0.0-develop.4

package/common/AdaptiveMode.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 v=require("react"),r=require("@progress/kendo-react-layout"),y=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-buttons"),x=require("@progress/kendo-react-common");function h(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const n=h(v),k=t=>{const{footer:e,windowWidth:a=0,mobileFilter:o,children:s,navigatable:d,navigatableElements:u,expand:b,animation:p,title:m,subTitle:f,onClose:c}=t,l=x.useAdaptiveModeContext(),g={navigatable:d||!1,navigatableElements:u||[],expand:b,animation:p!==!1,suffixActions:n.createElement(i.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",icon:"x",svgIcon:y.xIcon,onClick:c}),filter:o,onClose:c,animationStyles:l&&a<=l.small?{top:0,width:"100%",height:"100%"}:void 0,title:m,subTitle:f,className:"k-adaptive-actionsheet",position:l&&a<=l.small?"fullscreen":void 0};return n.createElement(r.ActionSheet,{...g},s,e&&n.createElement(r.ActionSheetFooter,{className:"k-actions k-actions-stretched"},n.createElement(i.Button,{size:"large",tabIndex:0,"aria-label":e.cancelText,"aria-disabled":"false",type:"button",onClick:e.onCancel},e.cancelText),n.createElement(i.Button,{tabIndex:0,themeColor:"primary",size:"large","aria-label":e.applyText,"aria-disabled":"false",type:"button",onClick:e.onApply},e.applyText)))};exports.AdaptiveMode=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),c=require("@progress/kendo-react-layout"),v=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-buttons"),h=require("@progress/kendo-react-common");function k(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const n=k(y),C=t=>{const{footer:e,windowWidth:a=0,mobileFilter:o,children:s,navigatable:d,navigatableElements:u,expand:b,animation:m,title:p,subTitle:f,onClose:r}=t,l=h.useAdaptiveModeContext(),g={navigatable:d||!1,navigatableElements:u||[],expand:b,animation:m!==!1,suffixActions:n.createElement(i.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",size:"large",themeColor:"primary",svgIcon:v.checkIcon,onClick:r}),filter:o,onClose:r,animationStyles:l&&a<=l.small?{top:0,width:"100%",height:"100%"}:void 0,title:p,subTitle:f,className:"k-adaptive-actionsheet",position:l&&a<=l.small?"fullscreen":void 0};return n.createElement(c.ActionSheet,{...g},s,e&&n.createElement(c.ActionSheetFooter,{className:"k-actions k-actions-stretched"},n.createElement(i.Button,{size:"large",tabIndex:0,"aria-label":e.cancelText,"aria-disabled":"false",type:"button",onClick:e.onCancel},e.cancelText),n.createElement(i.Button,{tabIndex:0,themeColor:"primary",size:"large","aria-label":e.applyText,"aria-disabled":"false",type:"button",onClick:e.onApply},e.applyText)))};exports.AdaptiveMode=C;

package/common/AdaptiveMode.mjs

@@ -6,14 +6,14 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as t from "react";
-import { ActionSheet as h, ActionSheetFooter as u } from "@progress/kendo-react-layout";
-import { xIcon as v } from "@progress/kendo-svg-icons";
+import { ActionSheet as x, ActionSheetFooter as u } from "@progress/kendo-react-layout";
+import { checkIcon as C } from "@progress/kendo-svg-icons";
 import { Button as o } from "@progress/kendo-react-buttons";
-import { useAdaptiveModeContext as C } from "@progress/kendo-react-common";
+import { useAdaptiveModeContext as v } from "@progress/kendo-react-common";
 const I = (i) => {
   const {
     footer: e,
-    windowWidth: n = 0,
+    windowWidth: l = 0,
     mobileFilter: r,
     children: s,
     navigatable: c,
@@ -22,8 +22,8 @@ const I = (i) => {
     animation: p,
     title: b,
     subTitle: f,
-    onClose: l
-  } = i, a = C(), x = {
+    onClose: n
+  } = i, a = v(), h = {
     navigatable: c || !1,
     navigatableElements: m || [],
     expand: d,
@@ -36,20 +36,21 @@ const I = (i) => {
         "aria-disabled": "false",
         type: "button",
         fillMode: "flat",
-        icon: "x",
-        svgIcon: v,
-        onClick: l
+        size: "large",
+        themeColor: "primary",
+        svgIcon: C,
+        onClick: n
       }
     ),
     filter: r,
-    onClose: l,
-    animationStyles: a && n <= a.small ? { top: 0, width: "100%", height: "100%" } : void 0,
+    onClose: n,
+    animationStyles: a && l <= a.small ? { top: 0, width: "100%", height: "100%" } : void 0,
     title: b,
     subTitle: f,
     className: "k-adaptive-actionsheet",
-    position: a && n <= a.small ? "fullscreen" : void 0
+    position: a && l <= a.small ? "fullscreen" : void 0
   };
-  return /* @__PURE__ */ t.createElement(h, { ...x }, s, e && /* @__PURE__ */ t.createElement(u, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ t.createElement(x, { ...h }, s, e && /* @__PURE__ */ t.createElement(u, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ t.createElement(
     o,
     {
       size: "large",

package/common/ListFilter.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";const g=require("react"),n=require("prop-types"),c=require("@progress/kendo-react-inputs"),x=require("@progress/kendo-svg-icons"),r=require("@progress/kendo-react-common");function y(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return o.default=e,Object.freeze(o)}const t=y(g),u=t.forwardRef((e,o)=>{const a=t.useRef(null),{renderListFilterWrapper:l=!1,renderPrefixSeparator:f=!1,...m}=e,i=r.useUnstyled(),s=i&&i.uDropDownsBase;t.useImperativeHandle(o,()=>a.current);const p=()=>t.createElement(t.Fragment,null,t.createElement(c.InputPrefix,null,t.createElement(r.IconWrap,{name:"search",icon:x.searchIcon,className:r.classNames(r.uDropDownsBase.inputIcon({c:s}))})),f&&t.createElement(c.InputSeparator,null)),d=t.createElement(c.TextBox,{...m,ref:a,className:r.classNames(r.uDropDownsBase.searchbox({c:s})),value:e.value||"",onChange:e.onChange,onKeyDown:e.onKeyDown,tabIndex:e.tabIndex,onClick:b=>b.stopPropagation(),size:e.size,fillMode:e.fillMode,rounded:e.rounded,prefix:p});return l?t.createElement("div",{className:r.classNames(r.uDropDownsBase.listFilter({c:s}))}," ",d," "):d});u.propTypes={value:n.oneOfType([n.string,n.number,n.array]),tabIndex:n.number,onChange:n.func,onKeyDown:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"]),renderListFilterWrapper:n.bool,renderPrefixSeparator:n.bool};u.displayName="KendoReactListFilter";module.exports=u;
+"use strict";const x=require("react"),n=require("prop-types"),c=require("@progress/kendo-react-inputs"),y=require("@progress/kendo-svg-icons"),r=require("@progress/kendo-react-common");function D(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return o.default=e,Object.freeze(o)}const t=D(x),u=t.forwardRef((e,o)=>{const a=t.useRef(null),{renderListFilterWrapper:l=!1,renderPrefixSeparator:f=!1,placeholder:m,...p}=e,i=r.useUnstyled(),s=i&&i.uDropDownsBase;t.useImperativeHandle(o,()=>a.current);const b=()=>t.createElement(t.Fragment,null,t.createElement(c.InputPrefix,null,t.createElement(r.IconWrap,{name:"search",icon:y.searchIcon,className:r.classNames(r.uDropDownsBase.inputIcon({c:s}))})),f&&t.createElement(c.InputSeparator,null)),d=t.createElement(c.TextBox,{...p,ref:a,className:r.classNames(r.uDropDownsBase.searchbox({c:s})),value:e.value||"",onChange:e.onChange,onKeyDown:e.onKeyDown,tabIndex:e.tabIndex,onClick:g=>g.stopPropagation(),size:e.size,fillMode:e.fillMode,rounded:e.rounded,prefix:b,placeholder:m});return l?t.createElement("div",{className:r.classNames(r.uDropDownsBase.listFilter({c:s}))}," ",d," "):d});u.propTypes={value:n.oneOfType([n.string,n.number,n.array]),tabIndex:n.number,onChange:n.func,onKeyDown:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"]),renderListFilterWrapper:n.bool,placeholder:n.string,renderPrefixSeparator:n.bool};u.displayName="KendoReactListFilter";module.exports=u;

package/common/ListFilter.mjs

@@ -7,39 +7,40 @@
  */
 import * as n from "react";
 import e from "prop-types";
-import { TextBox as y, InputPrefix as b, InputSeparator as I } from "@progress/kendo-react-inputs";
-import { searchIcon as g } from "@progress/kendo-svg-icons";
-import { useUnstyled as h, classNames as a, uDropDownsBase as l, IconWrap as D } from "@progress/kendo-react-common";
-const u = n.forwardRef((r, c) => {
-  const o = n.useRef(null), { renderListFilterWrapper: m = !1, renderPrefixSeparator: d = !1, ...f } = r, s = h(), t = s && s.uDropDownsBase;
-  n.useImperativeHandle(c, () => o.current);
-  const p = () => /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(b, null, /* @__PURE__ */ n.createElement(
-    D,
+import { TextBox as b, InputPrefix as g, InputSeparator as h } from "@progress/kendo-react-inputs";
+import { searchIcon as I } from "@progress/kendo-svg-icons";
+import { useUnstyled as D, classNames as a, uDropDownsBase as t, IconWrap as w } from "@progress/kendo-react-common";
+const c = n.forwardRef((r, u) => {
+  const o = n.useRef(null), { renderListFilterWrapper: m = !1, renderPrefixSeparator: d = !1, placeholder: f, ...p } = r, s = D(), l = s && s.uDropDownsBase;
+  n.useImperativeHandle(u, () => o.current);
+  const x = () => /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(g, null, /* @__PURE__ */ n.createElement(
+    w,
     {
       name: "search",
-      icon: g,
-      className: a(l.inputIcon({ c: t }))
+      icon: I,
+      className: a(t.inputIcon({ c: l }))
     }
-  )), d && /* @__PURE__ */ n.createElement(I, null)), i = /* @__PURE__ */ n.createElement(
-    y,
+  )), d && /* @__PURE__ */ n.createElement(h, null)), i = /* @__PURE__ */ n.createElement(
+    b,
     {
-      ...f,
+      ...p,
       ref: o,
-      className: a(l.searchbox({ c: t })),
+      className: a(t.searchbox({ c: l })),
       value: r.value || "",
       onChange: r.onChange,
       onKeyDown: r.onKeyDown,
       tabIndex: r.tabIndex,
-      onClick: (x) => x.stopPropagation(),
+      onClick: (y) => y.stopPropagation(),
       size: r.size,
       fillMode: r.fillMode,
       rounded: r.rounded,
-      prefix: p
+      prefix: x,
+      placeholder: f
     }
   );
-  return m ? /* @__PURE__ */ n.createElement("div", { className: a(l.listFilter({ c: t })) }, " ", i, " ") : i;
+  return m ? /* @__PURE__ */ n.createElement("div", { className: a(t.listFilter({ c: l })) }, " ", i, " ") : i;
 });
-u.propTypes = {
+c.propTypes = {
   value: e.oneOfType([e.string, e.number, e.array]),
   tabIndex: e.number,
   onChange: e.func,
@@ -48,9 +49,10 @@ u.propTypes = {
   rounded: e.oneOf([null, "small", "medium", "large", "full"]),
   fillMode: e.oneOf([null, "solid", "flat", "outline"]),
   renderListFilterWrapper: e.bool,
+  placeholder: e.string,
   renderPrefixSeparator: e.bool
 };
-u.displayName = "KendoReactListFilter";
+c.displayName = "KendoReactListFilter";
 export {
-  u as default
+  c as default
 };