javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-17 02:31:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(react): add custom elements bundle (#23896)

Browse Source
This commit is contained in:
Liam DeBeasi
2021-09-13 14:53:28 -04:00
committed by GitHub
parent d1763fc8b5
commit c50d895370
57 changed files with 321 additions and 565 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/react/src/components/createInlineOverlayComponent.tsx
View File

@ -1,16 +1,15 @@
import { OverlayEventDetail } from '@ionic/core'
import { OverlayEventDetail } from '@ionic/core/components'
import React from 'react';
import {
attachProps,
camelToDashCase,
dashToPascalCase,
defineCustomElement,
isCoveredByReact,
mergeRefs,
} from './react-component-lib/utils';
import {
createForwardRef
} from './utils';
import { createForwardRef } from './utils';
type InlineOverlayState = {
isOpen: boolean;
@ -26,8 +25,11 @@ interface IonicReactInternalProps<ElementType> extends React.HTMLAttributes<Elem
}
export const createInlineOverlayComponent = <PropType, ElementType>(
tagName: string
tagName: string,
customElement?: any
) => {
defineCustomElement(tagName, customElement);
const displayName = dashToPascalCase(tagName);
const ReactComponent = class extends React.Component<IonicReactInternalProps<PropType>, InlineOverlayState> {
ref: React.RefObject<HTMLElement>;