@progress/kendo-themes-html 5.5.1-dev.0 → 5.5.1-dev.1
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/calendar/calendar-cell.js +7 -1
- package/dist/calendar/calendar-cell.js.map +2 -2
- package/dist/calendar/calendar-table-head.js +38 -19
- package/dist/calendar/calendar-table-head.js.map +2 -2
- package/dist/calendar/calendar-table.js +38 -19
- package/dist/calendar/calendar-table.js.map +2 -2
- package/dist/calendar/calendar-view.js +38 -19
- package/dist/calendar/calendar-view.js.map +2 -2
- package/dist/calendar/calendar.js +38 -19
- package/dist/calendar/calendar.js.map +2 -2
- package/dist/calendar/tests/calendar-classic-jquery.js +28 -28
- package/dist/calendar/tests/calendar-classic-jquery.js.map +2 -2
- package/dist/calendar/tests/calendar-infinite-rtl.js +67 -67
- package/dist/calendar/tests/calendar-infinite-rtl.js.map +2 -2
- package/dist/calendar/tests/calendar-infinite.js +68 -68
- package/dist/calendar/tests/calendar-infinite.js.map +2 -2
- package/dist/calendar/tests/calendar-modern-angular.js +38 -19
- package/dist/calendar/tests/calendar-modern-angular.js.map +2 -2
- package/dist/calendar/tests/calendar-modern-jquery.js +38 -19
- package/dist/calendar/tests/calendar-modern-jquery.js.map +2 -2
- package/dist/datetime-selector/tests/datetime-selector.js +38 -19
- package/dist/datetime-selector/tests/datetime-selector.js.map +2 -2
- package/dist/multiviewcalendar/multiviewcalendar.js +40 -20
- package/dist/multiviewcalendar/multiviewcalendar.js.map +2 -2
- package/dist/multiviewcalendar/tests/multiviewcalendar-angular.js +40 -20
- package/dist/multiviewcalendar/tests/multiviewcalendar-angular.js.map +2 -2
- package/dist/multiviewcalendar/tests/multiviewcalendar-jquery.js +40 -20
- package/dist/multiviewcalendar/tests/multiviewcalendar-jquery.js.map +2 -2
- package/dist/multiviewcalendar/tests/multiviewcalendar-react.js +40 -20
- package/dist/multiviewcalendar/tests/multiviewcalendar-react.js.map +2 -2
- package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-angular.js +40 -20
- package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-angular.js.map +2 -2
- package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-jquery.js +40 -20
- package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-jquery.js.map +2 -2
- package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-react.js +40 -20
- package/dist/multiviewcalendar/tests/multiviewcalendar-vertical-react.js.map +2 -2
- package/dist/signature/index.js +203 -0
- package/dist/signature/index.js.map +7 -0
- package/dist/signature/signature.js +203 -0
- package/dist/signature/signature.js.map +7 -0
- package/dist/signature/tests/signature-flat.js +127 -367
- package/dist/signature/tests/signature-flat.js.map +3 -3
- package/dist/signature/tests/signature-outline.js +127 -367
- package/dist/signature/tests/signature-outline.js.map +3 -3
- package/dist/signature/tests/signature.js +112 -367
- package/dist/signature/tests/signature.js.map +3 -3
- package/package.json +2 -2
- package/src/calendar/calendar-cell.tsx +10 -1
- package/src/calendar/calendar-table.tsx +15 -13
- package/src/calendar/calendar-view.tsx +3 -0
- package/src/calendar/calendar.tsx +3 -0
- package/src/calendar/tests/calendar-classic-jquery.tsx +28 -28
- package/src/calendar/tests/calendar-infinite-rtl.tsx +67 -67
- package/src/calendar/tests/calendar-infinite.tsx +68 -68
- package/src/multiviewcalendar/multiviewcalendar.tsx +1 -0
- package/src/signature/index.tsx +1 -0
- package/src/signature/signature.tsx +112 -0
- package/src/signature/tests/signature-flat.tsx +47 -433
- package/src/signature/tests/signature-outline.tsx +47 -433
- package/src/signature/tests/signature.tsx +47 -433
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../src/signature/tests/signature-outline.tsx", "../../../src/
|
|
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\nroot.render(\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n <span>Signature</span>\n <span>Signature RTL</span>\n\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-rtl\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-hover\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-hover k-rtl\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-focus\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-focus k-rtl\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-rtl\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-focus\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-invalid k-focus k-rtl\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-disabled\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-disabled k-rtl\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n <div className=\"k-signature k-signature-md k-input k-input-outline k-rounded-md k-signature-maximized\">\n <div className=\"k-signature-actions k-signature-actions-top\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-maximize\"\n className=\"k-signature-action k-signature-minimize\"\n >\n </Button>\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"window-minimize\"\n className=\"k-signature-action k-signature-minimize k-hidden\"\n >\n </Button>\n </div>\n <canvas className=\"k-signature-canvas\">\n An alternate text describing what the canvas displays.\n </canvas>\n <div className=\"k-signature-line\"></div>\n <div className=\"k-signature-actions k-signature-actions-bottom\">\n <Button\n fillMode=\"flat\"\n size=\"medium\"\n rounded=\"medium\"\n icon=\"close\"\n className=\"k-signature-action k-signature-clear\"\n >\n </Button>\n </div>\n </div>\n </div>\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}\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 };\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 ...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 || hasIcon\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 </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": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAkB;AAClB,sBAAqB;;;ACDrB,eAAuB;;;ACChB,MAAM,aAAa,IAAI,SAAiB;AAC3C,UAAM,SAAS,CAAC;AAEhB,UAAM,cAAc,CAAC,QAAQ;AACzB,MAAC,OAAO,QAAQ,WACV,OAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ;AAChC,eAAO,OAAO,IAAI;AAAA,MACtB,CAAC,IACE,OAAO,OAAO;AAAA,IAEzB;AAEA,UAAM,UAAU,CAAC,SACb,KACK,OAAO,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,GAAG,CAAC,EAC5C,IAAI,CAAC,QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,GAAG,IAAI,YAAY,GAAG,CACxD;AAER,YAAQ,IAAI;AAEZ,WAAO,OAAO,KAAK,MAAM,EACpB,IAAI,CAAC,QAAS,OAAO,QAAQ,OAAQ,IAAI,EACzC,OAAO,CAAC,OAAO,OAAO,IAAI,EAC1B,KAAK,GAAG;AAAA,EACjB;;;ACnBO,MAAM,iBAAiC;AAAA,IAC1C,SAAS;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACX;AAAA,IACA,YAAY;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACX;AAAA,IACA,YAAY;AAAA,MACR,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IACX;AAAA,IACA,gBAAgB;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,IAChB;AAAA,EACJ;;;AC5BA,cAAuB;AAShB,MAAM,OAAN,cAAyB,gBAAqB;AAAA,IAEjD,SAAS;AACL,YAAM;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,UACA,KAAK;AAET,aACI,0DACM,QACE,oCAAC;AAAA,QACG,WAAW,WACP,WACA,UACA;AAAA,UACI,CAAC,OAAO,SAAS;AAAA,QACrB,CACJ;AAAA,QACA;AAAA,OACJ,CAER;AAAA,IAER;AAAA,EACJ;;;
|
|
3
|
+
"sources": ["../../../src/signature/tests/signature-outline.tsx", "../../../src/signature/signature.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/button/button.tsx", "../../../src/icon/icon.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Signature } from '../../signature';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n div[dir=\"rtl\"] {\n display: flex;\n justify-content: end;\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n <span>Signature</span>\n <span>Signature RTL</span>\n\n <div>\n <Signature fillMode=\"outline\"/>\n </div>\n <div dir=\"rtl\">\n <Signature fillMode=\"outline\"/>\n </div>\n\n <div>\n <Signature fillMode=\"outline\" hover />\n </div>\n <div dir=\"rtl\">\n <Signature fillMode=\"outline\" hover />\n </div>\n\n <div>\n <Signature fillMode=\"outline\" focus />\n </div>\n <div dir=\"rtl\">\n <Signature fillMode=\"outline\" focus />\n </div>\n\n <div>\n <Signature fillMode=\"outline\" invalid />\n </div>\n <div dir=\"rtl\">\n <Signature fillMode=\"outline\" invalid />\n </div>\n\n <div>\n <Signature fillMode=\"outline\" invalid focus />\n </div>\n <div dir=\"rtl\">\n <Signature fillMode=\"outline\" invalid focus />\n </div>\n\n <div>\n <Signature fillMode=\"outline\" disabled />\n </div>\n <div dir=\"rtl\">\n <Signature fillMode=\"outline\" disabled />\n </div>\n\n <div className=\"k-colspan-all k-col-span-full\">\n <Signature fillMode=\"outline\" maximized />\n </div>\n\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Button } from '../button';\n\nexport interface SignatureProps {\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 disabled?: boolean,\n maximized?: boolean\n}\n\nexport class Signature extends React.Component<SignatureProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid'\n };\n\n render() {\n const {\n className,\n size,\n rounded,\n fillMode,\n hover,\n focus,\n valid,\n invalid,\n disabled,\n maximized\n } = this.props;\n\n return (\n <div\n className={classNames(\n className,\n 'k-signature',\n 'k-input',\n {\n [`k-signature-${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-disabled': disabled,\n 'k-signature-maximized': maximized\n }\n )}>\n <div\n className={classNames(\n className,\n 'k-signature-actions',\n 'k-signature-actions-top'\n )}>\n <Button\n className={classNames(\n className,\n 'k-signature-action',\n 'k-signature-maximize',\n )}\n icon=\"window-maximize\"\n rounded={this.props.rounded}\n size={this.props.size}\n fillMode=\"flat\"\n />\n <Button\n className={classNames(\n className,\n 'k-signature-action',\n 'k-signature-minimize',\n 'k-hidden'\n )}\n icon=\"window-minimize\"\n rounded={this.props.rounded}\n size={this.props.size}\n fillMode=\"flat\"\n />\n </div>\n <canvas className=\"k-signature-canvas\"></canvas>\n <div className=\"k-signature-line\"></div>\n <div\n className={classNames(\n className,\n 'k-signature-actions',\n 'k-signature-actions-bottom'\n )}>\n <Button\n className={classNames(\n className,\n 'k-signature-action',\n 'k-signature-clear',\n )}\n icon=\"close\"\n rounded={this.props.rounded}\n size={this.props.size}\n fillMode=\"flat\"\n />\n </div>\n </div>\n );\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}\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 };\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 ...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 || hasIcon\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 </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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|