@gravitee/ui-components 3.27.0 → 3.27.2

package/src/molecules/gv-category-list/gv-category-list.stories.js

@@ -0,0 +1,92 @@
+/*
+ * 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-category-list';
+import { makeStory, storyWait } from '../../../testing/lib/make-story';
+import picture from '../../../assets/images/avatar.png';
+const description = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.';
+const categories = [
+    {
+        name: 'Title',
+        _links: { picture },
+    },
+    {
+        name: 'Truncated description if > 4 lines (Default)',
+        description,
+    },
+    {
+        name: 'Title + description',
+        description,
+        limit: 100,
+        _links: { picture },
+    },
+    {
+        name: 'Title',
+    },
+    {
+        name: 'Truncated description if > 4 lines (Default)',
+        description,
+    },
+    {
+        name: 'Title + description',
+        description,
+    },
+    {
+        name: 'Title',
+    },
+    {
+        name: 'Truncated description if > 4 lines (Default)',
+        description,
+        _links: { picture },
+    },
+    {
+        name: 'Title + description',
+        description,
+    },
+];
+export default {
+    title: 'Molecules/gv-category-list',
+    component: 'gv-category-list',
+    parameters: {
+        chromatic: { delay: 2500 },
+    },
+};
+const conf = {
+    component: 'gv-category-list',
+    events: ['gv-category:click'],
+};
+export const basics = makeStory(conf, {
+    items: [{ items: categories }],
+});
+export const empty = makeStory(conf, {
+    items: [{}],
+});
+export const loading = makeStory(conf, {
+    items: [{ items: new Array(categories.length) }],
+    simulations: [
+        storyWait(2000, ([component]) => {
+            component.items = categories;
+        }),
+    ],
+});
+export const loadingAndError = makeStory(conf, {
+    items: [{ items: new Array(categories.length) }],
+    simulations: [
+        storyWait(2000, ([component]) => {
+            component.items = categories.map(() => Promise.reject(new Error()));
+        }),
+    ],
+});
+//# sourceMappingURL=gv-category-list.stories.js.map

package/src/molecules/gv-category-list/gv-category-list.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-category-list.stories.js","sourceRoot":"","sources":["../../../../src/molecules/gv-category-list/gv-category-list.stories.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,OAAO,MAAM,mCAAmC,CAAC;AAExD,MAAM,WAAW,GACf,idAAid,CAAC;AACpd,MAAM,UAAU,GAAG;IACjB;QACE,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,EAAE,OAAO,EAAE;KACpB;IACD;QACE,IAAI,EAAE,8CAA8C;QACpD,WAAW;KACZ;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,WAAW;QACX,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE,OAAO,EAAE;KACpB;IACD;QACE,IAAI,EAAE,OAAO;KACd;IACD;QACE,IAAI,EAAE,8CAA8C;QACpD,WAAW;KACZ;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,WAAW;KACZ;IACD;QACE,IAAI,EAAE,OAAO;KACd;IACD;QACE,IAAI,EAAE,8CAA8C;QACpD,WAAW;QACX,MAAM,EAAE,EAAE,OAAO,EAAE;KACpB;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,WAAW;KACZ;CACF,CAAC;AAEF,eAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,kBAAkB;IAC7B,UAAU,EAAE;QACV,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;KAC3B;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,kBAAkB;IAC7B,MAAM,EAAE,CAAC,mBAAmB,CAAC;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE;IACpC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,EAAE;IACnC,KAAK,EAAE,CAAC,EAAE,CAAC;CACZ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,EAAE;IACrC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IAChD,WAAW,EAAE;QACX,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE;YAC9B,SAAS,CAAC,KAAK,GAAG,UAAU,CAAC;QAC/B,CAAC,CAAC;KACH;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC,IAAI,EAAE;IAC7C,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IAChD,WAAW,EAAE;QACX,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE;YAC9B,SAAS,CAAC,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC;QACtE,CAAC,CAAC;KACH;CACF,CAAC,CAAC"}

package/src/molecules/gv-category-list/index.d.ts

@@ -0,0 +1 @@
+export * from './gv-category-list';

package/src/molecules/gv-category-list/index.js

@@ -0,0 +1,17 @@
+/*
+ * Copyright (C) 2021 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.
+ */
+export * from './gv-category-list';
+//# sourceMappingURL=index.js.map

package/src/molecules/gv-category-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/gv-category-list/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,cAAc,oBAAoB,CAAC"}

package/src/molecules/{gv-code.d.ts → gv-code/gv-code.d.ts}

@@ -129,29 +129,7 @@ export class GvCode extends GvInput {
         };
         valid: {
             type: BooleanConstructor;
-            reflect: boolean; /**
-             * Code component
-             *
-             * ## Details
-             * * has @theme facet
-             *
-             * @fires gv-code:input - input events with the `value` on `detail`
-             * @fires gv-code:ready - event dispatch when component is ready
-             * @fires gv-code:clipboard-copy - event dispatch when component the `value` has been copied to clipboard
-             *
-             * @attr {String} label - code language
-             * @attr {String} value - code content to be highlighted
-             * @attr {options} Object - options based on codemirror
-             * @attr {String} placeholder - an example value to display in the input when empty
-             * @attr {Number} rows - number of rows of the text element
-             * @attr {Boolean} large - for a large input (only if the field has one row)
-             * @attr {Boolean} medium - for a medium input (only if the field has one row) (Default)
-             * @attr {Boolean} small - for a small input (only if the field has one row)
-             *
-             * @attr {Boolean} [clipboard=false]- true if field has clipboard button
-             * @attr {Boolean} [autofocus=false] - true to put the focus on the input
-             * @attr {Boolean} [readonly=false] - true if field is readonly mode
-             */
+            reflect: boolean;
         };
     };
     static findLanguage(mode: any): Promise<import("@codemirror/language").LanguageDescription | {
@@ -188,5 +166,5 @@ export class GvCode extends GvInput {
     _reflectReadonlyDisabled(): void;
     _reflectOptions(): Promise<void>;
 }
-import { GvInput } from "../atoms/gv-input";
+import { GvInput } from "../../atoms/gv-input/gv-input";
 import { Compartment } from "@codemirror/state";

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

@@ -20,14 +20,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
  *

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) => ({ ...p, value: html })),
+        ...items.map((p) => ({ ...p, required: true, description: 'Required' })),
+        ...items.map((p) => ({ ...p, disabled: true, value: html, description: 'Disabled' })),
+        ...items.map((p) => ({ ...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