@sme.up/ketchup-react 10.0.0-alpha.2 → 10.1.0

package/dist/index.d.ts

@@ -1,68 +1,2 @@
-/// <reference types="react" />
-import type { JSX } from '@sme.up/ketchup';
-export declare const KupAccordion: import("react").ForwardRefExoticComponent<JSX.KupAccordion & Omit<import("react").HTMLAttributes<HTMLKupAccordionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupAccordionElement>>;
-export declare const KupAutocomplete: import("react").ForwardRefExoticComponent<JSX.KupAutocomplete & Omit<import("react").HTMLAttributes<HTMLKupAutocompleteElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupAutocompleteElement>>;
-export declare const KupBadge: import("react").ForwardRefExoticComponent<JSX.KupBadge & Omit<import("react").HTMLAttributes<HTMLKupBadgeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupBadgeElement>>;
-export declare const KupBox: import("react").ForwardRefExoticComponent<JSX.KupBox & Omit<import("react").HTMLAttributes<HTMLKupBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupBoxElement>>;
-export declare const KupButton: import("react").ForwardRefExoticComponent<JSX.KupButton & Omit<import("react").HTMLAttributes<HTMLKupButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupButtonElement>>;
-export declare const KupButtonList: import("react").ForwardRefExoticComponent<JSX.KupButtonList & Omit<import("react").HTMLAttributes<HTMLKupButtonListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupButtonListElement>>;
-export declare const KupCalendar: import("react").ForwardRefExoticComponent<JSX.KupCalendar & Omit<import("react").HTMLAttributes<HTMLKupCalendarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCalendarElement>>;
-export declare const KupCard: import("react").ForwardRefExoticComponent<JSX.KupCard & Omit<import("react").HTMLAttributes<HTMLKupCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCardElement>>;
-export declare const KupCardList: import("react").ForwardRefExoticComponent<JSX.KupCardList & Omit<import("react").HTMLAttributes<HTMLKupCardListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCardListElement>>;
-export declare const KupCell: import("react").ForwardRefExoticComponent<JSX.KupCell & Omit<import("react").HTMLAttributes<HTMLKupCellElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCellElement>>;
-export declare const KupChart: import("react").ForwardRefExoticComponent<JSX.KupChart & Omit<import("react").HTMLAttributes<HTMLKupChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupChartElement>>;
-export declare const KupCheckbox: import("react").ForwardRefExoticComponent<JSX.KupCheckbox & Omit<import("react").HTMLAttributes<HTMLKupCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCheckboxElement>>;
-export declare const KupChip: import("react").ForwardRefExoticComponent<JSX.KupChip & Omit<import("react").HTMLAttributes<HTMLKupChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupChipElement>>;
-export declare const KupColorPicker: import("react").ForwardRefExoticComponent<JSX.KupColorPicker & Omit<import("react").HTMLAttributes<HTMLKupColorPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupColorPickerElement>>;
-export declare const KupCombobox: import("react").ForwardRefExoticComponent<JSX.KupCombobox & Omit<import("react").HTMLAttributes<HTMLKupComboboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupComboboxElement>>;
-export declare const KupCustomTaskListHeader: import("react").ForwardRefExoticComponent<JSX.KupCustomTaskListHeader & Omit<import("react").HTMLAttributes<HTMLKupCustomTaskListHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCustomTaskListHeaderElement>>;
-export declare const KupCustomTaskListTable: import("react").ForwardRefExoticComponent<JSX.KupCustomTaskListTable & Omit<import("react").HTMLAttributes<HTMLKupCustomTaskListTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCustomTaskListTableElement>>;
-export declare const KupDashboard: import("react").ForwardRefExoticComponent<JSX.KupDashboard & Omit<import("react").HTMLAttributes<HTMLKupDashboardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDashboardElement>>;
-export declare const KupDataTable: import("react").ForwardRefExoticComponent<JSX.KupDataTable & Omit<import("react").HTMLAttributes<HTMLKupDataTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDataTableElement>>;
-export declare const KupDatePicker: import("react").ForwardRefExoticComponent<JSX.KupDatePicker & Omit<import("react").HTMLAttributes<HTMLKupDatePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDatePickerElement>>;
-export declare const KupDialog: import("react").ForwardRefExoticComponent<JSX.KupDialog & Omit<import("react").HTMLAttributes<HTMLKupDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDialogElement>>;
-export declare const KupDrawer: import("react").ForwardRefExoticComponent<JSX.KupDrawer & Omit<import("react").HTMLAttributes<HTMLKupDrawerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDrawerElement>>;
-export declare const KupDropdownButton: import("react").ForwardRefExoticComponent<JSX.KupDropdownButton & Omit<import("react").HTMLAttributes<HTMLKupDropdownButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDropdownButtonElement>>;
-export declare const KupEchart: import("react").ForwardRefExoticComponent<JSX.KupEchart & Omit<import("react").HTMLAttributes<HTMLKupEchartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupEchartElement>>;
-export declare const KupEditor: import("react").ForwardRefExoticComponent<JSX.KupEditor & Omit<import("react").HTMLAttributes<HTMLKupEditorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupEditorElement>>;
-export declare const KupFamilyTree: import("react").ForwardRefExoticComponent<JSX.KupFamilyTree & Omit<import("react").HTMLAttributes<HTMLKupFamilyTreeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupFamilyTreeElement>>;
-export declare const KupForm: import("react").ForwardRefExoticComponent<JSX.KupForm & Omit<import("react").HTMLAttributes<HTMLKupFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupFormElement>>;
-export declare const KupGantt: import("react").ForwardRefExoticComponent<JSX.KupGantt & Omit<import("react").HTMLAttributes<HTMLKupGanttElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupGanttElement>>;
-export declare const KupGanttCalendar: import("react").ForwardRefExoticComponent<JSX.KupGanttCalendar & Omit<import("react").HTMLAttributes<HTMLKupGanttCalendarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupGanttCalendarElement>>;
-export declare const KupGauge: import("react").ForwardRefExoticComponent<JSX.KupGauge & Omit<import("react").HTMLAttributes<HTMLKupGaugeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupGaugeElement>>;
-export declare const KupGrid: import("react").ForwardRefExoticComponent<JSX.KupGrid & Omit<import("react").HTMLAttributes<HTMLKupGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupGridElement>>;
-export declare const KupGridRenderer: import("react").ForwardRefExoticComponent<JSX.KupGridRenderer & Omit<import("react").HTMLAttributes<HTMLKupGridRendererElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupGridRendererElement>>;
-export declare const KupHorizontalScroll: import("react").ForwardRefExoticComponent<JSX.KupHorizontalScroll & Omit<import("react").HTMLAttributes<HTMLKupHorizontalScrollElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupHorizontalScrollElement>>;
-export declare const KupIframe: import("react").ForwardRefExoticComponent<JSX.KupIframe & Omit<import("react").HTMLAttributes<HTMLKupIframeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupIframeElement>>;
-export declare const KupImage: import("react").ForwardRefExoticComponent<JSX.KupImage & Omit<import("react").HTMLAttributes<HTMLKupImageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupImageElement>>;
-export declare const KupImageList: import("react").ForwardRefExoticComponent<JSX.KupImageList & Omit<import("react").HTMLAttributes<HTMLKupImageListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupImageListElement>>;
-export declare const KupInputPanel: import("react").ForwardRefExoticComponent<JSX.KupInputPanel & Omit<import("react").HTMLAttributes<HTMLKupInputPanelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupInputPanelElement>>;
-export declare const KupLazy: import("react").ForwardRefExoticComponent<JSX.KupLazy & Omit<import("react").HTMLAttributes<HTMLKupLazyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupLazyElement>>;
-export declare const KupList: import("react").ForwardRefExoticComponent<JSX.KupList & Omit<import("react").HTMLAttributes<HTMLKupListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupListElement>>;
-export declare const KupMagicBox: import("react").ForwardRefExoticComponent<JSX.KupMagicBox & Omit<import("react").HTMLAttributes<HTMLKupMagicBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupMagicBoxElement>>;
-export declare const KupNavBar: import("react").ForwardRefExoticComponent<JSX.KupNavBar & Omit<import("react").HTMLAttributes<HTMLKupNavBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupNavBarElement>>;
-export declare const KupNumericPicker: import("react").ForwardRefExoticComponent<JSX.KupNumericPicker & Omit<import("react").HTMLAttributes<HTMLKupNumericPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupNumericPickerElement>>;
-export declare const KupPdf: import("react").ForwardRefExoticComponent<JSX.KupPdf & Omit<import("react").HTMLAttributes<HTMLKupPdfElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupPdfElement>>;
-export declare const KupPhotoFrame: import("react").ForwardRefExoticComponent<JSX.KupPhotoFrame & Omit<import("react").HTMLAttributes<HTMLKupPhotoFrameElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupPhotoFrameElement>>;
-export declare const KupPlanner: import("react").ForwardRefExoticComponent<JSX.KupPlanner & Omit<import("react").HTMLAttributes<HTMLKupPlannerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupPlannerElement>>;
-export declare const KupPlannerRenderer: import("react").ForwardRefExoticComponent<JSX.KupPlannerRenderer & Omit<import("react").HTMLAttributes<HTMLKupPlannerRendererElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupPlannerRendererElement>>;
-export declare const KupProbe: import("react").ForwardRefExoticComponent<JSX.KupProbe & Omit<import("react").HTMLAttributes<HTMLKupProbeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupProbeElement>>;
-export declare const KupProgressBar: import("react").ForwardRefExoticComponent<JSX.KupProgressBar & Omit<import("react").HTMLAttributes<HTMLKupProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupProgressBarElement>>;
-export declare const KupQlik: import("react").ForwardRefExoticComponent<JSX.KupQlik & Omit<import("react").HTMLAttributes<HTMLKupQlikElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupQlikElement>>;
-export declare const KupRadio: import("react").ForwardRefExoticComponent<JSX.KupRadio & Omit<import("react").HTMLAttributes<HTMLKupRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupRadioElement>>;
-export declare const KupRating: import("react").ForwardRefExoticComponent<JSX.KupRating & Omit<import("react").HTMLAttributes<HTMLKupRatingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupRatingElement>>;
-export declare const KupSnackbar: import("react").ForwardRefExoticComponent<JSX.KupSnackbar & Omit<import("react").HTMLAttributes<HTMLKupSnackbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupSnackbarElement>>;
-export declare const KupSpinner: import("react").ForwardRefExoticComponent<JSX.KupSpinner & Omit<import("react").HTMLAttributes<HTMLKupSpinnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupSpinnerElement>>;
-export declare const KupStandardTooltip: import("react").ForwardRefExoticComponent<JSX.KupStandardTooltip & Omit<import("react").HTMLAttributes<HTMLKupStandardTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupStandardTooltipElement>>;
-export declare const KupSwitch: import("react").ForwardRefExoticComponent<JSX.KupSwitch & Omit<import("react").HTMLAttributes<HTMLKupSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupSwitchElement>>;
-export declare const KupSwitcher: import("react").ForwardRefExoticComponent<JSX.KupSwitcher & Omit<import("react").HTMLAttributes<HTMLKupSwitcherElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupSwitcherElement>>;
-export declare const KupTabBar: import("react").ForwardRefExoticComponent<JSX.KupTabBar & Omit<import("react").HTMLAttributes<HTMLKupTabBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTabBarElement>>;
-export declare const KupTaskGantt: import("react").ForwardRefExoticComponent<JSX.KupTaskGantt & Omit<import("react").HTMLAttributes<HTMLKupTaskGanttElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTaskGanttElement>>;
-export declare const KupTaskList: import("react").ForwardRefExoticComponent<JSX.KupTaskList & Omit<import("react").HTMLAttributes<HTMLKupTaskListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTaskListElement>>;
-export declare const KupTaskListHeader: import("react").ForwardRefExoticComponent<JSX.KupTaskListHeader & Omit<import("react").HTMLAttributes<HTMLKupTaskListHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTaskListHeaderElement>>;
-export declare const KupTaskListTable: import("react").ForwardRefExoticComponent<JSX.KupTaskListTable & Omit<import("react").HTMLAttributes<HTMLKupTaskListTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTaskListTableElement>>;
-export declare const KupTextField: import("react").ForwardRefExoticComponent<JSX.KupTextField & Omit<import("react").HTMLAttributes<HTMLKupTextFieldElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTextFieldElement>>;
-export declare const KupTimePicker: import("react").ForwardRefExoticComponent<JSX.KupTimePicker & Omit<import("react").HTMLAttributes<HTMLKupTimePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTimePickerElement>>;
-export declare const KupTooltip: import("react").ForwardRefExoticComponent<JSX.KupTooltip & Omit<import("react").HTMLAttributes<HTMLKupTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTooltipElement>>;
-export declare const KupTree: import("react").ForwardRefExoticComponent<JSX.KupTree & Omit<import("react").HTMLAttributes<HTMLKupTreeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTreeElement>>;
-export declare const KupVerticalScroll: import("react").ForwardRefExoticComponent<JSX.KupVerticalScroll & Omit<import("react").HTMLAttributes<HTMLKupVerticalScrollElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupVerticalScrollElement>>;
+export { setAssetPath } from '@sme.up/ketchup/dist/components/index';
+export * from './components';

