From c724bcf0850f68dd39b3c1ae47cb98e75427d59e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marker=20dao=20=C2=AE?= <youdontknow@marker-dao.eth>
Date: Wed, 11 Sep 2024 17:14:43 +0200
Subject: [PATCH] revart(pg)

---
 packages/devextreme/playground/jquery.html | 108 +--------------------
 1 file changed, 5 insertions(+), 103 deletions(-)
diff --git a/packages/devextreme/playground/jquery.html b/packages/devextreme/playground/jquery.html
index 035d55f873a6..fde766f17218 100644
--- a/packages/devextreme/playground/jquery.html
+++ b/packages/devextreme/playground/jquery.html
@@ -1,6 +1,5 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
     <title>DevExtreme jQuery Example</title>
 
@@ -42,15 +41,7 @@
     <script type="text/javascript" src="../artifacts/js/dx.all.debug.js" charset="utf-8"></script>
     <script type="text/javascript" src="./themeSelector.js"></script>
     <script type="text/javascript" src="../../../node_modules/axe-core/axe.min.js"></script>
-
-    <style>
-        /* .dx-chat-message-avatar {
-            width: 64px;
-            height: 64px;
-        } */
-    </style>
 </head>
-
 <body class="dx-surface">
     <div role="main">
         <h1 style="position: fixed; left: 0; top: 0; clip: rect(1px, 1px, 1px, 1px);">Test header</h1>
@@ -60,102 +51,13 @@ <h1 style="position: fixed; left: 0; top: 0; clip: rect(1px, 1px, 1px, 1px);">Te
         <br />
         <div id="button"></div>
         <script>
