@public-ui/react 1.1.7-rc.10

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

@@ -0,0 +1,85 @@
+import { camelToDashCase } from './case';
+export const attachProps = (node, newProps, oldProps = {}) => {
+    if (node instanceof Element) {
+        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;
+    const currentClasses = arrayToMap(classList);
+    const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
+    const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
+    const finalClassNames = [];
+    currentClasses.forEach((currentClass) => {
+        if (incomingPropClasses.has(currentClass)) {
+            finalClassNames.push(currentClass);
+            incomingPropClasses.delete(currentClass);
+        }
+        else if (!oldPropClasses.has(currentClass)) {
+            finalClassNames.push(currentClass);
+        }
+    });
+    incomingPropClasses.forEach((s) => finalClassNames.push(s));
+    return finalClassNames.join(' ');
+};
+export const isCoveredByReact = (eventNameSuffix) => {
+    if (typeof document === 'undefined') {
+        return true;
+    }
+    else {
+        const eventName = 'on' + 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];
+    if (oldEventHandler) {
+        node.removeEventListener(eventName, oldEventHandler);
+    }
+    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;
+};
+//# sourceMappingURL=attachProps.js.map

package/types/react-component-lib/utils/attachProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachProps.js","sourceRoot":"","sources":["../../../src/react-component-lib/utils/attachProps.ts"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1,7 @@
+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()}`);
+//# sourceMappingURL=case.js.map

package/types/react-component-lib/utils/case.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"case.js","sourceRoot":"","sources":["../../../src/react-component-lib/utils/case.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,EAAE,CAC9C,GAAG;KACA,WAAW,EAAE;KACb,KAAK,CAAC,GAAG,CAAC;KACV,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KACpE,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,EAAE,CAC7C,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,13 @@
+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;
+        }
+    }
+};
+//# sourceMappingURL=dev.js.map

package/types/react-component-lib/utils/dev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.js","sourceRoot":"","sources":["../../../src/react-component-lib/utils/dev.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,OAAO,IAAI,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAC;AAC1E,CAAC,CAAC;AAEF,MAAM,QAAQ,GAA+B,EAAE,CAAC;AAEhD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAW,EAAE,OAAe,EAAE,EAAE;IACjE,IAAI,SAAS,EAAE,EAAE;QACf,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAClB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACtB,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;SACtB;KACF;AACH,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { StyleReactProps } from '../interfaces';
+export declare type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
+export declare 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';

package/types/react-component-lib/utils/index.js

@@ -0,0 +1,33 @@
+import React from 'react';
+export const setRef = (ref, value) => {
+    if (typeof ref === 'function') {
+        ref(value);
+    }
+    else if (ref != null) {
+        ref.current = value;
+    }
+};
+export const mergeRefs = (...refs) => {
+    return (value) => {
+        refs.forEach(ref => {
+            setRef(ref, value);
+        });
+    };
+};
+export const createForwardRef = (ReactComponent, displayName) => {
+    const forwardRef = (props, ref) => {
+        return React.createElement(ReactComponent, Object.assign({}, props, { forwardedRef: ref }));
+    };
+    forwardRef.displayName = displayName;
+    return React.forwardRef(forwardRef);
+};
+export const defineCustomElement = (tagName, customElement) => {
+    if (customElement !== undefined &&
+        typeof customElements !== 'undefined' &&
+        !customElements.get(tagName)) {
+        customElements.define(tagName, customElement);
+    }
+};
+export * from './attachProps';
+export * from './case';
+//# sourceMappingURL=index.js.map

package/types/react-component-lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-component-lib/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,GAA+D,EAAE,KAAU,EAAE,EAAE;IACpG,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC7B,GAAG,CAAC,KAAK,CAAC,CAAA;KACX;SAAM,IAAI,GAAG,IAAI,IAAI,EAAE;QAErB,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAA;KACrD;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,GAAG,IAAoE,EAC/C,EAAE;IAC1B,OAAO,CAAC,KAAU,EAAE,EAAE;QACpB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACjB,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QACpB,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,cAAmB,EACnB,WAAmB,EACnB,EAAE;IACF,MAAM,UAAU,GAAG,CACjB,KAAuD,EACvD,GAA0C,EAC1C,EAAE;QACF,OAAO,oBAAC,cAAc,oBAAK,KAAK,IAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC1D,CAAC,CAAC;IACF,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;IAErC,OAAO,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAe,EAAE,aAAkB,EAAE,EAAE;IACzE,IACE,aAAa,KAAK,SAAS;QAC3B,OAAO,cAAc,KAAK,WAAW;QACrC,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAC5B;QACA,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;KAC/C;AACH,CAAC,CAAA;AAED,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC"}

package/umd/index.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import type { JSX } from '@public-ui/components';
+export declare const KolAbbr: import("react").ForwardRefExoticComponent<JSX.KolAbbr & Omit<import("react").HTMLAttributes<HTMLKolAbbrElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolAbbrElement>>;
+export declare const KolAccordion: import("react").ForwardRefExoticComponent<JSX.KolAccordion & Omit<import("react").HTMLAttributes<HTMLKolAccordionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolAccordionElement>>;
+export declare const KolAlert: import("react").ForwardRefExoticComponent<JSX.KolAlert & Omit<import("react").HTMLAttributes<HTMLKolAlertElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolAlertElement>>;
+export declare const KolBadge: import("react").ForwardRefExoticComponent<JSX.KolBadge & Omit<import("react").HTMLAttributes<HTMLKolBadgeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolBadgeElement>>;
+export declare const KolBreadcrumb: import("react").ForwardRefExoticComponent<JSX.KolBreadcrumb & Omit<import("react").HTMLAttributes<HTMLKolBreadcrumbElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolBreadcrumbElement>>;
+export declare const KolButton: import("react").ForwardRefExoticComponent<JSX.KolButton & Omit<import("react").HTMLAttributes<HTMLKolButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolButtonElement>>;
+export declare const KolButtonGroup: import("react").ForwardRefExoticComponent<JSX.KolButtonGroup & Omit<import("react").HTMLAttributes<HTMLKolButtonGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolButtonGroupElement>>;
+export declare const KolCard: import("react").ForwardRefExoticComponent<JSX.KolCard & Omit<import("react").HTMLAttributes<HTMLKolCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolCardElement>>;
+export declare const KolDetails: import("react").ForwardRefExoticComponent<JSX.KolDetails & Omit<import("react").HTMLAttributes<HTMLKolDetailsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolDetailsElement>>;
+export declare const KolForm: import("react").ForwardRefExoticComponent<JSX.KolForm & Omit<import("react").HTMLAttributes<HTMLKolFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolFormElement>>;
+export declare const KolHeading: import("react").ForwardRefExoticComponent<JSX.KolHeading & Omit<import("react").HTMLAttributes<HTMLKolHeadingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolHeadingElement>>;
+export declare const KolHeadingWc: import("react").ForwardRefExoticComponent<JSX.KolHeadingWc & Omit<import("react").HTMLAttributes<HTMLKolHeadingWcElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolHeadingWcElement>>;
+export declare const KolIcon: import("react").ForwardRefExoticComponent<JSX.KolIcon & Omit<import("react").HTMLAttributes<HTMLKolIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolIconElement>>;
+export declare const KolIconFontAwesome: import("react").ForwardRefExoticComponent<JSX.KolIconFontAwesome & Omit<import("react").HTMLAttributes<HTMLKolIconFontAwesomeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolIconFontAwesomeElement>>;
+export declare const KolIconIcofont: import("react").ForwardRefExoticComponent<JSX.KolIconIcofont & Omit<import("react").HTMLAttributes<HTMLKolIconIcofontElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolIconIcofontElement>>;
+export declare const KolIndentedText: import("react").ForwardRefExoticComponent<JSX.KolIndentedText & Omit<import("react").HTMLAttributes<HTMLKolIndentedTextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolIndentedTextElement>>;
+export declare const KolInputAdapterLeanup: import("react").ForwardRefExoticComponent<JSX.KolInputAdapterLeanup & Omit<import("react").HTMLAttributes<HTMLKolInputAdapterLeanupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolInputAdapterLeanupElement>>;
+export declare const KolInputCheckbox: import("react").ForwardRefExoticComponent<JSX.KolInputCheckbox & Omit<import("react").HTMLAttributes<HTMLKolInputCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolInputCheckboxElement>>;
+export declare const KolInputColor: import("react").ForwardRefExoticComponent<JSX.KolInputColor & Omit<import("react").HTMLAttributes<HTMLKolInputColorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolInputColorElement>>;
+export declare const KolInputEmail: import("react").ForwardRefExoticComponent<JSX.KolInputEmail & Omit<import("react").HTMLAttributes<HTMLKolInputEmailElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolInputEmailElement>>;
+export declare const KolInputFile: import("react").ForwardRefExoticComponent<JSX.KolInputFile & Omit<import("react").HTMLAttributes<HTMLKolInputFileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolInputFileElement>>;
+export declare const KolInputNumber: import("react").ForwardRefExoticComponent<JSX.KolInputNumber & Omit<import("react").HTMLAttributes<HTMLKolInputNumberElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolInputNumberElement>>;
+export declare const KolInputPassword: import("react").ForwardRefExoticComponent<JSX.KolInputPassword & Omit<import("react").HTMLAttributes<HTMLKolInputPasswordElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolInputPasswordElement>>;
+export declare const KolInputRadio: import("react").ForwardRefExoticComponent<JSX.KolInputRadio & Omit<import("react").HTMLAttributes<HTMLKolInputRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolInputRadioElement>>;
+export declare const KolInputRange: import("react").ForwardRefExoticComponent<JSX.KolInputRange & Omit<import("react").HTMLAttributes<HTMLKolInputRangeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolInputRangeElement>>;
+export declare const KolInputText: import("react").ForwardRefExoticComponent<JSX.KolInputText & Omit<import("react").HTMLAttributes<HTMLKolInputTextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolInputTextElement>>;
+export declare const KolKolibri: import("react").ForwardRefExoticComponent<JSX.KolKolibri & Omit<import("react").HTMLAttributes<HTMLKolKolibriElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolKolibriElement>>;
+export declare const KolLink: import("react").ForwardRefExoticComponent<JSX.KolLink & Omit<import("react").HTMLAttributes<HTMLKolLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolLinkElement>>;
+export declare const KolLinkGroup: import("react").ForwardRefExoticComponent<JSX.KolLinkGroup & Omit<import("react").HTMLAttributes<HTMLKolLinkGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolLinkGroupElement>>;
+export declare const KolLogo: import("react").ForwardRefExoticComponent<JSX.KolLogo & Omit<import("react").HTMLAttributes<HTMLKolLogoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolLogoElement>>;
+export declare const KolModal: import("react").ForwardRefExoticComponent<JSX.KolModal & Omit<import("react").HTMLAttributes<HTMLKolModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolModalElement>>;
+export declare const KolNav: import("react").ForwardRefExoticComponent<JSX.KolNav & Omit<import("react").HTMLAttributes<HTMLKolNavElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolNavElement>>;
+export declare const KolPagination: import("react").ForwardRefExoticComponent<JSX.KolPagination & Omit<import("react").HTMLAttributes<HTMLKolPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolPaginationElement>>;
+export declare const KolProgress: import("react").ForwardRefExoticComponent<JSX.KolProgress & Omit<import("react").HTMLAttributes<HTMLKolProgressElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolProgressElement>>;
+export declare const KolSelect: import("react").ForwardRefExoticComponent<JSX.KolSelect & Omit<import("react").HTMLAttributes<HTMLKolSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolSelectElement>>;
+export declare const KolSkipNav: import("react").ForwardRefExoticComponent<JSX.KolSkipNav & Omit<import("react").HTMLAttributes<HTMLKolSkipNavElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolSkipNavElement>>;
+export declare const KolSpin: import("react").ForwardRefExoticComponent<JSX.KolSpin & Omit<import("react").HTMLAttributes<HTMLKolSpinElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolSpinElement>>;
+export declare const KolSymbol: import("react").ForwardRefExoticComponent<JSX.KolSymbol & Omit<import("react").HTMLAttributes<HTMLKolSymbolElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolSymbolElement>>;
+export declare const KolTable: import("react").ForwardRefExoticComponent<JSX.KolTable & Omit<import("react").HTMLAttributes<HTMLKolTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolTableElement>>;
+export declare const KolTabs: import("react").ForwardRefExoticComponent<JSX.KolTabs & Omit<import("react").HTMLAttributes<HTMLKolTabsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolTabsElement>>;
+export declare const KolTextarea: import("react").ForwardRefExoticComponent<JSX.KolTextarea & Omit<import("react").HTMLAttributes<HTMLKolTextareaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolTextareaElement>>;
+export declare const KolToast: import("react").ForwardRefExoticComponent<JSX.KolToast & Omit<import("react").HTMLAttributes<HTMLKolToastElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolToastElement>>;
+export declare const KolTooltip: import("react").ForwardRefExoticComponent<JSX.KolTooltip & Omit<import("react").HTMLAttributes<HTMLKolTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolTooltipElement>>;
+export declare const KolVersion: import("react").ForwardRefExoticComponent<JSX.KolVersion & Omit<import("react").HTMLAttributes<HTMLKolVersionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKolVersionElement>>;

package/umd/index.js

@@ -0,0 +1,59 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./react-component-lib"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.KolVersion = exports.KolTooltip = exports.KolToast = exports.KolTextarea = exports.KolTabs = exports.KolTable = exports.KolSymbol = exports.KolSpin = exports.KolSkipNav = exports.KolSelect = exports.KolProgress = exports.KolPagination = exports.KolNav = exports.KolModal = exports.KolLogo = exports.KolLinkGroup = exports.KolLink = exports.KolKolibri = exports.KolInputText = exports.KolInputRange = exports.KolInputRadio = exports.KolInputPassword = exports.KolInputNumber = exports.KolInputFile = exports.KolInputEmail = exports.KolInputColor = exports.KolInputCheckbox = exports.KolInputAdapterLeanup = exports.KolIndentedText = exports.KolIconIcofont = exports.KolIconFontAwesome = exports.KolIcon = exports.KolHeadingWc = exports.KolHeading = exports.KolForm = exports.KolDetails = exports.KolCard = exports.KolButtonGroup = exports.KolButton = exports.KolBreadcrumb = exports.KolBadge = exports.KolAlert = exports.KolAccordion = exports.KolAbbr = void 0;
+    const react_component_lib_1 = require("./react-component-lib");
+    exports.KolAbbr = (0, react_component_lib_1.createReactComponent)('kol-abbr');
+    exports.KolAccordion = (0, react_component_lib_1.createReactComponent)('kol-accordion');
+    exports.KolAlert = (0, react_component_lib_1.createReactComponent)('kol-alert');
+    exports.KolBadge = (0, react_component_lib_1.createReactComponent)('kol-badge');
+    exports.KolBreadcrumb = (0, react_component_lib_1.createReactComponent)('kol-breadcrumb');
+    exports.KolButton = (0, react_component_lib_1.createReactComponent)('kol-button');
+    exports.KolButtonGroup = (0, react_component_lib_1.createReactComponent)('kol-button-group');
+    exports.KolCard = (0, react_component_lib_1.createReactComponent)('kol-card');
+    exports.KolDetails = (0, react_component_lib_1.createReactComponent)('kol-details');
+    exports.KolForm = (0, react_component_lib_1.createReactComponent)('kol-form');
+    exports.KolHeading = (0, react_component_lib_1.createReactComponent)('kol-heading');
+    exports.KolHeadingWc = (0, react_component_lib_1.createReactComponent)('kol-heading-wc');
+    exports.KolIcon = (0, react_component_lib_1.createReactComponent)('kol-icon');
+    exports.KolIconFontAwesome = (0, react_component_lib_1.createReactComponent)('kol-icon-font-awesome');
+    exports.KolIconIcofont = (0, react_component_lib_1.createReactComponent)('kol-icon-icofont');
+    exports.KolIndentedText = (0, react_component_lib_1.createReactComponent)('kol-indented-text');
+    exports.KolInputAdapterLeanup = (0, react_component_lib_1.createReactComponent)('kol-input-adapter-leanup');
+    exports.KolInputCheckbox = (0, react_component_lib_1.createReactComponent)('kol-input-checkbox');
+    exports.KolInputColor = (0, react_component_lib_1.createReactComponent)('kol-input-color');
+    exports.KolInputEmail = (0, react_component_lib_1.createReactComponent)('kol-input-email');
+    exports.KolInputFile = (0, react_component_lib_1.createReactComponent)('kol-input-file');
+    exports.KolInputNumber = (0, react_component_lib_1.createReactComponent)('kol-input-number');
+    exports.KolInputPassword = (0, react_component_lib_1.createReactComponent)('kol-input-password');
+    exports.KolInputRadio = (0, react_component_lib_1.createReactComponent)('kol-input-radio');
+    exports.KolInputRange = (0, react_component_lib_1.createReactComponent)('kol-input-range');
+    exports.KolInputText = (0, react_component_lib_1.createReactComponent)('kol-input-text');
+    exports.KolKolibri = (0, react_component_lib_1.createReactComponent)('kol-kolibri');
+    exports.KolLink = (0, react_component_lib_1.createReactComponent)('kol-link');
+    exports.KolLinkGroup = (0, react_component_lib_1.createReactComponent)('kol-link-group');
+    exports.KolLogo = (0, react_component_lib_1.createReactComponent)('kol-logo');
+    exports.KolModal = (0, react_component_lib_1.createReactComponent)('kol-modal');
+    exports.KolNav = (0, react_component_lib_1.createReactComponent)('kol-nav');
+    exports.KolPagination = (0, react_component_lib_1.createReactComponent)('kol-pagination');
+    exports.KolProgress = (0, react_component_lib_1.createReactComponent)('kol-progress');
+    exports.KolSelect = (0, react_component_lib_1.createReactComponent)('kol-select');
+    exports.KolSkipNav = (0, react_component_lib_1.createReactComponent)('kol-skip-nav');
+    exports.KolSpin = (0, react_component_lib_1.createReactComponent)('kol-spin');
+    exports.KolSymbol = (0, react_component_lib_1.createReactComponent)('kol-symbol');
+    exports.KolTable = (0, react_component_lib_1.createReactComponent)('kol-table');
+    exports.KolTabs = (0, react_component_lib_1.createReactComponent)('kol-tabs');
+    exports.KolTextarea = (0, react_component_lib_1.createReactComponent)('kol-textarea');
+    exports.KolToast = (0, react_component_lib_1.createReactComponent)('kol-toast');
+    exports.KolTooltip = (0, react_component_lib_1.createReactComponent)('kol-tooltip');
+    exports.KolVersion = (0, react_component_lib_1.createReactComponent)('kol-version');
+});
+//# sourceMappingURL=index.js.map

package/umd/index.js.map

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

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

@@ -0,0 +1,10 @@
+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/umd/react-component-lib/createComponent.js

@@ -0,0 +1,102 @@
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "react", "./utils"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createReactComponent = void 0;
+    const react_1 = __importStar(require("react"));
+    const utils_1 = require("./utils");
+    const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
+        if (defineCustomElement !== undefined) {
+            defineCustomElement();
+        }
+        const displayName = (0, utils_1.dashToPascalCase)(tagName);
+        const ReactComponent = class extends react_1.default.Component {
+            constructor(props) {
+                super(props);
+                this.setComponentElRef = (element) => {
+                    this.componentEl = element;
+                };
+            }
+            componentDidMount() {
+                this.componentDidUpdate(this.props);
+            }
+            componentDidUpdate(prevProps) {
+                (0, utils_1.attachProps)(this.componentEl, this.props, prevProps);
+            }
+            render() {
+                const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
+                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' && (0, utils_1.isCoveredByReact)(eventName)) {
+                            acc[name] = value;
+                        }
+                    }
+                    else {
+                        const type = typeof value;
+                        if (type === 'string' || type === 'boolean' || type === 'number') {
+                            acc[(0, utils_1.camelToDashCase)(name)] = value;
+                        }
+                    }
+                    return acc;
+                }, {});
+                if (manipulatePropsFunction) {
+                    propsToPass = manipulatePropsFunction(this.props, propsToPass);
+                }
+                const newProps = Object.assign(Object.assign({}, propsToPass), { ref: (0, utils_1.mergeRefs)(forwardedRef, this.setComponentElRef), style });
+                return (0, react_1.createElement)(tagName, newProps, children);
+            }
+            static get displayName() {
+                return displayName;
+            }
+        };
+        if (ReactComponentContext) {
+            ReactComponent.contextType = ReactComponentContext;
+        }
+        return (0, utils_1.createForwardRef)(ReactComponent, displayName);
+    };
+    exports.createReactComponent = createReactComponent;
+});
+//# sourceMappingURL=createComponent.js.map

package/umd/react-component-lib/createComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponent.js","sourceRoot":"","sources":["../../src/react-component-lib/createComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAA,+CAA6C;IAE7C,mCAOiB;IAWV,MAAM,oBAAoB,GAAG,CAMlC,OAAe,EACf,qBAAuD,EACvD,uBAGuB,EACvB,mBAAgC,EAChC,EAAE;QACF,IAAI,mBAAmB,KAAK,SAAS,EAAE;YACrC,mBAAmB,EAAE,CAAC;SACvB;QAED,MAAM,WAAW,GAAG,IAAA,wBAAgB,EAAC,OAAO,CAAC,CAAC;QAC9C,MAAM,cAAc,GAAG,KAAM,SAAQ,eAAK,CAAC,SAAiD;YAO1F,YAAY,KAA6C;gBACvD,KAAK,CAAC,KAAK,CAAC,CAAC;gBALf,sBAAiB,GAAG,CAAC,OAAoB,EAAE,EAAE;oBAC3C,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;gBAC7B,CAAC,CAAC;YAIF,CAAC;YAED,iBAAiB;gBACf,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,CAAC;YAED,kBAAkB,CAAC,SAAiD;gBAClE,IAAA,mBAAW,EAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YACvD,CAAC;YAED,MAAM;gBACJ,MAAM,KAA+D,IAAI,CAAC,KAAK,EAAzE,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,OAA0B,EAArB,MAAM,cAA1D,yDAA4D,CAAa,CAAC;gBAEhF,IAAI,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,GAAQ,EAAE,IAAI,EAAE,EAAE;oBAC9D,MAAM,KAAK,GAAI,MAAc,CAAC,IAAI,CAAC,CAAC;oBAEpC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE;wBACjE,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;wBAClD,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,IAAA,wBAAgB,EAAC,SAAS,CAAC,EAAE;4BAClE,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;yBACnB;qBACF;yBAAM;wBAGL,MAAM,IAAI,GAAG,OAAO,KAAK,CAAC;wBAE1B,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,QAAQ,EAAE;4BAChE,GAAG,CAAC,IAAA,uBAAe,EAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC;yBACpC;qBACF;oBACD,OAAO,GAAG,CAAC;gBACb,CAAC,EAAE,EAAE,CAAC,CAAC;gBAEP,IAAI,uBAAuB,EAAE;oBAC3B,WAAW,GAAG,uBAAuB,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;iBAChE;gBAED,MAAM,QAAQ,mCACT,WAAW,KACd,GAAG,EAAE,IAAA,iBAAS,EAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,EACpD,KAAK,GACN,CAAC;gBASF,OAAO,IAAA,qBAAa,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACpD,CAAC;YAED,MAAM,KAAK,WAAW;gBACpB,OAAO,WAAW,CAAC;YACrB,CAAC;SACF,CAAC;QAGF,IAAI,qBAAqB,EAAE;YACzB,cAAc,CAAC,WAAW,GAAG,qBAAqB,CAAC;SACpD;QAED,OAAO,IAAA,wBAAgB,EAAwB,cAAc,EAAE,WAAW,CAAC,CAAC;IAC9E,CAAC,CAAC;IA5FW,QAAA,oBAAoB,wBA4F/B"}

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

@@ -0,0 +1,21 @@
+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/umd/react-component-lib/createOverlayComponent.js

@@ -0,0 +1,115 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "react", "react-dom", "./utils"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createOverlayComponent = void 0;
+    const react_1 = __importDefault(require("react"));
+    const react_dom_1 = __importDefault(require("react-dom"));
+    const utils_1 = require("./utils");
+    const createOverlayComponent = (tagName, controller, customElement) => {
+        (0, utils_1.defineCustomElement)(tagName, customElement);
+        const displayName = (0, utils_1.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_1.default.Component {
+            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);
+                }
+                (0, utils_1.setRef)(this.props.forwardedRef, null);
+            }
+            shouldComponentUpdate(nextProps) {
+                if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
+                    isDismissing = true;
+                }
+                return true;
+            }
+            componentDidUpdate(prevProps) {
+                return __awaiter(this, void 0, void 0, function* () {
+                    if (this.overlay) {
+                        (0, utils_1.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) {
+                        yield this.overlay.dismiss();
+                        isDismissing = false;
+                        this.forceUpdate();
+                    }
+                });
+            }
+            present(prevProps) {
+                return __awaiter(this, void 0, void 0, function* () {
+                    const _a = this.props, { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent } = _a, cProps = __rest(_a, ["children", "isOpen", "onDidDismiss", "onDidPresent", "onWillDismiss", "onWillPresent"]);
+                    const elementProps = Object.assign(Object.assign({}, 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 = yield controller.create(Object.assign(Object.assign({}, elementProps), { component: this.el, componentProps: {} }));
+                    (0, utils_1.setRef)(this.props.forwardedRef, this.overlay);
+                    (0, utils_1.attachProps)(this.overlay, elementProps, prevProps);
+                    yield this.overlay.present();
+                });
+            }
+            render() {
+                return react_dom_1.default.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
+            }
+        }
+        return react_1.default.forwardRef((props, ref) => {
+            return react_1.default.createElement(Overlay, Object.assign({}, props, { forwardedRef: ref }));
+        });
+    };
+    exports.createOverlayComponent = createOverlayComponent;
+});
+//# sourceMappingURL=createOverlayComponent.js.map

package/umd/react-component-lib/createOverlayComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createOverlayComponent.js","sourceRoot":"","sources":["../../src/react-component-lib/createOverlayComponent.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1,18 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./createComponent", "./createOverlayComponent"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createOverlayComponent = exports.createReactComponent = void 0;
+    var createComponent_1 = require("./createComponent");
+    Object.defineProperty(exports, "createReactComponent", { enumerable: true, get: function () { return createComponent_1.createReactComponent; } });
+    var createOverlayComponent_1 = require("./createOverlayComponent");
+    Object.defineProperty(exports, "createOverlayComponent", { enumerable: true, get: function () { return createOverlayComponent_1.createOverlayComponent; } });
+});
+//# sourceMappingURL=index.js.map

package/umd/react-component-lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react-component-lib/index.ts"],"names":[],"mappings":";;;;;;;;;;;;IAAA,qDAAyD;IAAhD,uHAAA,oBAAoB,OAAA;IAC7B,mEAAkE;IAAzD,gIAAA,sBAAsB,OAAA"}