@ionic/react 7.5.3-dev.11698856380.18896dcd → 7.5.3-dev.11698858201.14165f23

package/dist/components/navigation/IonTabs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/navigation/IonTabs.tsx"],
+  "sourcesContent": ["import type { JSX as LocalJSX } from '@ionic/core/components';\nimport React, { Fragment } from 'react';\n\nimport { NavContext } from '../../contexts/NavContext';\nimport PageManager from '../../routing/PageManager';\nimport { HTMLElementSSR } from '../../utils/HTMLElementSSR';\nimport { IonRouterOutlet } from '../IonRouterOutlet';\n\nimport { IonTabBar } from './IonTabBar';\nimport type { IonTabsContextState } from './IonTabsContext';\nimport { IonTabsContext } from './IonTabsContext';\n\nclass IonTabsElement extends HTMLElementSSR {\n  constructor() {\n    super();\n  }\n}\n\n// TODO(FW-2959): types\n\nif (typeof (window as any) !== 'undefined' && window.customElements) {\n  const element = window.customElements.get('ion-tabs');\n  if (!element) {\n    window.customElements.define('ion-tabs', IonTabsElement);\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'ion-tabs': any;\n    }\n  }\n}\n\ntype ChildFunction = (ionTabContext: IonTabsContextState) => React.ReactNode;\n\ninterface Props extends LocalJSX.IonTabs {\n  className?: string;\n  children: ChildFunction | React.ReactNode;\n}\n\nconst hostStyles: React.CSSProperties = {\n  display: 'flex',\n  position: 'absolute',\n  top: '0',\n  left: '0',\n  right: '0',\n  bottom: '0',\n  flexDirection: 'column',\n  width: '100%',\n  height: '100%',\n  contain: 'layout size style',\n};\n\nconst tabsInner: React.CSSProperties = {\n  position: 'relative',\n  flex: 1,\n  contain: 'layout size style',\n};\n\nexport const IonTabs = /*@__PURE__*/ (() =>\n  class extends React.Component<Props> {\n    context!: React.ContextType<typeof NavContext>;\n    routerOutletRef: React.Ref<HTMLIonRouterOutletElement> = React.createRef();\n    selectTabHandler?: (tag: string) => boolean;\n    tabBarRef = React.createRef<any>();\n\n    ionTabContextState: IonTabsContextState = {\n      activeTab: undefined,\n      selectTab: () => false,\n    };\n\n    constructor(props: Props) {\n      super(props);\n    }\n\n    componentDidMount() {\n      if (this.tabBarRef.current) {\n        // Grab initial value\n        this.ionTabContextState.activeTab = this.tabBarRef.current.state.activeTab;\n        // Override method\n        this.tabBarRef.current.setActiveTabOnContext = (tab: string) => {\n          this.ionTabContextState.activeTab = tab;\n        };\n        this.ionTabContextState.selectTab = this.tabBarRef.current.selectTab;\n      }\n    }\n\n    render() {\n      let outlet: React.ReactElement<{}> | undefined;\n      let tabBar: React.ReactElement | undefined;\n      const { className, onIonTabsDidChange, onIonTabsWillChange, ...props } = this.props;\n\n      const children =\n        typeof this.props.children === 'function'\n          ? (this.props.children as ChildFunction)(this.ionTabContextState)\n          : this.props.children;\n\n      React.Children.forEach(children, (child: any) => {\n        // eslint-disable-next-line no-prototype-builtins\n        if (child == null || typeof child !== 'object' || !child.hasOwnProperty('type')) {\n          return;\n        }\n        if (child.type === IonRouterOutlet || child.type.isRouterOutlet) {\n          outlet = React.cloneElement(child);\n        } else if (child.type === Fragment && child.props.children[0].type === IonRouterOutlet) {\n          outlet = child.props.children[0];\n        }\n\n        let childProps: any = {\n          ref: this.tabBarRef,\n        };\n\n        /**\n         * Only pass these props\n         * down from IonTabs to IonTabBar\n         * if they are defined, otherwise\n         * if you have a handler set on\n         * IonTabBar it will be overridden.\n         */\n        if (onIonTabsDidChange !== undefined) {\n          childProps = {\n            ...childProps,\n            onIonTabsDidChange,\n          };\n        }\n\n        if (onIonTabsWillChange !== undefined) {\n          childProps = {\n            ...childProps,\n            onIonTabsWillChange,\n          };\n        }\n\n        if (child.type === IonTabBar || child.type.isTabBar) {\n          tabBar = React.cloneElement(child, childProps);\n        } else if (\n          child.type === Fragment &&\n          (child.props.children[1].type === IonTabBar || child.props.children[1].type.isTabBar)\n        ) {\n          tabBar = React.cloneElement(child.props.children[1], childProps);\n        }\n      });\n\n      if (!outlet) {\n        throw new Error('IonTabs must contain an IonRouterOutlet');\n      }\n      if (!tabBar) {\n        throw new Error('IonTabs needs a IonTabBar');\n      }\n\n      return (\n        <IonTabsContext.Provider value={this.ionTabContextState}>\n          {this.context.hasIonicRouter() ? (\n            <PageManager className={className ? `${className}` : ''} routeInfo={this.context.routeInfo} {...props}>\n              <ion-tabs className=\"ion-tabs\" style={hostStyles}>\n                {tabBar.props.slot === 'top' ? tabBar : null}\n                <div style={tabsInner} className=\"tabs-inner\">\n                  {outlet}\n                </div>\n                {tabBar.props.slot === 'bottom' ? tabBar : null}\n              </ion-tabs>\n            </PageManager>\n          ) : (\n            <div className={className ? `${className}` : 'ion-tabs'} {...props} style={hostStyles}>\n              {tabBar.props.slot === 'top' ? tabBar : null}\n              <div style={tabsInner} className=\"tabs-inner\">\n                {outlet}\n              </div>\n              {tabBar.props.slot === 'bottom' ? tabBar : null}\n            </div>\n          )}\n        </IonTabsContext.Provider>\n      );\n    }\n\n    static get contextType() {\n      return NavContext;\n    }\n  })();\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/navigation/IonTabsContext.js

@@ -0,0 +1,7 @@
+"use strict";
+import React from "react";
+export const IonTabsContext = React.createContext({
+  activeTab: void 0,
+  selectTab: () => false
+});
+//# sourceMappingURL=IonTabsContext.js.map

package/dist/components/navigation/IonTabsContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/navigation/IonTabsContext.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nexport interface IonTabsContextState {\n  activeTab: string | undefined;\n  selectTab: (tab: string) => boolean;\n}\n\nexport const IonTabsContext = React.createContext<IonTabsContextState>({\n  activeTab: undefined,\n  selectTab: () => false,\n});\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AAOX,aAAM,iBAAiB,MAAM,cAAmC;AAAA,EACrE,WAAW;AAAA,EACX,WAAW,MAAM;AACnB,CAAC;",
+  "names": []
+}

