@progress/kendo-themes-html 5.6.1-dev.7 → 5.8.1-dev.0

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 (250) hide show
  1. package/dist/bottom-nav/tests/bottom-nav-colors.js +54 -54
  2. package/dist/bottom-nav/tests/bottom-nav-colors.js.map +1 -1
  3. package/dist/bottom-nav/tests/bottom-nav-items.js +9 -9
  4. package/dist/bottom-nav/tests/bottom-nav-items.js.map +2 -2
  5. package/dist/bottom-nav/tests/bottom-nav-rtl.js +6 -6
  6. package/dist/bottom-nav/tests/bottom-nav-rtl.js.map +1 -1
  7. package/dist/bottom-nav/tests/bottom-nav.js +13 -13
  8. package/dist/bottom-nav/tests/bottom-nav.js.map +1 -1
  9. package/dist/breadcrumb/tests/breadcrumb-rtl.js +18 -18
  10. package/dist/breadcrumb/tests/breadcrumb-rtl.js.map +2 -2
  11. package/dist/breadcrumb/tests/breadcrumb.js +18 -18
  12. package/dist/breadcrumb/tests/breadcrumb.js.map +2 -2
  13. package/dist/captcha/captcha.js +1 -1
  14. package/dist/captcha/captcha.js.map +2 -2
  15. package/dist/captcha/tests/captcha-loading.js +1 -1
  16. package/dist/captcha/tests/captcha-loading.js.map +2 -2
  17. package/dist/captcha/tests/captcha.js +1 -1
  18. package/dist/captcha/tests/captcha.js.map +2 -2
  19. package/dist/card/tests/card-variants.js +12 -12
  20. package/dist/card/tests/card-variants.js.map +2 -2
  21. package/dist/coloreditor/tests/coloreditor-states.js +1 -1
  22. package/dist/coloreditor/tests/coloreditor-states.js.map +1 -1
  23. package/dist/colorgradient/tests/colorgradient-contrast.js +3 -3
  24. package/dist/colorgradient/tests/colorgradient-contrast.js.map +2 -2
  25. package/dist/colorgradient/tests/colorgradient-draghandle.js +10 -10
  26. package/dist/colorgradient/tests/colorgradient-draghandle.js.map +2 -2
  27. package/dist/colorgradient/tests/colorgradient-rtl.js +3 -3
  28. package/dist/colorgradient/tests/colorgradient-rtl.js.map +2 -2
  29. package/dist/colorgradient/tests/colorgradient-states.js +1 -1
  30. package/dist/colorgradient/tests/colorgradient-states.js.map +1 -1
  31. package/dist/drawer/tests/drawer-hierarchical-item-levels.js +4 -4
  32. package/dist/drawer/tests/drawer-hierarchical-item-levels.js.map +1 -1
  33. package/dist/drawer/tests/drawer-overlay-mini.js +16 -16
  34. package/dist/drawer/tests/drawer-overlay-mini.js.map +1 -1
  35. package/dist/drawer/tests/drawer-overlay.js +8 -8
  36. package/dist/drawer/tests/drawer-overlay.js.map +1 -1
  37. package/dist/drawer/tests/drawer-rtl.js +18 -18
  38. package/dist/drawer/tests/drawer-rtl.js.map +1 -1
  39. package/dist/drawer/tests/drawer.js +18 -18
  40. package/dist/drawer/tests/drawer.js.map +1 -1
  41. package/dist/editor/tests/editor-angular.js +2 -2
  42. package/dist/editor/tests/editor-angular.js.map +2 -2
  43. package/dist/editor/tests/editor-jquery.js +1 -1
  44. package/dist/editor/tests/editor-jquery.js.map +2 -2
  45. package/dist/filemanager/tests/filemanager-drag-hint.js +1 -1
  46. package/dist/filemanager/tests/filemanager-drag-hint.js.map +1 -1
  47. package/dist/filemanager/tests/filemanager-gridview.js +1 -1
  48. package/dist/filemanager/tests/filemanager-gridview.js.map +1 -1
  49. package/dist/filemanager/tests/filemanager-listview.js +1 -1
  50. package/dist/filemanager/tests/filemanager-listview.js.map +1 -1
  51. package/dist/filemanager/tests/filemanager-preview.js +4 -4
  52. package/dist/filemanager/tests/filemanager-preview.js.map +1 -1
  53. package/dist/form/tests/form-field-inputs-angular-rtl.js +2 -2
  54. package/dist/form/tests/form-field-inputs-angular-rtl.js.map +2 -2
  55. package/dist/form/tests/form-field-inputs-angular.js +2 -2
  56. package/dist/form/tests/form-field-inputs-angular.js.map +2 -2
  57. package/dist/form/tests/form-field-inputs-react.js +2 -2
  58. package/dist/form/tests/form-field-inputs-react.js.map +2 -2
  59. package/dist/form/tests/form-misc-react.js +2 -2
  60. package/dist/form/tests/form-misc-react.js.map +2 -2
  61. package/dist/gantt/tests/gantt-react.js +1 -1
  62. package/dist/gantt/tests/gantt-react.js.map +2 -2
  63. package/dist/grid/tests/grid-adaptive-pager.js +6 -6
  64. package/dist/grid/tests/grid-adaptive-pager.js.map +2 -2
  65. package/dist/grid/tests/grid-angular.js +2 -2
  66. package/dist/grid/tests/grid-angular.js.map +1 -1
  67. package/dist/grid/tests/grid-column-menu-rtl.js +2 -2
  68. package/dist/grid/tests/grid-column-menu-rtl.js.map +1 -1
  69. package/dist/grid/tests/grid-column-menu.js +2 -2
  70. package/dist/grid/tests/grid-column-menu.js.map +1 -1
  71. package/dist/grid/tests/grid-filter-menu-multi-checkbox.js +4 -4
  72. package/dist/grid/tests/grid-filter-menu-multi-checkbox.js.map +1 -1
  73. package/dist/grid/tests/grid-filter-menu.js +1 -1
  74. package/dist/grid/tests/grid-filter-menu.js.map +1 -1
  75. package/dist/grid/tests/grid-grouping-detail-template-angular.js +2 -2
  76. package/dist/grid/tests/grid-grouping-detail-template-angular.js.map +2 -2
  77. package/dist/grid/tests/grid-grouping-detail-template-blazor.js +2 -2
  78. package/dist/grid/tests/grid-grouping-detail-template-blazor.js.map +1 -1
  79. package/dist/grid/tests/grid-hierarchy.js +1 -1
  80. package/dist/grid/tests/grid-hierarchy.js.map +1 -1
  81. package/dist/grid/tests/grid-locked-columns.js +6 -6
  82. package/dist/grid/tests/grid-locked-columns.js.map +1 -1
  83. package/dist/grid/tests/grid-long-titles.js +2 -2
  84. package/dist/grid/tests/grid-long-titles.js.map +2 -2
  85. package/dist/grid/tests/grid-react.js +15 -15
  86. package/dist/grid/tests/grid-react.js.map +2 -2
  87. package/dist/grid/tests/grid-rows-states.js +22 -22
  88. package/dist/grid/tests/grid-rows-states.js.map +2 -2
  89. package/dist/grid/tests/grid-rtl-angular.js +1 -1
  90. package/dist/grid/tests/grid-rtl-angular.js.map +1 -1
  91. package/dist/grid/tests/grid-rtl.js +7 -7
  92. package/dist/grid/tests/grid-rtl.js.map +2 -2
  93. package/dist/grid/tests/grid-sticky-columns-rtl.js +5 -5
  94. package/dist/grid/tests/grid-sticky-columns-rtl.js.map +2 -2
  95. package/dist/grid/tests/grid-sticky-columns.js +7 -7
  96. package/dist/grid/tests/grid-sticky-columns.js.map +2 -2
  97. package/dist/grid/tests/grid.js +1 -1
  98. package/dist/grid/tests/grid.js.map +1 -1
  99. package/dist/index.js +1 -1
  100. package/dist/index.js.map +2 -2
  101. package/dist/listview/tests/listview-loading.js +2 -2
  102. package/dist/listview/tests/listview-loading.js.map +2 -2
  103. package/dist/loader/tests/loader-container-colors.js +10 -10
  104. package/dist/loader/tests/loader-container-colors.js.map +2 -2
  105. package/dist/loader/tests/loader-container-overlay.js +4 -4
  106. package/dist/loader/tests/loader-container-overlay.js.map +2 -2
  107. package/dist/loader/tests/loader-container.js +9 -9
  108. package/dist/loader/tests/loader-container.js.map +2 -2
  109. package/dist/panelbar/tests/panelbar-angular.js +4 -4
  110. package/dist/panelbar/tests/panelbar-angular.js.map +2 -2
  111. package/dist/pivotgrid/tests/pivotgrid-column-menus.js +1 -1
  112. package/dist/pivotgrid/tests/pivotgrid-column-menus.js.map +1 -1
  113. package/dist/pivotgrid/tests/pivotgrid-header-cell-states.js +480 -0
  114. package/dist/pivotgrid/tests/pivotgrid-header-cell-states.js.map +7 -0
  115. package/dist/pivotgrid/tests/pivotgrid.js +4 -4
  116. package/dist/pivotgrid/tests/pivotgrid.js.map +1 -1
  117. package/dist/rating/tests/rating.js +2 -2
  118. package/dist/rating/tests/rating.js.map +1 -1
  119. package/dist/scheduler/tests/scheduler-tooltip.js +2 -2
  120. package/dist/scheduler/tests/scheduler-tooltip.js.map +2 -2
  121. package/dist/scrollview/tests/scrollview-angular.js +2 -2
  122. package/dist/scrollview/tests/scrollview-angular.js.map +2 -2
  123. package/dist/scrollview/tests/scrollview-blazor.js +2 -2
  124. package/dist/scrollview/tests/scrollview-blazor.js.map +2 -2
  125. package/dist/scrollview/tests/scrollview.js +2 -2
  126. package/dist/scrollview/tests/scrollview.js.map +2 -2
  127. package/dist/signature/tests/signature-sizes.js +290 -0
  128. package/dist/signature/tests/signature-sizes.js.map +7 -0
  129. package/dist/splitter/tests/splitter.js +2 -2
  130. package/dist/splitter/tests/splitter.js.map +2 -2
  131. package/dist/spreadsheet/tests/spreadsheet-filter-menu.js +1 -1
  132. package/dist/spreadsheet/tests/spreadsheet-filter-menu.js.map +1 -1
  133. package/dist/spreadsheet/tests/spreadsheet.js +1 -1
  134. package/dist/spreadsheet/tests/spreadsheet.js.map +1 -1
  135. package/dist/stepper/tests/stepper-horizontal-rtl.js +5 -5
  136. package/dist/stepper/tests/stepper-horizontal-rtl.js.map +2 -2
  137. package/dist/stepper/tests/stepper-states.js +18 -18
  138. package/dist/stepper/tests/stepper-states.js.map +2 -2
  139. package/dist/stepper/tests/stepper-vertical-rtl.js +4 -4
  140. package/dist/stepper/tests/stepper-vertical-rtl.js.map +2 -2
  141. package/dist/stepper/tests/stepper-vertical.js +5 -5
  142. package/dist/stepper/tests/stepper-vertical.js.map +2 -2
  143. package/dist/stepper/tests/stepper.js +6 -6
  144. package/dist/stepper/tests/stepper.js.map +2 -2
  145. package/dist/taskboard/tests/taskboard-card.js +2 -2
  146. package/dist/taskboard/tests/taskboard-card.js.map +2 -2
  147. package/dist/taskboard/tests/taskboard-column.js +2 -2
  148. package/dist/taskboard/tests/taskboard-column.js.map +1 -1
  149. package/dist/taskboard/tests/taskboard-pane.js +20 -0
  150. package/dist/taskboard/tests/taskboard-pane.js.map +2 -2
  151. package/dist/taskboard/tests/taskboard-rtl.js +1 -1
  152. package/dist/taskboard/tests/taskboard-rtl.js.map +1 -1
  153. package/dist/taskboard/tests/taskboard.js +1 -1
  154. package/dist/taskboard/tests/taskboard.js.map +1 -1
  155. package/dist/timeline/tests/timeline-horizontal.js +1 -1
  156. package/dist/timeline/tests/timeline-horizontal.js.map +1 -1
  157. package/dist/treelist/tests/treelist-aggregates.js +2 -2
  158. package/dist/treelist/tests/treelist-aggregates.js.map +2 -2
  159. package/dist/upload/tests/upload-react.js +2 -2
  160. package/dist/upload/tests/upload-react.js.map +2 -2
  161. package/dist/upload/tests/upload-rtl.js +7 -7
  162. package/dist/upload/tests/upload-rtl.js.map +2 -2
  163. package/dist/upload/tests/upload.js +6 -6
  164. package/dist/upload/tests/upload.js.map +2 -2
  165. package/dist/wizard/tests/wizard-horizontal.js +6 -6
  166. package/dist/wizard/tests/wizard-horizontal.js.map +2 -2
  167. package/dist/wizard/tests/wizard-vertical.js +9 -9
  168. package/dist/wizard/tests/wizard-vertical.js.map +2 -2
  169. package/package.json +2 -2
  170. package/src/bottom-nav/tests/bottom-nav-colors.tsx +54 -54
  171. package/src/bottom-nav/tests/bottom-nav-items.tsx +9 -9
  172. package/src/bottom-nav/tests/bottom-nav-rtl.tsx +6 -6
  173. package/src/bottom-nav/tests/bottom-nav.tsx +13 -13
  174. package/src/breadcrumb/tests/breadcrumb-rtl.tsx +18 -18
  175. package/src/breadcrumb/tests/breadcrumb.tsx +18 -18
  176. package/src/captcha/captcha.tsx +1 -1
  177. package/src/card/tests/card-variants.tsx +12 -12
  178. package/src/coloreditor/tests/coloreditor-states.tsx +1 -1
  179. package/src/colorgradient/tests/colorgradient-contrast.tsx +3 -3
  180. package/src/colorgradient/tests/colorgradient-draghandle.tsx +10 -10
  181. package/src/colorgradient/tests/colorgradient-rtl.tsx +3 -3
  182. package/src/colorgradient/tests/colorgradient-states.tsx +1 -1
  183. package/src/drawer/tests/drawer-hierarchical-item-levels.tsx +4 -4
  184. package/src/drawer/tests/drawer-overlay-mini.tsx +16 -16
  185. package/src/drawer/tests/drawer-overlay.tsx +8 -8
  186. package/src/drawer/tests/drawer-rtl.tsx +18 -18
  187. package/src/drawer/tests/drawer.tsx +18 -18
  188. package/src/editor/tests/editor-angular.tsx +2 -2
  189. package/src/editor/tests/editor-jquery.tsx +1 -1
  190. package/src/filemanager/tests/filemanager-drag-hint.tsx +1 -1
  191. package/src/filemanager/tests/filemanager-gridview.tsx +1 -1
  192. package/src/filemanager/tests/filemanager-listview.tsx +1 -1
  193. package/src/filemanager/tests/filemanager-preview.tsx +4 -4
  194. package/src/form/tests/form-field-inputs-angular-rtl.tsx +2 -2
  195. package/src/form/tests/form-field-inputs-angular.tsx +2 -2
  196. package/src/form/tests/form-field-inputs-react.tsx +2 -2
  197. package/src/form/tests/form-misc-react.tsx +2 -2
  198. package/src/gantt/tests/gantt-react.tsx +1 -1
  199. package/src/grid/tests/grid-adaptive-pager.tsx +6 -6
  200. package/src/grid/tests/grid-angular.tsx +2 -2
  201. package/src/grid/tests/grid-column-menu-rtl.tsx +2 -2
  202. package/src/grid/tests/grid-column-menu.tsx +2 -2
  203. package/src/grid/tests/grid-filter-menu-multi-checkbox.tsx +4 -4
  204. package/src/grid/tests/grid-filter-menu.tsx +1 -1
  205. package/src/grid/tests/grid-grouping-detail-template-angular.tsx +2 -2
  206. package/src/grid/tests/grid-grouping-detail-template-blazor.tsx +2 -2
  207. package/src/grid/tests/grid-hierarchy.tsx +1 -1
  208. package/src/grid/tests/grid-locked-columns.tsx +6 -6
  209. package/src/grid/tests/grid-long-titles.tsx +2 -2
  210. package/src/grid/tests/grid-react.tsx +15 -15
  211. package/src/grid/tests/grid-rows-states.tsx +22 -22
  212. package/src/grid/tests/grid-rtl-angular.tsx +1 -1
  213. package/src/grid/tests/grid-rtl.tsx +7 -7
  214. package/src/grid/tests/grid-sticky-columns-rtl.tsx +5 -5
  215. package/src/grid/tests/grid-sticky-columns.tsx +7 -7
  216. package/src/grid/tests/grid.tsx +1 -1
  217. package/src/listview/tests/listview-loading.tsx +2 -2
  218. package/src/loader/tests/loader-container-colors.tsx +10 -10
  219. package/src/loader/tests/loader-container-overlay.tsx +4 -4
  220. package/src/loader/tests/loader-container.tsx +9 -9
  221. package/src/panelbar/tests/panelbar-angular.tsx +4 -4
  222. package/src/pivotgrid/tests/pivotgrid-column-menus.tsx +1 -1
  223. package/src/pivotgrid/tests/pivotgrid-header-cell-states.tsx +293 -0
  224. package/src/pivotgrid/tests/pivotgrid.tsx +4 -4
  225. package/src/rating/tests/rating.tsx +2 -2
  226. package/src/scheduler/tests/scheduler-tooltip.tsx +2 -2
  227. package/src/scrollview/tests/scrollview-angular.tsx +2 -2
  228. package/src/scrollview/tests/scrollview-blazor.tsx +2 -2
  229. package/src/scrollview/tests/scrollview.tsx +2 -2
  230. package/src/signature/tests/signature-sizes.tsx +52 -0
  231. package/src/splitter/tests/splitter.tsx +2 -2
  232. package/src/spreadsheet/tests/spreadsheet-filter-menu.tsx +1 -1
  233. package/src/spreadsheet/tests/spreadsheet.tsx +1 -1
  234. package/src/stepper/tests/stepper-horizontal-rtl.tsx +5 -5
  235. package/src/stepper/tests/stepper-states.tsx +15 -15
  236. package/src/stepper/tests/stepper-vertical-rtl.tsx +4 -4
  237. package/src/stepper/tests/stepper-vertical.tsx +5 -5
  238. package/src/stepper/tests/stepper.tsx +6 -6
  239. package/src/taskboard/tests/taskboard-card.tsx +2 -2
  240. package/src/taskboard/tests/taskboard-column.tsx +2 -2
  241. package/src/taskboard/tests/taskboard-pane.tsx +18 -0
  242. package/src/taskboard/tests/taskboard-rtl.tsx +1 -1
  243. package/src/taskboard/tests/taskboard.tsx +1 -1
  244. package/src/timeline/tests/timeline-horizontal.tsx +1 -1
  245. package/src/treelist/tests/treelist-aggregates.tsx +2 -2
  246. package/src/upload/tests/upload-react.tsx +2 -2
  247. package/src/upload/tests/upload-rtl.tsx +7 -7
  248. package/src/upload/tests/upload.tsx +6 -6
  249. package/src/wizard/tests/wizard-horizontal.tsx +6 -6
  250. package/src/wizard/tests/wizard-vertical.tsx +9 -9
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/taskboard/tests/taskboard-pane.tsx", "../../../src/action-buttons/action-buttons.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/button/button.tsx", "../../../src/icon/icon.tsx", "../../../src/card/card.tsx", "../../../src/card/card-callout.tsx", "../../../src/card/card-title.tsx", "../../../src/card/card-subtitle.tsx", "../../../src/card/card-img.tsx", "../../../src/card/card-header.tsx", "../../../src/card/card-footer.tsx", "../../../src/card/card-body.tsx", "../../../src/card/card-deck.tsx", "../../../src/searchbox/searchbox.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/textbox/textbox.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { ActionButtons } from '../../action-buttons';\nimport { Button } from '../../button';\nimport { Card, CardBody, CardHeader } from '../../card';\nimport { Searchbox } from '../../searchbox';\nimport { Textbox } from '../../textbox';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\n\nconst style = `\n #test-area { max-width: 1037px; }\n`;\n\nroot.render(\n <>\n <style>{style}</style>\n <div id=\"test-area\" className=\"k-dgrid k-grid-cols-1\">\n\n <span>Pane on Right(default):</span>\n <div className=\"k-widget k-taskboard\">\n <div className=\"k-taskboard-header\">\n <div className=\"k-taskboard-header\">\n <div className=\"k-taskboard-toolbar k-toolbar\">\n <Button icon=\"add\">Add Column</Button>\n <span className=\"k-spacer\"></span>\n <Searchbox placeholder=\"Search...\" />\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-content\" style={{ marginRight: \"304px\" }}>\n <div className=\"k-taskboard-columns-container\">\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"edit\"></Button>\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"edit\"></Button>\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"edit\"></Button>\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-pane k-taskboard-edit-pane\">\n <div className=\"k-taskboard-pane-header\">\n <div className=\"k-taskboard-pane-header-text\">Card X</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-pane-header-actions\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-pane-content\">\n <form className=\"k-form k-form-vertical\">\n <div className=\"k-form-field\">\n <label className=\"k-label\">Textbox:</label>\n <div>\n <Textbox />\n </div>\n </div>\n </form>\n </div>\n <ActionButtons alignment=\"end\" className=\"k-taskboard-pane-actions\">\n <Button icon=\"trash\">Delete</Button>\n <Button themeColor=\"primary\" icon=\"edit\">Edit</Button>\n </ActionButtons>\n </div>\n </div>\n\n <span>Pane on Left:</span>\n <div className=\"k-widget k-taskboard\">\n <div className=\"k-taskboard-header\">\n <div className=\"k-taskboard-header\">\n <div className=\"k-taskboard-toolbar k-toolbar\">\n <Button icon=\"add\">Add Column</Button>\n <span className=\"k-spacer\"></span>\n <Searchbox placeholder=\"Search...\" />\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-content\" style={{ marginLeft: \"304px\" }}>\n <div className=\"k-taskboard-columns-container\">\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"edit\"></Button>\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"edit\"></Button>\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"edit\"></Button>\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-pane k-taskboard-pane-start k-taskboard-edit-pane\">\n <div className=\"k-taskboard-pane-header\">\n <div className=\"k-taskboard-pane-header-text\">Card X</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-pane-header-actions\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-pane-content\">\n <form className=\"k-form k-form-vertical\">\n <div className=\"k-form-field\">\n <label className=\"k-label\">Textbox:</label>\n <div>\n <Textbox />\n </div>\n </div>\n </form>\n </div>\n <ActionButtons alignment=\"end\" className=\"k-taskboard-pane-actions\">\n <Button icon=\"trash\">Delete</Button>\n <Button themeColor=\"primary\" icon=\"edit\">Edit</Button>\n </ActionButtons>\n </div>\n </div>\n\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { ButtonProps } from '../button';\nimport { classNames } from '../utils';\n\nexport interface ActionButtonsProps {\n children?: React.ReactElement<ButtonProps>|React.ReactElement<ButtonProps>[];\n className?: string;\n alignment?: 'start' | 'center' | 'end' | 'stretched';\n orientation?: 'horizontal' | 'vertical';\n}\n\nexport class ActionButtons extends React.Component<ActionButtonsProps> {\n\n static defaultProps = {\n alignment: 'start',\n orientation: 'horizontal'\n };\n\n render() {\n const {\n children,\n className,\n alignment,\n orientation,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-actions',\n {\n [`k-actions-${alignment}`]: alignment,\n [`k-actions-${orientation}`]: orientation\n },\n className\n )}>\n {children}\n </div>\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, 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", "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 { classNames } from '../utils';\nimport { CardCallout } from '../card';\n\nexport interface CardProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n orientation?: null | 'vertical' | 'horizontal';\n themeColor?: null | 'primary' | 'info' | 'success' | 'warning' | 'error';\n callout?: null | 'true' | 'top' | 'bottom' | 'left' | 'right';\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\nexport class Card extends React.Component<CardProps> {\n\n render() {\n const {\n children,\n className,\n orientation,\n themeColor,\n callout,\n hover,\n focus,\n selected,\n disabled,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card',\n {\n [`k-card-${themeColor}`]: themeColor,\n [`k-card-${orientation}`]: orientation,\n 'k-card-with-callout': callout,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-selected': selected,\n 'k-disabled': disabled\n },\n className\n )}>\n {callout && callout !== 'true' &&\n <CardCallout callout={callout} />\n }\n <>{children}</>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface CardCalloutProps {\n className?: string;\n callout?: null | 'true' | 'top' | 'bottom' | 'left' | 'right';\n}\n\nexport class CardCallout extends React.Component<CardCalloutProps> {\n\n render() {\n const {\n className,\n callout,\n ...htmlAttributes\n } = this.props;\n\n return (\n <span\n {...htmlAttributes}\n className={classNames(\n 'k-card-callout',\n {\n [`k-callout-${kendoThemeMaps.calloutMap[callout!] || callout}`]: callout\n },\n className\n )}>\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardTitleProps {\n children?: React.ReactNode;\n className?: string;\n hover?: boolean;\n focus?: boolean;\n}\n\nexport class CardTitle extends React.Component<CardTitleProps> {\n\n render() {\n const {\n children,\n className,\n hover,\n focus,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-title',\n {\n 'k-hover': hover,\n 'k-focus': focus,\n },\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardSubtitleProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class CardSubtitle extends React.Component<CardSubtitleProps> {\n\n render() {\n const {\n children,\n className,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-subtitle',\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardImageProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n src?: string;\n}\n\nexport class CardImage extends React.Component<CardImageProps> {\n\n render() {\n const {\n children,\n className,\n src,\n ...htmlAttributes\n } = this.props;\n\n return (\n <>\n {\n src\n ? <img\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card-image',\n className\n )}\n src={src}\n />\n : <span\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card-image',\n className\n )}\n ><>{children}</></span>\n }\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CardTitle, CardSubtitle } from '../card';\nimport { Button } from '../button';\n\nexport interface CardHeaderProps {\n children?: React.ReactNode;\n className?: string;\n title?: string;\n subtitle?: string;\n details?: boolean;\n}\n\nexport class CardHeader extends React.Component<CardHeaderProps> {\n\n render() {\n const {\n children,\n className,\n title,\n subtitle,\n details,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-header',\n className\n )}>\n {title && <CardTitle>{title}</CardTitle>}\n {subtitle && <CardSubtitle>{subtitle}</CardSubtitle>}\n\n <>{children}</>\n\n {details &&\n <span className=\"k-card-header-actions\">\n <Button\n className=\"k-card-details\"\n icon=\"more-vertical\"\n rounded=\"medium\"\n size=\"medium\"\n fillMode=\"flat\"\n themeColor=\"base\"\n />\n </span>\n }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardFooterProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class CardFooter extends React.Component<CardFooterProps> {\n\n render() {\n const {\n children,\n className,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-footer',\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CardTitle, CardSubtitle } from '../card';\nimport { Button } from '../button';\n\nexport interface CardBodyProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n title?: string;\n subtitle?: string;\n details?: boolean;\n}\n\nexport class CardBody extends React.Component<CardBodyProps> {\n\n render() {\n const {\n children,\n className,\n title,\n subtitle,\n details,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card-body',\n className\n )}>\n {title && <CardTitle>{title}</CardTitle>}\n {subtitle && <CardSubtitle>{subtitle}</CardSubtitle>}\n\n <>{children}</>\n\n {details &&\n <span className=\"k-card-body-actions\">\n <Button\n className=\"k-card-details\"\n icon=\"more-vertical\"\n rounded=\"medium\"\n size=\"medium\"\n fillMode=\"flat\"\n themeColor=\"base\"\n />\n </span>\n }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CardProps } from '../card';\n\nexport interface CardDeckProps {\n children?: React.ReactElement<CardProps>[];\n className?: string;\n}\n\nexport class CardDeck extends React.Component<CardDeckProps> {\n\n render() {\n const {\n children,\n className,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-deck',\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Icon } from '../icon';\nimport {\n Input,\n InputInnerInput,\n InputClearValue,\n InputLoadingIcon,\n InputValidationIcon\n} from '../input';\n\nexport interface SearchboxProps {\n className?: string;\n type?: string;\n value?: string;\n placeholder?: string;\n showIcon?: boolean;\n icon?: 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 Searchbox extends React.Component<SearchboxProps> {\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 showIcon = true,\n icon = 'search'\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-searchbox')}\n >\n { showIcon && (<Icon className=\"k-input-icon\" name={icon} />) }\n <InputInnerInput placeholder={placeholder} value={value} />\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n <InputClearValue {...this.props} />\n </Input>\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 {\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
- "mappings": "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",
4
+ "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { ActionButtons } from '../../action-buttons';\nimport { Button } from '../../button';\nimport { Card, CardBody, CardHeader } from '../../card';\nimport { Searchbox } from '../../searchbox';\nimport { Textbox } from '../../textbox';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\n\nconst style = `\n #test-area { max-width: 1037px; }\n`;\n\nroot.render(\n <>\n <style>{style}</style>\n <div id=\"test-area\" className=\"k-dgrid k-grid-cols-1\">\n\n <span>Pane on Right(default):</span>\n <div className=\"k-widget k-taskboard\">\n <div className=\"k-taskboard-header\">\n <div className=\"k-taskboard-header\">\n <div className=\"k-taskboard-toolbar k-toolbar\">\n <Button icon=\"add\">Add Column</Button>\n <span className=\"k-spacer\"></span>\n <Searchbox placeholder=\"Search...\" />\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-content\" style={{ marginRight: \"304px\" }}>\n <div className=\"k-taskboard-columns-container\">\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"edit\"></Button>\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"edit\"></Button>\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"edit\"></Button>\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-pane k-taskboard-edit-pane\">\n <div className=\"k-taskboard-pane-header\">\n <div className=\"k-taskboard-pane-header-text\">Card X</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-pane-header-actions\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-pane-content\">\n <form className=\"k-form k-form-vertical\">\n <div className=\"k-form-field\">\n <label className=\"k-label\">Textbox:</label>\n <div>\n <Textbox />\n </div>\n </div>\n </form>\n </div>\n <ActionButtons alignment=\"end\" className=\"k-taskboard-pane-actions\">\n <Button icon=\"trash\">Delete</Button>\n <Button themeColor=\"primary\" icon=\"edit\">Edit</Button>\n </ActionButtons>\n </div>\n </div>\n\n <span>Pane on Left:</span>\n <div className=\"k-widget k-taskboard\">\n <div className=\"k-taskboard-header\">\n <div className=\"k-taskboard-header\">\n <div className=\"k-taskboard-toolbar k-toolbar\">\n <Button icon=\"add\">Add Column</Button>\n <span className=\"k-spacer\"></span>\n <Searchbox placeholder=\"Search...\" />\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-content\" style={{ marginLeft: \"304px\" }}>\n <div className=\"k-taskboard-columns-container\">\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"edit\"></Button>\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"edit\"></Button>\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"edit\"></Button>\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-pane k-taskboard-pane-start k-taskboard-edit-pane\">\n <div className=\"k-taskboard-pane-header\">\n <div className=\"k-taskboard-pane-header-text\">Card X</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-pane-header-actions\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-pane-content\">\n <form className=\"k-form k-form-vertical\">\n <div className=\"k-form-field\">\n <label className=\"k-label\">Textbox:</label>\n <div>\n <Textbox />\n </div>\n </div>\n </form>\n </div>\n <ActionButtons alignment=\"end\" className=\"k-taskboard-pane-actions\">\n <Button icon=\"trash\">Delete</Button>\n <Button themeColor=\"primary\" icon=\"edit\">Edit</Button>\n </ActionButtons>\n </div>\n </div>\n\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { ButtonProps } from '../button';\nimport { classNames } from '../utils';\n\nexport interface ActionButtonsProps {\n children?: React.ReactElement<ButtonProps>|React.ReactElement<ButtonProps>[];\n className?: string;\n alignment?: 'start' | 'center' | 'end' | 'stretched';\n orientation?: 'horizontal' | 'vertical';\n}\n\nexport class ActionButtons extends React.Component<ActionButtonsProps> {\n\n static defaultProps = {\n alignment: 'start',\n orientation: 'horizontal'\n };\n\n render() {\n const {\n children,\n className,\n alignment,\n orientation,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-actions',\n {\n [`k-actions-${alignment}`]: alignment,\n [`k-actions-${orientation}`]: orientation\n },\n className\n )}>\n {children}\n </div>\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, 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", "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 { classNames } from '../utils';\nimport { CardCallout } from '../card';\n\nexport interface CardProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n orientation?: null | 'vertical' | 'horizontal';\n themeColor?: null | 'primary' | 'info' | 'success' | 'warning' | 'error';\n callout?: null | 'true' | 'top' | 'bottom' | 'left' | 'right';\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\nexport class Card extends React.Component<CardProps> {\n\n render() {\n const {\n children,\n className,\n orientation,\n themeColor,\n callout,\n hover,\n focus,\n selected,\n disabled,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card',\n {\n [`k-card-${themeColor}`]: themeColor,\n [`k-card-${orientation}`]: orientation,\n 'k-card-with-callout': callout,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-selected': selected,\n 'k-disabled': disabled\n },\n className\n )}>\n {callout && callout !== 'true' &&\n <CardCallout callout={callout} />\n }\n <>{children}</>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface CardCalloutProps {\n className?: string;\n callout?: null | 'true' | 'top' | 'bottom' | 'left' | 'right';\n}\n\nexport class CardCallout extends React.Component<CardCalloutProps> {\n\n render() {\n const {\n className,\n callout,\n ...htmlAttributes\n } = this.props;\n\n return (\n <span\n {...htmlAttributes}\n className={classNames(\n 'k-card-callout',\n {\n [`k-callout-${kendoThemeMaps.calloutMap[callout!] || callout}`]: callout\n },\n className\n )}>\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardTitleProps {\n children?: React.ReactNode;\n className?: string;\n hover?: boolean;\n focus?: boolean;\n}\n\nexport class CardTitle extends React.Component<CardTitleProps> {\n\n render() {\n const {\n children,\n className,\n hover,\n focus,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-title',\n {\n 'k-hover': hover,\n 'k-focus': focus,\n },\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardSubtitleProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class CardSubtitle extends React.Component<CardSubtitleProps> {\n\n render() {\n const {\n children,\n className,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-subtitle',\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardImageProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n src?: string;\n}\n\nexport class CardImage extends React.Component<CardImageProps> {\n\n render() {\n const {\n children,\n className,\n src,\n ...htmlAttributes\n } = this.props;\n\n return (\n <>\n {\n src\n ? <img\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card-image',\n className\n )}\n src={src}\n />\n : <span\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card-image',\n className\n )}\n ><>{children}</></span>\n }\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CardTitle, CardSubtitle } from '../card';\nimport { Button } from '../button';\n\nexport interface CardHeaderProps {\n children?: React.ReactNode;\n className?: string;\n title?: string;\n subtitle?: string;\n details?: boolean;\n}\n\nexport class CardHeader extends React.Component<CardHeaderProps> {\n\n render() {\n const {\n children,\n className,\n title,\n subtitle,\n details,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-header',\n className\n )}>\n {title && <CardTitle>{title}</CardTitle>}\n {subtitle && <CardSubtitle>{subtitle}</CardSubtitle>}\n\n <>{children}</>\n\n {details &&\n <span className=\"k-card-header-actions\">\n <Button\n className=\"k-card-details\"\n icon=\"more-vertical\"\n rounded=\"medium\"\n size=\"medium\"\n fillMode=\"flat\"\n themeColor=\"base\"\n />\n </span>\n }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardFooterProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class CardFooter extends React.Component<CardFooterProps> {\n\n render() {\n const {\n children,\n className,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-footer',\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CardTitle, CardSubtitle } from '../card';\nimport { Button } from '../button';\n\nexport interface CardBodyProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n title?: string;\n subtitle?: string;\n details?: boolean;\n}\n\nexport class CardBody extends React.Component<CardBodyProps> {\n\n render() {\n const {\n children,\n className,\n title,\n subtitle,\n details,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card-body',\n className\n )}>\n {title && <CardTitle>{title}</CardTitle>}\n {subtitle && <CardSubtitle>{subtitle}</CardSubtitle>}\n\n <>{children}</>\n\n {details &&\n <span className=\"k-card-body-actions\">\n <Button\n className=\"k-card-details\"\n icon=\"more-vertical\"\n rounded=\"medium\"\n size=\"medium\"\n fillMode=\"flat\"\n themeColor=\"base\"\n />\n </span>\n }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CardProps } from '../card';\n\nexport interface CardDeckProps {\n children?: React.ReactElement<CardProps>[];\n className?: string;\n}\n\nexport class CardDeck extends React.Component<CardDeckProps> {\n\n render() {\n const {\n children,\n className,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-deck',\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Icon } from '../icon';\nimport {\n Input,\n InputInnerInput,\n InputClearValue,\n InputLoadingIcon,\n InputValidationIcon\n} from '../input';\n\nexport interface SearchboxProps {\n className?: string;\n type?: string;\n value?: string;\n placeholder?: string;\n showIcon?: boolean;\n icon?: 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 Searchbox extends React.Component<SearchboxProps> {\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 showIcon = true,\n icon = 'search'\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-searchbox')}\n >\n { showIcon && (<Icon className=\"k-input-icon\" name={icon} />) }\n <InputInnerInput placeholder={placeholder} value={value} />\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n <InputClearValue {...this.props} />\n </Input>\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 {\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
+ "mappings": "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",
6
6
  "names": ["React", "React", "style", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "style", "React", "React", "React", "React", "React", "React", "React", "React", "React", "ReactDOM", "React"]
7
7
  }
