@getpara/react-components 1.2.0 → 1.3.0

package/dist/index.js

@@ -1,3 +1,6 @@
-export * from './components/stencil-generated/index.js';
-export { defineCustomElements } from '@getpara/core-components';
-export { generateTheme } from '@getpara/core-components';
+"use client";
+import X,{createElement as P}from"react";import M from"react";var S=t=>t.toLowerCase().split("-").map(s=>s.charAt(0).toUpperCase()+s.slice(1)).join(""),m=t=>t.replace(/([A-Z])/g,s=>`-${s[0].toLowerCase()}`);var R=(t,s,p={})=>{if(t instanceof Element){let n=b(t.classList,s,p);n!==""&&(t.className=n),Object.keys(s).forEach(o=>{if(!(o==="children"||o==="style"||o==="ref"||o==="class"||o==="className"||o==="forwardedRef"))if(o.indexOf("on")===0&&o[2]===o[2].toUpperCase()){let l=o.substring(2),r=l[0].toLowerCase()+l.substring(1);x(r)||v(t,r,s[o])}else t[o]=s[o],typeof s[o]==="string"&&t.setAttribute(m(o),s[o])})}},b=(t,s,p)=>{let n=s.className||s.class,o=p.className||p.class,l=E(t),r=E(n?n.split(" "):[]),c=E(o?o.split(" "):[]),C=[];return l.forEach(a=>{r.has(a)?(C.push(a),r.delete(a)):c.has(a)||C.push(a)}),r.forEach(a=>C.push(a)),C.join(" ")},g=t=>{switch(t){case"doubleclick":return"dblclick"}return t};var x=t=>{if(typeof document>"u")return!0;{let s="on"+g(t),p=s in document;if(!p){let n=document.createElement("div");n.setAttribute(s,"return;"),p=typeof n[s]=="function"}return p}},v=(t,s,p)=>{let n=t.__events||(t.__events={}),o=n[s];o&&t.removeEventListener(s,o),t.addEventListener(s,n[s]=function(r){p&&p.call(this,r)})},E=t=>{let s=new Map;return t.forEach(p=>s.set(p,p)),s};var J=(t,s)=>{typeof t=="function"?t(s):t!=null&&(t.current=s)},L=(...t)=>s=>{t.forEach(p=>{J(p,s)})},H=(t,s)=>{let p=(n,o)=>M.createElement(t,{...n,forwardedRef:o});return p.displayName=s,M.forwardRef(p)};var e=(t,s,p,n)=>{n!==void 0&&n();let o=S(t),l=class extends X.Component{constructor(c){super(c);this.setComponentElRef=c=>{this.componentEl=c}}componentDidMount(){this.componentDidUpdate(this.props)}componentDidUpdate(c){R(this.componentEl,this.props,c)}render(){let{children:c,forwardedRef:C,style:a,className:I,ref:w,...y}=this.props,T=Object.keys(y).reduce((f,i)=>{let u=y[i];if(i.indexOf("on")===0&&i[2]===i[2].toUpperCase()){let d=i.substring(2).toLowerCase();typeof document<"u"&&x(d)&&(f[i]=u)}else{let d=typeof u;(d==="string"||d==="boolean"||d==="number")&&(f[m(i)]=u)}return f},{});p&&(T=p(this.props,T));let h={...T,ref:L(C,this.setComponentElRef),style:a};return P(t,h,c)}static get displayName(){return o}};return s&&(l.contextType=s),H(l,o)};var Z=e("cpsl-alert"),$=e("cpsl-app-bar"),z=e("cpsl-auth-modal"),K=e("cpsl-avatar"),W=e("cpsl-button"),Y=e("cpsl-button-group"),ee=e("cpsl-card"),te=e("cpsl-checkbox"),se=e("cpsl-code-input"),oe=e("cpsl-col"),pe=e("cpsl-divider"),ne=e("cpsl-drawer"),le=e("cpsl-dropdown"),re=e("cpsl-file-upload"),ce=e("cpsl-grid"),ae=e("cpsl-hero"),ie=e("cpsl-icon"),Ce=e("cpsl-icon-group"),de=e("cpsl-identicon"),me=e("cpsl-info-box"),Te=e("cpsl-input"),fe=e("cpsl-modal-v2"),ue=e("cpsl-nav-button"),Ee=e("cpsl-nav-button-group"),xe=e("cpsl-overlay"),ye=e("cpsl-pagination"),Se=e("cpsl-pill"),Re=e("cpsl-popover"),Me=e("cpsl-progress-indicator"),Le=e("cpsl-qr-code"),He=e("cpsl-radio"),he=e("cpsl-row"),be=e("cpsl-select"),ge=e("cpsl-select-item"),ve=e("cpsl-slide-button"),Je=e("cpsl-spinner"),Xe=e("cpsl-switch"),Pe=e("cpsl-tab"),Ie=e("cpsl-table"),we=e("cpsl-tabs"),Be=e("cpsl-text"),Ae=e("cpsl-tile-button");import{defineCustomElements as Ge}from"@getpara/core-components";import{generateTheme as Fe}from"@getpara/core-components";export{Z as CpslAlert,$ as CpslAppBar,z as CpslAuthModal,K as CpslAvatar,W as CpslButton,Y as CpslButtonGroup,ee as CpslCard,te as CpslCheckbox,se as CpslCodeInput,oe as CpslCol,pe as CpslDivider,ne as CpslDrawer,le as CpslDropdown,re as CpslFileUpload,ce as CpslGrid,ae as CpslHero,ie as CpslIcon,Ce as CpslIconGroup,de as CpslIdenticon,me as CpslInfoBox,Te as CpslInput,fe as CpslModalV2,ue as CpslNavButton,Ee as CpslNavButtonGroup,xe as CpslOverlay,ye as CpslPagination,Se as CpslPill,Re as CpslPopover,Me as CpslProgressIndicator,Le as CpslQrCode,He as CpslRadio,he as CpslRow,be as CpslSelect,ge as CpslSelectItem,ve as CpslSlideButton,Je as CpslSpinner,Xe as CpslSwitch,Pe as CpslTab,Ie as CpslTable,we as CpslTabs,Be as CpslText,Ae as CpslTileButton,Ge as defineCustomElements,Fe as generateTheme};
+/**
+ * Checks if an event is supported in the current execution environment.
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
+ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-components",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Capsule Core React Components",
   "type": "module",
   "main": "dist/index.js",
@@ -23,22 +23,24 @@
     "css/"
   ],
   "scripts": {
-    "build": "node scripts/fixExtensions.js && yarn copy && yarn tsc",
+    "old-build": "node scripts/fixExtensions.js && yarn copy && yarn tsc",
+    "build": "node scripts/fixExtensions.js && yarn copy && rm -rf dist && node ./scripts/build.mjs && yarn typegen",
+    "typegen": "tsc --emitDeclarationOnly",
     "tsc": "tsc -p . --outDir ./dist",
     "copy": "node scripts/copy.cjs"
   },
   "dependencies": {
-    "@getpara/core-components": "1.2.0"
+    "@getpara/core-components": "1.3.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.64",
     "glob": "^11.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "typescript": "^5.4.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a9162c59be1456292d46c56787c1d5bf313bf24b"
+  "gitHead": "2d421556a0a1497abd08e18dca94f08ec3ad640b"
 }

package/dist/components/stencil-generated/index.js

@@ -1,46 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-/* auto-generated react proxies */
-import { createReactComponent } from './react-component-lib/index.js';
-export const CpslAlert = /*@__PURE__*/ createReactComponent('cpsl-alert');
-export const CpslAppBar = /*@__PURE__*/ createReactComponent('cpsl-app-bar');
-export const CpslAuthModal = /*@__PURE__*/ createReactComponent('cpsl-auth-modal');
-export const CpslAvatar = /*@__PURE__*/ createReactComponent('cpsl-avatar');
-export const CpslButton = /*@__PURE__*/ createReactComponent('cpsl-button');
-export const CpslButtonGroup = /*@__PURE__*/ createReactComponent('cpsl-button-group');
-export const CpslCard = /*@__PURE__*/ createReactComponent('cpsl-card');
-export const CpslCheckbox = /*@__PURE__*/ createReactComponent('cpsl-checkbox');
-export const CpslCodeInput = /*@__PURE__*/ createReactComponent('cpsl-code-input');
-export const CpslCol = /*@__PURE__*/ createReactComponent('cpsl-col');
-export const CpslDivider = /*@__PURE__*/ createReactComponent('cpsl-divider');
-export const CpslDrawer = /*@__PURE__*/ createReactComponent('cpsl-drawer');
-export const CpslDropdown = /*@__PURE__*/ createReactComponent('cpsl-dropdown');
-export const CpslFileUpload = /*@__PURE__*/ createReactComponent('cpsl-file-upload');
-export const CpslGrid = /*@__PURE__*/ createReactComponent('cpsl-grid');
-export const CpslHero = /*@__PURE__*/ createReactComponent('cpsl-hero');
-export const CpslIcon = /*@__PURE__*/ createReactComponent('cpsl-icon');
-export const CpslIconGroup = /*@__PURE__*/ createReactComponent('cpsl-icon-group');
-export const CpslIdenticon = /*@__PURE__*/ createReactComponent('cpsl-identicon');
-export const CpslInfoBox = /*@__PURE__*/ createReactComponent('cpsl-info-box');
-export const CpslInput = /*@__PURE__*/ createReactComponent('cpsl-input');
-export const CpslModalV2 = /*@__PURE__*/ createReactComponent('cpsl-modal-v2');
-export const CpslNavButton = /*@__PURE__*/ createReactComponent('cpsl-nav-button');
-export const CpslNavButtonGroup = /*@__PURE__*/ createReactComponent('cpsl-nav-button-group');
-export const CpslOverlay = /*@__PURE__*/ createReactComponent('cpsl-overlay');
-export const CpslPagination = /*@__PURE__*/ createReactComponent('cpsl-pagination');
-export const CpslPill = /*@__PURE__*/ createReactComponent('cpsl-pill');
-export const CpslPopover = /*@__PURE__*/ createReactComponent('cpsl-popover');
-export const CpslProgressIndicator = /*@__PURE__*/ createReactComponent('cpsl-progress-indicator');
-export const CpslQrCode = /*@__PURE__*/ createReactComponent('cpsl-qr-code');
-export const CpslRadio = /*@__PURE__*/ createReactComponent('cpsl-radio');
-export const CpslRow = /*@__PURE__*/ createReactComponent('cpsl-row');
-export const CpslSelect = /*@__PURE__*/ createReactComponent('cpsl-select');
-export const CpslSelectItem = /*@__PURE__*/ createReactComponent('cpsl-select-item');
-export const CpslSlideButton = /*@__PURE__*/ createReactComponent('cpsl-slide-button');
-export const CpslSpinner = /*@__PURE__*/ createReactComponent('cpsl-spinner');
-export const CpslSwitch = /*@__PURE__*/ createReactComponent('cpsl-switch');
-export const CpslTab = /*@__PURE__*/ createReactComponent('cpsl-tab');
-export const CpslTable = /*@__PURE__*/ createReactComponent('cpsl-table');
-export const CpslTabs = /*@__PURE__*/ createReactComponent('cpsl-tabs');
-export const CpslText = /*@__PURE__*/ createReactComponent('cpsl-text');
-export const CpslTileButton = /*@__PURE__*/ createReactComponent('cpsl-tile-button');

