@progress/kendo-themes-html 5.6.1-dev.3 → 5.6.1-dev.4
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.
- package/dist/datetime-selector/tests/datetime-selector.js +1 -1
- package/dist/datetime-selector/tests/datetime-selector.js.map +1 -1
- package/dist/dialog/tests/dialog-in-window.js +2 -2
- package/dist/dialog/tests/dialog-in-window.js.map +2 -2
- package/dist/editor/tests/editor-jquery.js +49 -49
- package/dist/editor/tests/editor-jquery.js.map +2 -2
- package/dist/icon/tests/icons.js +5 -5
- package/dist/icon/tests/icons.js.map +1 -1
- package/dist/scheduler/tests/scheduler-angular-day-rtl.js +11 -11
- package/dist/scheduler/tests/scheduler-angular-day-rtl.js.map +2 -2
- package/dist/scheduler/tests/scheduler-angular-rtl.js +3 -3
- package/dist/scheduler/tests/scheduler-angular-rtl.js.map +2 -2
- package/dist/scheduler/tests/scheduler-angular.js +3 -3
- package/dist/scheduler/tests/scheduler-angular.js.map +2 -2
- package/dist/scheduler/tests/scheduler-jquery-agenda.js +2 -2
- package/dist/scheduler/tests/scheduler-jquery-agenda.js.map +1 -1
- package/dist/time-selector/tests/time-selector.js +2 -2
- package/dist/time-selector/tests/time-selector.js.map +1 -1
- package/dist/time-selector/time-selector.js +1 -1
- package/dist/time-selector/time-selector.js.map +1 -1
- package/dist/timepicker/tests/timepicker-adaptive.js +1 -1
- package/dist/timepicker/tests/timepicker-adaptive.js.map +1 -1
- package/dist/upload/tests/upload-react.js +62 -312
- package/dist/upload/tests/upload-react.js.map +4 -4
- package/package.json +3 -3
- package/src/datetime-selector/tests/datetime-selector.tsx +1 -1
- package/src/dialog/tests/dialog-in-window.tsx +2 -2
- package/src/editor/tests/editor-jquery.tsx +49 -49
- package/src/icon/tests/icons.tsx +5 -5
- package/src/scheduler/tests/scheduler-angular-day-rtl.tsx +11 -11
- package/src/scheduler/tests/scheduler-angular-rtl.tsx +3 -3
- package/src/scheduler/tests/scheduler-angular.tsx +3 -3
- package/src/scheduler/tests/scheduler-jquery-agenda.tsx +2 -2
- package/src/time-selector/tests/time-selector.tsx +2 -2
- package/src/time-selector/time-selector.tsx +1 -1
- package/src/upload/tests/upload-react.tsx +29 -236
|
@@ -916,7 +916,7 @@
|
|
|
916
916
|
})))), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
917
917
|
className: "k-time-separator"
|
|
918
918
|
}, ":"), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
919
|
-
className: "k-time-list-wrapper k-
|
|
919
|
+
className: "k-time-list-wrapper k-focus"
|
|
920
920
|
}, /* @__PURE__ */ import_react.default.createElement("span", {
|
|
921
921
|
className: "k-title"
|
|
922
922
|
}, "Minute"), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/datetime-selector/tests/datetime-selector.tsx", "../../../src/action-buttons/action-buttons.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/button/button.tsx", "../../../src/icon/icon.tsx", "../../../src/calendar/calendar.tsx", "../../../src/calendar/calendar-cell.tsx", "../../../src/calendar/calendar-header.tsx", "../../../src/calendar/calendar-footer.tsx", "../../../src/calendar/calendar-table.tsx", "../../../src/calendar/calendar-table-head.tsx", "../../../src/calendar/calendar-view.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { ActionButtons } from '../../action-buttons';\nimport { Button } from '../../button';\nimport { Calendar } from '../../calendar';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n .k-animation-container {\n width: min-content;\n max-width: 100%;\n position: relative;\n overflow: visible;\n }\n`;\n\nroot.render(\n <>\n <style>{style}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n\n <span>Date tab</span>\n <span>Time tab</span>\n\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-popup k-reset k-datetime-container\">\n <div className=\"k-datetime-wrap k-date-tab\">\n <div className=\"k-datetime-buttongroup\">\n <div className=\"k-button-group k-button-group-stretched\">\n <Button className=\"k-group-start\" selected>Date</Button>\n <Button className=\"k-group-end\">Time</Button>\n </div>\n </div>\n <div className=\"k-datetime-selector\">\n <div className=\"k-datetime-calendar-wrap\">\n\n <Calendar calendarView=\"month\" showOtherMonth></Calendar>\n\n </div>\n <div className=\"k-datetime-time-wrap\">\n </div>\n </div>\n\n <ActionButtons className=\"k-datetime-footer\" alignment=\"stretched\">\n <Button className=\"k-time-cancel\">Cancel</Button>\n <Button themeColor=\"primary\" className=\"k-time-accept\">Set</Button>\n </ActionButtons>\n </div>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-popup k-reset k-datetime-container\">\n <div className=\"k-datetime-wrap k-time-tab\">\n <div className=\"k-datetime-buttongroup\">\n <div className=\"k-button-group k-button-group-stretched\">\n <Button className=\"k-group-start\">Date</Button>\n <Button className=\"k-group-end\" selected>Time</Button>\n </div>\n </div>\n <div className=\"k-datetime-selector\">\n <div className=\"k-datetime-calendar-wrap\">\n </div>\n <div className=\"k-datetime-time-wrap\">\n <div className=\"k-timeselector k-reset\">\n <div className=\"k-time-part\">\n <div className=\"k-time-header\">\n <span className=\"k-title\">10:00:00 AM</span>\n <Button fillMode=\"flat\" className=\"k-time-now\">Now</Button>\n </div>\n <div className=\"k-time-list-container\">\n <span className=\"k-time-highlight\"></span>\n <div className=\"k-time-list-wrapper\">\n <span className=\"k-title\">Hour</span>\n <div className=\"k-time-list\">\n <div className=\"k-content k-scrollable k-time-container\">\n <ul className=\"k-reset\" style={{ transform: \"translateY(97px)\" }}>\n <li className=\"k-item\">\n <span>0</span>\n </li>\n <li className=\"k-item\">\n <span>1</span>\n </li>\n <li className=\"k-item\">\n <span>2</span>\n </li>\n <li className=\"k-item\">\n <span>3</span>\n </li>\n <li className=\"k-item\">\n <span>4</span>\n </li>\n <li className=\"k-item\">\n <span>5</span>\n </li>\n <li className=\"k-item\">\n <span>6</span>\n </li>\n <li className=\"k-item\">\n <span>7</span>\n </li>\n <li className=\"k-item\">\n <span>8</span>\n </li>\n <li className=\"k-item\">\n <span>9</span>\n </li>\n </ul>\n <div className=\"k-scrollable-placeholder\"></div>\n </div>\n </div>\n </div>\n <div className=\"k-time-separator\">:</div>\n <div className=\"k-time-list-wrapper k-state-focused\">\n <span className=\"k-title\">Minute</span>\n <div className=\"k-time-list\">\n <div className=\"k-content k-scrollable k-time-container\">\n <ul className=\"k-reset\" style={{ transform: \"translateY(97px)\" }}>\n <li className=\"k-item\">\n <span>0</span>\n </li>\n <li className=\"k-item\">\n <span>1</span>\n </li>\n <li className=\"k-item\">\n <span>2</span>\n </li>\n <li className=\"k-item\">\n <span>3</span>\n </li>\n <li className=\"k-item\">\n <span>4</span>\n </li>\n <li className=\"k-item\">\n <span>5</span>\n </li>\n <li className=\"k-item\">\n <span>6</span>\n </li>\n <li className=\"k-item\">\n <span>7</span>\n </li>\n <li className=\"k-item\">\n <span>8</span>\n </li>\n <li className=\"k-item\">\n <span>9</span>\n </li>\n </ul>\n <div className=\"k-scrollable-placeholder\"></div>\n </div>\n </div>\n </div>\n <div className=\"k-time-separator\">:</div>\n <div className=\"k-time-list-wrapper\">\n <span className=\"k-title\">Second</span>\n <div className=\"k-time-list\">\n <div className=\"k-content k-scrollable k-time-container\">\n <ul className=\"k-reset\" style={{ transform: \"translateY(97px)\" }}>\n <li className=\"k-item\">\n <span>0</span>\n </li>\n <li className=\"k-item\">\n <span>1</span>\n </li>\n <li className=\"k-item\">\n <span>2</span>\n </li>\n <li className=\"k-item\">\n <span>3</span>\n </li>\n <li className=\"k-item\">\n <span>4</span>\n </li>\n <li className=\"k-item\">\n <span>5</span>\n </li>\n <li className=\"k-item\">\n <span>6</span>\n </li>\n <li className=\"k-item\">\n <span>7</span>\n </li>\n <li className=\"k-item\">\n <span>8</span>\n </li>\n <li className=\"k-item\">\n <span>9</span>\n </li>\n </ul>\n <div className=\"k-scrollable-placeholder\"></div>\n </div>\n </div>\n </div>\n <div className=\"k-time-separator\">:</div>\n <div className=\"k-time-list-wrapper\">\n <span className=\"k-title\">AM/PM</span>\n <div className=\"k-time-list\">\n <div className=\"k-content k-scrollable k-time-container\">\n <ul className=\"k-reset\" style={{ transform: \"translateY(97px)\" }}>\n <li className=\"k-item\">\n <span>AM</span>\n </li>\n <li className=\"k-item\">\n <span>PM</span>\n </li>\n </ul>\n <div className=\"k-scrollable-placeholder\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <ActionButtons className=\"k-datetime-footer\" alignment=\"stretched\">\n <Button className=\"k-time-cancel\">Cancel</Button>\n <Button themeColor=\"primary\" className=\"k-time-accept\">Set</Button>\n </ActionButtons>\n </div>\n </div>\n </div>\n </section>\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': !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, kendoThemeMaps } from '../utils';\nimport { CalendarView, CalendarHeader, CalendarFooter } from '../calendar';\n\nexport interface CalendarProps {\n className?: string;\n size?: null | 'small' | 'medium' | 'large';\n orientation?: 'vertical' | 'horizontal';\n calendarView?: 'month' | 'year' | 'decade' | 'century';\n calendarHeaderText?: string;\n viewsCount?: string;\n showWeek?: boolean;\n showOtherMonth?: boolean;\n showCalendarCaption?: boolean;\n showCalendarFooter?: boolean;\n selectedRange?: boolean;\n}\n\nexport class Calendar extends React.Component<CalendarProps> {\n\n static defaultProps = {\n size: 'medium',\n viewsCount: '1',\n orientation: 'horizontal',\n calendarView: 'month',\n calendarHeaderText: 'October 2021',\n };\n\n render() {\n const {\n className,\n size,\n orientation,\n calendarView,\n calendarHeaderText,\n viewsCount,\n showWeek,\n showOtherMonth,\n showCalendarCaption,\n showCalendarFooter,\n selectedRange,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar',\n {\n [`k-calendar-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n 'k-week-number': showWeek,\n }\n )}>\n <CalendarHeader\n showToday={showCalendarFooter ? false : true }\n calendarHeaderText={calendarHeaderText}\n orientation={orientation}\n />\n\n <CalendarView\n calendarView={calendarView}\n viewsCount={viewsCount}\n orientation={orientation}\n showWeek={showWeek}\n showOtherMonth={showOtherMonth}\n showCalendarCaption={showCalendarCaption}\n selectedRange={selectedRange}\n />\n\n {showCalendarFooter && <CalendarFooter /> }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\n\nexport interface CalendarCellProps {\n className?: string;\n text?: string;\n headerCell?: boolean;\n today?: boolean;\n weekend?: boolean;\n otherMonth?: boolean;\n showOtherMonth?: boolean;\n weekCell?: boolean;\n hover?: boolean;\n focus?: boolean;\n active?: boolean;\n selected?: boolean;\n disabled?: boolean;\n rangeStart?: boolean;\n rangeMid?: boolean;\n rangeEnd?: boolean;\n}\n\nexport class CalendarCell extends React.Component<CalendarCellProps> {\n\n render() {\n const {\n className,\n text,\n headerCell,\n today,\n weekend,\n otherMonth,\n showOtherMonth,\n weekCell,\n hover,\n focus,\n active,\n selected,\n disabled,\n rangeStart,\n rangeMid,\n rangeEnd,\n ...htmlAttributes\n } = this.props;\n\n const cellType = headerCell ? 'th' : 'td';\n\n const calendarCellClasses = [\n className,\n `k-calendar-${cellType}`,\n {\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-active': active,\n 'k-selected': selected,\n 'k-disabled': disabled,\n 'k-today': today,\n 'k-weekend': weekend,\n 'k-other-month': otherMonth,\n 'k-alt': weekCell,\n 'k-range-start': rangeStart,\n 'k-range-mid': rangeMid,\n 'k-range-end': rangeEnd\n }\n ];\n\n if (headerCell) {\n return (\n <th {...htmlAttributes} className={classNames(calendarCellClasses)}>\n {text}\n </th>\n );\n }\n\n if (weekCell) {\n return (\n <td {...htmlAttributes} className={classNames(calendarCellClasses)}>\n {text}\n </td>\n );\n }\n\n return (\n <td {...htmlAttributes} className={classNames(calendarCellClasses)}>\n {otherMonth && !showOtherMonth\n ? ''\n : <span className=\"k-link\">{text}</span>\n }\n </td>\n );\n\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Button } from '../button';\n\nexport interface CalendarHeaderProps {\n className?: string;\n calendarHeaderText?: string;\n showToday?: boolean;\n orientation?: 'vertical' | 'horizontal';\n}\n\nexport class CalendarHeader extends React.Component<CalendarHeaderProps> {\n\n static defaultProps = {\n calendarHeaderText: 'October 2021',\n showToday: true,\n orientation: 'horizontal',\n };\n\n render() {\n const {\n className,\n calendarHeaderText,\n showToday,\n orientation,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-header',\n {\n 'k-vstack': orientation === 'vertical',\n }\n )}>\n <Button className=\"k-calendar-title\" text={calendarHeaderText} fillMode=\"flat\"></Button>\n <span className=\"k-spacer\"></span>\n <span className=\"k-calendar-nav\">\n <Button className=\"k-calendar-nav-prev\" icon=\"arrow-chevron-left\" fillMode=\"flat\"></Button>\n {showToday && <span className=\"k-calendar-nav-today\">Today</span>}\n <Button className=\"k-calendar-nav-next\" icon=\"arrow-chevron-right\" fillMode=\"flat\"></Button>\n </span>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\n\nexport interface CalendarFooterProps {\n className?: string;\n}\n\nexport class CalendarFooter extends React.Component<CalendarFooterProps> {\n\n render() {\n const {\n className,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-footer'\n )}>\n <a className=\"k-calendar-nav-today\">Monday, October 29, 2021</a>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CalendarCell, CalendarTableHead } from '../calendar';\n\nexport interface CalendarTableProps {\n className?: string;\n calendarView?: 'month' | 'year' | 'decade' | 'century';\n showOtherMonth?: boolean;\n showWeek?: boolean;\n showCalendarCaption?: boolean;\n selectedRange?: boolean;\n}\n\nexport class CalendarTable extends React.Component<CalendarTableProps> {\n\n\n render() {\n const {\n className,\n calendarView,\n showOtherMonth,\n showWeek,\n showCalendarCaption,\n selectedRange,\n ...htmlAttributes\n } = this.props;\n\n if (calendarView === 'year') {\n return (\n <table\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-table',\n )}>\n {showCalendarCaption && <caption className=\"k-calendar-caption\">2022</caption> }\n <tbody className=\"k-calendar-tbody\">\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"Jan\" />\n <CalendarCell text=\"Feb\" />\n <CalendarCell text=\"Mar\" />\n <CalendarCell text=\"Apr\" />\n </tr>\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"May\" />\n <CalendarCell text=\"Jun\" hover />\n <CalendarCell text=\"Jul\" focus />\n <CalendarCell text=\"Au\" selected />\n </tr>\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"Sep\" />\n <CalendarCell text=\"Oct\" today />\n <CalendarCell text=\"Nov\" />\n <CalendarCell text=\"Dec\" />\n </tr>\n </tbody>\n </table>\n );\n }\n\n if (calendarView === 'decade') {\n return (\n <table\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-table',\n )}>\n {showCalendarCaption && <caption className=\"k-calendar-caption\">2020 - 2029</caption> }\n <tbody className=\"k-calendar-tbody\">\n <tr className=\"k-calendar-tr\">\n <CalendarCell className=\"k-out-of-range\" />\n <CalendarCell text=\"2020\" />\n <CalendarCell text=\"2021\" today />\n <CalendarCell text=\"2022\" />\n </tr>\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"2023\" />\n <CalendarCell text=\"2024\" hover />\n <CalendarCell text=\"2025\" focus />\n <CalendarCell text=\"2026\" selected />\n </tr>\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"2027\" />\n <CalendarCell text=\"2028\" />\n <CalendarCell text=\"2029\" />\n <CalendarCell className=\"k-out-of-range\" />\n </tr>\n </tbody>\n </table>\n );\n }\n\n if (calendarView === 'century') {\n return (\n <table\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-table',\n )}>\n {showCalendarCaption && <caption className=\"k-calendar-caption\">2000 - 2099</caption> }\n <tbody className=\"k-calendar-tbody\">\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"1990 - 1999\" />\n <CalendarCell text=\"2000 - 2009\" />\n <CalendarCell text=\"2010 - 2019\" today />\n <CalendarCell text=\"2020 - 2029\" />\n </tr>\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"2030 - 2039\" />\n <CalendarCell text=\"2040 - 2049\" hover />\n <CalendarCell text=\"2050 - 2059\" focus />\n <CalendarCell text=\"2060 - 2069\" selected />\n </tr>\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"2070 - 2079\" />\n <CalendarCell text=\"2080 - 2089\" />\n <CalendarCell text=\"2090 - 2099\" />\n <CalendarCell className=\"k-out-of-range\" />\n </tr>\n </tbody>\n </table>\n );\n }\n\n return (\n <table\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-table',\n )}>\n {showCalendarCaption && <caption className=\"k-calendar-caption\">October 2021</caption> }\n <CalendarTableHead showWeek={showWeek} />\n <tbody className=\"k-calendar-tbody\">\n <tr className=\"k-calendar-tr\">\n {showWeek && <CalendarCell text=\"39\" weekCell /> }\n <CalendarCell text=\"30\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"1\" />\n <CalendarCell text=\"2\" />\n <CalendarCell text=\"3\" />\n <CalendarCell text=\"4\" />\n <CalendarCell text=\"5\" />\n <CalendarCell text=\"6\" weekend />\n </tr>\n <tr className=\"k-calendar-tr\">\n {showWeek && <CalendarCell text=\"40\" weekCell /> }\n <CalendarCell text=\"7\" weekend />\n <CalendarCell text=\"8\" hover />\n <CalendarCell text=\"9\" focus />\n <CalendarCell text=\"10\" selected />\n <CalendarCell text=\"11\" hover focus />\n <CalendarCell text=\"12\" hover selected />\n <CalendarCell text=\"13\" weekend />\n </tr>\n <tr className=\"k-calendar-tr\">\n {showWeek && <CalendarCell text=\"41\" weekCell /> }\n <CalendarCell text=\"14\" weekend />\n <CalendarCell text=\"15\" />\n <CalendarCell text=\"16\" today />\n <CalendarCell text=\"17\" />\n <CalendarCell text=\"18\" />\n <CalendarCell text=\"19\" />\n <CalendarCell text=\"20\" weekend />\n </tr>\n <tr className=\"k-calendar-tr\">\n {showWeek && <CalendarCell text=\"42\" weekCell /> }\n <CalendarCell text=\"21\" weekend />\n <CalendarCell text=\"22\" />\n <CalendarCell text=\"23\" />\n <CalendarCell text=\"24\" />\n <CalendarCell text=\"25\" rangeStart={selectedRange} selected={selectedRange} />\n <CalendarCell text=\"26\" rangeMid={selectedRange} />\n <CalendarCell text=\"27\" weekend rangeMid={selectedRange} />\n </tr>\n <tr className=\"k-calendar-tr\">\n {showWeek && <CalendarCell text=\"43\" weekCell /> }\n <CalendarCell text=\"28\" weekend rangeMid={selectedRange} />\n <CalendarCell text=\"29\" rangeEnd={selectedRange} focus={selectedRange} selected={selectedRange} />\n <CalendarCell text=\"30\" />\n <CalendarCell text=\"31\" />\n <CalendarCell text=\"1\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"2\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"3\" otherMonth weekend showOtherMonth={showOtherMonth} />\n </tr>\n <tr className=\"k-calendar-tr\">\n {showWeek && <CalendarCell text=\"44\" weekCell /> }\n <CalendarCell text=\"4\" otherMonth weekend showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"5\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"6\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"7\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"8\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"9\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"10\" otherMonth weekend showOtherMonth={showOtherMonth} />\n </tr>\n </tbody>\n </table>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CalendarCell } from '../calendar';\n\nexport interface CalendarTableHeadProps {\n className?: string;\n showWeek?: boolean,\n}\n\nexport class CalendarTableHead extends React.Component<CalendarTableHeadProps> {\n\n\n render() {\n const {\n className,\n showWeek,\n ...htmlAttributes\n } = this.props;\n\n return (\n <thead\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-thead'\n )}>\n <tr className=\"k-calendar-tr\">\n {showWeek && <CalendarCell weekCell headerCell /> }\n <CalendarCell text=\"Su\" headerCell />\n <CalendarCell text=\"Mo\" headerCell />\n <CalendarCell text=\"Tu\" headerCell />\n <CalendarCell text=\"We\" headerCell />\n <CalendarCell text=\"Th\" headerCell />\n <CalendarCell text=\"Fr\" headerCell />\n <CalendarCell text=\"Sa\" headerCell />\n </tr>\n </thead>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { CalendarTable } from '../calendar';\n\nexport interface CalendarViewProps {\n className?: string;\n orientation?: 'vertical' | 'horizontal',\n calendarView?: 'month' | 'year' | 'decade' | 'century';\n viewsCount?: string;\n showWeek?: boolean;\n showOtherMonth?: boolean;\n showCalendarCaption?: boolean;\n selectedRange?: boolean;\n}\n\nexport class CalendarView extends React.Component<CalendarViewProps> {\n\n static defaultProps = {\n viewsCount: '1',\n orientation: 'horizontal',\n calendarView: 'month',\n };\n\n render() {\n const {\n className,\n orientation,\n calendarView,\n viewsCount,\n showWeek,\n showOtherMonth,\n showCalendarCaption,\n selectedRange,\n ...htmlAttributes\n } = this.props;\n\n const views = Number(viewsCount);\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-view',\n `k-calendar-${calendarView}view`,\n 'k-align-items-start',\n 'k-justify-content-center',\n {\n [`k-${kendoThemeMaps.orientationMap[orientation!] || orientation}`]: orientation,\n }\n )}>\n\n { [ ...Array(views) ].map((_e, i) =>\n <CalendarTable key={i}\n calendarView={calendarView}\n showWeek={showWeek}\n showOtherMonth={showOtherMonth}\n showCalendarCaption={showCalendarCaption}\n selectedRange={selectedRange}\n />\n )}\n </div>\n );\n }\n}\n"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { ActionButtons } from '../../action-buttons';\nimport { Button } from '../../button';\nimport { Calendar } from '../../calendar';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n .k-animation-container {\n width: min-content;\n max-width: 100%;\n position: relative;\n overflow: visible;\n }\n`;\n\nroot.render(\n <>\n <style>{style}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n\n <span>Date tab</span>\n <span>Time tab</span>\n\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-popup k-reset k-datetime-container\">\n <div className=\"k-datetime-wrap k-date-tab\">\n <div className=\"k-datetime-buttongroup\">\n <div className=\"k-button-group k-button-group-stretched\">\n <Button className=\"k-group-start\" selected>Date</Button>\n <Button className=\"k-group-end\">Time</Button>\n </div>\n </div>\n <div className=\"k-datetime-selector\">\n <div className=\"k-datetime-calendar-wrap\">\n\n <Calendar calendarView=\"month\" showOtherMonth></Calendar>\n\n </div>\n <div className=\"k-datetime-time-wrap\">\n </div>\n </div>\n\n <ActionButtons className=\"k-datetime-footer\" alignment=\"stretched\">\n <Button className=\"k-time-cancel\">Cancel</Button>\n <Button themeColor=\"primary\" className=\"k-time-accept\">Set</Button>\n </ActionButtons>\n </div>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-animation-container\">\n <div className=\"k-popup k-reset k-datetime-container\">\n <div className=\"k-datetime-wrap k-time-tab\">\n <div className=\"k-datetime-buttongroup\">\n <div className=\"k-button-group k-button-group-stretched\">\n <Button className=\"k-group-start\">Date</Button>\n <Button className=\"k-group-end\" selected>Time</Button>\n </div>\n </div>\n <div className=\"k-datetime-selector\">\n <div className=\"k-datetime-calendar-wrap\">\n </div>\n <div className=\"k-datetime-time-wrap\">\n <div className=\"k-timeselector k-reset\">\n <div className=\"k-time-part\">\n <div className=\"k-time-header\">\n <span className=\"k-title\">10:00:00 AM</span>\n <Button fillMode=\"flat\" className=\"k-time-now\">Now</Button>\n </div>\n <div className=\"k-time-list-container\">\n <span className=\"k-time-highlight\"></span>\n <div className=\"k-time-list-wrapper\">\n <span className=\"k-title\">Hour</span>\n <div className=\"k-time-list\">\n <div className=\"k-content k-scrollable k-time-container\">\n <ul className=\"k-reset\" style={{ transform: \"translateY(97px)\" }}>\n <li className=\"k-item\">\n <span>0</span>\n </li>\n <li className=\"k-item\">\n <span>1</span>\n </li>\n <li className=\"k-item\">\n <span>2</span>\n </li>\n <li className=\"k-item\">\n <span>3</span>\n </li>\n <li className=\"k-item\">\n <span>4</span>\n </li>\n <li className=\"k-item\">\n <span>5</span>\n </li>\n <li className=\"k-item\">\n <span>6</span>\n </li>\n <li className=\"k-item\">\n <span>7</span>\n </li>\n <li className=\"k-item\">\n <span>8</span>\n </li>\n <li className=\"k-item\">\n <span>9</span>\n </li>\n </ul>\n <div className=\"k-scrollable-placeholder\"></div>\n </div>\n </div>\n </div>\n <div className=\"k-time-separator\">:</div>\n <div className=\"k-time-list-wrapper k-focus\">\n <span className=\"k-title\">Minute</span>\n <div className=\"k-time-list\">\n <div className=\"k-content k-scrollable k-time-container\">\n <ul className=\"k-reset\" style={{ transform: \"translateY(97px)\" }}>\n <li className=\"k-item\">\n <span>0</span>\n </li>\n <li className=\"k-item\">\n <span>1</span>\n </li>\n <li className=\"k-item\">\n <span>2</span>\n </li>\n <li className=\"k-item\">\n <span>3</span>\n </li>\n <li className=\"k-item\">\n <span>4</span>\n </li>\n <li className=\"k-item\">\n <span>5</span>\n </li>\n <li className=\"k-item\">\n <span>6</span>\n </li>\n <li className=\"k-item\">\n <span>7</span>\n </li>\n <li className=\"k-item\">\n <span>8</span>\n </li>\n <li className=\"k-item\">\n <span>9</span>\n </li>\n </ul>\n <div className=\"k-scrollable-placeholder\"></div>\n </div>\n </div>\n </div>\n <div className=\"k-time-separator\">:</div>\n <div className=\"k-time-list-wrapper\">\n <span className=\"k-title\">Second</span>\n <div className=\"k-time-list\">\n <div className=\"k-content k-scrollable k-time-container\">\n <ul className=\"k-reset\" style={{ transform: \"translateY(97px)\" }}>\n <li className=\"k-item\">\n <span>0</span>\n </li>\n <li className=\"k-item\">\n <span>1</span>\n </li>\n <li className=\"k-item\">\n <span>2</span>\n </li>\n <li className=\"k-item\">\n <span>3</span>\n </li>\n <li className=\"k-item\">\n <span>4</span>\n </li>\n <li className=\"k-item\">\n <span>5</span>\n </li>\n <li className=\"k-item\">\n <span>6</span>\n </li>\n <li className=\"k-item\">\n <span>7</span>\n </li>\n <li className=\"k-item\">\n <span>8</span>\n </li>\n <li className=\"k-item\">\n <span>9</span>\n </li>\n </ul>\n <div className=\"k-scrollable-placeholder\"></div>\n </div>\n </div>\n </div>\n <div className=\"k-time-separator\">:</div>\n <div className=\"k-time-list-wrapper\">\n <span className=\"k-title\">AM/PM</span>\n <div className=\"k-time-list\">\n <div className=\"k-content k-scrollable k-time-container\">\n <ul className=\"k-reset\" style={{ transform: \"translateY(97px)\" }}>\n <li className=\"k-item\">\n <span>AM</span>\n </li>\n <li className=\"k-item\">\n <span>PM</span>\n </li>\n </ul>\n <div className=\"k-scrollable-placeholder\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <ActionButtons className=\"k-datetime-footer\" alignment=\"stretched\">\n <Button className=\"k-time-cancel\">Cancel</Button>\n <Button themeColor=\"primary\" className=\"k-time-accept\">Set</Button>\n </ActionButtons>\n </div>\n </div>\n </div>\n </section>\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': !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, kendoThemeMaps } from '../utils';\nimport { CalendarView, CalendarHeader, CalendarFooter } from '../calendar';\n\nexport interface CalendarProps {\n className?: string;\n size?: null | 'small' | 'medium' | 'large';\n orientation?: 'vertical' | 'horizontal';\n calendarView?: 'month' | 'year' | 'decade' | 'century';\n calendarHeaderText?: string;\n viewsCount?: string;\n showWeek?: boolean;\n showOtherMonth?: boolean;\n showCalendarCaption?: boolean;\n showCalendarFooter?: boolean;\n selectedRange?: boolean;\n}\n\nexport class Calendar extends React.Component<CalendarProps> {\n\n static defaultProps = {\n size: 'medium',\n viewsCount: '1',\n orientation: 'horizontal',\n calendarView: 'month',\n calendarHeaderText: 'October 2021',\n };\n\n render() {\n const {\n className,\n size,\n orientation,\n calendarView,\n calendarHeaderText,\n viewsCount,\n showWeek,\n showOtherMonth,\n showCalendarCaption,\n showCalendarFooter,\n selectedRange,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar',\n {\n [`k-calendar-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n 'k-week-number': showWeek,\n }\n )}>\n <CalendarHeader\n showToday={showCalendarFooter ? false : true }\n calendarHeaderText={calendarHeaderText}\n orientation={orientation}\n />\n\n <CalendarView\n calendarView={calendarView}\n viewsCount={viewsCount}\n orientation={orientation}\n showWeek={showWeek}\n showOtherMonth={showOtherMonth}\n showCalendarCaption={showCalendarCaption}\n selectedRange={selectedRange}\n />\n\n {showCalendarFooter && <CalendarFooter /> }\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\n\nexport interface CalendarCellProps {\n className?: string;\n text?: string;\n headerCell?: boolean;\n today?: boolean;\n weekend?: boolean;\n otherMonth?: boolean;\n showOtherMonth?: boolean;\n weekCell?: boolean;\n hover?: boolean;\n focus?: boolean;\n active?: boolean;\n selected?: boolean;\n disabled?: boolean;\n rangeStart?: boolean;\n rangeMid?: boolean;\n rangeEnd?: boolean;\n}\n\nexport class CalendarCell extends React.Component<CalendarCellProps> {\n\n render() {\n const {\n className,\n text,\n headerCell,\n today,\n weekend,\n otherMonth,\n showOtherMonth,\n weekCell,\n hover,\n focus,\n active,\n selected,\n disabled,\n rangeStart,\n rangeMid,\n rangeEnd,\n ...htmlAttributes\n } = this.props;\n\n const cellType = headerCell ? 'th' : 'td';\n\n const calendarCellClasses = [\n className,\n `k-calendar-${cellType}`,\n {\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-active': active,\n 'k-selected': selected,\n 'k-disabled': disabled,\n 'k-today': today,\n 'k-weekend': weekend,\n 'k-other-month': otherMonth,\n 'k-alt': weekCell,\n 'k-range-start': rangeStart,\n 'k-range-mid': rangeMid,\n 'k-range-end': rangeEnd\n }\n ];\n\n if (headerCell) {\n return (\n <th {...htmlAttributes} className={classNames(calendarCellClasses)}>\n {text}\n </th>\n );\n }\n\n if (weekCell) {\n return (\n <td {...htmlAttributes} className={classNames(calendarCellClasses)}>\n {text}\n </td>\n );\n }\n\n return (\n <td {...htmlAttributes} className={classNames(calendarCellClasses)}>\n {otherMonth && !showOtherMonth\n ? ''\n : <span className=\"k-link\">{text}</span>\n }\n </td>\n );\n\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Button } from '../button';\n\nexport interface CalendarHeaderProps {\n className?: string;\n calendarHeaderText?: string;\n showToday?: boolean;\n orientation?: 'vertical' | 'horizontal';\n}\n\nexport class CalendarHeader extends React.Component<CalendarHeaderProps> {\n\n static defaultProps = {\n calendarHeaderText: 'October 2021',\n showToday: true,\n orientation: 'horizontal',\n };\n\n render() {\n const {\n className,\n calendarHeaderText,\n showToday,\n orientation,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-header',\n {\n 'k-vstack': orientation === 'vertical',\n }\n )}>\n <Button className=\"k-calendar-title\" text={calendarHeaderText} fillMode=\"flat\"></Button>\n <span className=\"k-spacer\"></span>\n <span className=\"k-calendar-nav\">\n <Button className=\"k-calendar-nav-prev\" icon=\"arrow-chevron-left\" fillMode=\"flat\"></Button>\n {showToday && <span className=\"k-calendar-nav-today\">Today</span>}\n <Button className=\"k-calendar-nav-next\" icon=\"arrow-chevron-right\" fillMode=\"flat\"></Button>\n </span>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\n\nexport interface CalendarFooterProps {\n className?: string;\n}\n\nexport class CalendarFooter extends React.Component<CalendarFooterProps> {\n\n render() {\n const {\n className,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-footer'\n )}>\n <a className=\"k-calendar-nav-today\">Monday, October 29, 2021</a>\n </div>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CalendarCell, CalendarTableHead } from '../calendar';\n\nexport interface CalendarTableProps {\n className?: string;\n calendarView?: 'month' | 'year' | 'decade' | 'century';\n showOtherMonth?: boolean;\n showWeek?: boolean;\n showCalendarCaption?: boolean;\n selectedRange?: boolean;\n}\n\nexport class CalendarTable extends React.Component<CalendarTableProps> {\n\n\n render() {\n const {\n className,\n calendarView,\n showOtherMonth,\n showWeek,\n showCalendarCaption,\n selectedRange,\n ...htmlAttributes\n } = this.props;\n\n if (calendarView === 'year') {\n return (\n <table\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-table',\n )}>\n {showCalendarCaption && <caption className=\"k-calendar-caption\">2022</caption> }\n <tbody className=\"k-calendar-tbody\">\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"Jan\" />\n <CalendarCell text=\"Feb\" />\n <CalendarCell text=\"Mar\" />\n <CalendarCell text=\"Apr\" />\n </tr>\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"May\" />\n <CalendarCell text=\"Jun\" hover />\n <CalendarCell text=\"Jul\" focus />\n <CalendarCell text=\"Au\" selected />\n </tr>\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"Sep\" />\n <CalendarCell text=\"Oct\" today />\n <CalendarCell text=\"Nov\" />\n <CalendarCell text=\"Dec\" />\n </tr>\n </tbody>\n </table>\n );\n }\n\n if (calendarView === 'decade') {\n return (\n <table\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-table',\n )}>\n {showCalendarCaption && <caption className=\"k-calendar-caption\">2020 - 2029</caption> }\n <tbody className=\"k-calendar-tbody\">\n <tr className=\"k-calendar-tr\">\n <CalendarCell className=\"k-out-of-range\" />\n <CalendarCell text=\"2020\" />\n <CalendarCell text=\"2021\" today />\n <CalendarCell text=\"2022\" />\n </tr>\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"2023\" />\n <CalendarCell text=\"2024\" hover />\n <CalendarCell text=\"2025\" focus />\n <CalendarCell text=\"2026\" selected />\n </tr>\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"2027\" />\n <CalendarCell text=\"2028\" />\n <CalendarCell text=\"2029\" />\n <CalendarCell className=\"k-out-of-range\" />\n </tr>\n </tbody>\n </table>\n );\n }\n\n if (calendarView === 'century') {\n return (\n <table\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-table',\n )}>\n {showCalendarCaption && <caption className=\"k-calendar-caption\">2000 - 2099</caption> }\n <tbody className=\"k-calendar-tbody\">\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"1990 - 1999\" />\n <CalendarCell text=\"2000 - 2009\" />\n <CalendarCell text=\"2010 - 2019\" today />\n <CalendarCell text=\"2020 - 2029\" />\n </tr>\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"2030 - 2039\" />\n <CalendarCell text=\"2040 - 2049\" hover />\n <CalendarCell text=\"2050 - 2059\" focus />\n <CalendarCell text=\"2060 - 2069\" selected />\n </tr>\n <tr className=\"k-calendar-tr\">\n <CalendarCell text=\"2070 - 2079\" />\n <CalendarCell text=\"2080 - 2089\" />\n <CalendarCell text=\"2090 - 2099\" />\n <CalendarCell className=\"k-out-of-range\" />\n </tr>\n </tbody>\n </table>\n );\n }\n\n return (\n <table\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-table',\n )}>\n {showCalendarCaption && <caption className=\"k-calendar-caption\">October 2021</caption> }\n <CalendarTableHead showWeek={showWeek} />\n <tbody className=\"k-calendar-tbody\">\n <tr className=\"k-calendar-tr\">\n {showWeek && <CalendarCell text=\"39\" weekCell /> }\n <CalendarCell text=\"30\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"1\" />\n <CalendarCell text=\"2\" />\n <CalendarCell text=\"3\" />\n <CalendarCell text=\"4\" />\n <CalendarCell text=\"5\" />\n <CalendarCell text=\"6\" weekend />\n </tr>\n <tr className=\"k-calendar-tr\">\n {showWeek && <CalendarCell text=\"40\" weekCell /> }\n <CalendarCell text=\"7\" weekend />\n <CalendarCell text=\"8\" hover />\n <CalendarCell text=\"9\" focus />\n <CalendarCell text=\"10\" selected />\n <CalendarCell text=\"11\" hover focus />\n <CalendarCell text=\"12\" hover selected />\n <CalendarCell text=\"13\" weekend />\n </tr>\n <tr className=\"k-calendar-tr\">\n {showWeek && <CalendarCell text=\"41\" weekCell /> }\n <CalendarCell text=\"14\" weekend />\n <CalendarCell text=\"15\" />\n <CalendarCell text=\"16\" today />\n <CalendarCell text=\"17\" />\n <CalendarCell text=\"18\" />\n <CalendarCell text=\"19\" />\n <CalendarCell text=\"20\" weekend />\n </tr>\n <tr className=\"k-calendar-tr\">\n {showWeek && <CalendarCell text=\"42\" weekCell /> }\n <CalendarCell text=\"21\" weekend />\n <CalendarCell text=\"22\" />\n <CalendarCell text=\"23\" />\n <CalendarCell text=\"24\" />\n <CalendarCell text=\"25\" rangeStart={selectedRange} selected={selectedRange} />\n <CalendarCell text=\"26\" rangeMid={selectedRange} />\n <CalendarCell text=\"27\" weekend rangeMid={selectedRange} />\n </tr>\n <tr className=\"k-calendar-tr\">\n {showWeek && <CalendarCell text=\"43\" weekCell /> }\n <CalendarCell text=\"28\" weekend rangeMid={selectedRange} />\n <CalendarCell text=\"29\" rangeEnd={selectedRange} focus={selectedRange} selected={selectedRange} />\n <CalendarCell text=\"30\" />\n <CalendarCell text=\"31\" />\n <CalendarCell text=\"1\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"2\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"3\" otherMonth weekend showOtherMonth={showOtherMonth} />\n </tr>\n <tr className=\"k-calendar-tr\">\n {showWeek && <CalendarCell text=\"44\" weekCell /> }\n <CalendarCell text=\"4\" otherMonth weekend showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"5\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"6\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"7\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"8\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"9\" otherMonth showOtherMonth={showOtherMonth} />\n <CalendarCell text=\"10\" otherMonth weekend showOtherMonth={showOtherMonth} />\n </tr>\n </tbody>\n </table>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { CalendarCell } from '../calendar';\n\nexport interface CalendarTableHeadProps {\n className?: string;\n showWeek?: boolean,\n}\n\nexport class CalendarTableHead extends React.Component<CalendarTableHeadProps> {\n\n\n render() {\n const {\n className,\n showWeek,\n ...htmlAttributes\n } = this.props;\n\n return (\n <thead\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-thead'\n )}>\n <tr className=\"k-calendar-tr\">\n {showWeek && <CalendarCell weekCell headerCell /> }\n <CalendarCell text=\"Su\" headerCell />\n <CalendarCell text=\"Mo\" headerCell />\n <CalendarCell text=\"Tu\" headerCell />\n <CalendarCell text=\"We\" headerCell />\n <CalendarCell text=\"Th\" headerCell />\n <CalendarCell text=\"Fr\" headerCell />\n <CalendarCell text=\"Sa\" headerCell />\n </tr>\n </thead>\n );\n }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { CalendarTable } from '../calendar';\n\nexport interface CalendarViewProps {\n className?: string;\n orientation?: 'vertical' | 'horizontal',\n calendarView?: 'month' | 'year' | 'decade' | 'century';\n viewsCount?: string;\n showWeek?: boolean;\n showOtherMonth?: boolean;\n showCalendarCaption?: boolean;\n selectedRange?: boolean;\n}\n\nexport class CalendarView extends React.Component<CalendarViewProps> {\n\n static defaultProps = {\n viewsCount: '1',\n orientation: 'horizontal',\n calendarView: 'month',\n };\n\n render() {\n const {\n className,\n orientation,\n calendarView,\n viewsCount,\n showWeek,\n showOtherMonth,\n showCalendarCaption,\n selectedRange,\n ...htmlAttributes\n } = this.props;\n\n const views = Number(viewsCount);\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n className,\n 'k-calendar-view',\n `k-calendar-${calendarView}view`,\n 'k-align-items-start',\n 'k-justify-content-center',\n {\n [`k-${kendoThemeMaps.orientationMap[orientation!] || orientation}`]: orientation,\n }\n )}>\n\n { [ ...Array(views) ].map((_e, i) =>\n <CalendarTable key={i}\n calendarView={calendarView}\n showWeek={showWeek}\n showOtherMonth={showOtherMonth}\n showCalendarCaption={showCalendarCaption}\n selectedRange={selectedRange}\n />\n )}\n </div>\n );\n }\n}\n"],
|
|
5
5
|
"mappings": "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",
|
|
6
6
|
"names": ["React", "React", "style", "React", "React", "React", "React", "React", "React", "React", "ReactDOM", "React"]
|
|
7
7
|
}
|
|
@@ -188,9 +188,9 @@
|
|
|
188
188
|
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
189
189
|
className: "k-window-titlebar k-header"
|
|
190
190
|
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
191
|
-
className: "k-window-title
|
|
191
|
+
className: "k-window-title"
|
|
192
192
|
}, "Window with dialog"), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
193
|
-
className: "k-window-actions
|
|
193
|
+
className: "k-window-actions"
|
|
194
194
|
}, /* @__PURE__ */ import_react.default.createElement(Button, {
|
|
195
195
|
fillMode: "flat",
|
|
196
196
|
icon: "window-minimize"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/dialog/tests/dialog-in-window.tsx", "../../../src/button/button.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n #test-area {\n width: 500px;\n transform: translate( 0, 0 );\n }\n .k-window {\n width: 100%;\n height: 400px;\n position: relative;\n }\n .k-dialog {\n width: 300px;\n height: 200px;\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-1\">\n <section>\n <div className=\"k-widget k-window k-window-wrapper\">\n <div className=\"k-window-titlebar k-header\">\n <div className=\"k-window-title
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n #test-area {\n width: 500px;\n transform: translate( 0, 0 );\n }\n .k-window {\n width: 100%;\n height: 400px;\n position: relative;\n }\n .k-dialog {\n width: 300px;\n height: 200px;\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-1\">\n <section>\n <div className=\"k-widget k-window k-window-wrapper\">\n <div className=\"k-window-titlebar k-header\">\n <div className=\"k-window-title\">Window with dialog</div>\n <div className=\"k-window-actions\">\n <Button fillMode=\"flat\" icon=\"window-minimize\"></Button>\n <Button fillMode=\"flat\" icon=\"window-maximize\"></Button>\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-window-content\">\n Window content\n <div className=\"k-dialog-wrapper\">\n <div className=\"k-overlay\"></div>\n <div className=\"k-widget k-window k-dialog\">\n <div className=\"k-window-titlebar k-dialog-titlebar k-header\">\n <div className=\"k-window-title k-dialog-title\">Dialog in window</div>\n <div className=\"k-window-actions k-dialog-actions\">\n <Button fillMode=\"flat\" icon=\"close\"></Button>\n </div>\n </div>\n <div className=\"k-window-content k-dialog-content\">\n Dialog content\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\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': !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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React", "ReactDOM", "React"]
|
|
7
7
|
}
|
|
@@ -958,103 +958,103 @@
|
|
|
958
958
|
className: "k-ct-popup k-popup k-group k-reset k-state-border-up",
|
|
959
959
|
style: { display: "block", position: "absolute", width: "100%" }
|
|
960
960
|
}, /* @__PURE__ */ import_react.default.createElement("span", {
|
|
961
|
-
className: "k-ct-cell k-
|
|
961
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
962
962
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
963
|
-
className: "k-ct-cell k-
|
|
963
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
964
964
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
965
|
-
className: "k-ct-cell k-
|
|
965
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
966
966
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
967
|
-
className: "k-ct-cell k-
|
|
967
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
968
968
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
969
|
-
className: "k-ct-cell k-
|
|
969
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
970
970
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
971
|
-
className: "k-ct-cell k-
|
|
971
|
+
className: "k-ct-cell k-disabled"
|
|
972
972
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
973
|
-
className: "k-ct-cell k-
|
|
973
|
+
className: "k-ct-cell k-disabled"
|
|
974
974
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
975
|
-
className: "k-ct-cell k-
|
|
975
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
976
976
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
977
|
-
className: "k-ct-cell k-
|
|
977
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
978
978
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
979
|
-
className: "k-ct-cell k-
|
|
979
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
980
980
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
981
|
-
className: "k-ct-cell k-
|
|
981
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
982
982
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
983
|
-
className: "k-ct-cell k-
|
|
983
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
984
984
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
985
|
-
className: "k-ct-cell k-
|
|
985
|
+
className: "k-ct-cell k-disabled"
|
|
986
986
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
987
|
-
className: "k-ct-cell k-
|
|
987
|
+
className: "k-ct-cell k-disabled"
|
|
988
988
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
989
|
-
className: "k-ct-cell k-
|
|
989
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
990
990
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
991
|
-
className: "k-ct-cell k-
|
|
991
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
992
992
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
993
|
-
className: "k-ct-cell k-
|
|
993
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
994
994
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
995
|
-
className: "k-ct-cell k-
|
|
995
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
996
996
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
997
|
-
className: "k-ct-cell k-
|
|
997
|
+
className: "k-ct-cell k-disabled k-selected"
|
|
998
998
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
999
|
-
className: "k-ct-cell k-
|
|
999
|
+
className: "k-ct-cell k-disabled"
|
|
1000
1000
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1001
|
-
className: "k-ct-cell k-
|
|
1001
|
+
className: "k-ct-cell k-disabled"
|
|
1002
1002
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1003
|
-
className: "k-ct-cell k-
|
|
1003
|
+
className: "k-ct-cell k-disabled"
|
|
1004
1004
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1005
|
-
className: "k-ct-cell k-
|
|
1005
|
+
className: "k-ct-cell k-disabled"
|
|
1006
1006
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1007
|
-
className: "k-ct-cell k-
|
|
1007
|
+
className: "k-ct-cell k-disabled"
|
|
1008
1008
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1009
|
-
className: "k-ct-cell k-
|
|
1009
|
+
className: "k-ct-cell k-disabled"
|
|
1010
1010
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1011
|
-
className: "k-ct-cell k-
|
|
1011
|
+
className: "k-ct-cell k-disabled"
|
|
1012
1012
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1013
|
-
className: "k-ct-cell k-
|
|
1013
|
+
className: "k-ct-cell k-disabled"
|
|
1014
1014
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1015
|
-
className: "k-ct-cell k-
|
|
1015
|
+
className: "k-ct-cell k-disabled"
|
|
1016
1016
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1017
|
-
className: "k-ct-cell k-
|
|
1017
|
+
className: "k-ct-cell k-disabled"
|
|
1018
1018
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1019
|
-
className: "k-ct-cell k-
|
|
1019
|
+
className: "k-ct-cell k-disabled"
|
|
1020
1020
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1021
|
-
className: "k-ct-cell k-
|
|
1021
|
+
className: "k-ct-cell k-disabled"
|
|
1022
1022
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1023
|
-
className: "k-ct-cell k-
|
|
1023
|
+
className: "k-ct-cell k-disabled"
|
|
1024
1024
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1025
|
-
className: "k-ct-cell k-
|
|
1025
|
+
className: "k-ct-cell k-disabled"
|
|
1026
1026
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1027
|
-
className: "k-ct-cell k-
|
|
1027
|
+
className: "k-ct-cell k-disabled"
|
|
1028
1028
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1029
|
-
className: "k-ct-cell k-
|
|
1029
|
+
className: "k-ct-cell k-disabled"
|
|
1030
1030
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1031
|
-
className: "k-ct-cell k-
|
|
1031
|
+
className: "k-ct-cell k-disabled"
|
|
1032
1032
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1033
|
-
className: "k-ct-cell k-
|
|
1033
|
+
className: "k-ct-cell k-disabled"
|
|
1034
1034
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1035
|
-
className: "k-ct-cell k-
|
|
1035
|
+
className: "k-ct-cell k-disabled"
|
|
1036
1036
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1037
|
-
className: "k-ct-cell k-
|
|
1037
|
+
className: "k-ct-cell k-disabled"
|
|
1038
1038
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1039
|
-
className: "k-ct-cell k-
|
|
1039
|
+
className: "k-ct-cell k-disabled"
|
|
1040
1040
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1041
|
-
className: "k-ct-cell k-
|
|
1041
|
+
className: "k-ct-cell k-disabled"
|
|
1042
1042
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1043
|
-
className: "k-ct-cell k-
|
|
1043
|
+
className: "k-ct-cell k-disabled"
|
|
1044
1044
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1045
|
-
className: "k-ct-cell k-
|
|
1045
|
+
className: "k-ct-cell k-disabled"
|
|
1046
1046
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1047
|
-
className: "k-ct-cell k-
|
|
1047
|
+
className: "k-ct-cell k-disabled"
|
|
1048
1048
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1049
|
-
className: "k-ct-cell k-
|
|
1049
|
+
className: "k-ct-cell k-disabled"
|
|
1050
1050
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1051
|
-
className: "k-ct-cell k-
|
|
1051
|
+
className: "k-ct-cell k-disabled"
|
|
1052
1052
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1053
|
-
className: "k-ct-cell k-
|
|
1053
|
+
className: "k-ct-cell k-disabled"
|
|
1054
1054
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1055
|
-
className: "k-ct-cell k-
|
|
1055
|
+
className: "k-ct-cell k-disabled"
|
|
1056
1056
|
}), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
1057
|
-
className: "k-ct-cell k-
|
|
1057
|
+
className: "k-ct-cell k-disabled"
|
|
1058
1058
|
}), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
1059
1059
|
className: "k-status"
|
|
1060
1060
|
}, "Create a 3 x 5 table"), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(Button, {
|