package/dist/index.js

@@ -1,72 +1,2 @@
-/* eslint-disable */
-/* tslint:disable */
-/* auto-generated react proxies */
-import { createReactComponent } from './react-component-lib';
-import { defineCustomElements } from '@sme.up/ketchup/dist/loader';
-defineCustomElements();
-export const KupAccordion = /*@__PURE__*/ createReactComponent('kup-accordion');
-export const KupAutocomplete = /*@__PURE__*/ createReactComponent('kup-autocomplete');
-export const KupBadge = /*@__PURE__*/ createReactComponent('kup-badge');
-export const KupBox = /*@__PURE__*/ createReactComponent('kup-box');
-export const KupButton = /*@__PURE__*/ createReactComponent('kup-button');
-export const KupButtonList = /*@__PURE__*/ createReactComponent('kup-button-list');
-export const KupCalendar = /*@__PURE__*/ createReactComponent('kup-calendar');
-export const KupCard = /*@__PURE__*/ createReactComponent('kup-card');
-export const KupCardList = /*@__PURE__*/ createReactComponent('kup-card-list');
-export const KupCell = /*@__PURE__*/ createReactComponent('kup-cell');
-export const KupChart = /*@__PURE__*/ createReactComponent('kup-chart');
-export const KupCheckbox = /*@__PURE__*/ createReactComponent('kup-checkbox');
-export const KupChip = /*@__PURE__*/ createReactComponent('kup-chip');
-export const KupColorPicker = /*@__PURE__*/ createReactComponent('kup-color-picker');
-export const KupCombobox = /*@__PURE__*/ createReactComponent('kup-combobox');
-export const KupCustomTaskListHeader = /*@__PURE__*/ createReactComponent('kup-custom-task-list-header');
-export const KupCustomTaskListTable = /*@__PURE__*/ createReactComponent('kup-custom-task-list-table');
-export const KupDashboard = /*@__PURE__*/ createReactComponent('kup-dashboard');
-export const KupDataTable = /*@__PURE__*/ createReactComponent('kup-data-table');
-export const KupDatePicker = /*@__PURE__*/ createReactComponent('kup-date-picker');
-export const KupDialog = /*@__PURE__*/ createReactComponent('kup-dialog');
-export const KupDrawer = /*@__PURE__*/ createReactComponent('kup-drawer');
-export const KupDropdownButton = /*@__PURE__*/ createReactComponent('kup-dropdown-button');
-export const KupEchart = /*@__PURE__*/ createReactComponent('kup-echart');
-export const KupEditor = /*@__PURE__*/ createReactComponent('kup-editor');
-export const KupFamilyTree = /*@__PURE__*/ createReactComponent('kup-family-tree');
-export const KupForm = /*@__PURE__*/ createReactComponent('kup-form');
-export const KupGantt = /*@__PURE__*/ createReactComponent('kup-gantt');
-export const KupGanttCalendar = /*@__PURE__*/ createReactComponent('kup-gantt-calendar');
-export const KupGauge = /*@__PURE__*/ createReactComponent('kup-gauge');
-export const KupGrid = /*@__PURE__*/ createReactComponent('kup-grid');
-export const KupGridRenderer = /*@__PURE__*/ createReactComponent('kup-grid-renderer');
-export const KupHorizontalScroll = /*@__PURE__*/ createReactComponent('kup-horizontal-scroll');
-export const KupIframe = /*@__PURE__*/ createReactComponent('kup-iframe');
-export const KupImage = /*@__PURE__*/ createReactComponent('kup-image');
-export const KupImageList = /*@__PURE__*/ createReactComponent('kup-image-list');
-export const KupInputPanel = /*@__PURE__*/ createReactComponent('kup-input-panel');
-export const KupLazy = /*@__PURE__*/ createReactComponent('kup-lazy');
-export const KupList = /*@__PURE__*/ createReactComponent('kup-list');
-export const KupMagicBox = /*@__PURE__*/ createReactComponent('kup-magic-box');
-export const KupNavBar = /*@__PURE__*/ createReactComponent('kup-nav-bar');
-export const KupNumericPicker = /*@__PURE__*/ createReactComponent('kup-numeric-picker');
-export const KupPdf = /*@__PURE__*/ createReactComponent('kup-pdf');
-export const KupPhotoFrame = /*@__PURE__*/ createReactComponent('kup-photo-frame');
-export const KupPlanner = /*@__PURE__*/ createReactComponent('kup-planner');
-export const KupPlannerRenderer = /*@__PURE__*/ createReactComponent('kup-planner-renderer');
-export const KupProbe = /*@__PURE__*/ createReactComponent('kup-probe');
-export const KupProgressBar = /*@__PURE__*/ createReactComponent('kup-progress-bar');
-export const KupQlik = /*@__PURE__*/ createReactComponent('kup-qlik');
-export const KupRadio = /*@__PURE__*/ createReactComponent('kup-radio');
-export const KupRating = /*@__PURE__*/ createReactComponent('kup-rating');
-export const KupSnackbar = /*@__PURE__*/ createReactComponent('kup-snackbar');
-export const KupSpinner = /*@__PURE__*/ createReactComponent('kup-spinner');
-export const KupStandardTooltip = /*@__PURE__*/ createReactComponent('kup-standard-tooltip');
-export const KupSwitch = /*@__PURE__*/ createReactComponent('kup-switch');
-export const KupSwitcher = /*@__PURE__*/ createReactComponent('kup-switcher');
-export const KupTabBar = /*@__PURE__*/ createReactComponent('kup-tab-bar');
-export const KupTaskGantt = /*@__PURE__*/ createReactComponent('kup-task-gantt');
-export const KupTaskList = /*@__PURE__*/ createReactComponent('kup-task-list');
-export const KupTaskListHeader = /*@__PURE__*/ createReactComponent('kup-task-list-header');
-export const KupTaskListTable = /*@__PURE__*/ createReactComponent('kup-task-list-table');
-export const KupTextField = /*@__PURE__*/ createReactComponent('kup-text-field');
-export const KupTimePicker = /*@__PURE__*/ createReactComponent('kup-time-picker');
-export const KupTooltip = /*@__PURE__*/ createReactComponent('kup-tooltip');
-export const KupTree = /*@__PURE__*/ createReactComponent('kup-tree');
-export const KupVerticalScroll = /*@__PURE__*/ createReactComponent('kup-vertical-scroll');
+export { setAssetPath } from '@sme.up/ketchup/dist/components/index';
+export * from './components';