package/dist/components/proxies.js

@@ -0,0 +1,131 @@
+"use strict";
+import { createReactComponent } from "./react-component-lib";
+import { defineCustomElement as defineIonAccordion } from "@ionic/core/components/ion-accordion.js";
+import { defineCustomElement as defineIonAccordionGroup } from "@ionic/core/components/ion-accordion-group.js";
+import { defineCustomElement as defineIonAvatar } from "@ionic/core/components/ion-avatar.js";
+import { defineCustomElement as defineIonBackdrop } from "@ionic/core/components/ion-backdrop.js";
+import { defineCustomElement as defineIonBadge } from "@ionic/core/components/ion-badge.js";
+import { defineCustomElement as defineIonBreadcrumbs } from "@ionic/core/components/ion-breadcrumbs.js";
+import { defineCustomElement as defineIonButtons } from "@ionic/core/components/ion-buttons.js";
+import { defineCustomElement as defineIonCardContent } from "@ionic/core/components/ion-card-content.js";
+import { defineCustomElement as defineIonCardHeader } from "@ionic/core/components/ion-card-header.js";
+import { defineCustomElement as defineIonCardSubtitle } from "@ionic/core/components/ion-card-subtitle.js";
+import { defineCustomElement as defineIonCardTitle } from "@ionic/core/components/ion-card-title.js";
+import { defineCustomElement as defineIonCheckbox } from "@ionic/core/components/ion-checkbox.js";
+import { defineCustomElement as defineIonChip } from "@ionic/core/components/ion-chip.js";
+import { defineCustomElement as defineIonCol } from "@ionic/core/components/ion-col.js";
+import { defineCustomElement as defineIonContent } from "@ionic/core/components/ion-content.js";
+import { defineCustomElement as defineIonDatetime } from "@ionic/core/components/ion-datetime.js";
+import { defineCustomElement as defineIonDatetimeButton } from "@ionic/core/components/ion-datetime-button.js";
+import { defineCustomElement as defineIonFab } from "@ionic/core/components/ion-fab.js";
+import { defineCustomElement as defineIonFabList } from "@ionic/core/components/ion-fab-list.js";
+import { defineCustomElement as defineIonFooter } from "@ionic/core/components/ion-footer.js";
+import { defineCustomElement as defineIonGrid } from "@ionic/core/components/ion-grid.js";
+import { defineCustomElement as defineIonHeader } from "@ionic/core/components/ion-header.js";
+import { defineCustomElement as defineIonImg } from "@ionic/core/components/ion-img.js";
+import { defineCustomElement as defineIonInfiniteScroll } from "@ionic/core/components/ion-infinite-scroll.js";
+import { defineCustomElement as defineIonInfiniteScrollContent } from "@ionic/core/components/ion-infinite-scroll-content.js";
+import { defineCustomElement as defineIonInput } from "@ionic/core/components/ion-input.js";
+import { defineCustomElement as defineIonItemDivider } from "@ionic/core/components/ion-item-divider.js";
+import { defineCustomElement as defineIonItemGroup } from "@ionic/core/components/ion-item-group.js";
+import { defineCustomElement as defineIonItemOptions } from "@ionic/core/components/ion-item-options.js";
+import { defineCustomElement as defineIonItemSliding } from "@ionic/core/components/ion-item-sliding.js";
+import { defineCustomElement as defineIonLabel } from "@ionic/core/components/ion-label.js";
+import { defineCustomElement as defineIonList } from "@ionic/core/components/ion-list.js";
+import { defineCustomElement as defineIonListHeader } from "@ionic/core/components/ion-list-header.js";
+import { defineCustomElement as defineIonMenu } from "@ionic/core/components/ion-menu.js";
+import { defineCustomElement as defineIonMenuButton } from "@ionic/core/components/ion-menu-button.js";
+import { defineCustomElement as defineIonMenuToggle } from "@ionic/core/components/ion-menu-toggle.js";
+import { defineCustomElement as defineIonNav } from "@ionic/core/components/ion-nav.js";
+import { defineCustomElement as defineIonNavLink } from "@ionic/core/components/ion-nav-link.js";
+import { defineCustomElement as defineIonNote } from "@ionic/core/components/ion-note.js";
+import { defineCustomElement as defineIonProgressBar } from "@ionic/core/components/ion-progress-bar.js";
+import { defineCustomElement as defineIonRadio } from "@ionic/core/components/ion-radio.js";
+import { defineCustomElement as defineIonRadioGroup } from "@ionic/core/components/ion-radio-group.js";
+import { defineCustomElement as defineIonRange } from "@ionic/core/components/ion-range.js";
+import { defineCustomElement as defineIonRefresher } from "@ionic/core/components/ion-refresher.js";
+import { defineCustomElement as defineIonRefresherContent } from "@ionic/core/components/ion-refresher-content.js";
+import { defineCustomElement as defineIonReorder } from "@ionic/core/components/ion-reorder.js";
+import { defineCustomElement as defineIonReorderGroup } from "@ionic/core/components/ion-reorder-group.js";
+import { defineCustomElement as defineIonRippleEffect } from "@ionic/core/components/ion-ripple-effect.js";
+import { defineCustomElement as defineIonRow } from "@ionic/core/components/ion-row.js";
+import { defineCustomElement as defineIonSearchbar } from "@ionic/core/components/ion-searchbar.js";
+import { defineCustomElement as defineIonSegment } from "@ionic/core/components/ion-segment.js";
+import { defineCustomElement as defineIonSegmentButton } from "@ionic/core/components/ion-segment-button.js";
+import { defineCustomElement as defineIonSelect } from "@ionic/core/components/ion-select.js";
+import { defineCustomElement as defineIonSelectOption } from "@ionic/core/components/ion-select-option.js";
+import { defineCustomElement as defineIonSkeletonText } from "@ionic/core/components/ion-skeleton-text.js";
+import { defineCustomElement as defineIonSpinner } from "@ionic/core/components/ion-spinner.js";
+import { defineCustomElement as defineIonSplitPane } from "@ionic/core/components/ion-split-pane.js";
+import { defineCustomElement as defineIonTab } from "@ionic/core/components/ion-tab.js";
+import { defineCustomElement as defineIonText } from "@ionic/core/components/ion-text.js";
+import { defineCustomElement as defineIonTextarea } from "@ionic/core/components/ion-textarea.js";
+import { defineCustomElement as defineIonThumbnail } from "@ionic/core/components/ion-thumbnail.js";
+import { defineCustomElement as defineIonTitle } from "@ionic/core/components/ion-title.js";
+import { defineCustomElement as defineIonToggle } from "@ionic/core/components/ion-toggle.js";
+import { defineCustomElement as defineIonToolbar } from "@ionic/core/components/ion-toolbar.js";
+export const IonAccordion = /* @__PURE__ */ createReactComponent("ion-accordion", void 0, void 0, defineIonAccordion);
+export const IonAccordionGroup = /* @__PURE__ */ createReactComponent("ion-accordion-group", void 0, void 0, defineIonAccordionGroup);
+export const IonAvatar = /* @__PURE__ */ createReactComponent("ion-avatar", void 0, void 0, defineIonAvatar);
+export const IonBackdrop = /* @__PURE__ */ createReactComponent("ion-backdrop", void 0, void 0, defineIonBackdrop);
+export const IonBadge = /* @__PURE__ */ createReactComponent("ion-badge", void 0, void 0, defineIonBadge);
+export const IonBreadcrumbs = /* @__PURE__ */ createReactComponent("ion-breadcrumbs", void 0, void 0, defineIonBreadcrumbs);
+export const IonButtons = /* @__PURE__ */ createReactComponent("ion-buttons", void 0, void 0, defineIonButtons);
+export const IonCardContent = /* @__PURE__ */ createReactComponent("ion-card-content", void 0, void 0, defineIonCardContent);
+export const IonCardHeader = /* @__PURE__ */ createReactComponent("ion-card-header", void 0, void 0, defineIonCardHeader);
+export const IonCardSubtitle = /* @__PURE__ */ createReactComponent("ion-card-subtitle", void 0, void 0, defineIonCardSubtitle);
+export const IonCardTitle = /* @__PURE__ */ createReactComponent("ion-card-title", void 0, void 0, defineIonCardTitle);
+export const IonCheckbox = /* @__PURE__ */ createReactComponent("ion-checkbox", void 0, void 0, defineIonCheckbox);
+export const IonChip = /* @__PURE__ */ createReactComponent("ion-chip", void 0, void 0, defineIonChip);
+export const IonCol = /* @__PURE__ */ createReactComponent("ion-col", void 0, void 0, defineIonCol);
+export const IonContent = /* @__PURE__ */ createReactComponent("ion-content", void 0, void 0, defineIonContent);
+export const IonDatetime = /* @__PURE__ */ createReactComponent("ion-datetime", void 0, void 0, defineIonDatetime);
+export const IonDatetimeButton = /* @__PURE__ */ createReactComponent("ion-datetime-button", void 0, void 0, defineIonDatetimeButton);
+export const IonFab = /* @__PURE__ */ createReactComponent("ion-fab", void 0, void 0, defineIonFab);
+export const IonFabList = /* @__PURE__ */ createReactComponent("ion-fab-list", void 0, void 0, defineIonFabList);
+export const IonFooter = /* @__PURE__ */ createReactComponent("ion-footer", void 0, void 0, defineIonFooter);
+export const IonGrid = /* @__PURE__ */ createReactComponent("ion-grid", void 0, void 0, defineIonGrid);
+export const IonHeader = /* @__PURE__ */ createReactComponent("ion-header", void 0, void 0, defineIonHeader);
+export const IonImg = /* @__PURE__ */ createReactComponent("ion-img", void 0, void 0, defineIonImg);
+export const IonInfiniteScroll = /* @__PURE__ */ createReactComponent("ion-infinite-scroll", void 0, void 0, defineIonInfiniteScroll);
+export const IonInfiniteScrollContent = /* @__PURE__ */ createReactComponent("ion-infinite-scroll-content", void 0, void 0, defineIonInfiniteScrollContent);
+export const IonInput = /* @__PURE__ */ createReactComponent("ion-input", void 0, void 0, defineIonInput);
+export const IonItemDivider = /* @__PURE__ */ createReactComponent("ion-item-divider", void 0, void 0, defineIonItemDivider);
+export const IonItemGroup = /* @__PURE__ */ createReactComponent("ion-item-group", void 0, void 0, defineIonItemGroup);
+export const IonItemOptions = /* @__PURE__ */ createReactComponent("ion-item-options", void 0, void 0, defineIonItemOptions);
+export const IonItemSliding = /* @__PURE__ */ createReactComponent("ion-item-sliding", void 0, void 0, defineIonItemSliding);
+export const IonLabel = /* @__PURE__ */ createReactComponent("ion-label", void 0, void 0, defineIonLabel);
+export const IonList = /* @__PURE__ */ createReactComponent("ion-list", void 0, void 0, defineIonList);
+export const IonListHeader = /* @__PURE__ */ createReactComponent("ion-list-header", void 0, void 0, defineIonListHeader);
+export const IonMenu = /* @__PURE__ */ createReactComponent("ion-menu", void 0, void 0, defineIonMenu);
+export const IonMenuButton = /* @__PURE__ */ createReactComponent("ion-menu-button", void 0, void 0, defineIonMenuButton);
+export const IonMenuToggle = /* @__PURE__ */ createReactComponent("ion-menu-toggle", void 0, void 0, defineIonMenuToggle);
+export const IonNav = /* @__PURE__ */ createReactComponent("ion-nav", void 0, void 0, defineIonNav);
+export const IonNavLink = /* @__PURE__ */ createReactComponent("ion-nav-link", void 0, void 0, defineIonNavLink);
+export const IonNote = /* @__PURE__ */ createReactComponent("ion-note", void 0, void 0, defineIonNote);
+export const IonProgressBar = /* @__PURE__ */ createReactComponent("ion-progress-bar", void 0, void 0, defineIonProgressBar);
+export const IonRadio = /* @__PURE__ */ createReactComponent("ion-radio", void 0, void 0, defineIonRadio);
+export const IonRadioGroup = /* @__PURE__ */ createReactComponent("ion-radio-group", void 0, void 0, defineIonRadioGroup);
+export const IonRange = /* @__PURE__ */ createReactComponent("ion-range", void 0, void 0, defineIonRange);
+export const IonRefresher = /* @__PURE__ */ createReactComponent("ion-refresher", void 0, void 0, defineIonRefresher);
+export const IonRefresherContent = /* @__PURE__ */ createReactComponent("ion-refresher-content", void 0, void 0, defineIonRefresherContent);
+export const IonReorder = /* @__PURE__ */ createReactComponent("ion-reorder", void 0, void 0, defineIonReorder);
+export const IonReorderGroup = /* @__PURE__ */ createReactComponent("ion-reorder-group", void 0, void 0, defineIonReorderGroup);
+export const IonRippleEffect = /* @__PURE__ */ createReactComponent("ion-ripple-effect", void 0, void 0, defineIonRippleEffect);
+export const IonRow = /* @__PURE__ */ createReactComponent("ion-row", void 0, void 0, defineIonRow);
+export const IonSearchbar = /* @__PURE__ */ createReactComponent("ion-searchbar", void 0, void 0, defineIonSearchbar);
+export const IonSegment = /* @__PURE__ */ createReactComponent("ion-segment", void 0, void 0, defineIonSegment);
+export const IonSegmentButton = /* @__PURE__ */ createReactComponent("ion-segment-button", void 0, void 0, defineIonSegmentButton);
+export const IonSelect = /* @__PURE__ */ createReactComponent("ion-select", void 0, void 0, defineIonSelect);
+export const IonSelectOption = /* @__PURE__ */ createReactComponent("ion-select-option", void 0, void 0, defineIonSelectOption);
+export const IonSkeletonText = /* @__PURE__ */ createReactComponent("ion-skeleton-text", void 0, void 0, defineIonSkeletonText);
+export const IonSpinner = /* @__PURE__ */ createReactComponent("ion-spinner", void 0, void 0, defineIonSpinner);
+export const IonSplitPane = /* @__PURE__ */ createReactComponent("ion-split-pane", void 0, void 0, defineIonSplitPane);
+export const IonTab = /* @__PURE__ */ createReactComponent("ion-tab", void 0, void 0, defineIonTab);
+export const IonText = /* @__PURE__ */ createReactComponent("ion-text", void 0, void 0, defineIonText);
+export const IonTextarea = /* @__PURE__ */ createReactComponent("ion-textarea", void 0, void 0, defineIonTextarea);
+export const IonThumbnail = /* @__PURE__ */ createReactComponent("ion-thumbnail", void 0, void 0, defineIonThumbnail);
+export const IonTitle = /* @__PURE__ */ createReactComponent("ion-title", void 0, void 0, defineIonTitle);
+export const IonToggle = /* @__PURE__ */ createReactComponent("ion-toggle", void 0, void 0, defineIonToggle);
+export const IonToolbar = /* @__PURE__ */ createReactComponent("ion-toolbar", void 0, void 0, defineIonToolbar);
+//# sourceMappingURL=proxies.js.map

