@sme.up/ketchup 11.0.0-SNAPSHOT-20241022141548 → 11.0.0-SNAPSHOT-20241023082921
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/cjs/{f-cell-f4161c96.js → f-cell-c5a85032.js} +87 -1
- package/dist/cjs/f-cell-c5a85032.js.map +1 -0
- package/dist/cjs/kup-autocomplete_27.cjs.entry.js +1 -1
- package/dist/cjs/kup-box.cjs.entry.js +1 -1
- package/dist/cjs/kup-cell.cjs.entry.js +3 -24
- package/dist/cjs/kup-cell.cjs.entry.js.map +1 -1
- package/dist/cjs/kup-image-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-input-panel.cjs.entry.js +1 -1
- package/dist/cjs/kup-manager-3e7452e3.js.map +1 -1
- package/dist/collection/components/kup-cell/kup-cell.js +2 -2
- package/dist/collection/components/kup-cell/kup-cell.js.map +1 -1
- package/dist/collection/f-components/f-cell/f-cell-declarations.js.map +1 -1
- package/dist/collection/f-components/f-cell/f-cell.js +87 -1
- package/dist/collection/f-components/f-cell/f-cell.js.map +1 -1
- package/dist/collection/f-components/f-cell-options.tsx/f-cell-options.js +1 -20
- package/dist/collection/f-components/f-cell-options.tsx/f-cell-options.js.map +1 -1
- package/dist/collection/managers/kup-data/kup-data-declarations.js.map +1 -1
- package/dist/components/kup-autocomplete2.js +87 -1
- package/dist/components/kup-autocomplete2.js.map +1 -1
- package/dist/components/kup-cell.js +3 -24
- package/dist/components/kup-cell.js.map +1 -1
- package/dist/components/kup-input-panel.js +1 -1
- package/dist/components/kup-manager.js +1 -1
- package/dist/components/kup-manager.js.map +1 -1
- package/dist/esm/{f-cell-f16081a9.js → f-cell-aea93e3a.js} +90 -4
- package/dist/esm/f-cell-aea93e3a.js.map +1 -0
- package/dist/esm/{f-chip-d387922c.js → f-chip-4eb4d42d.js} +2 -2
- package/dist/esm/{f-chip-d387922c.js.map → f-chip-4eb4d42d.js.map} +1 -1
- package/dist/esm/{f-paginator-utils-6293bfa7.js → f-paginator-utils-ae1c08f2.js} +2 -2
- package/dist/esm/{f-paginator-utils-6293bfa7.js.map → f-paginator-utils-ae1c08f2.js.map} +1 -1
- package/dist/esm/{f-text-field-7025d96d.js → f-text-field-5c7e1016.js} +2 -2
- package/dist/esm/{f-text-field-7025d96d.js.map → f-text-field-5c7e1016.js.map} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/kup-accordion.entry.js +1 -1
- package/dist/esm/kup-activity-timeline.entry.js +2 -2
- package/dist/esm/kup-autocomplete_27.entry.js +6 -6
- package/dist/esm/kup-box.entry.js +6 -6
- package/dist/esm/kup-calendar.entry.js +2 -2
- package/dist/esm/kup-card-list.entry.js +1 -1
- package/dist/esm/kup-cell.entry.js +6 -27
- package/dist/esm/kup-cell.entry.js.map +1 -1
- package/dist/esm/kup-dashboard.entry.js +2 -2
- package/dist/esm/{kup-data-table-helper-db8e4ccb.js → kup-data-table-helper-77b091da.js} +2 -2
- package/dist/esm/{kup-data-table-helper-db8e4ccb.js.map → kup-data-table-helper-77b091da.js.map} +1 -1
- package/dist/esm/kup-drawer.entry.js +1 -1
- package/dist/esm/kup-echart.entry.js +1 -1
- package/dist/esm/kup-editor.entry.js +1 -1
- package/dist/esm/kup-family-tree.entry.js +1 -1
- package/dist/esm/kup-grid.entry.js +1 -1
- package/dist/esm/kup-iframe.entry.js +1 -1
- package/dist/esm/kup-image-list.entry.js +4 -4
- package/dist/esm/kup-input-panel.entry.js +4 -4
- package/dist/esm/kup-lazy.entry.js +1 -1
- package/dist/esm/kup-magic-box.entry.js +1 -1
- package/dist/esm/{kup-manager-30b785c0.js → kup-manager-7f0308ee.js} +2 -2
- package/dist/esm/{kup-manager-30b785c0.js.map → kup-manager-7f0308ee.js.map} +1 -1
- package/dist/esm/kup-nav-bar.entry.js +1 -1
- package/dist/esm/kup-numeric-picker.entry.js +2 -2
- package/dist/esm/kup-pdf.entry.js +1 -1
- package/dist/esm/kup-photo-frame.entry.js +1 -1
- package/dist/esm/kup-planner.entry.js +2 -2
- package/dist/esm/kup-probe.entry.js +1 -1
- package/dist/esm/kup-qlik.entry.js +1 -1
- package/dist/esm/kup-snackbar.entry.js +1 -1
- package/dist/esm/kup-typography-list.entry.js +1 -1
- package/dist/esm/kup-typography.entry.js +1 -1
- package/dist/ketchup/index.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/{p-289f3508.entry.js → p-03885b8d.entry.js} +2 -2
- package/dist/ketchup/{p-5017319c.entry.js → p-05a7120a.entry.js} +2 -2
- package/dist/ketchup/{p-d46f8700.js → p-1754ee9b.js} +2 -2
- package/dist/ketchup/{p-861aa7c8.entry.js → p-18229ac3.entry.js} +2 -2
- package/dist/ketchup/{p-c9415b33.entry.js → p-188ed514.entry.js} +2 -2
- package/dist/ketchup/{p-c1541eb5.entry.js → p-202dfeee.entry.js} +2 -2
- package/dist/ketchup/{p-0a09fd0b.entry.js → p-2227785a.entry.js} +2 -2
- package/dist/ketchup/{p-5ff0df56.entry.js → p-246e4816.entry.js} +2 -2
- package/dist/ketchup/{p-b08664a5.entry.js → p-2b47d837.entry.js} +2 -2
- package/dist/ketchup/{p-a0403a79.entry.js → p-39fa8da7.entry.js} +2 -2
- package/dist/ketchup/{p-fe21f352.entry.js → p-45db3eae.entry.js} +2 -2
- package/dist/ketchup/{p-261fa958.entry.js → p-48368d6a.entry.js} +2 -2
- package/dist/ketchup/{p-81406670.js → p-544eca9d.js} +2 -2
- package/dist/ketchup/{p-9bddff6e.entry.js → p-5d738584.entry.js} +2 -2
- package/dist/ketchup/{p-9a4c7853.entry.js → p-674a4d20.entry.js} +2 -2
- package/dist/ketchup/{p-9e329edc.entry.js → p-6d51f043.entry.js} +2 -2
- package/dist/ketchup/{p-4e4d469f.entry.js → p-7b5bef8e.entry.js} +2 -2
- package/dist/ketchup/{p-3c73ab2d.js → p-802a4e44.js} +2 -2
- package/dist/ketchup/{p-6b7764d0.entry.js → p-87ff86ee.entry.js} +2 -2
- package/dist/ketchup/{p-1d215391.js → p-8c07fd42.js} +2 -2
- package/dist/ketchup/p-8c07fd42.js.map +1 -0
- package/dist/ketchup/p-9394a966.entry.js +2 -0
- package/dist/ketchup/p-9394a966.entry.js.map +1 -0
- package/dist/ketchup/{p-495b4a15.entry.js → p-9788df0b.entry.js} +2 -2
- package/dist/ketchup/{p-255b0de9.entry.js → p-992647ed.entry.js} +2 -2
- package/dist/ketchup/{p-83b0aa2f.entry.js → p-9d9bb8a9.entry.js} +2 -2
- package/dist/ketchup/{p-7e35e20a.entry.js → p-afc92adf.entry.js} +2 -2
- package/dist/ketchup/{p-abe9af22.entry.js → p-b3c7cbd9.entry.js} +2 -2
- package/dist/ketchup/{p-f4b7d710.entry.js → p-b6c07403.entry.js} +2 -2
- package/dist/ketchup/p-bbdf4a8f.js +2 -0
- package/dist/ketchup/p-bbdf4a8f.js.map +1 -0
- package/dist/ketchup/{p-aefb781c.entry.js → p-cdd29a6d.entry.js} +2 -2
- package/dist/ketchup/{p-71c0ab9e.js → p-df06309a.js} +2 -2
- package/dist/ketchup/{p-0bbc107a.entry.js → p-e01cb12b.entry.js} +2 -2
- package/dist/ketchup/{p-41a62cd8.entry.js → p-e32ad7e4.entry.js} +2 -2
- package/dist/ketchup/{p-404ce351.entry.js → p-f4a6652e.entry.js} +2 -2
- package/dist/ketchup/{p-6827385d.entry.js → p-fedd9482.entry.js} +2 -2
- package/dist/types/f-components/f-cell/f-cell-declarations.d.ts +1 -1
- package/dist/types/managers/kup-data/kup-data-declarations.d.ts +1 -1
- package/package.json +1 -1
- package/dist/cjs/f-cell-f4161c96.js.map +0 -1
- package/dist/esm/f-cell-f16081a9.js.map +0 -1
- package/dist/ketchup/p-1d215391.js.map +0 -1
- package/dist/ketchup/p-abd36410.entry.js +0 -2
- package/dist/ketchup/p-abd36410.entry.js.map +0 -1
- package/dist/ketchup/p-b4c093c6.js +0 -2
- package/dist/ketchup/p-b4c093c6.js.map +0 -1
- /package/dist/ketchup/{p-289f3508.entry.js.map → p-03885b8d.entry.js.map} +0 -0
- /package/dist/ketchup/{p-5017319c.entry.js.map → p-05a7120a.entry.js.map} +0 -0
- /package/dist/ketchup/{p-d46f8700.js.map → p-1754ee9b.js.map} +0 -0
- /package/dist/ketchup/{p-861aa7c8.entry.js.map → p-18229ac3.entry.js.map} +0 -0
- /package/dist/ketchup/{p-c9415b33.entry.js.map → p-188ed514.entry.js.map} +0 -0
- /package/dist/ketchup/{p-c1541eb5.entry.js.map → p-202dfeee.entry.js.map} +0 -0
- /package/dist/ketchup/{p-0a09fd0b.entry.js.map → p-2227785a.entry.js.map} +0 -0
- /package/dist/ketchup/{p-5ff0df56.entry.js.map → p-246e4816.entry.js.map} +0 -0
- /package/dist/ketchup/{p-b08664a5.entry.js.map → p-2b47d837.entry.js.map} +0 -0
- /package/dist/ketchup/{p-a0403a79.entry.js.map → p-39fa8da7.entry.js.map} +0 -0
- /package/dist/ketchup/{p-fe21f352.entry.js.map → p-45db3eae.entry.js.map} +0 -0
- /package/dist/ketchup/{p-261fa958.entry.js.map → p-48368d6a.entry.js.map} +0 -0
- /package/dist/ketchup/{p-81406670.js.map → p-544eca9d.js.map} +0 -0
- /package/dist/ketchup/{p-9bddff6e.entry.js.map → p-5d738584.entry.js.map} +0 -0
- /package/dist/ketchup/{p-9a4c7853.entry.js.map → p-674a4d20.entry.js.map} +0 -0
- /package/dist/ketchup/{p-9e329edc.entry.js.map → p-6d51f043.entry.js.map} +0 -0
- /package/dist/ketchup/{p-4e4d469f.entry.js.map → p-7b5bef8e.entry.js.map} +0 -0
- /package/dist/ketchup/{p-3c73ab2d.js.map → p-802a4e44.js.map} +0 -0
- /package/dist/ketchup/{p-6b7764d0.entry.js.map → p-87ff86ee.entry.js.map} +0 -0
- /package/dist/ketchup/{p-495b4a15.entry.js.map → p-9788df0b.entry.js.map} +0 -0
- /package/dist/ketchup/{p-255b0de9.entry.js.map → p-992647ed.entry.js.map} +0 -0
- /package/dist/ketchup/{p-83b0aa2f.entry.js.map → p-9d9bb8a9.entry.js.map} +0 -0
- /package/dist/ketchup/{p-7e35e20a.entry.js.map → p-afc92adf.entry.js.map} +0 -0
- /package/dist/ketchup/{p-abe9af22.entry.js.map → p-b3c7cbd9.entry.js.map} +0 -0
- /package/dist/ketchup/{p-f4b7d710.entry.js.map → p-b6c07403.entry.js.map} +0 -0
- /package/dist/ketchup/{p-aefb781c.entry.js.map → p-cdd29a6d.entry.js.map} +0 -0
- /package/dist/ketchup/{p-71c0ab9e.js.map → p-df06309a.js.map} +0 -0
- /package/dist/ketchup/{p-0bbc107a.entry.js.map → p-e01cb12b.entry.js.map} +0 -0
- /package/dist/ketchup/{p-41a62cd8.entry.js.map → p-e32ad7e4.entry.js.map} +0 -0
- /package/dist/ketchup/{p-404ce351.entry.js.map → p-f4a6652e.entry.js.map} +0 -0
- /package/dist/ketchup/{p-6827385d.entry.js.map → p-fedd9482.entry.js.map} +0 -0
|
@@ -167,14 +167,14 @@ export class KupCell {
|
|
|
167
167
|
renderKup: true,
|
|
168
168
|
row: this.generateRow(),
|
|
169
169
|
};
|
|
170
|
-
return (h(Host, { key: '
|
|
170
|
+
return (h(Host, { key: 'a4505e4d7ffa3784c6f5762f2b5a53e50cc5a627' }, h("style", { key: '83795fa9a931b49588e77d60b32bc27c0c11b203' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '5fb3f00c4c3b543442084ab8231b232188296473', id: componentWrapperId, style: this.showSubmit
|
|
171
171
|
? {
|
|
172
172
|
display: 'flex',
|
|
173
173
|
'flex-direction': this.submitPosition,
|
|
174
174
|
'align-items': 'center',
|
|
175
175
|
gap: '0.5rem',
|
|
176
176
|
}
|
|
177
|
-
: {} }, h(FCellOptions, Object.assign({ key: '
|
|
177
|
+
: {} }, h(FCellOptions, Object.assign({ key: '5875cef585519fef471a0566cb448bf4d96d26ed' }, props)), this.showSubmit ? (h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", onClick: (e) => {
|
|
178
178
|
this.submitClick(e);
|
|
179
179
|
} })) : null)));
|
|
180
180
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kup-cell.js","sourceRoot":"","sources":["../../../src/components/kup-cell/kup-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellSubmitButtonPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellProps,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCellOptions } from '../../f-components/f-cell-options.tsx/f-cell-options';\nimport { FButton } from '../../f-components/f-button/f-button';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /**\n * References the root HTML element of the component (<kup-text-field>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * The data of the cell.\n * @default false\n */\n @Prop() data: KupDataCell = null;\n /**\n * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n */\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /**\n * When set to true, the component is draggable.\n * @default false\n */\n @Prop() dragEnabled: boolean = false;\n\n /**\n * Show submit button\n */\n @Prop() showSubmit: boolean = false;\n\n /**\n * Submit button position, default is right\n */\n @Prop() submitPosition: KupCellSubmitButtonPosition =\n KupCellSubmitButtonPosition.right;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n #kupManager: KupManager = kupManagerInstance();\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /**\n * Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\n }\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupCellProps, descriptions);\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupCellProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const colname: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : 'KUPCELL';\n const coltitle: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : this.#kupManager.language.translate(\n KupLanguageGeneric.EMPTY_OBJECT\n );\n return {\n name: colname,\n title: coltitle,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\n this.#kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n this.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\n\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div\n id={componentWrapperId}\n style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': this.submitPosition,\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCellOptions {...props}></FCellOptions>\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"kup-cell.js","sourceRoot":"","sources":["../../../src/components/kup-cell/kup-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellSubmitButtonPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCellOptions } from '../../f-components/f-cell-options.tsx/f-cell-options';\nimport { FButton } from '../../f-components/f-button/f-button';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /**\n * References the root HTML element of the component (<kup-text-field>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * The data of the cell.\n * @default false\n */\n @Prop() data: KupDataCell = null;\n /**\n * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n */\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /**\n * When set to true, the component is draggable.\n * @default false\n */\n @Prop() dragEnabled: boolean = false;\n\n /**\n * Show submit button\n */\n @Prop() showSubmit: boolean = false;\n\n /**\n * Submit button position, default is right\n */\n @Prop() submitPosition: KupCellSubmitButtonPosition =\n KupCellSubmitButtonPosition.right;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n #kupManager: KupManager = kupManagerInstance();\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /**\n * Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\n }\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupCellProps, descriptions);\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupCellProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const colname: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : 'KUPCELL';\n const coltitle: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : this.#kupManager.language.translate(\n KupLanguageGeneric.EMPTY_OBJECT\n );\n return {\n name: colname,\n title: coltitle,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\n this.#kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n this.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\n\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div\n id={componentWrapperId}\n style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': this.submitPosition,\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCellOptions {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"f-cell-declarations.js","sourceRoot":"","sources":["../../../src/f-components/f-cell/f-cell-declarations.ts"],"names":[],"mappings":"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","sourcesContent":["import type { VNode } from '@stencil/core';\nimport {\n CellActionProps,\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport {\n FComponent,\n KupEventPayload,\n KupTagNames,\n} from '../../types/GenericTypes';\n\nexport const autoCenterComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];\nexport const fullWidthFieldsComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];\n/**\n * Props of the f-cell component.\n */\nexport interface FCellProps extends FComponent {\n cell?:
|
|
1
|
+
{"version":3,"file":"f-cell-declarations.js","sourceRoot":"","sources":["../../../src/f-components/f-cell/f-cell-declarations.ts"],"names":[],"mappings":"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","sourcesContent":["import type { VNode } from '@stencil/core';\nimport {\n CellActionProps,\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport {\n FComponent,\n KupEventPayload,\n KupTagNames,\n} from '../../types/GenericTypes';\n\nexport const autoCenterComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];\nexport const fullWidthFieldsComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];\n/**\n * Props of the f-cell component.\n */\nexport interface FCellProps extends FComponent {\n cell?: KupDataCellOptions;\n column?: KupDataColumn;\n component?: unknown;\n density?: FCellPadding;\n editable?: boolean;\n indents?: VNode[];\n previousValue?: string;\n renderKup?: boolean;\n row?: KupDataRow;\n setSizes?: boolean;\n shape?: FCellShapes;\n cellActionIcon?: CellActionProps;\n}\n\nexport interface FCellOptionsProps extends FCellProps {\n cell?: KupDataCellOptions;\n}\n/**\n * Information about the cell, displayed before the content.\n */\nexport interface FCellInfo {\n color?: string;\n icon?: string;\n placeholderIcon?: string;\n message: string;\n}\n/**\n * Supported cell events.\n */\nexport enum FCellEvents {\n CLICK = 'kup-cell-click',\n ICON_CLICK = 'kup-cell-iconclick',\n INPUT = 'kup-cell-input',\n KEYUP = 'kup-cell-keyup',\n UPDATE = 'kup-cell-update',\n}\n/**\n * Supported cell padding.\n */\nexport enum FCellPadding {\n DENSE = 'dense',\n MEDIUM = 'medium',\n NONE = '',\n WIDE = 'wide',\n}\n/**\n * Supported cell CSS classes.\n */\nexport enum FCellClasses {\n BG_DANGER = 'danger-bg',\n BG_GREEN = 'green-bg',\n BG_GREY = 'grey-bg',\n BG_ORANGE = 'orange-bg',\n BG_PURPLE = 'purple-bg',\n BG_SUCCESS = 'success-bg',\n BG_TEAL = 'teal-bg',\n BG_WARNING = 'warning-bg',\n C_BG_DANGER = 'c-danger-bg',\n C_BG_GREEN = 'c-green-bg',\n C_BG_GREY = 'c-grey-bg',\n C_BG_ORANGE = 'c-orange-bg',\n C_BG_PURPLE = 'c-purple-bg',\n C_BG_SUCCESS = 'c-success-bg',\n C_BG_TEAL = 'c-teal-bg',\n C_BG_WARNING = 'c-warning-bg',\n C_CENTERED = 'c-centered',\n C_FITTED = 'c-fitted',\n C_PADDED = 'c-padded',\n C_PADDED_HOR = 'c-padded-hor',\n C_PADDED_VER = 'c-padded-ver',\n C_ROUND = 'c-round',\n C_RIGHT_ALIGNED = 'c-right-aligned',\n C_SHAPED = 'c-shaped',\n C_TEXT_VERTICAL = 'c-vertical-text',\n CLICKABLE = 'clickable',\n HOVER_DISPLAY = 'display-on-hover',\n HOVER_EXPAND = 'expand-on-hover',\n HOVER_REDUCE = 'reduce-on-hover',\n INDICATOR_TOPRIGHT = 'top-right-indicator',\n LINK = 'link',\n MONOSPACE = 'monospace',\n OBJ = 'obj',\n SHAPED = 'shaped',\n TEXT_DANGER = 'danger-text',\n TEXT_INFO = 'info-text',\n TEXT_PRIMARY = 'primary-text',\n TEXT_PURPLE = 'purple-text',\n TEXT_SECONDARY = 'secondary-text',\n TEXT_STRONG = 'strong-text',\n TEXT_SUCCESS = 'success-text',\n TEXT_WARNING = 'warning-text',\n UNDERLINED = 'underlined',\n}\n/**\n * Supported cell shapes.\n */\nexport enum FCellShapes {\n AUTOCOMPLETE = 'ACP',\n BUTTON_LIST = 'BTN',\n CHART = 'GRA',\n CHECKBOX = 'CHK',\n CHIP = 'CHI',\n COLOR_PICKER = 'CLP',\n COMBOBOX = 'CMB',\n DATE = 'DAT',\n EDITOR = 'EDT',\n GAUGE = 'GAU',\n IMAGE = 'IMG',\n INPUT_CHECKBOX = 'INC',\n INPUT_FIELD = 'INF',\n KNOB = 'KNB',\n LABEL = 'LBL',\n MULTI_AUTOCOMPLETE = 'AML',\n MULTI_COMBOBOX = 'CML',\n OBJECT = 'OBJ',\n PROGRESS_BAR = 'PGB',\n RADIO = 'RAD',\n RATING = 'RTG',\n SWITCH = 'SWT',\n TABLE = 'TBL',\n TEXT_FIELD = 'ITX',\n TIME = 'TIM',\n}\n/**\n * Supported cell types.\n */\nexport enum FCellTypes {\n AUTOCOMPLETE = 'autocomplete',\n BAR = 'bar',\n BUTTON = 'button',\n BUTTON_LIST = 'button-list',\n CHART = 'chart',\n CHECKBOX = 'checkbox',\n CHIP = 'chips',\n COLOR_PICKER = 'color-picker',\n COMBOBOX = 'combobox',\n DATE = 'date',\n DATETIME = 'datetime',\n EDITOR = 'editor',\n GAUGE = 'gauge',\n ICON = 'icon',\n IMAGE = 'image',\n KNOB = 'knob',\n LINK = 'link',\n MULTI_AUTOCOMPLETE = 'multi-autocomplete',\n MULTI_COMBOBOX = 'multi-combobox',\n NUMBER = 'number',\n OBJECT = 'object',\n PROGRESS_BAR = 'progress-bar',\n RADIO = 'radio',\n RATING = 'rating',\n STRING = 'string',\n SWITCH = 'switch',\n TABLE = 'table',\n TIME = 'time',\n}\nexport const editableTypes = [\n FCellTypes.AUTOCOMPLETE,\n FCellTypes.CHECKBOX,\n FCellTypes.CHIP,\n FCellTypes.COLOR_PICKER,\n FCellTypes.COMBOBOX,\n FCellTypes.DATE,\n FCellTypes.LINK,\n FCellTypes.MULTI_AUTOCOMPLETE,\n FCellTypes.MULTI_COMBOBOX,\n FCellTypes.NUMBER,\n FCellTypes.OBJECT,\n FCellTypes.RADIO,\n FCellTypes.RATING,\n FCellTypes.STRING,\n FCellTypes.SWITCH,\n FCellTypes.TIME,\n];\nexport const kupTypes = [\n FCellTypes.BAR,\n FCellTypes.BUTTON,\n FCellTypes.BUTTON_LIST,\n FCellTypes.CHART,\n FCellTypes.CHIP,\n FCellTypes.COLOR_PICKER,\n FCellTypes.GAUGE,\n FCellTypes.KNOB,\n FCellTypes.MULTI_AUTOCOMPLETE,\n FCellTypes.MULTI_COMBOBOX,\n FCellTypes.OBJECT,\n FCellTypes.PROGRESS_BAR,\n FCellTypes.RADIO,\n FCellTypes.RATING,\n];\n/**\n * Payload of the event fired when a cell is updated.\n */\nexport interface FCellEventPayload extends KupEventPayload {\n cell: KupDataCell;\n column: KupDataColumn;\n event: CustomEvent | InputEvent | MouseEvent | KeyboardEvent;\n row: KupDataRow;\n type: FCellTypes;\n}\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { KupTagNames, } from "../../types/GenericTypes";
|
|
2
2
|
import { autoCenterComps, editableTypes, FCellClasses, FCellEvents, FCellShapes, FCellTypes, fullWidthFieldsComps, kupTypes, } from "./f-cell-declarations";
|
|
3
3
|
import { h } from "@stencil/core";
|
|
4
|
-
import { getCellValueForDisplay } from "../../utils/cell-utils";
|
|
4
|
+
import { CMBandACPAdapter, getCellValueForDisplay, RADAdapter, } from "../../utils/cell-utils";
|
|
5
5
|
import { FCheckbox } from "../f-checkbox/f-checkbox";
|
|
6
6
|
import { FTextField } from "../f-text-field/f-text-field";
|
|
7
7
|
import { FImage } from "../f-image/f-image";
|
|
@@ -20,6 +20,7 @@ const dom = document.documentElement;
|
|
|
20
20
|
/* C o m p o n e n t */
|
|
21
21
|
/*-------------------------------------------------*/
|
|
22
22
|
export const FCell = (props, children) => {
|
|
23
|
+
var _a;
|
|
23
24
|
const cell = props.cell;
|
|
24
25
|
const column = props.column;
|
|
25
26
|
const row = props.row;
|
|
@@ -39,6 +40,9 @@ export const FCell = (props, children) => {
|
|
|
39
40
|
isEditable = column.isEditable;
|
|
40
41
|
}
|
|
41
42
|
isEditable = isEditable && props.editable;
|
|
43
|
+
if (cell.options) {
|
|
44
|
+
cell.data = (_a = mapData(cell, column)) !== null && _a !== void 0 ? _a : cell.data;
|
|
45
|
+
}
|
|
42
46
|
const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';
|
|
43
47
|
const cellType = dom.ketchup.data.cell.getType(cell, shape);
|
|
44
48
|
const subcomponentProps = Object.assign({}, cell.data);
|
|
@@ -130,6 +134,88 @@ export const FCell = (props, children) => {
|
|
|
130
134
|
? children
|
|
131
135
|
: [props.indents, infoEl, icon, content])));
|
|
132
136
|
};
|
|
137
|
+
const mapData = (cell, col) => {
|
|
138
|
+
if (!cell) {
|
|
139
|
+
return null;
|
|
140
|
+
}
|
|
141
|
+
const options = cell.options;
|
|
142
|
+
const fieldLabel = col.title;
|
|
143
|
+
const currentValue = cell.value;
|
|
144
|
+
const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
|
|
145
|
+
const dataAdapterMap = new Map([
|
|
146
|
+
[FCellTypes.RADIO, MainRADAdapter.bind(this)],
|
|
147
|
+
[FCellTypes.AUTOCOMPLETE, MainCMBandACPAdapter.bind(this)],
|
|
148
|
+
]);
|
|
149
|
+
const adapter = dataAdapterMap.get(cellType);
|
|
150
|
+
return adapter
|
|
151
|
+
? adapter(options, fieldLabel, currentValue, cell, col.name)
|
|
152
|
+
: null;
|
|
153
|
+
};
|
|
154
|
+
const MainRADAdapter = (options, _fieldLabel, currentValue) => {
|
|
155
|
+
return RADAdapter(currentValue, options);
|
|
156
|
+
};
|
|
157
|
+
const MainCMBandACPAdapter = (rawOptions, fieldLabel, currentValue) => {
|
|
158
|
+
const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);
|
|
159
|
+
configCMandACP.data['kup-list'].data = optionsTreeComboAdapter(rawOptions, currentValue);
|
|
160
|
+
return configCMandACP;
|
|
161
|
+
};
|
|
162
|
+
const optionsTreeComboAdapter = (options, currentValue) => {
|
|
163
|
+
const adapter = optionsAdapterMap.get(options.type);
|
|
164
|
+
if (adapter) {
|
|
165
|
+
return adapter(options, currentValue);
|
|
166
|
+
}
|
|
167
|
+
else {
|
|
168
|
+
return options.map((option) => ({
|
|
169
|
+
value: option.label,
|
|
170
|
+
id: option.id,
|
|
171
|
+
selected: currentValue === option.id,
|
|
172
|
+
}));
|
|
173
|
+
}
|
|
174
|
+
};
|
|
175
|
+
const treeOptionsNodeAdapter = (options, currentValue) => {
|
|
176
|
+
return options.children.map((child) => {
|
|
177
|
+
var _a;
|
|
178
|
+
return ({
|
|
179
|
+
id: child.content.codice,
|
|
180
|
+
value: child.content.testo,
|
|
181
|
+
selected: currentValue === child.content.codice,
|
|
182
|
+
children: ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length)
|
|
183
|
+
? treeOptionsNodeAdapter(child, currentValue)
|
|
184
|
+
: [],
|
|
185
|
+
});
|
|
186
|
+
});
|
|
187
|
+
};
|
|
188
|
+
const dataTreeOptionsChildrenAdapter = (options, currentValue) => {
|
|
189
|
+
return options.children.map((child) => {
|
|
190
|
+
var _a;
|
|
191
|
+
return ({
|
|
192
|
+
id: child.obj.k,
|
|
193
|
+
value: child.value,
|
|
194
|
+
selected: currentValue === child.obj.k,
|
|
195
|
+
children: ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length)
|
|
196
|
+
? dataTreeOptionsChildrenAdapter(child, currentValue)
|
|
197
|
+
: [],
|
|
198
|
+
});
|
|
199
|
+
});
|
|
200
|
+
};
|
|
201
|
+
const tableOptionsAdapter = (options, currentValue) => {
|
|
202
|
+
return options.rows.map((row) => {
|
|
203
|
+
var _a;
|
|
204
|
+
const cells = row.fields || row.cells;
|
|
205
|
+
const [id, value] = Object.keys(cells);
|
|
206
|
+
return {
|
|
207
|
+
id: cells[id].value,
|
|
208
|
+
value: ((_a = cells[value]) === null || _a === void 0 ? void 0 : _a.value) || cells[id].value,
|
|
209
|
+
selected: currentValue === cells[id].value,
|
|
210
|
+
};
|
|
211
|
+
});
|
|
212
|
+
};
|
|
213
|
+
const optionsAdapterMap = new Map([
|
|
214
|
+
['SmeupTreeNode', treeOptionsNodeAdapter.bind(this)],
|
|
215
|
+
['SmeupDataTree', dataTreeOptionsChildrenAdapter.bind(this)],
|
|
216
|
+
['SmeupTable', tableOptionsAdapter.bind(this)],
|
|
217
|
+
['SmeupDataTable', tableOptionsAdapter.bind(this)],
|
|
218
|
+
]);
|
|
133
219
|
function setCellSize(cellType, subcomponentProps, cell, props) {
|
|
134
220
|
var _a;
|
|
135
221
|
switch (cellType) {
|