package/package.json

@@ -1,11 +1,12 @@
 {
     "name": "@sme.up/ketchup-react",
-    "version": "10.0.0-alpha.2",
-    "module": "dist/index.js",
-    "typings": "dist/index.d.ts",
+    "version": "10.1.0",
+    "main": "dist/components.js",
+    "module": "dist/components.js",
+    "types": "dist/components.d.ts",
     "keywords": [
         "smeup",
-        "KetchUP showcase",
+        "KetchUP React Components",
         "pwa",
         "custom elements",
         "components"
@@ -20,17 +21,15 @@
     "description": "Ketchup React Components library by smeup",
     "license": "Apache-2.0",
     "dependencies": {
-        "@sme.up/ketchup": "^10.0.0-SNAPSHOT",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0"
+        "@sme.up/ketchup": "10.1.0",
+        "@stencil/react-output-target": "^0.7",
+        "react": "^18",
+        "react-dom": "^18"
     },
     "devDependencies": {
-        "@types/geojson": "^7946.0.10",
-        "@types/node": "^20.2.5",
-        "@types/react": "^18.2.7",
-        "@types/react-dom": "^18.2.4",
-        "rimraf": "^5.0.1",
-        "typescript": "5.0.4"
+        "@stencil/core": "^4",
+        "rimraf": "^6",
+        "typescript": "^5"
     },
     "installConfig": {
         "hoistingLimits": "workspaces"

package/dist/react-component-lib/createComponent.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface HTMLStencilElement extends HTMLElement {
-    componentOnReady(): Promise<this>;
-}
-interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
-    forwardedRef: React.RefObject<ElementType>;
-    ref?: React.Ref<any>;
-}
-export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType> | undefined, manipulatePropsFunction?: ((originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes) | undefined, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
-export {};

package/dist/react-component-lib/createComponent.js

@@ -1,68 +0,0 @@
-import React, { createElement } from 'react';
-import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
-export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
-    if (defineCustomElement !== undefined) {
-        defineCustomElement();
-    }
-    const displayName = dashToPascalCase(tagName);
-    const ReactComponent = class extends React.Component {
-        componentEl;
-        setComponentElRef = (element) => {
-            this.componentEl = element;
-        };
-        constructor(props) {
-            super(props);
-        }
-        componentDidMount() {
-            this.componentDidUpdate(this.props);
-        }
-        componentDidUpdate(prevProps) {
-            attachProps(this.componentEl, this.props, prevProps);
-        }
-        render() {
-            const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
-            let propsToPass = Object.keys(cProps).reduce((acc, name) => {
-                const value = cProps[name];
-                if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-                    const eventName = name.substring(2).toLowerCase();
-                    if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
-                        acc[name] = value;
-                    }
-                }
-                else {
-                    // we should only render strings, booleans, and numbers as attrs in html.
-                    // objects, functions, arrays etc get synced via properties on mount.
-                    const type = typeof value;
-                    if (type === 'string' || type === 'boolean' || type === 'number') {
-                        acc[camelToDashCase(name)] = value;
-                    }
-                }
-                return acc;
-            }, {});
-            if (manipulatePropsFunction) {
-                propsToPass = manipulatePropsFunction(this.props, propsToPass);
-            }
-            const newProps = {
-                ...propsToPass,
-                ref: mergeRefs(forwardedRef, this.setComponentElRef),
-                style,
-            };
-            /**
-             * We use createElement here instead of
-             * React.createElement to work around a
-             * bug in Vite (https://github.com/vitejs/vite/issues/6104).
-             * React.createElement causes all elements to be rendered
-             * as <tagname> instead of the actual Web Component.
-             */
-            return createElement(tagName, newProps, children);
-        }
-        static get displayName() {
-            return displayName;
-        }
-    };
-    // If context was passed to createReactComponent then conditionally add it to the Component Class
-    if (ReactComponentContext) {
-        ReactComponent.contextType = ReactComponentContext;
-    }
-    return createForwardRef(ReactComponent, displayName);
-};