package/dist/components/proxies.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/proxies.ts"],
+  "sourcesContent": ["/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@ionic/core/components';\n\nimport { defineCustomElement as defineIonAccordion } from '@ionic/core/components/ion-accordion.js';\nimport { defineCustomElement as defineIonAccordionGroup } from '@ionic/core/components/ion-accordion-group.js';\nimport { defineCustomElement as defineIonAvatar } from '@ionic/core/components/ion-avatar.js';\nimport { defineCustomElement as defineIonBackdrop } from '@ionic/core/components/ion-backdrop.js';\nimport { defineCustomElement as defineIonBadge } from '@ionic/core/components/ion-badge.js';\nimport { defineCustomElement as defineIonBreadcrumbs } from '@ionic/core/components/ion-breadcrumbs.js';\nimport { defineCustomElement as defineIonButtons } from '@ionic/core/components/ion-buttons.js';\nimport { defineCustomElement as defineIonCardContent } from '@ionic/core/components/ion-card-content.js';\nimport { defineCustomElement as defineIonCardHeader } from '@ionic/core/components/ion-card-header.js';\nimport { defineCustomElement as defineIonCardSubtitle } from '@ionic/core/components/ion-card-subtitle.js';\nimport { defineCustomElement as defineIonCardTitle } from '@ionic/core/components/ion-card-title.js';\nimport { defineCustomElement as defineIonCheckbox } from '@ionic/core/components/ion-checkbox.js';\nimport { defineCustomElement as defineIonChip } from '@ionic/core/components/ion-chip.js';\nimport { defineCustomElement as defineIonCol } from '@ionic/core/components/ion-col.js';\nimport { defineCustomElement as defineIonContent } from '@ionic/core/components/ion-content.js';\nimport { defineCustomElement as defineIonDatetime } from '@ionic/core/components/ion-datetime.js';\nimport { defineCustomElement as defineIonDatetimeButton } from '@ionic/core/components/ion-datetime-button.js';\nimport { defineCustomElement as defineIonFab } from '@ionic/core/components/ion-fab.js';\nimport { defineCustomElement as defineIonFabList } from '@ionic/core/components/ion-fab-list.js';\nimport { defineCustomElement as defineIonFooter } from '@ionic/core/components/ion-footer.js';\nimport { defineCustomElement as defineIonGrid } from '@ionic/core/components/ion-grid.js';\nimport { defineCustomElement as defineIonHeader } from '@ionic/core/components/ion-header.js';\nimport { defineCustomElement as defineIonImg } from '@ionic/core/components/ion-img.js';\nimport { defineCustomElement as defineIonInfiniteScroll } from '@ionic/core/components/ion-infinite-scroll.js';\nimport { defineCustomElement as defineIonInfiniteScrollContent } from '@ionic/core/components/ion-infinite-scroll-content.js';\nimport { defineCustomElement as defineIonInput } from '@ionic/core/components/ion-input.js';\nimport { defineCustomElement as defineIonItemDivider } from '@ionic/core/components/ion-item-divider.js';\nimport { defineCustomElement as defineIonItemGroup } from '@ionic/core/components/ion-item-group.js';\nimport { defineCustomElement as defineIonItemOptions } from '@ionic/core/components/ion-item-options.js';\nimport { defineCustomElement as defineIonItemSliding } from '@ionic/core/components/ion-item-sliding.js';\nimport { defineCustomElement as defineIonLabel } from '@ionic/core/components/ion-label.js';\nimport { defineCustomElement as defineIonList } from '@ionic/core/components/ion-list.js';\nimport { defineCustomElement as defineIonListHeader } from '@ionic/core/components/ion-list-header.js';\nimport { defineCustomElement as defineIonMenu } from '@ionic/core/components/ion-menu.js';\nimport { defineCustomElement as defineIonMenuButton } from '@ionic/core/components/ion-menu-button.js';\nimport { defineCustomElement as defineIonMenuToggle } from '@ionic/core/components/ion-menu-toggle.js';\nimport { defineCustomElement as defineIonNav } from '@ionic/core/components/ion-nav.js';\nimport { defineCustomElement as defineIonNavLink } from '@ionic/core/components/ion-nav-link.js';\nimport { defineCustomElement as defineIonNote } from '@ionic/core/components/ion-note.js';\nimport { defineCustomElement as defineIonProgressBar } from '@ionic/core/components/ion-progress-bar.js';\nimport { defineCustomElement as defineIonRadio } from '@ionic/core/components/ion-radio.js';\nimport { defineCustomElement as defineIonRadioGroup } from '@ionic/core/components/ion-radio-group.js';\nimport { defineCustomElement as defineIonRange } from '@ionic/core/components/ion-range.js';\nimport { defineCustomElement as defineIonRefresher } from '@ionic/core/components/ion-refresher.js';\nimport { defineCustomElement as defineIonRefresherContent } from '@ionic/core/components/ion-refresher-content.js';\nimport { defineCustomElement as defineIonReorder } from '@ionic/core/components/ion-reorder.js';\nimport { defineCustomElement as defineIonReorderGroup } from '@ionic/core/components/ion-reorder-group.js';\nimport { defineCustomElement as defineIonRippleEffect } from '@ionic/core/components/ion-ripple-effect.js';\nimport { defineCustomElement as defineIonRow } from '@ionic/core/components/ion-row.js';\nimport { defineCustomElement as defineIonSearchbar } from '@ionic/core/components/ion-searchbar.js';\nimport { defineCustomElement as defineIonSegment } from '@ionic/core/components/ion-segment.js';\nimport { defineCustomElement as defineIonSegmentButton } from '@ionic/core/components/ion-segment-button.js';\nimport { defineCustomElement as defineIonSelect } from '@ionic/core/components/ion-select.js';\nimport { defineCustomElement as defineIonSelectOption } from '@ionic/core/components/ion-select-option.js';\nimport { defineCustomElement as defineIonSkeletonText } from '@ionic/core/components/ion-skeleton-text.js';\nimport { defineCustomElement as defineIonSpinner } from '@ionic/core/components/ion-spinner.js';\nimport { defineCustomElement as defineIonSplitPane } from '@ionic/core/components/ion-split-pane.js';\nimport { defineCustomElement as defineIonTab } from '@ionic/core/components/ion-tab.js';\nimport { defineCustomElement as defineIonText } from '@ionic/core/components/ion-text.js';\nimport { defineCustomElement as defineIonTextarea } from '@ionic/core/components/ion-textarea.js';\nimport { defineCustomElement as defineIonThumbnail } from '@ionic/core/components/ion-thumbnail.js';\nimport { defineCustomElement as defineIonTitle } from '@ionic/core/components/ion-title.js';\nimport { defineCustomElement as defineIonToggle } from '@ionic/core/components/ion-toggle.js';\nimport { defineCustomElement as defineIonToolbar } from '@ionic/core/components/ion-toolbar.js';\n\nexport const IonAccordion = /*@__PURE__*/createReactComponent<JSX.IonAccordion, HTMLIonAccordionElement>('ion-accordion', undefined, undefined, defineIonAccordion);\nexport const IonAccordionGroup = /*@__PURE__*/createReactComponent<JSX.IonAccordionGroup, HTMLIonAccordionGroupElement>('ion-accordion-group', undefined, undefined, defineIonAccordionGroup);\nexport const IonAvatar = /*@__PURE__*/createReactComponent<JSX.IonAvatar, HTMLIonAvatarElement>('ion-avatar', undefined, undefined, defineIonAvatar);\nexport const IonBackdrop = /*@__PURE__*/createReactComponent<JSX.IonBackdrop, HTMLIonBackdropElement>('ion-backdrop', undefined, undefined, defineIonBackdrop);\nexport const IonBadge = /*@__PURE__*/createReactComponent<JSX.IonBadge, HTMLIonBadgeElement>('ion-badge', undefined, undefined, defineIonBadge);\nexport const IonBreadcrumbs = /*@__PURE__*/createReactComponent<JSX.IonBreadcrumbs, HTMLIonBreadcrumbsElement>('ion-breadcrumbs', undefined, undefined, defineIonBreadcrumbs);\nexport const IonButtons = /*@__PURE__*/createReactComponent<JSX.IonButtons, HTMLIonButtonsElement>('ion-buttons', undefined, undefined, defineIonButtons);\nexport const IonCardContent = /*@__PURE__*/createReactComponent<JSX.IonCardContent, HTMLIonCardContentElement>('ion-card-content', undefined, undefined, defineIonCardContent);\nexport const IonCardHeader = /*@__PURE__*/createReactComponent<JSX.IonCardHeader, HTMLIonCardHeaderElement>('ion-card-header', undefined, undefined, defineIonCardHeader);\nexport const IonCardSubtitle = /*@__PURE__*/createReactComponent<JSX.IonCardSubtitle, HTMLIonCardSubtitleElement>('ion-card-subtitle', undefined, undefined, defineIonCardSubtitle);\nexport const IonCardTitle = /*@__PURE__*/createReactComponent<JSX.IonCardTitle, HTMLIonCardTitleElement>('ion-card-title', undefined, undefined, defineIonCardTitle);\nexport const IonCheckbox = /*@__PURE__*/createReactComponent<JSX.IonCheckbox, HTMLIonCheckboxElement>('ion-checkbox', undefined, undefined, defineIonCheckbox);\nexport const IonChip = /*@__PURE__*/createReactComponent<JSX.IonChip, HTMLIonChipElement>('ion-chip', undefined, undefined, defineIonChip);\nexport const IonCol = /*@__PURE__*/createReactComponent<JSX.IonCol, HTMLIonColElement>('ion-col', undefined, undefined, defineIonCol);\nexport const IonContent = /*@__PURE__*/createReactComponent<JSX.IonContent, HTMLIonContentElement>('ion-content', undefined, undefined, defineIonContent);\nexport const IonDatetime = /*@__PURE__*/createReactComponent<JSX.IonDatetime, HTMLIonDatetimeElement>('ion-datetime', undefined, undefined, defineIonDatetime);\nexport const IonDatetimeButton = /*@__PURE__*/createReactComponent<JSX.IonDatetimeButton, HTMLIonDatetimeButtonElement>('ion-datetime-button', undefined, undefined, defineIonDatetimeButton);\nexport const IonFab = /*@__PURE__*/createReactComponent<JSX.IonFab, HTMLIonFabElement>('ion-fab', undefined, undefined, defineIonFab);\nexport const IonFabList = /*@__PURE__*/createReactComponent<JSX.IonFabList, HTMLIonFabListElement>('ion-fab-list', undefined, undefined, defineIonFabList);\nexport const IonFooter = /*@__PURE__*/createReactComponent<JSX.IonFooter, HTMLIonFooterElement>('ion-footer', undefined, undefined, defineIonFooter);\nexport const IonGrid = /*@__PURE__*/createReactComponent<JSX.IonGrid, HTMLIonGridElement>('ion-grid', undefined, undefined, defineIonGrid);\nexport const IonHeader = /*@__PURE__*/createReactComponent<JSX.IonHeader, HTMLIonHeaderElement>('ion-header', undefined, undefined, defineIonHeader);\nexport const IonImg = /*@__PURE__*/createReactComponent<JSX.IonImg, HTMLIonImgElement>('ion-img', undefined, undefined, defineIonImg);\nexport const IonInfiniteScroll = /*@__PURE__*/createReactComponent<JSX.IonInfiniteScroll, HTMLIonInfiniteScrollElement>('ion-infinite-scroll', undefined, undefined, defineIonInfiniteScroll);\nexport const IonInfiniteScrollContent = /*@__PURE__*/createReactComponent<JSX.IonInfiniteScrollContent, HTMLIonInfiniteScrollContentElement>('ion-infinite-scroll-content', undefined, undefined, defineIonInfiniteScrollContent);\nexport const IonInput = /*@__PURE__*/createReactComponent<JSX.IonInput, HTMLIonInputElement>('ion-input', undefined, undefined, defineIonInput);\nexport const IonItemDivider = /*@__PURE__*/createReactComponent<JSX.IonItemDivider, HTMLIonItemDividerElement>('ion-item-divider', undefined, undefined, defineIonItemDivider);\nexport const IonItemGroup = /*@__PURE__*/createReactComponent<JSX.IonItemGroup, HTMLIonItemGroupElement>('ion-item-group', undefined, undefined, defineIonItemGroup);\nexport const IonItemOptions = /*@__PURE__*/createReactComponent<JSX.IonItemOptions, HTMLIonItemOptionsElement>('ion-item-options', undefined, undefined, defineIonItemOptions);\nexport const IonItemSliding = /*@__PURE__*/createReactComponent<JSX.IonItemSliding, HTMLIonItemSlidingElement>('ion-item-sliding', undefined, undefined, defineIonItemSliding);\nexport const IonLabel = /*@__PURE__*/createReactComponent<JSX.IonLabel, HTMLIonLabelElement>('ion-label', undefined, undefined, defineIonLabel);\nexport const IonList = /*@__PURE__*/createReactComponent<JSX.IonList, HTMLIonListElement>('ion-list', undefined, undefined, defineIonList);\nexport const IonListHeader = /*@__PURE__*/createReactComponent<JSX.IonListHeader, HTMLIonListHeaderElement>('ion-list-header', undefined, undefined, defineIonListHeader);\nexport const IonMenu = /*@__PURE__*/createReactComponent<JSX.IonMenu, HTMLIonMenuElement>('ion-menu', undefined, undefined, defineIonMenu);\nexport const IonMenuButton = /*@__PURE__*/createReactComponent<JSX.IonMenuButton, HTMLIonMenuButtonElement>('ion-menu-button', undefined, undefined, defineIonMenuButton);\nexport const IonMenuToggle = /*@__PURE__*/createReactComponent<JSX.IonMenuToggle, HTMLIonMenuToggleElement>('ion-menu-toggle', undefined, undefined, defineIonMenuToggle);\nexport const IonNav = /*@__PURE__*/createReactComponent<JSX.IonNav, HTMLIonNavElement>('ion-nav', undefined, undefined, defineIonNav);\nexport const IonNavLink = /*@__PURE__*/createReactComponent<JSX.IonNavLink, HTMLIonNavLinkElement>('ion-nav-link', undefined, undefined, defineIonNavLink);\nexport const IonNote = /*@__PURE__*/createReactComponent<JSX.IonNote, HTMLIonNoteElement>('ion-note', undefined, undefined, defineIonNote);\nexport const IonProgressBar = /*@__PURE__*/createReactComponent<JSX.IonProgressBar, HTMLIonProgressBarElement>('ion-progress-bar', undefined, undefined, defineIonProgressBar);\nexport const IonRadio = /*@__PURE__*/createReactComponent<JSX.IonRadio, HTMLIonRadioElement>('ion-radio', undefined, undefined, defineIonRadio);\nexport const IonRadioGroup = /*@__PURE__*/createReactComponent<JSX.IonRadioGroup, HTMLIonRadioGroupElement>('ion-radio-group', undefined, undefined, defineIonRadioGroup);\nexport const IonRange = /*@__PURE__*/createReactComponent<JSX.IonRange, HTMLIonRangeElement>('ion-range', undefined, undefined, defineIonRange);\nexport const IonRefresher = /*@__PURE__*/createReactComponent<JSX.IonRefresher, HTMLIonRefresherElement>('ion-refresher', undefined, undefined, defineIonRefresher);\nexport const IonRefresherContent = /*@__PURE__*/createReactComponent<JSX.IonRefresherContent, HTMLIonRefresherContentElement>('ion-refresher-content', undefined, undefined, defineIonRefresherContent);\nexport const IonReorder = /*@__PURE__*/createReactComponent<JSX.IonReorder, HTMLIonReorderElement>('ion-reorder', undefined, undefined, defineIonReorder);\nexport const IonReorderGroup = /*@__PURE__*/createReactComponent<JSX.IonReorderGroup, HTMLIonReorderGroupElement>('ion-reorder-group', undefined, undefined, defineIonReorderGroup);\nexport const IonRippleEffect = /*@__PURE__*/createReactComponent<JSX.IonRippleEffect, HTMLIonRippleEffectElement>('ion-ripple-effect', undefined, undefined, defineIonRippleEffect);\nexport const IonRow = /*@__PURE__*/createReactComponent<JSX.IonRow, HTMLIonRowElement>('ion-row', undefined, undefined, defineIonRow);\nexport const IonSearchbar = /*@__PURE__*/createReactComponent<JSX.IonSearchbar, HTMLIonSearchbarElement>('ion-searchbar', undefined, undefined, defineIonSearchbar);\nexport const IonSegment = /*@__PURE__*/createReactComponent<JSX.IonSegment, HTMLIonSegmentElement>('ion-segment', undefined, undefined, defineIonSegment);\nexport const IonSegmentButton = /*@__PURE__*/createReactComponent<JSX.IonSegmentButton, HTMLIonSegmentButtonElement>('ion-segment-button', undefined, undefined, defineIonSegmentButton);\nexport const IonSelect = /*@__PURE__*/createReactComponent<JSX.IonSelect, HTMLIonSelectElement>('ion-select', undefined, undefined, defineIonSelect);\nexport const IonSelectOption = /*@__PURE__*/createReactComponent<JSX.IonSelectOption, HTMLIonSelectOptionElement>('ion-select-option', undefined, undefined, defineIonSelectOption);\nexport const IonSkeletonText = /*@__PURE__*/createReactComponent<JSX.IonSkeletonText, HTMLIonSkeletonTextElement>('ion-skeleton-text', undefined, undefined, defineIonSkeletonText);\nexport const IonSpinner = /*@__PURE__*/createReactComponent<JSX.IonSpinner, HTMLIonSpinnerElement>('ion-spinner', undefined, undefined, defineIonSpinner);\nexport const IonSplitPane = /*@__PURE__*/createReactComponent<JSX.IonSplitPane, HTMLIonSplitPaneElement>('ion-split-pane', undefined, undefined, defineIonSplitPane);\nexport const IonTab = /*@__PURE__*/createReactComponent<JSX.IonTab, HTMLIonTabElement>('ion-tab', undefined, undefined, defineIonTab);\nexport const IonText = /*@__PURE__*/createReactComponent<JSX.IonText, HTMLIonTextElement>('ion-text', undefined, undefined, defineIonText);\nexport const IonTextarea = /*@__PURE__*/createReactComponent<JSX.IonTextarea, HTMLIonTextareaElement>('ion-textarea', undefined, undefined, defineIonTextarea);\nexport const IonThumbnail = /*@__PURE__*/createReactComponent<JSX.IonThumbnail, HTMLIonThumbnailElement>('ion-thumbnail', undefined, undefined, defineIonThumbnail);\nexport const IonTitle = /*@__PURE__*/createReactComponent<JSX.IonTitle, HTMLIonTitleElement>('ion-title', undefined, undefined, defineIonTitle);\nexport const IonToggle = /*@__PURE__*/createReactComponent<JSX.IonToggle, HTMLIonToggleElement>('ion-toggle', undefined, undefined, defineIonToggle);\nexport const IonToolbar = /*@__PURE__*/createReactComponent<JSX.IonToolbar, HTMLIonToolbarElement>('ion-toolbar', undefined, undefined, defineIonToolbar);\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,58 @@
+"use strict";
+import React, { createElement } from "react";
+import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from "./utils";
+export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
+  if (defineCustomElement !== void 0) {
+    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 { children, forwardedRef, style, className, ref, ...cProps } = this.props;
+      let propsToPass = Object.keys(cProps).reduce((acc, name) => {
+        const value = cProps[name];
+        if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
+          const eventName = name.substring(2).toLowerCase();
+          if (typeof document !== "undefined" && isCoveredByReact(eventName)) {
+            acc[name] = value;
+          }
+        } else {
+          const type = typeof value;
+          if (type === "string" || type === "boolean" || type === "number") {
+            acc[camelToDashCase(name)] = value;
+          }
+        }
+        return acc;
+      }, {});
+      if (manipulatePropsFunction) {
+        propsToPass = manipulatePropsFunction(this.props, propsToPass);
+      }
+      const newProps = {
+        ...propsToPass,
+        ref: mergeRefs(forwardedRef, this.setComponentElRef),
+        style
+      };
+      return createElement(tagName, newProps, children);
+    }
+    static get displayName() {
+      return displayName;
+    }
+  };
+  if (ReactComponentContext) {
+    ReactComponent.contextType = ReactComponentContext;
+  }
+  return createForwardRef(ReactComponent, displayName);
+};
+//# sourceMappingURL=createComponent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/react-component-lib/createComponent.tsx"],
+  "sourcesContent": ["import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n"],
+  "mappings": ";AAAA,OAAO,SAAS,qBAAqB;AAErC,SAAS,aAAa,iBAAiB,kBAAkB,kBAAkB,kBAAkB,iBAAiB;AAWvG,aAAM,uBAAuB,CAMlC,SACA,uBACA,yBAIA,wBACG;AACH,MAAI,wBAAwB,QAAW;AACrC,wBAAoB;AAAA,EACtB;AAEA,QAAM,cAAc,iBAAiB,OAAO;AAC5C,QAAM,iBAAiB,cAAc,MAAM,UAAkD;AAAA,IAO3F,YAAY,OAA+C;AACzD,YAAM,KAAK;AALb,+BAAoB,CAAC,YAAyB;AAC5C,aAAK,cAAc;AAAA,MACrB;AAAA,IAIA;AAAA,IAEA,oBAAoB;AAClB,WAAK,mBAAmB,KAAK,KAAK;AAAA,IACpC;AAAA,IAEA,mBAAmB,WAAmD;AACpE,kBAAY,KAAK,aAAa,KAAK,OAAO,SAAS;AAAA,IACrD;AAAA,IAEA,SAAS;AACP,YAAM,EAAE,UAAU,cAAc,OAAO,WAAW,KAAK,GAAG,OAAO,IAAI,KAAK;AAE1E,UAAI,cAAc,OAAO,KAAK,MAAM,EAAE,OAAO,CAAC,KAAU,SAAS;AAC/D,cAAM,QAAS,OAAe,IAAI;AAElC,YAAI,KAAK,QAAQ,IAAI,MAAM,KAAK,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,YAAY,GAAG;AACjE,gBAAM,YAAY,KAAK,UAAU,CAAC,EAAE,YAAY;AAChD,cAAI,OAAO,aAAa,eAAe,iBAAiB,SAAS,GAAG;AAClE,gBAAI,IAAI,IAAI;AAAA,UACd;AAAA,QACF,OAAO;AAGL,gBAAM,OAAO,OAAO;AAEpB,cAAI,SAAS,YAAY,SAAS,aAAa,SAAS,UAAU;AAChE,gBAAI,gBAAgB,IAAI,CAAC,IAAI;AAAA,UAC/B;AAAA,QACF;AACA,eAAO;AAAA,MACT,GAAG,CAAC,CAAuB;AAE3B,UAAI,yBAAyB;AAC3B,sBAAc,wBAAwB,KAAK,OAAO,WAAW;AAAA,MAC/D;AAEA,YAAM,WAAyE;AAAA,QAC7E,GAAG;AAAA,QACH,KAAK,UAAU,cAAc,KAAK,iBAAiB;AAAA,QACnD;AAAA,MACF;AASA,aAAO,cAAc,SAAS,UAAU,QAAQ;AAAA,IAClD;AAAA,IAEA,WAAW,cAAc;AACvB,aAAO;AAAA,IACT;AAAA,EACF;AAGA,MAAI,uBAAuB;AACzB,mBAAe,cAAc;AAAA,EAC/B;AAEA,SAAO,iBAAwC,gBAAgB,WAAW;AAC5E;",
+  "names": []
+}

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

