@pine-ds/react 0.0.2-alpha.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Ionic
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,11 @@
+# `react`
+
+> TODO: description
+
+## Usage
+
+```
+const react = require('react');
+
+// TODO: DEMONSTRATE API
+```

package/dist/index.js

@@ -0,0 +1,219 @@
+import { __rest } from 'tslib';
+import React, { createElement } from 'react';
+import 'react-dom';
+import { defineCustomElement } from '@pine-ds/core/components/pds-avatar.js';
+import { defineCustomElement as defineCustomElement$1 } from '@pine-ds/core/components/pds-button.js';
+import { defineCustomElement as defineCustomElement$2 } from '@pine-ds/core/components/pds-checkbox.js';
+import { defineCustomElement as defineCustomElement$3 } from '@pine-ds/core/components/pds-chip.js';
+import { defineCustomElement as defineCustomElement$4 } from '@pine-ds/core/components/pds-copytext.js';
+import { defineCustomElement as defineCustomElement$5 } from '@pine-ds/core/components/pds-divider.js';
+import { defineCustomElement as defineCustomElement$6 } from '@pine-ds/core/components/pds-image.js';
+import { defineCustomElement as defineCustomElement$7 } from '@pine-ds/core/components/pds-input.js';
+import { defineCustomElement as defineCustomElement$8 } from '@pine-ds/core/components/pds-link.js';
+import { defineCustomElement as defineCustomElement$9 } from '@pine-ds/core/components/pds-progress.js';
+import { defineCustomElement as defineCustomElement$a } from '@pine-ds/core/components/pds-radio.js';
+import { defineCustomElement as defineCustomElement$b } from '@pine-ds/core/components/pds-sortable.js';
+import { defineCustomElement as defineCustomElement$c } from '@pine-ds/core/components/pds-sortable-item.js';
+import { defineCustomElement as defineCustomElement$d } from '@pine-ds/core/components/pds-switch.js';
+import { defineCustomElement as defineCustomElement$e } from '@pine-ds/core/components/pds-tab.js';
+import { defineCustomElement as defineCustomElement$f } from '@pine-ds/core/components/pds-tabpanel.js';
+import { defineCustomElement as defineCustomElement$g } from '@pine-ds/core/components/pds-tabs.js';
+import { defineCustomElement as defineCustomElement$h } from '@pine-ds/core/components/pds-textarea.js';
+import { defineCustomElement as defineCustomElement$i } from '@pine-ds/core/components/pds-tooltip.js';
+export { defineCustomElements } from '@pine-ds/core/loader';
+
+const dashToPascalCase = (str) => str
+    .toLowerCase()
+    .split('-')
+    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
+    .join('');
+const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
+
+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]);
+                }
+            }
+        });
+    }
+};
+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(' ');
+};
+const transformReactEventName = (eventNameSuffix) => {
+    switch (eventNameSuffix) {
+        case 'doubleclick':
+            return 'dblclick';
+    }
+    return eventNameSuffix;
+};
+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;
+    }
+};
+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;
+};
+
+const setRef = (ref, value) => {
+    if (typeof ref === 'function') {
+        ref(value);
+    }
+    else if (ref != null) {
+        ref.current = value;
+    }
+};
+const mergeRefs = (...refs) => {
+    return (value) => {
+        refs.forEach((ref) => {
+            setRef(ref, value);
+        });
+    };
+};
+const createForwardRef = (ReactComponent, displayName) => {
+    const forwardRef = (props, ref) => {
+        return React.createElement(ReactComponent, Object.assign({}, props, { forwardedRef: ref }));
+    };
+    forwardRef.displayName = displayName;
+    return React.forwardRef(forwardRef);
+};
+
+const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
+    if (defineCustomElement !== undefined) {
+        defineCustomElement();
+    }
+    const displayName = dashToPascalCase(tagName);
+    const ReactComponent = class extends React.Component {
+        constructor(props) {
+            super(props);
+            this.setComponentElRef = (element) => {
+                this.componentEl = element;
+            };
+        }
+        componentDidMount() {
+            this.componentDidUpdate(this.props);
+        }
+        componentDidUpdate(prevProps) {
+            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' && isCoveredByReact(eventName)) {
+                        acc[name] = value;
+                    }
+                }
+                else {
+                    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 = Object.assign(Object.assign({}, propsToPass), { ref: mergeRefs(forwardedRef, this.setComponentElRef), style });
+            return createElement(tagName, newProps, children);
+        }
+        static get displayName() {
+            return displayName;
+        }
+    };
+    if (ReactComponentContext) {
+        ReactComponent.contextType = ReactComponentContext;
+    }
+    return createForwardRef(ReactComponent, displayName);
+};
+
+const PdsAvatar = createReactComponent('pds-avatar', undefined, undefined, defineCustomElement);
+const PdsButton = createReactComponent('pds-button', undefined, undefined, defineCustomElement$1);
+const PdsCheckbox = createReactComponent('pds-checkbox', undefined, undefined, defineCustomElement$2);
+const PdsChip = createReactComponent('pds-chip', undefined, undefined, defineCustomElement$3);
+const PdsCopytext = createReactComponent('pds-copytext', undefined, undefined, defineCustomElement$4);
+const PdsDivider = createReactComponent('pds-divider', undefined, undefined, defineCustomElement$5);
+const PdsImage = createReactComponent('pds-image', undefined, undefined, defineCustomElement$6);
+const PdsInput = createReactComponent('pds-input', undefined, undefined, defineCustomElement$7);
+const PdsLink = createReactComponent('pds-link', undefined, undefined, defineCustomElement$8);
+const PdsProgress = createReactComponent('pds-progress', undefined, undefined, defineCustomElement$9);
+const PdsRadio = createReactComponent('pds-radio', undefined, undefined, defineCustomElement$a);
+const PdsSortable = createReactComponent('pds-sortable', undefined, undefined, defineCustomElement$b);
+const PdsSortableItem = createReactComponent('pds-sortable-item', undefined, undefined, defineCustomElement$c);
+const PdsSwitch = createReactComponent('pds-switch', undefined, undefined, defineCustomElement$d);
+const PdsTab = createReactComponent('pds-tab', undefined, undefined, defineCustomElement$e);
+const PdsTabpanel = createReactComponent('pds-tabpanel', undefined, undefined, defineCustomElement$f);
+const PdsTabs = createReactComponent('pds-tabs', undefined, undefined, defineCustomElement$g);
+const PdsTextarea = createReactComponent('pds-textarea', undefined, undefined, defineCustomElement$h);
+const PdsTooltip = createReactComponent('pds-tooltip', undefined, undefined, defineCustomElement$i);
+
+export { PdsAvatar, PdsButton, PdsCheckbox, PdsChip, PdsCopytext, PdsDivider, PdsImage, PdsInput, PdsLink, PdsProgress, PdsRadio, PdsSortable, PdsSortableItem, PdsSwitch, PdsTab, PdsTabpanel, PdsTabs, PdsTextarea, PdsTooltip };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/components/react-component-lib/utils/case.ts","../src/components/react-component-lib/utils/attachProps.ts","../src/components/react-component-lib/utils/index.tsx","../src/components/react-component-lib/createComponent.tsx","../src/components/proxies.ts"],"sourcesContent":[null,null,null,null,null],"names":["definePdsAvatar","definePdsButton","definePdsCheckbox","definePdsChip","definePdsCopytext","definePdsDivider","definePdsImage","definePdsInput","definePdsLink","definePdsProgress","definePdsRadio","definePdsSortable","definePdsSortableItem","definePdsSwitch","definePdsTab","definePdsTabpanel","definePdsTabs","definePdsTextarea","definePdsTooltip"],"mappings":"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"}