-            $(function () {
-                const avatarUrl = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAACRCAYAAAA/zXHpAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAUGVYSWZNTQAqAAAACAACARIAAwAAAAEAAQAAh2kABAAAAAEAAAAmAAAAAAADoAEAAwAAAAEAAQAAoAIABAAAAAEAAACYoAMABAAAAAEAAACRAAAAAPaSQrgAAAIyaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj40Njk8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+NjAwPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgrvIHvVAAADyklEQVR4Ae3dMW4VUAxEUUCIgr1QsikqOkRBAwViE2yI/VASehTcjGwR5qTLt5x5c3312zx/ePXh4dnBz5d3Xw9S/u+IT99fPLmCT+/FTw5x94MJ1n3/9fYEW0fcHUCw7vuvtyfYOuLuAIJ133+9PcHWEXcHEKz7/uvtCbaOuDuAYN33X29PsHXE3QEE677/enuCrSPuDiBY9/3X2xNsHXF3AMG677/enmDriLsDCNZ9//X2BFtH3B1AsO77r7cn2Dri7gCCdd9/vT3B1hF3BxCs+/7r7Qm2jrg7gGDd919vT7B1xN0BBOu+/3p7gq0j7g4gWPf919sTbB1xdwDBuu+/3p5g64i7AwjWff/19gRbR9wdQLDu+6+3f/lYwse33x77OPvsx8LfzF5k+4CAb7ADyM0RBGu+/kF3gh1Abo4gWPP1D7oT7ABycwTBmq9/0J1gB5CbIwjWfP2D7gQ7gNwcQbDm6x90J9gB5OYIgjVf/6A7wQ4gN0cQrPn6B90JdgC5OYJgzdc/6E6wA8jNEQRrvv5Bd4IdQG6OIFjz9Q+6E+wAcnMEwZqvf9CdYAeQmyMI1nz9g+4EO4DcHEGw5usfdCfYAeTmCII1X/+gO8EOIDdHEKz5+gfdCXYAuTmCYM3XP+hOsAPIzREEa77+QXeCHUBujiBY8/UPuhPsAHJzBMGar3/QnWAHkJsjCNZ8/YPuBDuA3BxBsObrH3Qn2AHk5giCNV//oDvBDiA3RxCs+foH3Ql2ALk5gmDN1z/oTrADyM0Rj/7H22Yg/3L3j2/+3de9fvvr0cc9//z+18Ofk58/fLH9ycTvM4G/CcakmZtpSIBgIUDrMwGCzXxMQwIECwFanwkQbOZjGhIgWAjQ+kyAYDMf05AAwUKA1mcCBJv5mIYECBYCtD4TINjMxzQkQLAQoPWZAMFmPqYhAYKFAK3PBAg28zENCRAsBGh9JkCwmY9pSIBgIUDrMwGCzXxMQwIECwFanwkQbOZjGhIgWAjQ+kyAYDMf05AAwUKA1mcCBJv5mIYECBYCtD4TINjMxzQkQLAQoPWZAMFmPqYhAYKFAK3PBAg28zENCRAsBGh9JkCwmY9pSIBgIUDrMwGCzXxMQwIECwFanwkQbOZjGhIgWAjQ+kyAYDMf05AAwUKA1mcCBJv5mIYECBYCtD4TINjMxzQkQLAQoPWZAMFmPqYhAYKFAK3PBAg28zENCRAsBGh9JkCwmY9pSIBgIUDrMwGCzXxMQwIECwFanwkQbOZjGhIgWAjQ+kyAYDMf05AAwUKA1mcCvwEk7hCO5l/PKgAAAABJRU5ErkJggg==';
-                const lineBreaks = '\n\n';
-
-                const createUser = (id, name, url = '') => ({
-                    id,
-                    name,
-                    avatarUrl: url,
+            $(function() {
+                $("#button").dxButton({
+                    text: 'Click me!',
+                    onClick: function() { alert("clicked"); }
                 });
-
-                const timestamp = new Date(1721747399083);
-
-                const getLongText = (useLineBreaks = false) => {
-                    const uUID = '9138cf2e-ced3-426a-bb53-4478536f690b';
-                    const longString = '182640341522285876574035911571908109718245218990724216376363976558845201472715827073837942336095076';
-
-                    const result = `${uUID}:${useLineBreaks ? lineBreaks : ''}${longString}`;
-
-                    return result;
-                };
-
-                const getShortText = (useLineBreaks) => {
-                    const value = `Short${useLineBreaks ? lineBreaks : ' '}text`;
-
-                    return value;
-                };
-
-                const generateMessages = (
-                    length,
-                    userFirst,
-                    useLongText = false,
-                    useLineBreaks = false,
-                    userSecond = null,
-                    coefficient = 4,
-                ) => {
-                    const messages = Array.from({ length }, (_, i) => {
-                        const text = useLongText
-                            ? getLongText(useLineBreaks)
-                            : getShortText(useLineBreaks);
-
-                        const item = {
-                            timestamp,
-                            author: i % coefficient === 0 ? userFirst : userSecond ?? userFirst,
-                            text,
-                        };
-
-                        return item;
-                    });
-
-                    return messages;
-                };
-
-                const generateSpecifiedNumberOfMessagesInRow = (
-                    n,
-                    userFirst,
-                    userSecond,
-                ) => {
-                    const messages = Array.from({ length: n * 2 }, (_, i) => {
-                        const item = {
-                        timestamp,
-                        author: i >= n ? userSecond : userFirst,
-                        text: getShortText(),
-                        };
-
-                        return item;
-                    });
-
-                    return messages;
-                };
-
-                const useAvatarUrl = false;
-                const useLongName = false;
-
-                const userFirst = createUser(
-                    1,
-                    useLongName ? getLongText() : getShortText(),
-                    useAvatarUrl ? avatarUrl : '',
-                );
-
-                const userSecond = createUser(
-                    2,
-                    useLongName ? getLongText() : getShortText(),
-                    useAvatarUrl ? avatarUrl : '',
-                );
-
-                const items = generateMessages(2, userFirst, true, true, userSecond, 2)
-
-                const instance = $("#button").dxChat({
-                    width: 400,
-                    height: 600,
-                    user: userSecond,
-                    items,
-                }).dxChat('instance');
             });
         </script>
     </div>
 </body>
-
-</html>
\ No newline at end of file
+</html>