@@ -0,0 +1,86 @@
+"use strict";
+import React from "react";
+import ReactDOM from "react-dom";
+import { attachProps, dashToPascalCase, defineCustomElement, setRef } from "./utils";
+export const createOverlayComponent = (tagName, controller, customElement) => {
+  defineCustomElement(tagName, customElement);
+  const displayName = dashToPascalCase(tagName);
+  const didDismissEventName = `on${displayName}DidDismiss`;
+  const didPresentEventName = `on${displayName}DidPresent`;
+  const willDismissEventName = `on${displayName}WillDismiss`;
+  const willPresentEventName = `on${displayName}WillPresent`;
+  let isDismissing = false;
+  class Overlay extends React.Component {
+    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) {
+      if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
+        isDismissing = true;
+      }
+      return true;
+    }
+    async componentDidUpdate(prevProps) {
+      if (this.overlay) {
+        attachProps(this.overlay, this.props, prevProps);
+      }
+      if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
+        this.present(prevProps);
+      }
+      if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {
+        await this.overlay.dismiss();
+        isDismissing = false;
+        this.forceUpdate();
+      }
+    }
+    async present(prevProps) {
+      const { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent, ...cProps } = this.props;
+      const elementProps = {
+        ...cProps,
+        ref: this.props.forwardedRef,
+        [didDismissEventName]: this.handleDismiss,
+        [didPresentEventName]: (e) => this.props.onDidPresent && this.props.onDidPresent(e),
+        [willDismissEventName]: (e) => this.props.onWillDismiss && this.props.onWillDismiss(e),
+        [willPresentEventName]: (e) => this.props.onWillPresent && this.props.onWillPresent(e)
+      };
+      this.overlay = await controller.create({
+        ...elementProps,
+        component: this.el,
+        componentProps: {}
+      });
+      setRef(this.props.forwardedRef, this.overlay);
+      attachProps(this.overlay, elementProps, prevProps);
+      await this.overlay.present();
+    }
+    render() {
+      return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
+    }
+  }
+  return React.forwardRef((props, ref) => {
+    return /* @__PURE__ */ React.createElement(Overlay, { ...props, forwardedRef: ref });
+  });
+};
+//# sourceMappingURL=createOverlayComponent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/react-component-lib/createOverlayComponent.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { OverlayEventDetail } from './interfaces';\nimport { StencilReactForwardedRef, attachProps, dashToPascalCase, defineCustomElement, setRef } from './utils';\n\ninterface OverlayElement extends HTMLElement {\n  present: () => Promise<void>;\n  dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;\n}\n\nexport interface ReactOverlayProps {\n  children?: React.ReactNode;\n  isOpen: boolean;\n  onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;\n  onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;\n  onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;\n  onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;\n}\n\nexport const createOverlayComponent = <OverlayComponent extends object, OverlayType extends OverlayElement>(\n  tagName: string,\n  controller: { create: (options: any) => Promise<OverlayType> },\n  customElement?: any\n) => {\n  defineCustomElement(tagName, customElement);\n\n  const displayName = dashToPascalCase(tagName);\n  const didDismissEventName = `on${displayName}DidDismiss`;\n  const didPresentEventName = `on${displayName}DidPresent`;\n  const willDismissEventName = `on${displayName}WillDismiss`;\n  const willPresentEventName = `on${displayName}WillPresent`;\n\n  type Props = OverlayComponent &\n    ReactOverlayProps & {\n      forwardedRef?: StencilReactForwardedRef<OverlayType>;\n    };\n\n  let isDismissing = false;\n\n  class Overlay extends React.Component<Props> {\n    overlay?: OverlayType;\n    el!: HTMLDivElement;\n\n    constructor(props: Props) {\n      super(props);\n      if (typeof document !== 'undefined') {\n        this.el = document.createElement('div');\n      }\n      this.handleDismiss = this.handleDismiss.bind(this);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n\n    componentDidMount() {\n      if (this.props.isOpen) {\n        this.present();\n      }\n    }\n\n    componentWillUnmount() {\n      if (this.overlay) {\n        this.overlay.dismiss();\n      }\n    }\n\n    handleDismiss(event: CustomEvent<OverlayEventDetail<any>>) {\n      if (this.props.onDidDismiss) {\n        this.props.onDidDismiss(event);\n      }\n      setRef(this.props.forwardedRef, null);\n    }\n\n    shouldComponentUpdate(nextProps: Props) {\n      // Check if the overlay component is about to dismiss\n      if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {\n        isDismissing = true;\n      }\n\n      return true;\n    }\n\n    async componentDidUpdate(prevProps: Props) {\n      if (this.overlay) {\n        attachProps(this.overlay, this.props, prevProps);\n      }\n\n      if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {\n        this.present(prevProps);\n      }\n      if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {\n        await this.overlay.dismiss();\n        isDismissing = false;\n\n        /**\n         * Now that the overlay is dismissed\n         * we need to render again so that any\n         * inner components will be unmounted\n         */\n        this.forceUpdate();\n      }\n    }\n\n    async present(prevProps?: Props) {\n      const { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent, ...cProps } = this.props;\n      const elementProps = {\n        ...cProps,\n        ref: this.props.forwardedRef,\n        [didDismissEventName]: this.handleDismiss,\n        [didPresentEventName]: (e: CustomEvent) => this.props.onDidPresent && this.props.onDidPresent(e),\n        [willDismissEventName]: (e: CustomEvent) => this.props.onWillDismiss && this.props.onWillDismiss(e),\n        [willPresentEventName]: (e: CustomEvent) => this.props.onWillPresent && this.props.onWillPresent(e),\n      };\n\n      this.overlay = await controller.create({\n        ...elementProps,\n        component: this.el,\n        componentProps: {},\n      });\n\n      setRef(this.props.forwardedRef, this.overlay);\n      attachProps(this.overlay, elementProps, prevProps);\n\n      await this.overlay.present();\n    }\n\n    render() {\n      /**\n       * Continue to render the component even when\n       * overlay is dismissing otherwise component\n       * will be hidden before animation is done.\n       */\n      return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);\n    }\n  }\n\n  return React.forwardRef<OverlayType, Props>((props, ref) => {\n    return <Overlay {...props} forwardedRef={ref} />;\n  });\n};\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,4 @@
+"use strict";
+export { createReactComponent } from "./createComponent";
+export { createOverlayComponent } from "./createOverlayComponent";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/react-component-lib/index.ts"],
+  "sourcesContent": ["export { createReactComponent } from './createComponent';\nexport { createOverlayComponent } from './createOverlayComponent';\n"],
+  "mappings": ";AAAA,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;",
+  "names": []
+}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=interfaces.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,92 @@
+"use strict";
+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 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];
+  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 = /* @__PURE__ */ new Map();
+  arr.forEach((s) => map.set(s, s));
+  return map;
+};
+//# sourceMappingURL=attachProps.js.map

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+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/dist/components/react-component-lib/utils/case.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/react-component-lib/utils/case.ts"],
+  "sourcesContent": ["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n"],
+  "mappings": ";AAAO,aAAM,mBAAmB,CAAC,QAC/B,IACG,YAAY,EACZ,MAAM,GAAG,EACT,IAAI,CAAC,YAAY,QAAQ,OAAO,CAAC,EAAE,YAAY,IAAI,QAAQ,MAAM,CAAC,CAAC,EACnE,KAAK,EAAE;AACL,aAAM,kBAAkB,CAAC,QAAgB,IAAI,QAAQ,YAAY,CAAC,MAAc,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,EAAE;",
+  "names": []
+}

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