package/dist/types/components/PdsIcon.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PdsReactProps } from './PdsReactProps';
+interface PdsIconProps {
+    color?: string;
+    icon?: string;
+    name?: string;
+    size?: string;
+}
+export declare const PdsIcon: React.ForwardRefExoticComponent<PdsIconProps & PdsReactProps & Omit<React.HTMLAttributes<HTMLPdsIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & React.RefAttributes<HTMLPdsIconElement>>;
+export {};

package/dist/types/components/PdsReactProps.d.ts

@@ -0,0 +1,6 @@
+export interface PdsReactProps {
+    className?: string;
+    style?: {
+        [key: string]: any;
+    };
+}

package/dist/types/components/index.d.ts

@@ -0,0 +1 @@
+export * from "./proxies";

package/dist/types/components/inner-proxies.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { JSX as PdsIconsJSX } from '@pine-ds/icons';
+export declare const PdsIconInner: import("react").ForwardRefExoticComponent<PdsIconsJSX.PdsIcon & Omit<import("react").HTMLAttributes<HTMLPdsIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsIconElement>>;

package/dist/types/components/proxies.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { JSX } from '@pine-ds/core/components';
+export declare const PdsAvatar: import("react").ForwardRefExoticComponent<JSX.PdsAvatar & Omit<import("react").HTMLAttributes<HTMLPdsAvatarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsAvatarElement>>;
+export declare const PdsButton: import("react").ForwardRefExoticComponent<JSX.PdsButton & Omit<import("react").HTMLAttributes<HTMLPdsButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsButtonElement>>;
+export declare const PdsCheckbox: import("react").ForwardRefExoticComponent<JSX.PdsCheckbox & Omit<import("react").HTMLAttributes<HTMLPdsCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsCheckboxElement>>;
+export declare const PdsChip: import("react").ForwardRefExoticComponent<JSX.PdsChip & Omit<import("react").HTMLAttributes<HTMLPdsChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsChipElement>>;
+export declare const PdsCopytext: import("react").ForwardRefExoticComponent<JSX.PdsCopytext & Omit<import("react").HTMLAttributes<HTMLPdsCopytextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsCopytextElement>>;
+export declare const PdsDivider: import("react").ForwardRefExoticComponent<JSX.PdsDivider & Omit<import("react").HTMLAttributes<HTMLPdsDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsDividerElement>>;
+export declare const PdsImage: import("react").ForwardRefExoticComponent<JSX.PdsImage & Omit<import("react").HTMLAttributes<HTMLPdsImageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsImageElement>>;
+export declare const PdsInput: import("react").ForwardRefExoticComponent<JSX.PdsInput & Omit<import("react").HTMLAttributes<HTMLPdsInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsInputElement>>;
+export declare const PdsLink: import("react").ForwardRefExoticComponent<JSX.PdsLink & Omit<import("react").HTMLAttributes<HTMLPdsLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsLinkElement>>;
+export declare const PdsProgress: import("react").ForwardRefExoticComponent<JSX.PdsProgress & Omit<import("react").HTMLAttributes<HTMLPdsProgressElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsProgressElement>>;
+export declare const PdsRadio: import("react").ForwardRefExoticComponent<JSX.PdsRadio & Omit<import("react").HTMLAttributes<HTMLPdsRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsRadioElement>>;
+export declare const PdsSortable: import("react").ForwardRefExoticComponent<JSX.PdsSortable & Omit<import("react").HTMLAttributes<HTMLPdsSortableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsSortableElement>>;
+export declare const PdsSortableItem: import("react").ForwardRefExoticComponent<JSX.PdsSortableItem & Omit<import("react").HTMLAttributes<HTMLPdsSortableItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsSortableItemElement>>;
+export declare const PdsSwitch: import("react").ForwardRefExoticComponent<JSX.PdsSwitch & Omit<import("react").HTMLAttributes<HTMLPdsSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsSwitchElement>>;
+export declare const PdsTab: import("react").ForwardRefExoticComponent<JSX.PdsTab & Omit<import("react").HTMLAttributes<HTMLPdsTabElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsTabElement>>;
+export declare const PdsTabpanel: import("react").ForwardRefExoticComponent<JSX.PdsTabpanel & Omit<import("react").HTMLAttributes<HTMLPdsTabpanelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsTabpanelElement>>;
+export declare const PdsTabs: import("react").ForwardRefExoticComponent<JSX.PdsTabs & Omit<import("react").HTMLAttributes<HTMLPdsTabsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsTabsElement>>;
+export declare const PdsTextarea: import("react").ForwardRefExoticComponent<JSX.PdsTextarea & Omit<import("react").HTMLAttributes<HTMLPdsTextareaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsTextareaElement>>;
+export declare const PdsTooltip: import("react").ForwardRefExoticComponent<JSX.PdsTooltip & Omit<import("react").HTMLAttributes<HTMLPdsTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPdsTooltipElement>>;