package/dist/react-component-lib/createOverlayComponent.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { OverlayEventDetail } from './interfaces';
-import { StencilReactForwardedRef } from './utils';
-interface OverlayElement extends HTMLElement {
-    present: () => Promise<void>;
-    dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
-}
-export interface ReactOverlayProps {
-    children?: React.ReactNode;
-    isOpen: boolean;
-    onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
-    onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
-    onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
-    onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
-}
-export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
-    create: (options: any) => Promise<OverlayType>;
-}, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
-    forwardedRef?: StencilReactForwardedRef<OverlayType> | undefined;
-}> & React.RefAttributes<OverlayType>>;
-export {};

package/dist/react-component-lib/createOverlayComponent.js

@@ -1,97 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { attachProps, dashToPascalCase, defineCustomElement, setRef } from './utils';
-export const createOverlayComponent = (tagName, controller, customElement) => {
-    defineCustomElement(tagName, customElement);
-    const displayName = dashToPascalCase(tagName);
-    const didDismissEventName = `on${displayName}DidDismiss`;
-    const didPresentEventName = `on${displayName}DidPresent`;
-    const willDismissEventName = `on${displayName}WillDismiss`;
-    const willPresentEventName = `on${displayName}WillPresent`;
-    let isDismissing = false;
-    class Overlay extends React.Component {
-        overlay;
-        el;
-        constructor(props) {
-            super(props);
-            if (typeof document !== 'undefined') {
-                this.el = document.createElement('div');
-            }
-            this.handleDismiss = this.handleDismiss.bind(this);
-        }
-        static get displayName() {
-            return displayName;
-        }
-        componentDidMount() {
-            if (this.props.isOpen) {
-                this.present();
-            }
-        }
-        componentWillUnmount() {
-            if (this.overlay) {
-                this.overlay.dismiss();
-            }
-        }
-        handleDismiss(event) {
-            if (this.props.onDidDismiss) {
-                this.props.onDidDismiss(event);
-            }
-            setRef(this.props.forwardedRef, null);
-        }
-        shouldComponentUpdate(nextProps) {
-            // Check if the overlay component is about to dismiss
-            if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
-                isDismissing = true;
-            }
-            return true;
-        }
-        async componentDidUpdate(prevProps) {
-            if (this.overlay) {
-                attachProps(this.overlay, this.props, prevProps);
-            }
-            if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
-                this.present(prevProps);
-            }
-            if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {
-                await this.overlay.dismiss();
-                isDismissing = false;
-                /**
-                 * Now that the overlay is dismissed
-                 * we need to render again so that any
-                 * inner components will be unmounted
-                 */
-                this.forceUpdate();
-            }
-        }
-        async present(prevProps) {
-            const { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent, ...cProps } = this.props;
-            const elementProps = {
-                ...cProps,
-                ref: this.props.forwardedRef,
-                [didDismissEventName]: this.handleDismiss,
-                [didPresentEventName]: (e) => this.props.onDidPresent && this.props.onDidPresent(e),
-                [willDismissEventName]: (e) => this.props.onWillDismiss && this.props.onWillDismiss(e),
-                [willPresentEventName]: (e) => this.props.onWillPresent && this.props.onWillPresent(e),
-            };
-            this.overlay = await controller.create({
-                ...elementProps,
-                component: this.el,
-                componentProps: {},
-            });
-            setRef(this.props.forwardedRef, this.overlay);
-            attachProps(this.overlay, elementProps, prevProps);
-            await this.overlay.present();
-        }
-        render() {
-            /**
-             * Continue to render the component even when
-             * overlay is dismissing otherwise component
-             * will be hidden before animation is done.
-             */
-            return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
-        }
-    }
-    return React.forwardRef((props, ref) => {
-        return React.createElement(Overlay, { ...props, forwardedRef: ref });
-    });
-};

