@progress/kendo-themes-html 5.8.2-dev.3 → 5.8.2-dev.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/filter/tests/filter.js +32 -32
  2. package/dist/filter/tests/filter.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/filter/tests/filter.tsx +32 -32
package/dist/filter/tests/filter.js CHANGED
@@ -723,21 +723,21 @@
723
723
  }, /* @__PURE__ */ import_react.default.createElement("div", {
724
724
  className: "k-filter-toolbar"
725
725
  }, /* @__PURE__ */ import_react.default.createElement("div", {
726
- className: "k-toolbar"
726
+ className: "k-toolbar k-focus"
727
727
  }, /* @__PURE__ */ import_react.default.createElement("div", {
728
- className: "k-filter-toolbar-item"
728
+ className: "k-filter-toolbar-item k-toolbar-item"
729
729
  }, /* @__PURE__ */ import_react.default.createElement(ButtonGroup, null, /* @__PURE__ */ import_react.default.createElement(Button, {
730
730
  selected: true
731
731
  }, "And"), /* @__PURE__ */ import_react.default.createElement(Button, null, "Or"))), /* @__PURE__ */ import_react.default.createElement("div", {
732
- className: "k-filter-toolbar-item"
732
+ className: "k-filter-toolbar-item k-toolbar-item"
733
733
  }, /* @__PURE__ */ import_react.default.createElement(Button, {
734
734
  icon: "filter-add-expression"
735
735
  }, "Add Expression")), /* @__PURE__ */ import_react.default.createElement("div", {
736
- className: "k-filter-toolbar-item"
736
+ className: "k-filter-toolbar-item k-toolbar-item"
737
737
  }, /* @__PURE__ */ import_react.default.createElement(Button, {
738
738
  icon: "filter-add-group"
739
739
  }, "Add Group")), /* @__PURE__ */ import_react.default.createElement("div", {
740
- className: "k-filter-toolbar-item"
740
+ className: "k-filter-toolbar-item k-toolbar-item"
741
741
  }, /* @__PURE__ */ import_react.default.createElement(Button, {
742
742
  fillMode: "flat",
743
743
  icon: "close"
@@ -750,19 +750,19 @@
750
750
  }, /* @__PURE__ */ import_react.default.createElement("div", {
751
751
  className: "k-toolbar"
752
752
  }, /* @__PURE__ */ import_react.default.createElement("div", {
753
- className: "k-filter-toolbar-item k-filter-field"
753
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-field"
754
754
  }, /* @__PURE__ */ import_react.default.createElement(DropdownList, {
755
755
  value: "Name"
756
756
  })), /* @__PURE__ */ import_react.default.createElement("div", {
757
- className: "k-filter-toolbar-item k-filter-operator"
757
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-operator k-focus"
758
758
  }, /* @__PURE__ */ import_react.default.createElement(DropdownList, {
759
759
  value: "Is equal to"
760
760
  })), /* @__PURE__ */ import_react.default.createElement("div", {
761
- className: "k-filter-toolbar-item k-filter-value"
761
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-value"
762
762
  }, /* @__PURE__ */ import_react.default.createElement(Textbox, {
763
763
  placeholder: "James"
764
764
  })), /* @__PURE__ */ import_react.default.createElement("div", {
765
- className: "k-filter-toolbar-item"
765
+ className: "k-filter-toolbar-item k-toolbar-item"
766
766
  }, /* @__PURE__ */ import_react.default.createElement(Button, {
767
767
  fillMode: "flat",
768
768
  icon: "close"
@@ -773,19 +773,19 @@
773
773
  }, /* @__PURE__ */ import_react.default.createElement("div", {
774
774
  className: "k-toolbar"
775
775
  }, /* @__PURE__ */ import_react.default.createElement("div", {
776
- className: "k-filter-toolbar-item k-filter-field"
776
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-field"
777
777
  }, /* @__PURE__ */ import_react.default.createElement(DropdownList, {
778
778
  value: "Price"
779
779
  })), /* @__PURE__ */ import_react.default.createElement("div", {
780
- className: "k-filter-toolbar-item k-filter-operator"
780
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-operator"
781
781
  }, /* @__PURE__ */ import_react.default.createElement(DropdownList, {
782
782
  value: "Is greater than"
783
783
  })), /* @__PURE__ */ import_react.default.createElement("div", {
784
- className: "k-filter-toolbar-item k-filter-value"
784
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-value"
785
785
  }, /* @__PURE__ */ import_react.default.createElement(NumericTextbox, {
786
786
  placeholder: "100,00"
787
787
  })), /* @__PURE__ */ import_react.default.createElement("div", {
788
- className: "k-filter-toolbar-item"
788
+ className: "k-filter-toolbar-item k-toolbar-item"
789
789
  }, /* @__PURE__ */ import_react.default.createElement(Button, {
790
790
  fillMode: "flat",
791
791
  icon: "close"
@@ -794,21 +794,21 @@
794
794
  }, /* @__PURE__ */ import_react.default.createElement("div", {
795
795
  className: "k-filter-toolbar"
796
796
  }, /* @__PURE__ */ import_react.default.createElement("div", {
797
- className: "k-toolbar"
797
+ className: "k-toolbar k-focus"
798
798
  }, /* @__PURE__ */ import_react.default.createElement("div", {
799
- className: "k-filter-toolbar-item k-filter-field"
799
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-field"
800
800
  }, /* @__PURE__ */ import_react.default.createElement(DropdownList, {
801
801
  value: "Discontinued"
802
802
  })), /* @__PURE__ */ import_react.default.createElement("div", {
803
- className: "k-filter-toolbar-item k-filter-operator"
803
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-operator"
804
804
  }, /* @__PURE__ */ import_react.default.createElement(DropdownList, {
805
805
  value: "Is equal to"
806
806
  })), /* @__PURE__ */ import_react.default.createElement("div", {
807
- className: "k-filter-toolbar-item k-filter-value"
807
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-value"
808
808
  }, /* @__PURE__ */ import_react.default.createElement(DropdownList, {
809
809
  value: "False"
810
810
  })), /* @__PURE__ */ import_react.default.createElement("div", {
811
- className: "k-filter-toolbar-item"
811
+ className: "k-filter-toolbar-item k-toolbar-item"
812
812
  }, /* @__PURE__ */ import_react.default.createElement(Button, {
813
813
  fillMode: "flat",
814
814
  icon: "close"
@@ -819,21 +819,21 @@
819
819
  }, /* @__PURE__ */ import_react.default.createElement("div", {
820
820
  className: "k-toolbar"
821
821
  }, /* @__PURE__ */ import_react.default.createElement("div", {
822
- className: "k-filter-toolbar-item k-filter-filed"
822
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-filed"
823
823
  }, /* @__PURE__ */ import_react.default.createElement(DropdownList, {
824
824
  value: "First Ordered"
825
825
  })), /* @__PURE__ */ import_react.default.createElement("div", {
826
- className: "k-filter-toolbar-item"
826
+ className: "k-filter-toolbar-item k-toolbar-item"
827
827
  }, /* @__PURE__ */ import_react.default.createElement("div", {
828
828
  className: "k-filter-operator"
829
829
  }, /* @__PURE__ */ import_react.default.createElement(DropdownList, {
830
830
  value: "Is before"
831
831
  }))), /* @__PURE__ */ import_react.default.createElement("div", {
832
- className: "k-filter-toolbar-item k-filter-value"
832
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-value"
833
833
  }, /* @__PURE__ */ import_react.default.createElement(DatePicker, {
834
834
  placeholder: "1/21/2021"
835
835
  })), /* @__PURE__ */ import_react.default.createElement("div", {
836
- className: "k-filter-toolbar-item"
836
+ className: "k-filter-toolbar-item k-toolbar-item"
837
837
  }, /* @__PURE__ */ import_react.default.createElement(Button, {
838
838
  fillMode: "flat",
839
839
  icon: "close"
@@ -844,19 +844,19 @@
844
844
  }, /* @__PURE__ */ import_react.default.createElement("div", {
845
845
  className: "k-toolbar"
846
846
  }, /* @__PURE__ */ import_react.default.createElement("div", {
847
- className: "k-filter-toolbar-item"
847
+ className: "k-filter-toolbar-item k-toolbar-item"
848
848
  }, /* @__PURE__ */ import_react.default.createElement(ButtonGroup, null, /* @__PURE__ */ import_react.default.createElement(Button, {
849
849
  selected: true
850
850
  }, "And"), /* @__PURE__ */ import_react.default.createElement(Button, null, "Or"))), /* @__PURE__ */ import_react.default.createElement("div", {
851
- className: "k-filter-toolbar-item"
851
+ className: "k-filter-toolbar-item k-toolbar-item"
852
852
  }, /* @__PURE__ */ import_react.default.createElement(Button, {
853
853
  icon: "filter-add-expression"
854
854
  }, "Add Expression")), /* @__PURE__ */ import_react.default.createElement("div", {
855
- className: "k-filter-toolbar-item"
855
+ className: "k-filter-toolbar-item k-toolbar-item"
856
856
  }, /* @__PURE__ */ import_react.default.createElement(Button, {
857
857
  icon: "filter-add-group"
858
858
  }, "Add Group")), /* @__PURE__ */ import_react.default.createElement("div", {
859
- className: "k-filter-toolbar-item"
859
+ className: "k-filter-toolbar-item k-toolbar-item"
860
860
  }, /* @__PURE__ */ import_react.default.createElement(Button, {
861
861
  fillMode: "flat",
862
862
  icon: "close"
@@ -869,15 +869,15 @@
869
869
  }, /* @__PURE__ */ import_react.default.createElement("div", {
870
870
  className: "k-toolbar"
871
871
  }, /* @__PURE__ */ import_react.default.createElement("div", {
872
- className: "k-filter-toolbar-item k-filter-field"
872
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-field"
873
873
  }, /* @__PURE__ */ import_react.default.createElement(DropdownList, {
874
874
  value: "Name"
875
875
  })), /* @__PURE__ */ import_react.default.createElement("div", {
876
- className: "k-filter-toolbar-item k-filter-operator"
876
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-operator"
877
877
  }, /* @__PURE__ */ import_react.default.createElement(DropdownList, {
878
878
  value: "Is empty"
879
879
  })), /* @__PURE__ */ import_react.default.createElement("div", {
880
- className: "k-filter-toolbar-item"
880
+ className: "k-filter-toolbar-item k-toolbar-item"
881
881
  }, /* @__PURE__ */ import_react.default.createElement(Button, {
882
882
  fillMode: "flat",
883
883
  icon: "close"
@@ -888,15 +888,15 @@
888
888
  }, /* @__PURE__ */ import_react.default.createElement("div", {
889
889
  className: "k-toolbar"
890
890
  }, /* @__PURE__ */ import_react.default.createElement("div", {
891
- className: "k-filter-toolbar-item k-filter-field"
891
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-field"
892
892
  }, /* @__PURE__ */ import_react.default.createElement(DropdownList, {
893
893
  value: "Price"
894
894
  })), /* @__PURE__ */ import_react.default.createElement("div", {
895
- className: "k-filter-toolbar-item k-filter-operator"
895
+ className: "k-filter-toolbar-item k-toolbar-item k-filter-operator"
896
896
  }, /* @__PURE__ */ import_react.default.createElement(DropdownList, {
897
897
  value: "Is not null"
898
898
  })), /* @__PURE__ */ import_react.default.createElement("div", {
899
- className: "k-filter-toolbar-item"
899
+ className: "k-filter-toolbar-item k-toolbar-item"
900
900
  }, /* @__PURE__ */ import_react.default.createElement(Button, {
901
901
  fillMode: "flat",
902
902
  icon: "close"
package/dist/filter/tests/filter.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/filter/tests/filter.tsx", "../../../src/button/button.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.tsx", "../../../src/button-group/button-group.tsx", "../../../src/datepicker/datepicker.tsx", "../../../src/input/input.tsx", "../../../src/input/picker.tsx", "../../../src/input/input-clear-value.tsx", "../../../src/input/input-inner-input.tsx", "../../../src/input/input-inner-span.tsx", "../../../src/input/input-inner-textarea.tsx", "../../../src/input/input-loading-icon.tsx", "../../../src/input/input-validation-icon.tsx", "../../../src/input/input-prefix.tsx", "../../../src/input/input-suffix.tsx", "../../../src/dropdownlist/dropdownlist.tsx", "../../../src/numerictextbox/numerictextbox.tsx", "../../../src/spinbutton/spinbutton.tsx", "../../../src/textbox/textbox.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { ButtonGroup } from '../../button-group';\nimport { DatePicker } from '../../datepicker';\nimport { DropdownList } from '../../dropdownlist';\nimport { NumericTextbox } from '../../numerictextbox';\nimport { Textbox } from '../../textbox';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n <>\n <div id=\"test-area\" className=\"k-d-grid\">\n\n <div id=\"filter\" className=\"k-widget k-filter\">\n <ul className=\"k-filter-container\">\n <li className=\"k-filter-group-main\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar\">\n <div className=\"k-filter-toolbar-item\">\n <ButtonGroup>\n <Button selected>And</Button>\n <Button>Or</Button>\n </ButtonGroup>\n </div>\n <div className=\"k-filter-toolbar-item\">\n <Button icon=\"filter-add-expression\">Add Expression</Button>\n </div>\n <div className=\"k-filter-toolbar-item\">\n <Button icon=\"filter-add-group\">Add Group</Button>\n </div>\n <div className=\"k-filter-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n <ul className=\"k-filter-lines\">\n <li className=\"k-filter-item\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar\">\n <div className=\"k-filter-toolbar-item k-filter-field\">\n <DropdownList value=\"Name\" />\n </div>\n <div className=\"k-filter-toolbar-item k-filter-operator\">\n <DropdownList value=\"Is equal to\" />\n </div>\n <div className=\"k-filter-toolbar-item k-filter-value\">\n <Textbox placeholder=\"James\"/>\n </div>\n <div className=\"k-filter-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n </li>\n <li className=\"k-filter-item\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar\">\n <div className=\"k-filter-toolbar-item k-filter-field\">\n <DropdownList value=\"Price\" />\n </div>\n <div className=\"k-filter-toolbar-item k-filter-operator\">\n <DropdownList value=\"Is greater than\" />\n </div>\n <div className=\"k-filter-toolbar-item k-filter-value\">\n <NumericTextbox placeholder=\"100,00\"/>\n </div>\n <div className=\"k-filter-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n </li>\n <li className=\"k-filter-item\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar\">\n <div className=\"k-filter-toolbar-item k-filter-field\">\n <DropdownList value=\"Discontinued\" />\n </div>\n <div className=\"k-filter-toolbar-item k-filter-operator\">\n <DropdownList value=\"Is equal to\" />\n </div>\n <div className=\"k-filter-toolbar-item k-filter-value\">\n <DropdownList value=\"False\"/>\n </div>\n <div className=\"k-filter-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n </li>\n <li className=\"k-filter-item\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar\">\n <div className=\"k-filter-toolbar-item k-filter-filed\">\n <DropdownList value=\"First Ordered\" />\n </div>\n <div className=\"k-filter-toolbar-item\">\n <div className=\"k-filter-operator\">\n <DropdownList value=\"Is before\" />\n </div>\n </div>\n <div className=\"k-filter-toolbar-item k-filter-value\">\n <DatePicker placeholder=\"1/21/2021\" />\n </div>\n <div className=\"k-filter-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n <li className=\"k-filter-item\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar\">\n <div className=\"k-filter-toolbar-item\">\n <ButtonGroup>\n <Button selected>And</Button>\n <Button>Or</Button>\n </ButtonGroup>\n </div>\n <div className=\"k-filter-toolbar-item\">\n <Button icon=\"filter-add-expression\">Add Expression</Button>\n </div>\n <div className=\"k-filter-toolbar-item\">\n <Button icon=\"filter-add-group\">Add Group</Button>\n </div>\n <div className=\"k-filter-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n <ul className=\"k-filter-lines\">\n <li className=\"k-filter-item\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar\">\n <div className=\"k-filter-toolbar-item k-filter-field\">\n <DropdownList value=\"Name\" />\n </div>\n <div className=\"k-filter-toolbar-item k-filter-operator\">\n <DropdownList value=\"Is empty\" />\n </div>\n <div className=\"k-filter-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n </li>\n <li className=\"k-filter-item\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar\">\n <div className=\"k-filter-toolbar-item k-filter-field\">\n <DropdownList value=\"Price\" />\n </div>\n <div className=\"k-filter-toolbar-item k-filter-operator\">\n <DropdownList value=\"Is not null\" />\n </div>\n <div className=\"k-filter-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n </li>\n </ul>\n </li>\n </li>\n </ul>\n </li>\n </ul>\n <div className=\"k-filter-preview\">\n <span className=\"k-filter-preview-bracket\">(</span>\n <span className=\"k-filter-preview-field\">Discontinued</span>\n <span className=\"k-filter-preview-criteria\"> Is equal to </span>\n <span className=\"k-filter-preview-value\">&apos;False&apos;</span>\n <span className=\"k-filter-preview-operator\"> AND </span>\n <span className=\"k-filter-preview-field\">Price</span>\n <span className=\"k-filter-preview-criteria\"> Is greater than </span>\n <span className=\"k-filter-preview-value\">&apos;100,00&apos;</span>\n <span className=\"k-filter-preview-operator\"> AND </span>\n <span className=\"k-filter-preview-bracket\">(</span>\n <span className=\"k-filter-preview-bracket\">(</span>\n <span className=\"k-filter-preview-field\">FirstOrdered</span>\n <span className=\"k-filter-preview-criteria\"> Is before </span>\n <span className=\"k-filter-preview-value\">&apos;Thursday Jan 21 2021&apos;</span>\n <span className=\"k-filter-preview-bracket\">)</span>\n <span className=\"k-filter-preview-bracket\">)</span>\n <span className=\"k-filter-preview-bracket\">)</span>\n </div>\n <Button className=\"k-filter-apply\">Apply</Button>\n </div>\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n children?: React.ReactNode;\n className?: string;\n dir?: string;\n style?: React.CSSProperties;\n iconClassName?: string;\n text?: string;\n icon?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n hover?: boolean;\n focus?: boolean;\n active?: boolean;\n selected?: boolean;\n disabled?: boolean;\n showArrow?: boolean;\n arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid',\n themeColor: 'base',\n showArrow: false,\n arrowIconName: 'arrow-s'\n };\n\n render() {\n const {\n children,\n className,\n iconClassName,\n text,\n icon,\n size,\n rounded,\n fillMode,\n themeColor,\n hover,\n focus,\n active,\n selected,\n disabled,\n showArrow,\n arrowIconName,\n ...htmlAttributes\n } = this.props;\n\n const hasIcon = (icon !== undefined);\n const hasChildren = children !== undefined;\n\n return (\n <button\n style={this.props.style}\n {...htmlAttributes}\n dir={this.props.dir}\n className={classNames(\n className,\n 'k-button',\n {\n [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-button-${fillMode}`]: fillMode,\n [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-icon-button': !text && !hasChildren && hasIcon,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-active': active,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}>\n {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n {text\n ?\n <>\n {text && <span className=\"k-button-text\">{text}</span>}\n {children}\n </>\n : children && <span className=\"k-button-text\">{children}</span>\n }\n\n {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n </button>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n", "export interface KendoThemeMaps {\n sizeMap: Record<Exclude<any, null>, string>;\n roundedMap: Record<Exclude<any, null>, string>;\n calloutMap: Record<Exclude<any, null>, string>;\n orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n sizeMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n roundedMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n calloutMap: {\n top: 'n',\n bottom: 's',\n left: 'w',\n right: 'e'\n },\n orientationMap: {\n vertical: 'vstack',\n horizontal: 'hstack',\n },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n className?: string;\n style?: React.CSSProperties;\n name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\n } = this.props;\n\n return (\n <>\n { name &&\n <span\n className={classNames(\n className,\n 'k-icon',\n {\n [`k-i-${name}`]: name\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { ButtonProps } from '../button';\nimport { classNames } from '../utils';\n\nexport interface ButtonGroupProps {\n children?: React.ReactElement<ButtonProps>[];\n className?: string;\n fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n}\n\nexport class ButtonGroup extends React.Component<ButtonGroupProps> {\n\n static defaultProps = {\n fillMode: 'solid'\n };\n\n render() {\n const {\n children,\n className,\n fillMode = ButtonGroup.defaultProps.fillMode,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-button-group',\n {\n [`k-button-group-${fillMode}`]: fillMode\n }\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport {\n Input,\n InputInnerInput,\n InputClearValue,\n InputLoadingIcon,\n InputPrefix,\n InputSuffix,\n InputValidationIcon\n} from '../input';\nimport { Button } from '../button';\n\nexport interface DatePickerProps {\n className?: string;\n prefix?: React.ReactNode;\n suffix?: React.ReactNode;\n value?: string;\n placeholder?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class DatePicker extends React.Component<DatePickerProps> {\n\n render() {\n const {\n className,\n prefix,\n suffix,\n value,\n placeholder,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled\n } = this.props;\n\n return (\n <Input\n size={size}\n rounded={rounded}\n fillMode={fillMode}\n hover={hover}\n focus={focus}\n valid={valid}\n invalid={invalid}\n required={required}\n loading={loading}\n disabled={disabled}\n className={classNames(className, 'k-datepicker')}\n >\n <InputPrefix>{prefix}</InputPrefix>\n <InputInnerInput placeholder={placeholder} value={value} />\n <InputSuffix>{suffix}</InputSuffix>\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n <InputClearValue {...this.props} />\n <Button\n className=\"k-input-button\"\n icon=\"calendar\"\n rounded={null}\n size={size}\n fillMode={fillMode}\n />\n </Input>\n );\n\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface InputProps {\n children?: React.ReactNode;\n className?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean;\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class Input extends React.Component<InputProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid'\n };\n\n render() {\n const {\n className,\n children,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-input',\n {\n [`k-input-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-input-${fillMode}`]: fillMode,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-valid': valid,\n 'k-invalid': invalid,\n 'k-required': required,\n 'k-disabled': disabled,\n 'k-loading': loading\n }\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface PickerProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n size: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean;\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class Picker extends React.Component<PickerProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid'\n };\n\n render() {\n const {\n children,\n className,\n style,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-picker',\n {\n [`k-picker-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-picker-${fillMode}`]: fillMode,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-valid': valid,\n 'k-invalid': invalid,\n 'k-required': required,\n 'k-disabled': disabled,\n 'k-loading': loading\n }\n )}\n style={style}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputClearValueProps {\n className?: string;\n value?: string;\n readonly?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputClearValue extends React.Component<InputClearValueProps> {\n\n render() {\n const {\n readonly,\n loading,\n disabled,\n value\n } = this.props;\n\n if (disabled || readonly || loading || !value ) {\n return <></>;\n }\n\n return (\n <span className=\"k-clear-value\">\n <Icon name=\"x\" />\n </span>\n );\n }\n}\n", "import * as React from 'react';\n\nexport interface InputInnerInputProps {\n className?: string;\n value?: string;\n type?: string;\n placeholder?: string;\n autocomplete?: string;\n}\n\nexport class InputInnerInput extends React.Component<InputInnerInputProps> {\n\n static defaultProps = {\n type: 'text',\n autocomplete: 'off',\n value: '',\n placeholder: ''\n };\n\n render() {\n const {\n type,\n value,\n placeholder,\n autocomplete\n } = this.props;\n\n return (\n <input\n type={type}\n className=\"k-input-inner\"\n placeholder={placeholder}\n autoComplete={autocomplete}\n defaultValue={value} />\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputInnerSpanProps {\n value?: string;\n placeholder?: string;\n showValue?: boolean;\n valueIcon?: React.ReactNode;\n valueIconName?: string;\n}\n\nexport class InputInnerSpan extends React.Component<InputInnerSpanProps> {\n\n render() {\n const {\n value,\n placeholder,\n valueIcon,\n showValue,\n valueIconName\n } = this.props;\n\n return (\n <span className=\"k-input-inner\">\n {valueIcon}\n {!valueIcon && valueIconName && <Icon className=\"k-input-value-icon\" name={valueIconName} />}\n {showValue && !value && placeholder}\n {showValue && value && <span className=\"k-input-value-text\">{value}</span>}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputInnerTextareaProps {\n className?: string;\n value?: string;\n placeholder?: string;\n rows?: number;\n}\n\nexport class InputInnerTextarea extends React.Component<InputInnerTextareaProps> {\n\n static defaultProps = {\n value: '',\n placeholder: ''\n };\n\n render() {\n const {\n value,\n className,\n placeholder,\n rows\n } = this.props;\n\n return (\n <textarea\n className={classNames( 'k-input-inner', className )}\n placeholder={placeholder}\n rows={rows}>\n {value}\n </textarea>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputLoadingIconProps {\n className?: string;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputLoadingIcon extends React.Component<InputLoadingIconProps> {\n\n render() {\n const {\n loading,\n disabled\n } = this.props;\n\n if (disabled || !loading) {\n return <></>;\n }\n\n return (\n <Icon className=\"k-input-loading-icon\" name=\"loading\" />\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputValidationIconProps {\n className?: string;\n valid?: boolean;\n invalid?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputValidationIcon extends React.Component<InputValidationIconProps> {\n\n render() {\n const {\n valid,\n invalid,\n loading,\n disabled\n } = this.props;\n\n const iconName = invalid ? 'warning' : 'check';\n const renderValidationIcon = Boolean( valid || invalid );\n\n if (disabled || loading || !renderValidationIcon) {\n return <></>;\n }\n\n return (\n <Icon className=\"k-input-validation-icon\" name={iconName} />\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputPrefixProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class InputPrefix extends React.Component<InputPrefixProps> {\n\n render() {\n const {\n className,\n children,\n } = this.props;\n\n if (!children) {\n return <></>;\n }\n\n return (\n <span\n className={classNames(\n className,\n 'k-input-prefix'\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputSuffixProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class InputSuffix extends React.Component<InputSuffixProps> {\n\n render() {\n const {\n className,\n children\n } = this.props;\n\n if (!children) {\n return <></>;\n }\n\n return (\n <span\n className={classNames(\n className,\n 'k-input-suffix'\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Button } from '../button';\nimport {\n Picker,\n InputInnerSpan,\n InputLoadingIcon,\n InputPrefix,\n InputSuffix,\n InputValidationIcon\n} from '../input';\n\nexport interface DropdownListProps {\n className?: string;\n style?: React.CSSProperties,\n valueIconName?: string;\n arrowIconName?: string;\n prefix?: React.ReactNode;\n suffix?: React.ReactNode;\n value?: string;\n placeholder?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n showValue?: boolean;\n}\n\nexport class DropdownList extends React.Component<DropdownListProps> {\n\n static defaultProps = {\n showValue: true,\n arrowIconName: 'arrow-s'\n };\n\n render() {\n const {\n className,\n style,\n valueIconName,\n arrowIconName,\n prefix,\n suffix,\n value,\n placeholder,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n showValue\n } = this.props;\n\n return (\n <Picker\n style={style}\n size={size}\n rounded={rounded}\n fillMode={fillMode}\n hover={hover}\n focus={focus}\n valid={valid}\n invalid={invalid}\n required={required}\n loading={loading}\n disabled={disabled}\n className={classNames(\n className,\n 'k-dropdown',\n {\n 'k-icon-picker': !showValue && valueIconName\n }\n )}\n >\n <InputPrefix>{prefix}</InputPrefix>\n <InputInnerSpan\n placeholder={placeholder}\n value={value}\n showValue={showValue}\n valueIconName={valueIconName}\n />\n <InputSuffix>{suffix}</InputSuffix>\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n <Button\n className=\"k-input-button\"\n icon={arrowIconName}\n rounded={null}\n size={this.props.size}\n fillMode={this.props.fillMode}\n />\n </Picker>\n );\n\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { SpinButton } from '../spinbutton';\nimport {\n Input,\n InputInnerInput,\n InputClearValue,\n InputLoadingIcon,\n InputValidationIcon\n} from '../input';\n\nexport interface NumericTextboxProps {\n className?: string;\n value?: string;\n placeholder?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n showSpinButton?: boolean;\n showClearButton?: boolean;\n}\n\nexport class NumericTextbox extends React.Component<NumericTextboxProps> {\n\n static defaultProps = {\n showSpinButton: true,\n showClearButton: true\n };\n\n render() {\n const {\n className,\n value,\n placeholder,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n showSpinButton,\n showClearButton\n } = this.props;\n\n return (\n <Input\n size={size}\n rounded={rounded}\n fillMode={fillMode}\n hover={hover}\n focus={focus}\n valid={valid}\n invalid={invalid}\n required={required}\n loading={loading}\n disabled={disabled}\n className={classNames(className, 'k-numerictextbox')}\n >\n <InputInnerInput placeholder={placeholder} value={value} />\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n {showClearButton && (<InputClearValue {...this.props} />)}\n {showSpinButton && (\n <SpinButton\n className=\"k-input-spinner\"\n size={size}\n fillMode={fillMode}\n />\n )}\n </Input>\n );\n }\n}\n", "import * as React from 'react';\nimport { Button } from '../button';\nimport { classNames } from '../utils';\n\nexport interface SpinButtonProps {\n className?: string;\n size?: null | 'small' | 'medium' | 'large';\n fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n}\n\nexport class SpinButton extends React.Component<SpinButtonProps> {\n\n render() {\n const {\n className,\n size,\n fillMode\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-spin-button'\n )}>\n <Button\n className=\"k-spinner-increase\"\n icon=\"arrow-n\"\n rounded={null}\n size={size}\n fillMode={fillMode}>\n </Button>\n <Button\n className=\"k-spinner-decrease\"\n icon=\"arrow-s\"\n rounded={null}\n size={size}\n fillMode={fillMode}>\n </Button>\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport {\n Input,\n InputPrefix,\n InputSuffix,\n InputInnerInput,\n InputClearValue,\n InputLoadingIcon,\n InputValidationIcon\n} from '../input';\n\nexport interface TextboxProps {\n className?: string;\n prefix?: React.ReactNode;\n suffix?: React.ReactNode;\n type?: string;\n value?: string;\n placeholder?: string;\n autocomplete?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n showClearButton?: boolean;\n}\n\nexport class Textbox extends React.Component<TextboxProps> {\n\n static defaultProps = {\n showClearButton: true\n };\n\n render() {\n const {\n className,\n prefix,\n suffix,\n value,\n placeholder,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n showClearButton\n } = this.props;\n\n return (\n <Input\n size={size}\n rounded={rounded}\n fillMode={fillMode}\n hover={hover}\n focus={focus}\n valid={valid}\n invalid={invalid}\n required={required}\n loading={loading}\n disabled={disabled}\n className={classNames(className, 'k-textbox')}\n >\n <InputPrefix>{prefix}</InputPrefix>\n <InputInnerInput placeholder={placeholder} value={value} />\n <InputSuffix>{suffix}</InputSuffix>\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n { showClearButton && <InputClearValue {...this.props} /> }\n </Input>\n );\n }\n}\n"],
4
+ "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { ButtonGroup } from '../../button-group';\nimport { DatePicker } from '../../datepicker';\nimport { DropdownList } from '../../dropdownlist';\nimport { NumericTextbox } from '../../numerictextbox';\nimport { Textbox } from '../../textbox';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n <>\n <div id=\"test-area\" className=\"k-d-grid\">\n\n <div id=\"filter\" className=\"k-widget k-filter\">\n <ul className=\"k-filter-container\">\n <li className=\"k-filter-group-main\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar k-focus\">\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <ButtonGroup>\n <Button selected>And</Button>\n <Button>Or</Button>\n </ButtonGroup>\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <Button icon=\"filter-add-expression\">Add Expression</Button>\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <Button icon=\"filter-add-group\">Add Group</Button>\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n <ul className=\"k-filter-lines\">\n <li className=\"k-filter-item\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar\">\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-field\">\n <DropdownList value=\"Name\" />\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-operator k-focus\">\n <DropdownList value=\"Is equal to\" />\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-value\">\n <Textbox placeholder=\"James\"/>\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n </li>\n <li className=\"k-filter-item\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar\">\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-field\">\n <DropdownList value=\"Price\" />\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-operator\">\n <DropdownList value=\"Is greater than\" />\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-value\">\n <NumericTextbox placeholder=\"100,00\"/>\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n </li>\n <li className=\"k-filter-item\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar k-focus\">\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-field\">\n <DropdownList value=\"Discontinued\" />\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-operator\">\n <DropdownList value=\"Is equal to\" />\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-value\">\n <DropdownList value=\"False\"/>\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n </li>\n <li className=\"k-filter-item\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar\">\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-filed\">\n <DropdownList value=\"First Ordered\" />\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <div className=\"k-filter-operator\">\n <DropdownList value=\"Is before\" />\n </div>\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-value\">\n <DatePicker placeholder=\"1/21/2021\" />\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n <li className=\"k-filter-item\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar\">\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <ButtonGroup>\n <Button selected>And</Button>\n <Button>Or</Button>\n </ButtonGroup>\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <Button icon=\"filter-add-expression\">Add Expression</Button>\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <Button icon=\"filter-add-group\">Add Group</Button>\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n <ul className=\"k-filter-lines\">\n <li className=\"k-filter-item\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar\">\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-field\">\n <DropdownList value=\"Name\" />\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-operator\">\n <DropdownList value=\"Is empty\" />\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n </li>\n <li className=\"k-filter-item\">\n <div className=\"k-filter-toolbar\">\n <div className=\"k-toolbar\">\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-field\">\n <DropdownList value=\"Price\" />\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item k-filter-operator\">\n <DropdownList value=\"Is not null\" />\n </div>\n <div className=\"k-filter-toolbar-item k-toolbar-item\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n </div>\n </li>\n </ul>\n </li>\n </li>\n </ul>\n </li>\n </ul>\n <div className=\"k-filter-preview\">\n <span className=\"k-filter-preview-bracket\">(</span>\n <span className=\"k-filter-preview-field\">Discontinued</span>\n <span className=\"k-filter-preview-criteria\"> Is equal to </span>\n <span className=\"k-filter-preview-value\">&apos;False&apos;</span>\n <span className=\"k-filter-preview-operator\"> AND </span>\n <span className=\"k-filter-preview-field\">Price</span>\n <span className=\"k-filter-preview-criteria\"> Is greater than </span>\n <span className=\"k-filter-preview-value\">&apos;100,00&apos;</span>\n <span className=\"k-filter-preview-operator\"> AND </span>\n <span className=\"k-filter-preview-bracket\">(</span>\n <span className=\"k-filter-preview-bracket\">(</span>\n <span className=\"k-filter-preview-field\">FirstOrdered</span>\n <span className=\"k-filter-preview-criteria\"> Is before </span>\n <span className=\"k-filter-preview-value\">&apos;Thursday Jan 21 2021&apos;</span>\n <span className=\"k-filter-preview-bracket\">)</span>\n <span className=\"k-filter-preview-bracket\">)</span>\n <span className=\"k-filter-preview-bracket\">)</span>\n </div>\n <Button className=\"k-filter-apply\">Apply</Button>\n </div>\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n children?: React.ReactNode;\n className?: string;\n dir?: string;\n style?: React.CSSProperties;\n iconClassName?: string;\n text?: string;\n icon?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n hover?: boolean;\n focus?: boolean;\n active?: boolean;\n selected?: boolean;\n disabled?: boolean;\n showArrow?: boolean;\n arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid',\n themeColor: 'base',\n showArrow: false,\n arrowIconName: 'arrow-s'\n };\n\n render() {\n const {\n children,\n className,\n iconClassName,\n text,\n icon,\n size,\n rounded,\n fillMode,\n themeColor,\n hover,\n focus,\n active,\n selected,\n disabled,\n showArrow,\n arrowIconName,\n ...htmlAttributes\n } = this.props;\n\n const hasIcon = (icon !== undefined);\n const hasChildren = children !== undefined;\n\n return (\n <button\n style={this.props.style}\n {...htmlAttributes}\n dir={this.props.dir}\n className={classNames(\n className,\n 'k-button',\n {\n [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-button-${fillMode}`]: fillMode,\n [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-icon-button': !text && !hasChildren && hasIcon,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-active': active,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}>\n {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n {text\n ?\n <>\n {text && <span className=\"k-button-text\">{text}</span>}\n {children}\n </>\n : children && <span className=\"k-button-text\">{children}</span>\n }\n\n {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n </button>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n", "export interface KendoThemeMaps {\n sizeMap: Record<Exclude<any, null>, string>;\n roundedMap: Record<Exclude<any, null>, string>;\n calloutMap: Record<Exclude<any, null>, string>;\n orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n sizeMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n roundedMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n calloutMap: {\n top: 'n',\n bottom: 's',\n left: 'w',\n right: 'e'\n },\n orientationMap: {\n vertical: 'vstack',\n horizontal: 'hstack',\n },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n className?: string;\n style?: React.CSSProperties;\n name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\n } = this.props;\n\n return (\n <>\n { name &&\n <span\n className={classNames(\n className,\n 'k-icon',\n {\n [`k-i-${name}`]: name\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { ButtonProps } from '../button';\nimport { classNames } from '../utils';\n\nexport interface ButtonGroupProps {\n children?: React.ReactElement<ButtonProps>[];\n className?: string;\n fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n}\n\nexport class ButtonGroup extends React.Component<ButtonGroupProps> {\n\n static defaultProps = {\n fillMode: 'solid'\n };\n\n render() {\n const {\n children,\n className,\n fillMode = ButtonGroup.defaultProps.fillMode,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-button-group',\n {\n [`k-button-group-${fillMode}`]: fillMode\n }\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport {\n Input,\n InputInnerInput,\n InputClearValue,\n InputLoadingIcon,\n InputPrefix,\n InputSuffix,\n InputValidationIcon\n} from '../input';\nimport { Button } from '../button';\n\nexport interface DatePickerProps {\n className?: string;\n prefix?: React.ReactNode;\n suffix?: React.ReactNode;\n value?: string;\n placeholder?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class DatePicker extends React.Component<DatePickerProps> {\n\n render() {\n const {\n className,\n prefix,\n suffix,\n value,\n placeholder,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled\n } = this.props;\n\n return (\n <Input\n size={size}\n rounded={rounded}\n fillMode={fillMode}\n hover={hover}\n focus={focus}\n valid={valid}\n invalid={invalid}\n required={required}\n loading={loading}\n disabled={disabled}\n className={classNames(className, 'k-datepicker')}\n >\n <InputPrefix>{prefix}</InputPrefix>\n <InputInnerInput placeholder={placeholder} value={value} />\n <InputSuffix>{suffix}</InputSuffix>\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n <InputClearValue {...this.props} />\n <Button\n className=\"k-input-button\"\n icon=\"calendar\"\n rounded={null}\n size={size}\n fillMode={fillMode}\n />\n </Input>\n );\n\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface InputProps {\n children?: React.ReactNode;\n className?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean;\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class Input extends React.Component<InputProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid'\n };\n\n render() {\n const {\n className,\n children,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-input',\n {\n [`k-input-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-input-${fillMode}`]: fillMode,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-valid': valid,\n 'k-invalid': invalid,\n 'k-required': required,\n 'k-disabled': disabled,\n 'k-loading': loading\n }\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface PickerProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n size: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean;\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class Picker extends React.Component<PickerProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid'\n };\n\n render() {\n const {\n children,\n className,\n style,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-picker',\n {\n [`k-picker-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-picker-${fillMode}`]: fillMode,\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-valid': valid,\n 'k-invalid': invalid,\n 'k-required': required,\n 'k-disabled': disabled,\n 'k-loading': loading\n }\n )}\n style={style}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputClearValueProps {\n className?: string;\n value?: string;\n readonly?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputClearValue extends React.Component<InputClearValueProps> {\n\n render() {\n const {\n readonly,\n loading,\n disabled,\n value\n } = this.props;\n\n if (disabled || readonly || loading || !value ) {\n return <></>;\n }\n\n return (\n <span className=\"k-clear-value\">\n <Icon name=\"x\" />\n </span>\n );\n }\n}\n", "import * as React from 'react';\n\nexport interface InputInnerInputProps {\n className?: string;\n value?: string;\n type?: string;\n placeholder?: string;\n autocomplete?: string;\n}\n\nexport class InputInnerInput extends React.Component<InputInnerInputProps> {\n\n static defaultProps = {\n type: 'text',\n autocomplete: 'off',\n value: '',\n placeholder: ''\n };\n\n render() {\n const {\n type,\n value,\n placeholder,\n autocomplete\n } = this.props;\n\n return (\n <input\n type={type}\n className=\"k-input-inner\"\n placeholder={placeholder}\n autoComplete={autocomplete}\n defaultValue={value} />\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputInnerSpanProps {\n value?: string;\n placeholder?: string;\n showValue?: boolean;\n valueIcon?: React.ReactNode;\n valueIconName?: string;\n}\n\nexport class InputInnerSpan extends React.Component<InputInnerSpanProps> {\n\n render() {\n const {\n value,\n placeholder,\n valueIcon,\n showValue,\n valueIconName\n } = this.props;\n\n return (\n <span className=\"k-input-inner\">\n {valueIcon}\n {!valueIcon && valueIconName && <Icon className=\"k-input-value-icon\" name={valueIconName} />}\n {showValue && !value && placeholder}\n {showValue && value && <span className=\"k-input-value-text\">{value}</span>}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputInnerTextareaProps {\n className?: string;\n value?: string;\n placeholder?: string;\n rows?: number;\n}\n\nexport class InputInnerTextarea extends React.Component<InputInnerTextareaProps> {\n\n static defaultProps = {\n value: '',\n placeholder: ''\n };\n\n render() {\n const {\n value,\n className,\n placeholder,\n rows\n } = this.props;\n\n return (\n <textarea\n className={classNames( 'k-input-inner', className )}\n placeholder={placeholder}\n rows={rows}>\n {value}\n </textarea>\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputLoadingIconProps {\n className?: string;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputLoadingIcon extends React.Component<InputLoadingIconProps> {\n\n render() {\n const {\n loading,\n disabled\n } = this.props;\n\n if (disabled || !loading) {\n return <></>;\n }\n\n return (\n <Icon className=\"k-input-loading-icon\" name=\"loading\" />\n );\n }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputValidationIconProps {\n className?: string;\n valid?: boolean;\n invalid?: boolean;\n loading?: boolean;\n disabled?: boolean;\n}\n\nexport class InputValidationIcon extends React.Component<InputValidationIconProps> {\n\n render() {\n const {\n valid,\n invalid,\n loading,\n disabled\n } = this.props;\n\n const iconName = invalid ? 'warning' : 'check';\n const renderValidationIcon = Boolean( valid || invalid );\n\n if (disabled || loading || !renderValidationIcon) {\n return <></>;\n }\n\n return (\n <Icon className=\"k-input-validation-icon\" name={iconName} />\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputPrefixProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class InputPrefix extends React.Component<InputPrefixProps> {\n\n render() {\n const {\n className,\n children,\n } = this.props;\n\n if (!children) {\n return <></>;\n }\n\n return (\n <span\n className={classNames(\n className,\n 'k-input-prefix'\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputSuffixProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class InputSuffix extends React.Component<InputSuffixProps> {\n\n render() {\n const {\n className,\n children\n } = this.props;\n\n if (!children) {\n return <></>;\n }\n\n return (\n <span\n className={classNames(\n className,\n 'k-input-suffix'\n )}>\n {children}\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Button } from '../button';\nimport {\n Picker,\n InputInnerSpan,\n InputLoadingIcon,\n InputPrefix,\n InputSuffix,\n InputValidationIcon\n} from '../input';\n\nexport interface DropdownListProps {\n className?: string;\n style?: React.CSSProperties,\n valueIconName?: string;\n arrowIconName?: string;\n prefix?: React.ReactNode;\n suffix?: React.ReactNode;\n value?: string;\n placeholder?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n showValue?: boolean;\n}\n\nexport class DropdownList extends React.Component<DropdownListProps> {\n\n static defaultProps = {\n showValue: true,\n arrowIconName: 'arrow-s'\n };\n\n render() {\n const {\n className,\n style,\n valueIconName,\n arrowIconName,\n prefix,\n suffix,\n value,\n placeholder,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n showValue\n } = this.props;\n\n return (\n <Picker\n style={style}\n size={size}\n rounded={rounded}\n fillMode={fillMode}\n hover={hover}\n focus={focus}\n valid={valid}\n invalid={invalid}\n required={required}\n loading={loading}\n disabled={disabled}\n className={classNames(\n className,\n 'k-dropdown',\n {\n 'k-icon-picker': !showValue && valueIconName\n }\n )}\n >\n <InputPrefix>{prefix}</InputPrefix>\n <InputInnerSpan\n placeholder={placeholder}\n value={value}\n showValue={showValue}\n valueIconName={valueIconName}\n />\n <InputSuffix>{suffix}</InputSuffix>\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n <Button\n className=\"k-input-button\"\n icon={arrowIconName}\n rounded={null}\n size={this.props.size}\n fillMode={this.props.fillMode}\n />\n </Picker>\n );\n\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { SpinButton } from '../spinbutton';\nimport {\n Input,\n InputInnerInput,\n InputClearValue,\n InputLoadingIcon,\n InputValidationIcon\n} from '../input';\n\nexport interface NumericTextboxProps {\n className?: string;\n value?: string;\n placeholder?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n showSpinButton?: boolean;\n showClearButton?: boolean;\n}\n\nexport class NumericTextbox extends React.Component<NumericTextboxProps> {\n\n static defaultProps = {\n showSpinButton: true,\n showClearButton: true\n };\n\n render() {\n const {\n className,\n value,\n placeholder,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n showSpinButton,\n showClearButton\n } = this.props;\n\n return (\n <Input\n size={size}\n rounded={rounded}\n fillMode={fillMode}\n hover={hover}\n focus={focus}\n valid={valid}\n invalid={invalid}\n required={required}\n loading={loading}\n disabled={disabled}\n className={classNames(className, 'k-numerictextbox')}\n >\n <InputInnerInput placeholder={placeholder} value={value} />\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n {showClearButton && (<InputClearValue {...this.props} />)}\n {showSpinButton && (\n <SpinButton\n className=\"k-input-spinner\"\n size={size}\n fillMode={fillMode}\n />\n )}\n </Input>\n );\n }\n}\n", "import * as React from 'react';\nimport { Button } from '../button';\nimport { classNames } from '../utils';\n\nexport interface SpinButtonProps {\n className?: string;\n size?: null | 'small' | 'medium' | 'large';\n fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n}\n\nexport class SpinButton extends React.Component<SpinButtonProps> {\n\n render() {\n const {\n className,\n size,\n fillMode\n } = this.props;\n\n return (\n <span\n className={classNames(\n className,\n 'k-spin-button'\n )}>\n <Button\n className=\"k-spinner-increase\"\n icon=\"arrow-n\"\n rounded={null}\n size={size}\n fillMode={fillMode}>\n </Button>\n <Button\n className=\"k-spinner-decrease\"\n icon=\"arrow-s\"\n rounded={null}\n size={size}\n fillMode={fillMode}>\n </Button>\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport {\n Input,\n InputPrefix,\n InputSuffix,\n InputInnerInput,\n InputClearValue,\n InputLoadingIcon,\n InputValidationIcon\n} from '../input';\n\nexport interface TextboxProps {\n className?: string;\n prefix?: React.ReactNode;\n suffix?: React.ReactNode;\n type?: string;\n value?: string;\n placeholder?: string;\n autocomplete?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded?: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat';\n hover?: boolean;\n focus?: boolean;\n valid?: boolean;\n invalid?: boolean\n required?: boolean;\n loading?: boolean;\n disabled?: boolean;\n showClearButton?: boolean;\n}\n\nexport class Textbox extends React.Component<TextboxProps> {\n\n static defaultProps = {\n showClearButton: true\n };\n\n render() {\n const {\n className,\n prefix,\n suffix,\n value,\n placeholder,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n required,\n loading,\n disabled,\n showClearButton\n } = this.props;\n\n return (\n <Input\n size={size}\n rounded={rounded}\n fillMode={fillMode}\n hover={hover}\n focus={focus}\n valid={valid}\n invalid={invalid}\n required={required}\n loading={loading}\n disabled={disabled}\n className={classNames(className, 'k-textbox')}\n >\n <InputPrefix>{prefix}</InputPrefix>\n <InputInnerInput placeholder={placeholder} value={value} />\n <InputSuffix>{suffix}</InputSuffix>\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n { showClearButton && <InputClearValue {...this.props} /> }\n </Input>\n );\n }\n}\n"],
5
5
  "mappings": "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",
6
6
  "names": ["React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "ReactDOM", "React"]
7
7
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-themes-html",
3
3
  "description": "A collection of HTML helpers used for developing Kendo UI themes",
4
- "version": "5.8.2-dev.3",
4
+ "version": "5.8.2-dev.5",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -46,5 +46,5 @@
46
46
  "glob": "^8.0.3",
47
47
  "typescript": "^4.7.2"
48
48
  },
49
- "gitHead": "c97923255b6472c0de0d2afa776acea1fb7bb909"
49
+ "gitHead": "071af936605691a801eaa4de3b8714e6223670f4"
50
50
  }
package/src/filter/tests/filter.tsx CHANGED
@@ -19,20 +19,20 @@ root.render(
19
19
  <ul className="k-filter-container">
20
20
  <li className="k-filter-group-main">
21
21
  <div className="k-filter-toolbar">
22
- <div className="k-toolbar">
23
- <div className="k-filter-toolbar-item">
22
+ <div className="k-toolbar k-focus">
23
+ <div className="k-filter-toolbar-item k-toolbar-item">
24
24
  <ButtonGroup>
25
25
  <Button selected>And</Button>
26
26
  <Button>Or</Button>
27
27
  </ButtonGroup>
28
28
  </div>
29
- <div className="k-filter-toolbar-item">
29
+ <div className="k-filter-toolbar-item k-toolbar-item">
30
30
  <Button icon="filter-add-expression">Add Expression</Button>
31
31
  </div>
32
- <div className="k-filter-toolbar-item">
32
+ <div className="k-filter-toolbar-item k-toolbar-item">
33
33
  <Button icon="filter-add-group">Add Group</Button>
34
34
  </div>
35
- <div className="k-filter-toolbar-item">
35
+ <div className="k-filter-toolbar-item k-toolbar-item">
36
36
  <Button fillMode="flat" icon="close"></Button>
37
37
  </div>
38
38
  </div>
@@ -41,16 +41,16 @@ root.render(
41
41
  <li className="k-filter-item">
42
42
  <div className="k-filter-toolbar">
43
43
  <div className="k-toolbar">
44
- <div className="k-filter-toolbar-item k-filter-field">
44
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-field">
45
45
  <DropdownList value="Name" />
46
46
  </div>
47
- <div className="k-filter-toolbar-item k-filter-operator">
47
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-operator k-focus">
48
48
  <DropdownList value="Is equal to" />
49
49
  </div>
50
- <div className="k-filter-toolbar-item k-filter-value">
50
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-value">
51
51
  <Textbox placeholder="James"/>
52
52
  </div>
53
- <div className="k-filter-toolbar-item">
53
+ <div className="k-filter-toolbar-item k-toolbar-item">
54
54
  <Button fillMode="flat" icon="close"></Button>
55
55
  </div>
56
56
  </div>
@@ -59,16 +59,16 @@ root.render(
59
59
  <li className="k-filter-item">
60
60
  <div className="k-filter-toolbar">
61
61
  <div className="k-toolbar">
62
- <div className="k-filter-toolbar-item k-filter-field">
62
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-field">
63
63
  <DropdownList value="Price" />
64
64
  </div>
65
- <div className="k-filter-toolbar-item k-filter-operator">
65
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-operator">
66
66
  <DropdownList value="Is greater than" />
67
67
  </div>
68
- <div className="k-filter-toolbar-item k-filter-value">
68
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-value">
69
69
  <NumericTextbox placeholder="100,00"/>
70
70
  </div>
71
- <div className="k-filter-toolbar-item">
71
+ <div className="k-filter-toolbar-item k-toolbar-item">
72
72
  <Button fillMode="flat" icon="close"></Button>
73
73
  </div>
74
74
  </div>
@@ -76,17 +76,17 @@ root.render(
76
76
  </li>
77
77
  <li className="k-filter-item">
78
78
  <div className="k-filter-toolbar">
79
- <div className="k-toolbar">
80
- <div className="k-filter-toolbar-item k-filter-field">
79
+ <div className="k-toolbar k-focus">
80
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-field">
81
81
  <DropdownList value="Discontinued" />
82
82
  </div>
83
- <div className="k-filter-toolbar-item k-filter-operator">
83
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-operator">
84
84
  <DropdownList value="Is equal to" />
85
85
  </div>
86
- <div className="k-filter-toolbar-item k-filter-value">
86
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-value">
87
87
  <DropdownList value="False"/>
88
88
  </div>
89
- <div className="k-filter-toolbar-item">
89
+ <div className="k-filter-toolbar-item k-toolbar-item">
90
90
  <Button fillMode="flat" icon="close"></Button>
91
91
  </div>
92
92
  </div>
@@ -95,18 +95,18 @@ root.render(
95
95
  <li className="k-filter-item">
96
96
  <div className="k-filter-toolbar">
97
97
  <div className="k-toolbar">
98
- <div className="k-filter-toolbar-item k-filter-filed">
98
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-filed">
99
99
  <DropdownList value="First Ordered" />
100
100
  </div>
101
- <div className="k-filter-toolbar-item">
101
+ <div className="k-filter-toolbar-item k-toolbar-item">
102
102
  <div className="k-filter-operator">
103
103
  <DropdownList value="Is before" />
104
104
  </div>
105
105
  </div>
106
- <div className="k-filter-toolbar-item k-filter-value">
106
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-value">
107
107
  <DatePicker placeholder="1/21/2021" />
108
108
  </div>
109
- <div className="k-filter-toolbar-item">
109
+ <div className="k-filter-toolbar-item k-toolbar-item">
110
110
  <Button fillMode="flat" icon="close"></Button>
111
111
  </div>
112
112
  </div>
@@ -114,19 +114,19 @@ root.render(
114
114
  <li className="k-filter-item">
115
115
  <div className="k-filter-toolbar">
116
116
  <div className="k-toolbar">
117
- <div className="k-filter-toolbar-item">
117
+ <div className="k-filter-toolbar-item k-toolbar-item">
118
118
  <ButtonGroup>
119
119
  <Button selected>And</Button>
120
120
  <Button>Or</Button>
121
121
  </ButtonGroup>
122
122
  </div>
123
- <div className="k-filter-toolbar-item">
123
+ <div className="k-filter-toolbar-item k-toolbar-item">
124
124
  <Button icon="filter-add-expression">Add Expression</Button>
125
125
  </div>
126
- <div className="k-filter-toolbar-item">
126
+ <div className="k-filter-toolbar-item k-toolbar-item">
127
127
  <Button icon="filter-add-group">Add Group</Button>
128
128
  </div>
129
- <div className="k-filter-toolbar-item">
129
+ <div className="k-filter-toolbar-item k-toolbar-item">
130
130
  <Button fillMode="flat" icon="close"></Button>
131
131
  </div>
132
132
  </div>
@@ -135,13 +135,13 @@ root.render(
135
135
  <li className="k-filter-item">
136
136
  <div className="k-filter-toolbar">
137
137
  <div className="k-toolbar">
138
- <div className="k-filter-toolbar-item k-filter-field">
138
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-field">
139
139
  <DropdownList value="Name" />
140
140
  </div>
141
- <div className="k-filter-toolbar-item k-filter-operator">
141
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-operator">
142
142
  <DropdownList value="Is empty" />
143
143
  </div>
144
- <div className="k-filter-toolbar-item">
144
+ <div className="k-filter-toolbar-item k-toolbar-item">
145
145
  <Button fillMode="flat" icon="close"></Button>
146
146
  </div>
147
147
  </div>
@@ -150,13 +150,13 @@ root.render(
150
150
  <li className="k-filter-item">
151
151
  <div className="k-filter-toolbar">
152
152
  <div className="k-toolbar">
153
- <div className="k-filter-toolbar-item k-filter-field">
153
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-field">
154
154
  <DropdownList value="Price" />
155
155
  </div>
156
- <div className="k-filter-toolbar-item k-filter-operator">
156
+ <div className="k-filter-toolbar-item k-toolbar-item k-filter-operator">
157
157
  <DropdownList value="Is not null" />
158
158
  </div>
159
- <div className="k-filter-toolbar-item">
159
+ <div className="k-filter-toolbar-item k-toolbar-item">
160
160
  <Button fillMode="flat" icon="close"></Button>
161
161
  </div>
162
162
  </div>