@gravitee/ui-components 3.27.0 → 3.27.1-pagination-34a0cc9

package/src/molecules/{gv-code.js → gv-code/gv-code.js}

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 /*
  * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
  *
@@ -20,14 +29,14 @@ import { autocompletion } from '@codemirror/autocomplete';
 import { json } from '@codemirror/lang-json';
 import { languages } from '@codemirror/language-data';
 import { placeholder } from '@codemirror/view';
-import { shapeClipboard } from '../styles/shapes';
-import { dispatchCustomEvent } from '../lib/events';
-import { uuid } from '../lib/utils';
+import { shapeClipboard } from '../../styles/shapes';
+import { dispatchCustomEvent } from '../../lib/events';
+import { uuid } from '../../lib/utils';
 import { classMap } from 'lit/directives/class-map';
-import { GvInput } from '../atoms/gv-input';
-import { skeleton } from '../styles/skeleton';
-import { empty } from '../styles/empty';
-import { input } from '../styles/input';
+import { GvInput } from '../../atoms/gv-input';
+import { skeleton } from '../../styles/skeleton';
+import { empty } from '../../styles/empty';
+import { input } from '../../styles/input';
 /**
  * Code component
  *
@@ -53,12 +62,7 @@ import { input } from '../styles/input';
  */
 export class GvCode extends GvInput {
     static get properties() {
-        return {
-            ...super.properties,
-            options: { type: Object },
-            rows: { type: Number },
-            _error: { type: String, attribute: false },
-        };
+        return Object.assign(Object.assign({}, super.properties), { options: { type: Object }, rows: { type: Number }, _error: { type: String, attribute: false } });
     }
     constructor() {
         super();
@@ -171,20 +175,25 @@ export class GvCode extends GvInput {
         });
         parent.appendChild(this._editorView.dom);
     }