package/dist/react-component-lib/index.d.ts

@@ -1,2 +0,0 @@
-export { createReactComponent } from './createComponent';
-export { createOverlayComponent } from './createOverlayComponent';

package/dist/react-component-lib/index.js

@@ -1,2 +0,0 @@
-export { createReactComponent } from './createComponent';
-export { createOverlayComponent } from './createOverlayComponent';

package/dist/react-component-lib/interfaces.d.ts

@@ -1,29 +0,0 @@
-export interface EventEmitter<T = any> {
-    emit: (data?: T) => CustomEvent<T>;
-}
-export interface StyleReactProps {
-    class?: string;
-    className?: string;
-    style?: {
-        [key: string]: any;
-    };
-}
-export interface OverlayEventDetail<T = any> {
-    data?: T;
-    role?: string;
-}
-export interface OverlayInterface {
-    el: HTMLElement;
-    animated: boolean;
-    keyboardClose: boolean;
-    overlayIndex: number;
-    presented: boolean;
-    enterAnimation?: any;
-    leaveAnimation?: any;
-    didPresent: EventEmitter<void>;
-    willPresent: EventEmitter<void>;
-    willDismiss: EventEmitter<OverlayEventDetail>;
-    didDismiss: EventEmitter<OverlayEventDetail>;
-    present(): Promise<void>;
-    dismiss(data?: any, role?: string): Promise<boolean>;
-}

