@sme.up/ketchup 9.5.0 → 9.5.1

package/dist/collection/components/kup-openai-interface/kup-openai-interface.css

@@ -1,64 +0,0 @@
-:host {
-  --kup_dialog_header_height: var(--kup-dialog-header-height, 2em);
-  background-color: var(--kup-background-color);
-  color: var(--kup-text-color);
-  display: block;
-  height: auto;
-  min-width: 500px;
-  width: 500px;
-}
-
-.header {
-  background-color: var(--kup-title-background-color);
-  color: var(--kup-title-color);
-  display: flex;
-  flex-direction: row;
-  height: var(--kup_dialog_header_height);
-  position: relative;
-  width: 100%;
-}
-.header__title {
-  font-weight: bold;
-  line-height: 2em;
-  padding-left: 0.5em;
-  padding-right: 2em;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.header__close.f-image {
-  --kup-icon-color: var(--kup-title-color);
-  cursor: pointer;
-  margin-right: 0;
-  transition: opacity 0.25s;
-  position: absolute;
-  right: 0;
-  background: var(--kup-title-background-color);
-  height: var(--kup_image_height);
-  width: var(--kup_image_width);
-}
-.header__close.f-image:hover {
-  opacity: 0.5;
-}
-.header__close.f-image .f-image__icon {
-  height: var(--kup_image_height);
-  width: var(--kup_image_width);
-}
-
-kup-text-field {
-  padding-top: 12px;
-  padding-right: 3px;
-  padding-left: 3px;
-}
-
-kup-button {
-  padding-top: 8px;
-  padding-left: 3px;
-  padding-bottom: 2px;
-}
-
-kup-data-table {
-  padding-top: 8px;
-  padding-left: 3px;
-  padding-bottom: 2px;
-}

package/dist/collection/components/kup-openai-interface/kup-openai-interface.js

@@ -1,340 +0,0 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _KupOpenAiInterface_instances, _KupOpenAiInterface_openAiInteract, _KupOpenAiInterface_dataTableData;
-import { forceUpdate, h, Host, } from "@stencil/core";
-import { kupManagerInstance } from "../../managers/kup-manager/kup-manager";
-import { getProps, setProps } from "../../utils/utils";
-import { componentWrapperId } from "../../variables/GenericVariables";
-import { KupOpenAiInterfaceProps } from "./kup-openai-interface-declarations";
-import { FImage } from "../../f-components/f-image/f-image";
-export class KupOpenAiInterface {
-    constructor() {
-        _KupOpenAiInterface_instances.add(this);
-        /*-------------------------------------------------*/
-        /*       I n t e r n a l   V a r i a b l e s       */
-        /*-------------------------------------------------*/
-        this.dragHandler = null;
-        this.kupManager = kupManagerInstance();
-        this.textArea = null;
-        this.dataTable = null;
-        this.button = null;
-        this.messages = [];
-        this.customStyle = '';
-        this.data = null;
-        this.dialogTitle = 'Open AI integration';
-        this.label = 'Insert natural language request...';
-    }
-    /*-------------------------------------------------*/
-    /*           P u b l i c   M e t h o d s           */
-    /*-------------------------------------------------*/
-    /**
-     * Used to retrieve component's props values.
-     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
-     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
-     */
-    async getProps(descriptions) {
-        return getProps(this, KupOpenAiInterfaceProps, descriptions);
-    }
-    /**
-     * This method is used to trigger a new render of the component.
-     */
-    async refresh() {
-        forceUpdate(this);
-    }
-    /**
-     * Sets the props to the component.
-     * @param {GenericObject} props - Object containing props that will be set to the component.
-     */
-    async setProps(props) {
-        setProps(this, KupOpenAiInterfaceProps, props);
-    }
-    /*-------------------------------------------------*/
-    /*          L i f e c y c l e   H o o k s          */
-    /*-------------------------------------------------*/
-    componentWillLoad() {
-        this.kupManager.debug.logLoad(this, false);
-        this.kupManager.language.register(this);
-        this.kupManager.theme.register(this);
-    }
-    componentDidLoad() {
-        this.dragHandler =
-            this.rootElement.shadowRoot.querySelector('#drag-handle');
-        this.kupManager.interact.dialogify(this.rootElement, this.dragHandler);
-        this.kupReady.emit({
-            comp: this,
-            id: this.rootElement.id,
-        });
-        this.kupManager.debug.logLoad(this, true);
-    }
-    componentWillRender() {
-        this.kupManager.debug.logRender(this, false);
-    }
-    componentDidRender() {
-        this.kupManager.debug.logRender(this, true);
-    }
-    render() {
-        const dataTableProps = {};
-        dataTableProps.data = __classPrivateFieldGet(this, _KupOpenAiInterface_instances, "m", _KupOpenAiInterface_dataTableData).call(this);
-        const textAreaProps = {};
-        textAreaProps.textArea = true;
-        textAreaProps.label = this.label;
-        const buttonProps = {};
-        buttonProps.label = 'Confirm';
-        buttonProps.icon = 'check';
-        buttonProps.showSpinner = false;
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "openai-interface-wrapper" }, h("div", { class: "actions", id: "drag-handle" }, h("div", { class: "header" }, this.dialogTitle ? (h("div", { class: "header__title" }, this.dialogTitle)) : null, h(FImage, { onClick: () => this.kupManager.hideOpenAI(), sizeX: "1.25em", sizeY: "1.25em", resource: "clear", wrapperClass: "header__close" })), h("kup-text-field", Object.assign({}, textAreaProps, { ref: (el) => (this.textArea = el) })), h("kup-button", Object.assign({}, buttonProps, { ref: (el) => (this.button = el), "onKup-button-click": () => __classPrivateFieldGet(this, _KupOpenAiInterface_instances, "m", _KupOpenAiInterface_openAiInteract).call(this) })), h("kup-data-table", Object.assign({}, dataTableProps, { ref: (el) => (this.dataTable = el) })))))));
-    }
-    disconnectedCallback() {
-        this.kupManager.language.unregister(this);
-        this.kupManager.theme.unregister(this);
-    }
-    static get is() { return "kup-openai-interface"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["kup-openai-interface.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["kup-openai-interface.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "customStyle": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "\"\""
-                        }, {
-                            "name": "see",
-                            "text": "https://ketchup.smeup.com/ketchup-showcase/#/customization"
-                        }],
-                    "text": "Custom style of the component."
-                },
-                "attribute": "custom-style",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "data": {
-                "type": "unknown",
-                "mutable": true,
-                "complexType": {
-                    "original": "KupDataDataset",
-                    "resolved": "KupDataDataset",
-                    "references": {
-                        "KupDataDataset": {
-                            "location": "import",
-                            "path": "../../managers/kup-data/kup-data-declarations",
-                            "id": "src/managers/kup-data/kup-data-declarations.ts::KupDataDataset"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "null"
-                        }],
-                    "text": "Sets the data that will be used for OpenAI comunication."
-                },
-                "defaultValue": "null"
-            },
-            "dialogTitle": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "\"Open AI integration\""
-                        }],
-                    "text": "Sets the dialog title"
-                },
-                "attribute": "dialog-title",
-                "reflect": false,
-                "defaultValue": "'Open AI integration'"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "\"Insert natural language request...\""
-                        }],
-                    "text": "Sets the text area label"
-                },
-                "attribute": "label",
-                "reflect": false,
-                "defaultValue": "'Insert natural language request...'"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "kupReady",
-                "name": "kup-openai-interface-ready",
-                "bubbles": true,
-                "cancelable": false,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "KupEventPayload",
-                    "resolved": "KupEventPayload",
-                    "references": {
-                        "KupEventPayload": {
-                            "location": "import",
-                            "path": "../../types/GenericTypes",
-                            "id": "src/types/GenericTypes.ts::KupEventPayload"
-                        }
-                    }
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "getProps": {
-                "complexType": {
-                    "signature": "(descriptions?: boolean) => Promise<GenericObject>",
-                    "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                                }],
-                            "text": "- When provided and true, the result will be the list of props with their description."
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "GenericObject": {
-                            "location": "import",
-                            "path": "../../types/GenericTypes",
-                            "id": "src/types/GenericTypes.ts::GenericObject"
-                        }
-                    },
-                    "return": "Promise<GenericObject>"
-                },
-                "docs": {
-                    "text": "Used to retrieve component's props values.",
-                    "tags": [{
-                            "name": "param",
-                            "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                        }, {
-                            "name": "returns",
-                            "text": "List of props as object, each key will be a prop."
-                        }]
-                }
-            },
-            "refresh": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "This method is used to trigger a new render of the component.",
-                    "tags": []
-                }
-            },
-            "setProps": {
-                "complexType": {
-                    "signature": "(props: GenericObject) => Promise<void>",
-                    "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "props - Object containing props that will be set to the component."
-                                }],
-                            "text": "- Object containing props that will be set to the component."
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "GenericObject": {
-                            "location": "import",
-                            "path": "../../types/GenericTypes",
-                            "id": "src/types/GenericTypes.ts::GenericObject"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Sets the props to the component.",
-                    "tags": [{
-                            "name": "param",
-                            "text": "props - Object containing props that will be set to the component."
-                        }]
-                }
-            }
-        };
-    }
-    static get elementRef() { return "rootElement"; }
-}
-_KupOpenAiInterface_instances = new WeakSet(), _KupOpenAiInterface_openAiInteract =
-    /*-------------------------------------------------*/
-    /*           P r i v a t e   M e t h o d s         */
-    /*-------------------------------------------------*/
-    async function _KupOpenAiInterface_openAiInteract() {
-        this.button.showSpinner = true;
-        this.messages = await this.kupManager.interactOpenAI(await this.textArea.getValue());
-        this.dataTable.data = __classPrivateFieldGet(this, _KupOpenAiInterface_instances, "m", _KupOpenAiInterface_dataTableData).call(this);
-        this.button.showSpinner = false;
-    }, _KupOpenAiInterface_dataTableData = function _KupOpenAiInterface_dataTableData() {
-    const data = {};
-    data.columns = [{ name: 'mess', title: 'Message' }];
-    data.rows = [];
-    if (this.messages) {
-        for (let i = 0; i < this.messages.length; i++) {
-            const mess = this.messages[i];
-            if (mess) {
-                data.rows.push({
-                    unselectable: true,
-                    cells: { mess: { value: mess } },
-                });
-            }
-        }
-    }
-    return data;
-};

package/dist/components/kup-openai-interface.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface KupOpenaiInterface extends Components.KupOpenaiInterface, HTMLElement {}
-export const KupOpenaiInterface: {
-    prototype: KupOpenaiInterface;
-    new (): KupOpenaiInterface;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;