package/dist/types/components/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>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export {};

package/dist/types/components/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>;
+}> & React.RefAttributes<OverlayType>>;
+export {};

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

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

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

@@ -0,0 +1,29 @@
+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/types/components/react-component-lib/utils/attachProps.d.ts

@@ -0,0 +1,9 @@
+export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
+export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
+export declare const transformReactEventName: (eventNameSuffix: string) => string;
+export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
+export declare const syncEvent: (node: Element & {
+    __events?: {
+        [key: string]: (e: Event) => any;
+    };
+}, eventName: string, newEventHandler?: (e: Event) => any) => void;

package/dist/types/components/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/dist/types/components/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/dist/types/components/react-component-lib/utils/index.d.ts

@@ -0,0 +1,10 @@
+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';

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./components/proxies";
+export { defineCustomElements } from '@pine-ds/core/loader';

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@pine-ds/react",
+  "version": "0.0.2-alpha.0",
+  "license": "MIT",
+  "description": "Pine Web Components React Wrapper",
+  "author": "Kajabi Design System Services",
+  "keywords": [
+    "pine",
+    "react",
+    "components",
+    "framework"
+  ],
+  "homepage": "https://github.com/kajabi/pine/tree/main#readme",
+  "sideEffects": false,
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Kajabi/pine.git"
+  },
+  "bugs": {
+    "url": "https://github.com/kajabi/pine/issues"
+  },
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": [
+    "dist/"
+  ],
+  "scripts": {
+    "build": "npm run clean && npm run compile",
+    "clean": "rm -rf dist",
+    "compile": "rollup -c",
+    "tsc": "tsc -p ."
+  },
+  "dependencies": {
+    "@pine-ds/core": "0.0.2-alpha.0",
+    "@pine-ds/icons": "3.3.0-rc.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@testing-library/jest-dom": "^6.1.3",
+    "@types/jest": "^29.1.2",
+    "@types/node": "^18.8.4",
+    "@types/react": "^18.0.21",
+    "@types/react-dom": "^18.0.6",
+    "jest": "^29.1.2",
+    "np": "^3.1.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "ts-jest": "^29.0.3",
+    "typescript": "^4.8.4"
+  },
+  "jest": {
+    "preset": "ts-jest",
+    "setupTestFrameworkScriptFile": "<rootDir>/jest.setup.js",
+    "testPathIgnorePatterns": [
+      "node_modules",
+      "dist"
+    ]
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  }
+}