package/dist/react-component-lib/interfaces.js

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

package/dist/react-component-lib/utils/attachProps.d.ts

@@ -1,16 +0,0 @@
-export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
-export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
-/**
- * Transforms a React event name to a browser event name.
- */
-export declare const transformReactEventName: (eventNameSuffix: string) => string;
-/**
- * Checks if an event is supported in the current execution environment.
- * @license Modernizr 3.0.0pre (Custom Build) | MIT
- */
-export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
-export declare const syncEvent: (node: Element & {
-    __events?: {
-        [key: string]: ((e: Event) => any) | undefined;
-    } | undefined;
-}, eventName: string, newEventHandler?: ((e: Event) => any) | undefined) => void;

package/dist/react-component-lib/utils/attachProps.js

@@ -1,107 +0,0 @@
-import { camelToDashCase } from './case';
-export const attachProps = (node, newProps, oldProps = {}) => {
-    // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
-    if (node instanceof Element) {
-        // add any classes in className to the class list
-        const className = getClassName(node.classList, newProps, oldProps);
-        if (className !== '') {
-            node.className = className;
-        }
-        Object.keys(newProps).forEach((name) => {
-            if (name === 'children' ||
-                name === 'style' ||
-                name === 'ref' ||
-                name === 'class' ||
-                name === 'className' ||
-                name === 'forwardedRef') {
-                return;
-            }
-            if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-                const eventName = name.substring(2);
-                const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
-                if (!isCoveredByReact(eventNameLc)) {
-                    syncEvent(node, eventNameLc, newProps[name]);
-                }
-            }
-            else {
-                node[name] = newProps[name];
-                const propType = typeof newProps[name];
-                if (propType === 'string') {
-                    node.setAttribute(camelToDashCase(name), newProps[name]);
-                }
-            }
-        });
-    }
-};
-export const getClassName = (classList, newProps, oldProps) => {
-    const newClassProp = newProps.className || newProps.class;
-    const oldClassProp = oldProps.className || oldProps.class;
-    // map the classes to Maps for performance
-    const currentClasses = arrayToMap(classList);
-    const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
-    const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
-    const finalClassNames = [];
-    // loop through each of the current classes on the component
-    // to see if it should be a part of the classNames added
-    currentClasses.forEach((currentClass) => {
-        if (incomingPropClasses.has(currentClass)) {
-            // add it as its already included in classnames coming in from newProps
-            finalClassNames.push(currentClass);
-            incomingPropClasses.delete(currentClass);
-        }
-        else if (!oldPropClasses.has(currentClass)) {
-            // add it as it has NOT been removed by user
-            finalClassNames.push(currentClass);
-        }
-    });
-    incomingPropClasses.forEach((s) => finalClassNames.push(s));
-    return finalClassNames.join(' ');
-};
-/**
- * Transforms a React event name to a browser event name.
- */
-export const transformReactEventName = (eventNameSuffix) => {
-    switch (eventNameSuffix) {
-        case 'doubleclick':
-            return 'dblclick';
-    }
-    return eventNameSuffix;
-};
-/**
- * Checks if an event is supported in the current execution environment.
- * @license Modernizr 3.0.0pre (Custom Build) | MIT
- */
-export const isCoveredByReact = (eventNameSuffix) => {
-    if (typeof document === 'undefined') {
-        return true;
-    }
-    else {
-        const eventName = 'on' + transformReactEventName(eventNameSuffix);
-        let isSupported = eventName in document;
-        if (!isSupported) {
-            const element = document.createElement('div');
-            element.setAttribute(eventName, 'return;');
-            isSupported = typeof element[eventName] === 'function';
-        }
-        return isSupported;
-    }
-};
-export const syncEvent = (node, eventName, newEventHandler) => {
-    const eventStore = node.__events || (node.__events = {});
-    const oldEventHandler = eventStore[eventName];
-    // Remove old listener so they don't double up.
-    if (oldEventHandler) {
-        node.removeEventListener(eventName, oldEventHandler);
-    }
-    // Bind new listener.
-    node.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
-        if (newEventHandler) {
-            newEventHandler.call(this, e);
-        }
-    }));
-};
-const arrayToMap = (arr) => {
-    const map = new Map();
-    arr.forEach((s) => map.set(s, s));
-    return map;
-};