@@ -0,0 +1,14 @@
+"use strict";
+export const isDevMode = () => {
+  return process && process.env && true;
+};
+const warnings = {};
+export const deprecationWarning = (key, message) => {
+  if (isDevMode()) {
+    if (!warnings[key]) {
+      console.warn(message);
+      warnings[key] = true;
+    }
+  }
+};
+//# sourceMappingURL=dev.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/react-component-lib/utils/dev.ts"],
+  "sourcesContent": ["export const isDevMode = () => {\n  return process && process.env && process.env.NODE_ENV === 'development';\n};\n\nconst warnings: { [key: string]: boolean } = {};\n\nexport const deprecationWarning = (key: string, message: string) => {\n  if (isDevMode()) {\n    if (!warnings[key]) {\n      console.warn(message);\n      warnings[key] = true;\n    }\n  }\n};\n"],
+  "mappings": ";AAAO,aAAM,YAAY,MAAM;AAC7B,SAAO,WAAW,QAAQ,OAAO;AACnC;AAEA,MAAM,WAAuC,CAAC;AAEvC,aAAM,qBAAqB,CAAC,KAAa,YAAoB;AAClE,MAAI,UAAU,GAAG;AACf,QAAI,CAAC,SAAS,GAAG,GAAG;AAClB,cAAQ,KAAK,OAAO;AACpB,eAAS,GAAG,IAAI;AAAA,IAClB;AAAA,EACF;AACF;",
+  "names": []
+}