-    async updated(properties) {
-        super.updated(properties);
-        if (properties.has('placeholder')) {
-            this._reflectPlaceholder();
-        }
-        if (properties.has('value')) {
-            this._reflectValue();
-        }
-        if (properties.has('readonly') || properties.has('disabled')) {
-            this._reflectReadonlyDisabled();
-        }
-        if (properties.has('options') && this.options) {
-            await this._reflectOptions();
-        }
+    updated(properties) {
+        const _super = Object.create(null, {
+            updated: { get: () => super.updated }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            _super.updated.call(this, properties);
+            if (properties.has('placeholder')) {
+                this._reflectPlaceholder();
+            }
+            if (properties.has('value')) {
+                this._reflectValue();
+            }
+            if (properties.has('readonly') || properties.has('disabled')) {
+                this._reflectReadonlyDisabled();
+            }
+            if (properties.has('options') && this.options) {
+                yield this._reflectOptions();
+            }
+        });
     }
     _reflectPlaceholder() {
         this._editorView.dispatch({
@@ -206,43 +215,47 @@ export class GvCode extends GvInput {
             effects: this.readonlyCompartment.reconfigure(EditorView.editable.of(!this.readonly && !this.disabled)),
         });
     }
-    static async findLanguage(mode) {
-        if (mode) {
-            const modeOnly = mode.split('/').pop();
-            if (modeOnly === 'asciidoc') {
-                const [{ asciidoc }, { StreamLanguage }] = await Promise.all([
-                    import('codemirror-asciidoc/lib/asciidoc'),
-                    import('@codemirror/stream-parser'),
-                ]);
-                return {
-                    name: 'asciidoc',
-                    support: {
-                        extension: StreamLanguage.define(asciidoc),
-                    },
-                };
-            }
-            else {
-                const language = languages.find((languageDescription) => {
-                    return languageDescription.name.toUpperCase() === modeOnly.toUpperCase() || languageDescription.alias.includes(modeOnly);
-                });
-                if (language == null) {
-                    console.warn(`Cannot find language ${mode}, please use language supported by CodeMirror 6`, languages.map((l) => l.name));
+    static findLanguage(mode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (mode) {
+                const modeOnly = mode.split('/').pop();
+                if (modeOnly === 'asciidoc') {
+                    const [{ asciidoc }, { StreamLanguage }] = yield Promise.all([
+                        import('codemirror-asciidoc/lib/asciidoc'),
+                        import('@codemirror/stream-parser'),
+                    ]);
+                    return {
+                        name: 'asciidoc',
+                        support: {
+                            extension: StreamLanguage.define(asciidoc),
+                        },
+                    };
+                }
+                else {
+                    const language = languages.find((languageDescription) => {
+                        return languageDescription.name.toUpperCase() === modeOnly.toUpperCase() || languageDescription.alias.includes(modeOnly);
+                    });
+                    if (language == null) {
+                        console.warn(`Cannot find language ${mode}, please use language supported by CodeMirror 6`, languages.map((l) => l.name));
+                    }
+                    return language;
                 }
-                return language;
             }
-        }
-        return null;
+            return null;
+        });
     }
-    async _reflectOptions() {
-        const language = await GvCode.findLanguage(this.options.mode);
-        if (language != null) {
-            if (language.support == null) {
-                await language.load();
+    _reflectOptions() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const language = yield GvCode.findLanguage(this.options.mode);
+            if (language != null) {
+                if (language.support == null) {
+                    yield language.load();
+                }
+                this._editorView.dispatch({
+                    effects: this.languageCompartment.reconfigure(language.support.extension),
+                });
             }
-            this._editorView.dispatch({
-                effects: this.languageCompartment.reconfigure(language.support.extension),
-            });
-        }
+        });
     }
     static get codemirrorTheme() {
         return EditorView.theme({

package/src/molecules/gv-code/gv-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-code.js","sourceRoot":"","sources":["../../../../src/molecules/gv-code/gv-code.js"],"names":[],"mappings":"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"}

package/src/molecules/gv-code/gv-code.stories.d.ts

@@ -0,0 +1,214 @@
+declare namespace _default {
+    const title: string;
+    const component: string;
+}
+export default _default;
+export const Json: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const ReadonlyClipboard: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const HTML: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const Input: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const Python: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const EmptyXml: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const Xml: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const Javascript: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const Groovy: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const markdown: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const AsciiDoc: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};

package/src/molecules/gv-code/gv-code.stories.js

@@ -0,0 +1,280 @@
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import './gv-code';
+import { makeStory, storyWait } from '../../../testing/lib/make-story';
+export default {
+    title: 'Molecules/gv-code',
+    component: 'gv-code',
+};
+const conf = {
+    component: 'gv-code',
+};
+const jsonSrc = `{
+  "id": "foobar",
+  "data": []
+}`;
+export const Json = makeStory(conf, {
+    items: [{ value: jsonSrc, placeholder: 'Put the body content here' }],
+});
+const shellOptions = {
+    mode: 'shell',
+};
+const shell = `curl -X POST "https://api-market-place.ai.ovh.net/sound-spleeter/process"
+     -H "accept: application/zip" -H "X-OVH-Api-Key: XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX"
+     -H "Content-Type: application/json"
+     -d '{"url": "https://github.com/deezer/spleeter/raw/master/audio_example.mp3", "nb_stems": 5}'
+     -o splitted_output.zip`;
+export const ReadonlyClipboard = makeStory(conf, {
+    items: [
+        {
+            value: shell,
+            options: shellOptions,
+            readonly: true,
+            label: 'Readonly curl example with clipboard',
+            clipboard: true,
+        },
+    ],
+});
+const html = `<span>A simple example of the live sample system in action.</span><div><div>Hello world! Welcome to Gravitee</div></div>`;
+const htmlOptions = {
+    mode: 'HTML',
+};
+export const HTML = makeStory(conf, {
+    items: [{ value: html, options: htmlOptions, required: true }],
+});
+const items = [
+    { options: htmlOptions, rows: 1, small: true, label: 'Small' },
+    { options: htmlOptions, rows: 1, label: 'Medium' },
+    { options: htmlOptions, rows: 1, large: true, label: 'Large' },
+];
+export const Input = makeStory(conf, {
+    items: [
+        ...items.map((p) => (Object.assign(Object.assign({}, p), { value: html }))),
+        ...items.map((p) => (Object.assign(Object.assign({}, p), { required: true, description: 'Required' }))),
+        ...items.map((p) => (Object.assign(Object.assign({}, p), { disabled: true, value: html, description: 'Disabled' }))),
+        ...items.map((p) => (Object.assign(Object.assign({}, p), { clipboard: true, value: html, description: 'Clipboard' }))),
+    ],
+});
+const python = `@requires_authorization
+def somefunc(param1='', param2=0):
+    r'''A docstring'''
+    if param1 > param2: # interesting
+        print 'Gre\\'ater'
+    return (param2 - param1 + 1 + 0b10l) or None
+
+class SomeClass:
+    pass
+
+>>> message = '''interpreter
+... prompt'''`;
+const pythonOptions = {
+    mode: 'python',
+};
+export const Python = makeStory(conf, {
+    items: [{ value: python, options: pythonOptions }],
+});
+const xmlSrc = `<?xml version="1.0" encoding="UTF-8"?>
+<foo>
+  <bar></bar>
+</foo>`;
+const xmlOptions = {
+    mode: 'xml',
+};
+export const EmptyXml = makeStory(conf, {
+    items: [{ placeholder: 'Put the body content here', options: xmlOptions }],
+    simulations: [
+        storyWait(2000, ([component]) => {
+            component.placeholder = 'Put the XML content here';
+        }),
+    ],
+});
+export const Xml = makeStory(conf, {
+    items: [{ value: xmlSrc, options: xmlOptions }],
+});
+const jsSrc = `const transform => (items = []) {
+  return items.map((item, index) => ({ ...item, ...{ index } }));
+}
+`;
+const jsOptions = {
+    mode: 'javascript',
+};
+export const Javascript = makeStory(conf, {
+    items: [{ value: jsSrc, placeholder: 'Put the body content here', options: jsOptions }],
+});
+const groovySrc = `println 'Hello'
+
+int power(int n) { 2**n }
+
+println "2^6==\${power(6)}"
+`;
+const groovyOptions = {
+    mode: 'groovy',
+};
+export const Groovy = makeStory(conf, {
+    items: [{ value: groovySrc, placeholder: 'Put the body content here', options: groovyOptions }],
+});
+const markdownSrc = `GitHub Flavored Markdown
+========================
+
+Everything from markdown plus GFM features:
+
+## URL autolinking
+
+Underscores_are_allowed_between_words.
+
+## Strikethrough text
+
+GFM adds syntax to strikethrough text, which is missing from standard Markdown.
+
+~~Mistaken text.~~
+~~**works with other formatting**~~
+
+~~spans across
+lines~~
+
+## Fenced code blocks (and syntax highlighting)
+
+\`\`\`javascript
+for (var i = 0; i < items.length; i++) {
+    console.log(items[i], i); // log them
+}
+\`\`\`
+
+## Task Lists
+
+- [ ] Incomplete task list item
+- [x] **Completed** task list item
+
+## A bit of GitHub spice
+
+See http://github.github.com/github-flavored-markdown/.
+
+(Set \`gitHubSpice: false\` in mode options to disable):
+
+* SHA: be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2
+* User@SHA ref: mojombo@be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2
+* User/Project@SHA: mojombo/god@be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2
+* \\#Num: #1
+* User/#Num: mojombo#1
+* User/Project#Num: mojombo/god#1
+
+(Set \`emoji: false\` in mode options to disable):
+
+* emoji: :smile:
+`;
+const markdownOptions = {
+    mode: 'markdown',
+};
+export const markdown = makeStory(conf, {
+    items: [{ value: markdownSrc, placeholder: 'Put the body content here', options: markdownOptions }],
+});
+const asciiDocOptions = {
+    mode: 'asciidoc',
+};
+const asciiDocSrc = `= AsciiDoc Article Title
+3.0, July 29, 2022: AsciiDoc article template
+:toc:
+:icons: font
+:url-quickref: https://docs.asciidoctor.org/asciidoc/latest/syntax-quick-reference/
+
+Content entered directly below the header but before the first section heading is called the preamble.
+
+== First level heading
+
+This is a paragraph with a *bold* word and an _italicized_ word.
+
+.Image caption
+image::image-file-name.png[I am the image alt text.]
+
+This is another paragraph.footnote:[I am footnote text and will be displayed at the bottom of the article.]
+
+=== Second level heading
+
+.Unordered list title
+* list item 1
+** nested list item
+*** nested nested list item 1
+*** nested nested list item 2
+* list item 2
+
+This is a paragraph.
+
+.Example block title
+====
+Content in an example block is subject to normal substitutions.
+====
+
+.Sidebar title
+****
+Sidebars contain aside text and are subject to normal substitutions.
+****
+
+==== Third level heading
+
+[#id-for-listing-block]
+.Listing block title
+----
+Content in a listing block is subject to verbatim substitutions.
+Listing block content is commonly used to preserve code input.
+----
+
+===== Fourth level heading
+
+.Table title
+|===
+|Column heading 1 |Column heading 2
+
+|Column 1, row 1
+|Column 2, row 1
+
+|Column 1, row 2
+|Column 2, row 2
+|===
+
+====== Fifth level heading
+
+[quote, firstname lastname, movie title]
+____
+I am a block quote or a prose excerpt.
+I am subject to normal substitutions.
+____
+
+[verse, firstname lastname, poem title and more]
+____
+I am a verse block.
+  Indents and endlines are preserved in verse blocks.
+____
+
+== First level heading
+
+TIP: There are five admonition labels: Tip, Note, Important, Caution and Warning.
+
+// I am a comment and won't be rendered.
+
+. ordered list item
+.. nested ordered list item
+. ordered list item
+
+The text at the end of this sentence is cross referenced to <<_third_level_heading,the third level heading>>
+
+== First level heading
+
+This is a link to the https://docs.asciidoctor.org/home/[Asciidoctor documentation].
+This is an attribute reference {url-quickref}[that links this text to the AsciiDoc Syntax Quick Reference].`;
+export const AsciiDoc = makeStory(conf, {
+    items: [{ value: asciiDocSrc, placeholder: 'Put the body content here', options: asciiDocOptions }],
+});
+//# sourceMappingURL=gv-code.stories.js.map

package/src/molecules/gv-code/gv-code.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-code.stories.js","sourceRoot":"","sources":["../../../../src/molecules/gv-code/gv-code.stories.js"],"names":[],"mappings":"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"}

package/src/molecules/gv-code/gv-code.test.d.ts

@@ -0,0 +1 @@
+export {};