package/dist/react-component-lib/utils/case.d.ts

@@ -1,2 +0,0 @@
-export declare const dashToPascalCase: (str: string) => string;
-export declare const camelToDashCase: (str: string) => string;

package/dist/react-component-lib/utils/case.js

@@ -1,6 +0,0 @@
-export const dashToPascalCase = (str) => str
-    .toLowerCase()
-    .split('-')
-    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
-    .join('');
-export const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);

package/dist/react-component-lib/utils/dev.d.ts

@@ -1,2 +0,0 @@
-export declare const isDevMode: () => boolean;
-export declare const deprecationWarning: (key: string, message: string) => void;

package/dist/react-component-lib/utils/dev.js

@@ -1,12 +0,0 @@
-export const isDevMode = () => {
-    return process && process.env && process.env.NODE_ENV === 'development';
-};
-const warnings = {};
-export const deprecationWarning = (key, message) => {
-    if (isDevMode()) {
-        if (!warnings[key]) {
-            console.warn(message);
-            warnings[key] = true;
-        }
-    }
-};

package/dist/react-component-lib/utils/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { StyleReactProps } from '../interfaces';
-export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
-export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
-export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
-export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
-export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
-export declare const defineCustomElement: (tagName: string, customElement: any) => void;
-export * from './attachProps';
-export * from './case';