package/dist/components/stencil-generated/react-component-lib/createComponent.js

@@ -1,74 +0,0 @@
-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;
-};
-import React, { createElement } from 'react';
-import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils/index.js';
-export 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 {
-                    // 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 = Object.assign(Object.assign({}, 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/components/stencil-generated/react-component-lib/createOverlayComponent.js

@@ -1,108 +0,0 @@
-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;
-};
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { attachProps, dashToPascalCase, defineCustomElement, setRef } from './utils/index.js';
-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 {
-        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;
-        }
-        componentDidUpdate(prevProps) {
-            return __awaiter(this, void 0, void 0, function* () {
-                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) {
-                    yield 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();
-                }
-            });
-        }
-        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: {} }));
-                setRef(this.props.forwardedRef, this.overlay);
-                attachProps(this.overlay, elementProps, prevProps);
-                yield 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, Object.assign({}, props, { forwardedRef: ref }));
-    });
-};

package/dist/components/stencil-generated/react-component-lib/index.js

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

package/dist/components/stencil-generated/react-component-lib/interfaces.js

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

package/dist/components/stencil-generated/react-component-lib/utils/attachProps.js

@@ -1,107 +0,0 @@
-import { camelToDashCase } from './case.js';
-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/components/stencil-generated/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/components/stencil-generated/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/components/stencil-generated/react-component-lib/utils/index.js

@@ -1,31 +0,0 @@
-import React from 'react';
-export const setRef = (ref, value) => {
-    if (typeof ref === 'function') {
-        ref(value);
-    }
-    else if (ref != null) {
-        // Cast as a MutableRef so we can assign current
-        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.js';
-export * from './case.js';