@@ -602,7 +602,7 @@
602
602
  var style = `
603
603
  #test-area {
604
604
  max-width: 1030px;
605
- padding: 0;
605
+ padding: 5px;
606
606
  }
607
607
 
608
608
  #test-area > span {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/taskboard/tests/taskboard-rtl.tsx", "../../../src/button/button.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.tsx", "../../../src/card/card.tsx", "../../../src/card/card-callout.tsx", "../../../src/card/card-title.tsx", "../../../src/card/card-subtitle.tsx", "../../../src/card/card-img.tsx", "../../../src/card/card-header.tsx", "../../../src/card/card-footer.tsx", "../../../src/card/card-body.tsx", "../../../src/card/card-deck.tsx", "../../../src/searchbox/searchbox.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"],
4
- "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { Card, CardBody, CardHeader } from '../../card';\nimport { Searchbox } from '../../searchbox';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n #test-area {\n max-width: 1030px;\n padding: 0;\n }\n\n #test-area > span {\n padding: 20px 20px 0;\n }\n`;\n\nroot.render(\n <>\n <style>{style}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-1\">\n\n <span>TaskBoard RTL</span>\n <div className=\"k-widget k-taskboard k-rtl\">\n <div className=\"k-taskboard-header\">\n <div className=\"k-taskboard-header\">\n <div className=\"k-taskboard-toolbar k-toolbar\">\n <Button icon=\"add\">Add Column</Button>\n <span className=\"k-spacer\"></span>\n <Searchbox placeholder=\"Search...\" />\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-content\">\n <div className=\"k-taskboard-columns-container\">\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-pane k-taskboard-edit-pane k-hidden\"></div>\n </div>\n\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 { classNames } from '../utils';\nimport { CardCallout } from '../card';\n\nexport interface CardProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n orientation?: null | 'vertical' | 'horizontal';\n themeColor?: null | 'primary' | 'info' | 'success' | 'warning' | 'error';\n callout?: null | 'true' | 'top' | 'bottom' | 'left' | 'right';\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\nexport class Card extends React.Component<CardProps> {\n\n render() {\n const {\n children,\n className,\n orientation,\n themeColor,\n callout,\n hover,\n focus,\n selected,\n disabled,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card',\n {\n [`k-card-${themeColor}`]: themeColor,\n [`k-card-${orientation}`]: orientation,\n 'k-card-with-callout': callout,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-selected': selected,\n 'k-disabled': disabled\n },\n className\n )}>\n {callout && callout !== 'true' &&\n <CardCallout callout={callout} />\n }\n <>{children}</>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface CardCalloutProps {\n className?: string;\n callout?: null | 'true' | 'top' | 'bottom' | 'left' | 'right';\n}\n\nexport class CardCallout extends React.Component<CardCalloutProps> {\n\n render() {\n const {\n className,\n callout,\n ...htmlAttributes\n } = this.props;\n\n return (\n <span\n {...htmlAttributes}\n className={classNames(\n 'k-card-callout',\n {\n [`k-callout-${kendoThemeMaps.calloutMap[callout!] || callout}`]: callout\n },\n className\n )}>\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardTitleProps {\n children?: React.ReactNode;\n className?: string;\n hover?: boolean;\n focus?: boolean;\n}\n\nexport class CardTitle extends React.Component<CardTitleProps> {\n\n render() {\n const {\n children,\n className,\n hover,\n focus,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-title',\n {\n 'k-hover': hover,\n 'k-focus': focus,\n },\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardSubtitleProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class CardSubtitle extends React.Component<CardSubtitleProps> {\n\n render() {\n const {\n children,\n className,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-subtitle',\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardImageProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n src?: string;\n}\n\nexport class CardImage extends React.Component<CardImageProps> {\n\n render() {\n const {\n children,\n className,\n src,\n ...htmlAttributes\n } = this.props;\n\n return (\n <>\n {\n src\n ? <img\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card-image',\n className\n )}\n src={src}\n />\n : <span\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card-image',\n className\n )}\n ><>{children}</></span>\n }\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CardTitle, CardSubtitle } from '../card';\nimport { Button } from '../button';\n\nexport interface CardHeaderProps {\n children?: React.ReactNode;\n className?: string;\n title?: string;\n subtitle?: string;\n details?: boolean;\n}\n\nexport class CardHeader extends React.Component<CardHeaderProps> {\n\n render() {\n const {\n children,\n className,\n title,\n subtitle,\n details,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-header',\n className\n )}>\n {title && <CardTitle>{title}</CardTitle>}\n {subtitle && <CardSubtitle>{subtitle}</CardSubtitle>}\n\n <>{children}</>\n\n {details &&\n <span className=\"k-card-header-actions\">\n <Button\n className=\"k-card-details\"\n icon=\"more-vertical\"\n rounded=\"medium\"\n size=\"medium\"\n fillMode=\"flat\"\n themeColor=\"base\"\n />\n </span>\n }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardFooterProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class CardFooter extends React.Component<CardFooterProps> {\n\n render() {\n const {\n children,\n className,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-footer',\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CardTitle, CardSubtitle } from '../card';\nimport { Button } from '../button';\n\nexport interface CardBodyProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n title?: string;\n subtitle?: string;\n details?: boolean;\n}\n\nexport class CardBody extends React.Component<CardBodyProps> {\n\n render() {\n const {\n children,\n className,\n title,\n subtitle,\n details,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card-body',\n className\n )}>\n {title && <CardTitle>{title}</CardTitle>}\n {subtitle && <CardSubtitle>{subtitle}</CardSubtitle>}\n\n <>{children}</>\n\n {details &&\n <span className=\"k-card-body-actions\">\n <Button\n className=\"k-card-details\"\n icon=\"more-vertical\"\n rounded=\"medium\"\n size=\"medium\"\n fillMode=\"flat\"\n themeColor=\"base\"\n />\n </span>\n }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CardProps } from '../card';\n\nexport interface CardDeckProps {\n children?: React.ReactElement<CardProps>[];\n className?: string;\n}\n\nexport class CardDeck extends React.Component<CardDeckProps> {\n\n render() {\n const {\n children,\n className,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-deck',\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Icon } from '../icon';\nimport {\n Input,\n InputInnerInput,\n InputClearValue,\n InputLoadingIcon,\n InputValidationIcon\n} from '../input';\n\nexport interface SearchboxProps {\n className?: string;\n type?: string;\n value?: string;\n placeholder?: string;\n showIcon?: boolean;\n icon?: 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 Searchbox extends React.Component<SearchboxProps> {\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 showIcon = true,\n icon = 'search'\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-searchbox')}\n >\n { showIcon && (<Icon className=\"k-input-icon\" name={icon} />) }\n <InputInnerInput placeholder={placeholder} value={value} />\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n <InputClearValue {...this.props} />\n </Input>\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"],
4
+ "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { Card, CardBody, CardHeader } from '../../card';\nimport { Searchbox } from '../../searchbox';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n #test-area {\n max-width: 1030px;\n padding: 5px;\n }\n\n #test-area > span {\n padding: 20px 20px 0;\n }\n`;\n\nroot.render(\n <>\n <style>{style}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-1\">\n\n <span>TaskBoard RTL</span>\n <div className=\"k-widget k-taskboard k-rtl\">\n <div className=\"k-taskboard-header\">\n <div className=\"k-taskboard-header\">\n <div className=\"k-taskboard-toolbar k-toolbar\">\n <Button icon=\"add\">Add Column</Button>\n <span className=\"k-spacer\"></span>\n <Searchbox placeholder=\"Search...\" />\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-content\">\n <div className=\"k-taskboard-columns-container\">\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-column\">\n <div className=\"k-taskboard-column-header\">\n <div className=\"k-taskboard-column-header-text k-text-ellipsis\">Column Header</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-taskboard-column-header-actions\">\n <Button fillMode=\"flat\" icon=\"add\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-taskboard-column-cards-container\">\n <div className=\"k-taskboard-column-cards\">\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n <Card className=\"k-taskboard-card\">\n <CardHeader className=\"k-hbox\" details>\n <a className=\"k-card-title k-link\" href=\"#\">Card Title</a>\n <span className=\"k-spacer\"></span>\n </CardHeader>\n <CardBody>\n <p>Card Body</p>\n </CardBody>\n </Card>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-taskboard-pane k-taskboard-edit-pane k-hidden\"></div>\n </div>\n\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 { classNames } from '../utils';\nimport { CardCallout } from '../card';\n\nexport interface CardProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n orientation?: null | 'vertical' | 'horizontal';\n themeColor?: null | 'primary' | 'info' | 'success' | 'warning' | 'error';\n callout?: null | 'true' | 'top' | 'bottom' | 'left' | 'right';\n hover?: boolean;\n focus?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\nexport class Card extends React.Component<CardProps> {\n\n render() {\n const {\n children,\n className,\n orientation,\n themeColor,\n callout,\n hover,\n focus,\n selected,\n disabled,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card',\n {\n [`k-card-${themeColor}`]: themeColor,\n [`k-card-${orientation}`]: orientation,\n 'k-card-with-callout': callout,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-selected': selected,\n 'k-disabled': disabled\n },\n className\n )}>\n {callout && callout !== 'true' &&\n <CardCallout callout={callout} />\n }\n <>{children}</>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface CardCalloutProps {\n className?: string;\n callout?: null | 'true' | 'top' | 'bottom' | 'left' | 'right';\n}\n\nexport class CardCallout extends React.Component<CardCalloutProps> {\n\n render() {\n const {\n className,\n callout,\n ...htmlAttributes\n } = this.props;\n\n return (\n <span\n {...htmlAttributes}\n className={classNames(\n 'k-card-callout',\n {\n [`k-callout-${kendoThemeMaps.calloutMap[callout!] || callout}`]: callout\n },\n className\n )}>\n </span>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardTitleProps {\n children?: React.ReactNode;\n className?: string;\n hover?: boolean;\n focus?: boolean;\n}\n\nexport class CardTitle extends React.Component<CardTitleProps> {\n\n render() {\n const {\n children,\n className,\n hover,\n focus,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-title',\n {\n 'k-hover': hover,\n 'k-focus': focus,\n },\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardSubtitleProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class CardSubtitle extends React.Component<CardSubtitleProps> {\n\n render() {\n const {\n children,\n className,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-subtitle',\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardImageProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n src?: string;\n}\n\nexport class CardImage extends React.Component<CardImageProps> {\n\n render() {\n const {\n children,\n className,\n src,\n ...htmlAttributes\n } = this.props;\n\n return (\n <>\n {\n src\n ? <img\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card-image',\n className\n )}\n src={src}\n />\n : <span\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card-image',\n className\n )}\n ><>{children}</></span>\n }\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CardTitle, CardSubtitle } from '../card';\nimport { Button } from '../button';\n\nexport interface CardHeaderProps {\n children?: React.ReactNode;\n className?: string;\n title?: string;\n subtitle?: string;\n details?: boolean;\n}\n\nexport class CardHeader extends React.Component<CardHeaderProps> {\n\n render() {\n const {\n children,\n className,\n title,\n subtitle,\n details,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-header',\n className\n )}>\n {title && <CardTitle>{title}</CardTitle>}\n {subtitle && <CardSubtitle>{subtitle}</CardSubtitle>}\n\n <>{children}</>\n\n {details &&\n <span className=\"k-card-header-actions\">\n <Button\n className=\"k-card-details\"\n icon=\"more-vertical\"\n rounded=\"medium\"\n size=\"medium\"\n fillMode=\"flat\"\n themeColor=\"base\"\n />\n </span>\n }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface CardFooterProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport class CardFooter extends React.Component<CardFooterProps> {\n\n render() {\n const {\n children,\n className,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-footer',\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CardTitle, CardSubtitle } from '../card';\nimport { Button } from '../button';\n\nexport interface CardBodyProps {\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n title?: string;\n subtitle?: string;\n details?: boolean;\n}\n\nexport class CardBody extends React.Component<CardBodyProps> {\n\n render() {\n const {\n children,\n className,\n title,\n subtitle,\n details,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n style={this.props.style}\n {...htmlAttributes}\n className={classNames(\n 'k-card-body',\n className\n )}>\n {title && <CardTitle>{title}</CardTitle>}\n {subtitle && <CardSubtitle>{subtitle}</CardSubtitle>}\n\n <>{children}</>\n\n {details &&\n <span className=\"k-card-body-actions\">\n <Button\n className=\"k-card-details\"\n icon=\"more-vertical\"\n rounded=\"medium\"\n size=\"medium\"\n fillMode=\"flat\"\n themeColor=\"base\"\n />\n </span>\n }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CardProps } from '../card';\n\nexport interface CardDeckProps {\n children?: React.ReactElement<CardProps>[];\n className?: string;\n}\n\nexport class CardDeck extends React.Component<CardDeckProps> {\n\n render() {\n const {\n children,\n className,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-card-deck',\n className\n )}>\n {children}\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Icon } from '../icon';\nimport {\n Input,\n InputInnerInput,\n InputClearValue,\n InputLoadingIcon,\n InputValidationIcon\n} from '../input';\n\nexport interface SearchboxProps {\n className?: string;\n type?: string;\n value?: string;\n placeholder?: string;\n showIcon?: boolean;\n icon?: 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 Searchbox extends React.Component<SearchboxProps> {\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 showIcon = true,\n icon = 'search'\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-searchbox')}\n >\n { showIcon && (<Icon className=\"k-input-icon\" name={icon} />) }\n <InputInnerInput placeholder={placeholder} value={value} />\n <InputValidationIcon {...this.props} />\n <InputLoadingIcon {...this.props} />\n <InputClearValue {...this.props} />\n </Input>\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"],
5
5
  "mappings": "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",
6
6
  "names": ["React", "style", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "style", "React", "React", "React", "React", "React", "React", "React", "React", "ReactDOM", "React"]
7
7
  }