@zanichelli/albe-web-components 19.2.2 → 19.2.3-RC1

package/react/components.js

@@ -1,95 +1,90 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZMyzCardInfo = exports.ZMyzCardIcon = exports.ZMyzCardHeader = exports.ZMyzCardFooterSections = exports.ZMyzCardFooter = exports.ZMyzCardDictionary = exports.ZMyzCardCover = exports.ZMyzCardBody = exports.ZMyzCardAlert = exports.ZMyzCard = exports.ZModal = exports.ZMenuSectionDeprecated = exports.ZMenuSection = exports.ZMenuDeprecated = exports.ZMenu = exports.ZLogo = exports.ZListGroup = exports.ZListElement = exports.ZList = exports.ZInputMessage = exports.ZInput = exports.ZInfoReveal = exports.ZInfoBox = exports.ZIcon = exports.ZGhostLoading = exports.ZFileUpload = exports.ZFile = exports.ZDragdropArea = exports.ZDivider = exports.ZDatePicker = exports.ZCoverHero = exports.ZCombobox = exports.ZColorPicker = exports.ZChip = exports.ZCarousel = exports.ZCard = exports.ZButtonSort = exports.ZButton = exports.ZBreadcrumb = exports.ZBookCover = exports.ZBookCardDeprecated = exports.ZBookCardApp = exports.ZBookCard = exports.ZAvatar = exports.ZAriaAlert = exports.ZAppHeaderDeprecated = exports.ZAppHeader = exports.ZAnchorNavigation = exports.ZAlert = exports.ZAccordion = void 0;
-exports.ZVisuallyHidden = exports.ZTreeList = exports.ZTr = exports.ZTooltip = exports.ZToolbar = exports.ZTool = exports.ZToggleSwitch = exports.ZToggleButton = exports.ZToastNotificationList = exports.ZToastNotification = exports.ZThead = exports.ZTh = exports.ZTfoot = exports.ZTd = exports.ZTbody = exports.ZTag = exports.ZTable = exports.ZStepperItem = exports.ZStepper = exports.ZSlideshow = exports.ZSkipToContent = exports.ZSelect = exports.ZSectionTitle = exports.ZSearchbar = exports.ZResultCard = exports.ZRangePicker = exports.ZPopover = exports.ZPanelElem = exports.ZPagination = exports.ZOtp = exports.ZOffcanvas = exports.ZNotification = exports.ZNavigationTabs = exports.ZMyzListItem = exports.ZMyzList = exports.ZMyzCardList = void 0;
 /* eslint-disable */
 /* tslint:disable */
 /* auto-generated react proxies */
-const react_component_lib_1 = require("./react-component-lib");
-exports.ZAccordion = (0, react_component_lib_1.createReactComponent)('z-accordion');
-exports.ZAlert = (0, react_component_lib_1.createReactComponent)('z-alert');
-exports.ZAnchorNavigation = (0, react_component_lib_1.createReactComponent)('z-anchor-navigation');
-exports.ZAppHeader = (0, react_component_lib_1.createReactComponent)('z-app-header');
-exports.ZAppHeaderDeprecated = (0, react_component_lib_1.createReactComponent)('z-app-header-deprecated');
-exports.ZAriaAlert = (0, react_component_lib_1.createReactComponent)('z-aria-alert');
-exports.ZAvatar = (0, react_component_lib_1.createReactComponent)('z-avatar');
-exports.ZBookCard = (0, react_component_lib_1.createReactComponent)('z-book-card');
-exports.ZBookCardApp = (0, react_component_lib_1.createReactComponent)('z-book-card-app');
-exports.ZBookCardDeprecated = (0, react_component_lib_1.createReactComponent)('z-book-card-deprecated');
-exports.ZBookCover = (0, react_component_lib_1.createReactComponent)('z-book-cover');
-exports.ZBreadcrumb = (0, react_component_lib_1.createReactComponent)('z-breadcrumb');
-exports.ZButton = (0, react_component_lib_1.createReactComponent)('z-button');
-exports.ZButtonSort = (0, react_component_lib_1.createReactComponent)('z-button-sort');
-exports.ZCard = (0, react_component_lib_1.createReactComponent)('z-card');
-exports.ZCarousel = (0, react_component_lib_1.createReactComponent)('z-carousel');
-exports.ZChip = (0, react_component_lib_1.createReactComponent)('z-chip');
-exports.ZColorPicker = (0, react_component_lib_1.createReactComponent)('z-color-picker');
-exports.ZCombobox = (0, react_component_lib_1.createReactComponent)('z-combobox');
-exports.ZCoverHero = (0, react_component_lib_1.createReactComponent)('z-cover-hero');
-exports.ZDatePicker = (0, react_component_lib_1.createReactComponent)('z-date-picker');
-exports.ZDivider = (0, react_component_lib_1.createReactComponent)('z-divider');
-exports.ZDragdropArea = (0, react_component_lib_1.createReactComponent)('z-dragdrop-area');
-exports.ZFile = (0, react_component_lib_1.createReactComponent)('z-file');
-exports.ZFileUpload = (0, react_component_lib_1.createReactComponent)('z-file-upload');
-exports.ZGhostLoading = (0, react_component_lib_1.createReactComponent)('z-ghost-loading');
-exports.ZIcon = (0, react_component_lib_1.createReactComponent)('z-icon');
-exports.ZInfoBox = (0, react_component_lib_1.createReactComponent)('z-info-box');
-exports.ZInfoReveal = (0, react_component_lib_1.createReactComponent)('z-info-reveal');
-exports.ZInput = (0, react_component_lib_1.createReactComponent)('z-input');
-exports.ZInputMessage = (0, react_component_lib_1.createReactComponent)('z-input-message');
-exports.ZList = (0, react_component_lib_1.createReactComponent)('z-list');
-exports.ZListElement = (0, react_component_lib_1.createReactComponent)('z-list-element');
-exports.ZListGroup = (0, react_component_lib_1.createReactComponent)('z-list-group');
-exports.ZLogo = (0, react_component_lib_1.createReactComponent)('z-logo');
-exports.ZMenu = (0, react_component_lib_1.createReactComponent)('z-menu');
-exports.ZMenuDeprecated = (0, react_component_lib_1.createReactComponent)('z-menu-deprecated');
-exports.ZMenuSection = (0, react_component_lib_1.createReactComponent)('z-menu-section');
-exports.ZMenuSectionDeprecated = (0, react_component_lib_1.createReactComponent)('z-menu-section-deprecated');
-exports.ZModal = (0, react_component_lib_1.createReactComponent)('z-modal');
-exports.ZMyzCard = (0, react_component_lib_1.createReactComponent)('z-myz-card');
-exports.ZMyzCardAlert = (0, react_component_lib_1.createReactComponent)('z-myz-card-alert');
-exports.ZMyzCardBody = (0, react_component_lib_1.createReactComponent)('z-myz-card-body');
-exports.ZMyzCardCover = (0, react_component_lib_1.createReactComponent)('z-myz-card-cover');
-exports.ZMyzCardDictionary = (0, react_component_lib_1.createReactComponent)('z-myz-card-dictionary');
-exports.ZMyzCardFooter = (0, react_component_lib_1.createReactComponent)('z-myz-card-footer');
-exports.ZMyzCardFooterSections = (0, react_component_lib_1.createReactComponent)('z-myz-card-footer-sections');
-exports.ZMyzCardHeader = (0, react_component_lib_1.createReactComponent)('z-myz-card-header');
-exports.ZMyzCardIcon = (0, react_component_lib_1.createReactComponent)('z-myz-card-icon');
-exports.ZMyzCardInfo = (0, react_component_lib_1.createReactComponent)('z-myz-card-info');
-exports.ZMyzCardList = (0, react_component_lib_1.createReactComponent)('z-myz-card-list');
-exports.ZMyzList = (0, react_component_lib_1.createReactComponent)('z-myz-list');
-exports.ZMyzListItem = (0, react_component_lib_1.createReactComponent)('z-myz-list-item');
-exports.ZNavigationTabs = (0, react_component_lib_1.createReactComponent)('z-navigation-tabs');
-exports.ZNotification = (0, react_component_lib_1.createReactComponent)('z-notification');
-exports.ZOffcanvas = (0, react_component_lib_1.createReactComponent)('z-offcanvas');
-exports.ZOtp = (0, react_component_lib_1.createReactComponent)('z-otp');
-exports.ZPagination = (0, react_component_lib_1.createReactComponent)('z-pagination');
-exports.ZPanelElem = (0, react_component_lib_1.createReactComponent)('z-panel-elem');
-exports.ZPopover = (0, react_component_lib_1.createReactComponent)('z-popover');
-exports.ZRangePicker = (0, react_component_lib_1.createReactComponent)('z-range-picker');
-exports.ZResultCard = (0, react_component_lib_1.createReactComponent)('z-result-card');
-exports.ZSearchbar = (0, react_component_lib_1.createReactComponent)('z-searchbar');
-exports.ZSectionTitle = (0, react_component_lib_1.createReactComponent)('z-section-title');
-exports.ZSelect = (0, react_component_lib_1.createReactComponent)('z-select');
-exports.ZSkipToContent = (0, react_component_lib_1.createReactComponent)('z-skip-to-content');
-exports.ZSlideshow = (0, react_component_lib_1.createReactComponent)('z-slideshow');
-exports.ZStepper = (0, react_component_lib_1.createReactComponent)('z-stepper');
-exports.ZStepperItem = (0, react_component_lib_1.createReactComponent)('z-stepper-item');
-exports.ZTable = (0, react_component_lib_1.createReactComponent)('z-table');
-exports.ZTag = (0, react_component_lib_1.createReactComponent)('z-tag');
-exports.ZTbody = (0, react_component_lib_1.createReactComponent)('z-tbody');
-exports.ZTd = (0, react_component_lib_1.createReactComponent)('z-td');
-exports.ZTfoot = (0, react_component_lib_1.createReactComponent)('z-tfoot');
-exports.ZTh = (0, react_component_lib_1.createReactComponent)('z-th');
-exports.ZThead = (0, react_component_lib_1.createReactComponent)('z-thead');
-exports.ZToastNotification = (0, react_component_lib_1.createReactComponent)('z-toast-notification');
-exports.ZToastNotificationList = (0, react_component_lib_1.createReactComponent)('z-toast-notification-list');
-exports.ZToggleButton = (0, react_component_lib_1.createReactComponent)('z-toggle-button');
-exports.ZToggleSwitch = (0, react_component_lib_1.createReactComponent)('z-toggle-switch');
-exports.ZTool = (0, react_component_lib_1.createReactComponent)('z-tool');
-exports.ZToolbar = (0, react_component_lib_1.createReactComponent)('z-toolbar');
-exports.ZTooltip = (0, react_component_lib_1.createReactComponent)('z-tooltip');
-exports.ZTr = (0, react_component_lib_1.createReactComponent)('z-tr');
-exports.ZTreeList = (0, react_component_lib_1.createReactComponent)('z-tree-list');
-exports.ZVisuallyHidden = (0, react_component_lib_1.createReactComponent)('z-visually-hidden');
-//# sourceMappingURL=components.js.map
+import { createReactComponent } from './react-component-lib';
+export const ZAccordion = /*@__PURE__*/ createReactComponent('z-accordion');
+export const ZAlert = /*@__PURE__*/ createReactComponent('z-alert');
+export const ZAnchorNavigation = /*@__PURE__*/ createReactComponent('z-anchor-navigation');
+export const ZAppHeader = /*@__PURE__*/ createReactComponent('z-app-header');
+export const ZAppHeaderDeprecated = /*@__PURE__*/ createReactComponent('z-app-header-deprecated');
+export const ZAriaAlert = /*@__PURE__*/ createReactComponent('z-aria-alert');
+export const ZAvatar = /*@__PURE__*/ createReactComponent('z-avatar');
+export const ZBookCard = /*@__PURE__*/ createReactComponent('z-book-card');
+export const ZBookCardApp = /*@__PURE__*/ createReactComponent('z-book-card-app');
+export const ZBookCardDeprecated = /*@__PURE__*/ createReactComponent('z-book-card-deprecated');
+export const ZBookCover = /*@__PURE__*/ createReactComponent('z-book-cover');
+export const ZBreadcrumb = /*@__PURE__*/ createReactComponent('z-breadcrumb');
+export const ZButton = /*@__PURE__*/ createReactComponent('z-button');
+export const ZButtonSort = /*@__PURE__*/ createReactComponent('z-button-sort');
+export const ZCard = /*@__PURE__*/ createReactComponent('z-card');
+export const ZCarousel = /*@__PURE__*/ createReactComponent('z-carousel');
+export const ZChip = /*@__PURE__*/ createReactComponent('z-chip');
+export const ZColorPicker = /*@__PURE__*/ createReactComponent('z-color-picker');
+export const ZCombobox = /*@__PURE__*/ createReactComponent('z-combobox');
+export const ZCoverHero = /*@__PURE__*/ createReactComponent('z-cover-hero');
+export const ZDatePicker = /*@__PURE__*/ createReactComponent('z-date-picker');
+export const ZDivider = /*@__PURE__*/ createReactComponent('z-divider');
+export const ZDragdropArea = /*@__PURE__*/ createReactComponent('z-dragdrop-area');
+export const ZFile = /*@__PURE__*/ createReactComponent('z-file');
+export const ZFileUpload = /*@__PURE__*/ createReactComponent('z-file-upload');
+export const ZGhostLoading = /*@__PURE__*/ createReactComponent('z-ghost-loading');
+export const ZIcon = /*@__PURE__*/ createReactComponent('z-icon');
+export const ZInfoBox = /*@__PURE__*/ createReactComponent('z-info-box');
+export const ZInfoReveal = /*@__PURE__*/ createReactComponent('z-info-reveal');
+export const ZInput = /*@__PURE__*/ createReactComponent('z-input');
+export const ZInputMessage = /*@__PURE__*/ createReactComponent('z-input-message');
+export const ZList = /*@__PURE__*/ createReactComponent('z-list');
+export const ZListElement = /*@__PURE__*/ createReactComponent('z-list-element');
+export const ZListGroup = /*@__PURE__*/ createReactComponent('z-list-group');
+export const ZLogo = /*@__PURE__*/ createReactComponent('z-logo');
+export const ZMenu = /*@__PURE__*/ createReactComponent('z-menu');
+export const ZMenuDeprecated = /*@__PURE__*/ createReactComponent('z-menu-deprecated');
+export const ZMenuSection = /*@__PURE__*/ createReactComponent('z-menu-section');
+export const ZMenuSectionDeprecated = /*@__PURE__*/ createReactComponent('z-menu-section-deprecated');
+export const ZModal = /*@__PURE__*/ createReactComponent('z-modal');
+export const ZMyzCard = /*@__PURE__*/ createReactComponent('z-myz-card');
+export const ZMyzCardAlert = /*@__PURE__*/ createReactComponent('z-myz-card-alert');
+export const ZMyzCardBody = /*@__PURE__*/ createReactComponent('z-myz-card-body');
+export const ZMyzCardCover = /*@__PURE__*/ createReactComponent('z-myz-card-cover');
+export const ZMyzCardDictionary = /*@__PURE__*/ createReactComponent('z-myz-card-dictionary');
+export const ZMyzCardFooter = /*@__PURE__*/ createReactComponent('z-myz-card-footer');
+export const ZMyzCardFooterSections = /*@__PURE__*/ createReactComponent('z-myz-card-footer-sections');
+export const ZMyzCardHeader = /*@__PURE__*/ createReactComponent('z-myz-card-header');
+export const ZMyzCardIcon = /*@__PURE__*/ createReactComponent('z-myz-card-icon');
+export const ZMyzCardInfo = /*@__PURE__*/ createReactComponent('z-myz-card-info');
+export const ZMyzCardList = /*@__PURE__*/ createReactComponent('z-myz-card-list');
+export const ZMyzList = /*@__PURE__*/ createReactComponent('z-myz-list');
+export const ZMyzListItem = /*@__PURE__*/ createReactComponent('z-myz-list-item');
+export const ZNavigationTabs = /*@__PURE__*/ createReactComponent('z-navigation-tabs');
+export const ZNotification = /*@__PURE__*/ createReactComponent('z-notification');
+export const ZOffcanvas = /*@__PURE__*/ createReactComponent('z-offcanvas');
+export const ZOtp = /*@__PURE__*/ createReactComponent('z-otp');
+export const ZPagination = /*@__PURE__*/ createReactComponent('z-pagination');
+export const ZPanelElem = /*@__PURE__*/ createReactComponent('z-panel-elem');
+export const ZPopover = /*@__PURE__*/ createReactComponent('z-popover');
+export const ZRangePicker = /*@__PURE__*/ createReactComponent('z-range-picker');
+export const ZResultCard = /*@__PURE__*/ createReactComponent('z-result-card');
+export const ZSearchbar = /*@__PURE__*/ createReactComponent('z-searchbar');
+export const ZSectionTitle = /*@__PURE__*/ createReactComponent('z-section-title');
+export const ZSelect = /*@__PURE__*/ createReactComponent('z-select');
+export const ZSkipToContent = /*@__PURE__*/ createReactComponent('z-skip-to-content');
+export const ZSlideshow = /*@__PURE__*/ createReactComponent('z-slideshow');
+export const ZStepper = /*@__PURE__*/ createReactComponent('z-stepper');
+export const ZStepperItem = /*@__PURE__*/ createReactComponent('z-stepper-item');
+export const ZTable = /*@__PURE__*/ createReactComponent('z-table');
+export const ZTag = /*@__PURE__*/ createReactComponent('z-tag');
+export const ZTbody = /*@__PURE__*/ createReactComponent('z-tbody');
+export const ZTd = /*@__PURE__*/ createReactComponent('z-td');
+export const ZTfoot = /*@__PURE__*/ createReactComponent('z-tfoot');
+export const ZTh = /*@__PURE__*/ createReactComponent('z-th');
+export const ZThead = /*@__PURE__*/ createReactComponent('z-thead');
+export const ZToastNotification = /*@__PURE__*/ createReactComponent('z-toast-notification');
+export const ZToastNotificationList = /*@__PURE__*/ createReactComponent('z-toast-notification-list');
+export const ZToggleButton = /*@__PURE__*/ createReactComponent('z-toggle-button');
+export const ZToggleSwitch = /*@__PURE__*/ createReactComponent('z-toggle-switch');
+export const ZTool = /*@__PURE__*/ createReactComponent('z-tool');
+export const ZToolbar = /*@__PURE__*/ createReactComponent('z-toolbar');
+export const ZTooltip = /*@__PURE__*/ createReactComponent('z-tooltip');
+export const ZTr = /*@__PURE__*/ createReactComponent('z-tr');
+export const ZTreeList = /*@__PURE__*/ createReactComponent('z-tree-list');
+export const ZVisuallyHidden = /*@__PURE__*/ createReactComponent('z-visually-hidden');

package/react/index.js

@@ -1,18 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components"), exports);
-//# sourceMappingURL=index.js.map
+export * from "./components";

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

@@ -1,27 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -33,16 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createReactComponent = void 0;
-const react_1 = __importStar(require("react"));
-const utils_1 = require("./utils");
-const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
+import React, { createElement } from 'react';
+import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
+export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
     if (defineCustomElement !== undefined) {
         defineCustomElement();
     }
-    const displayName = (0, utils_1.dashToPascalCase)(tagName);
-    const ReactComponent = class extends react_1.default.Component {
+    const displayName = dashToPascalCase(tagName);
+    const ReactComponent = class extends React.Component {
         constructor(props) {
             super(props);
             this.setComponentElRef = (element) => {
@@ -53,7 +27,7 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
             this.componentDidUpdate(this.props);
         }
         componentDidUpdate(prevProps) {
-            (0, utils_1.attachProps)(this.componentEl, this.props, 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"]);
@@ -61,7 +35,7 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
                 const value = cProps[name];
                 if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
                     const eventName = name.substring(2).toLowerCase();
-                    if (typeof document !== 'undefined' && (0, utils_1.isCoveredByReact)(eventName)) {
+                    if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
                         acc[name] = value;
                     }
                 }
@@ -70,7 +44,7 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
                     // objects, functions, arrays etc get synced via properties on mount.
                     const type = typeof value;
                     if (type === 'string' || type === 'boolean' || type === 'number') {
-                        acc[(0, utils_1.camelToDashCase)(name)] = value;
+                        acc[camelToDashCase(name)] = value;
                     }
                 }
                 return acc;
@@ -78,7 +52,7 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
             if (manipulatePropsFunction) {
                 propsToPass = manipulatePropsFunction(this.props, propsToPass);
             }
-            const newProps = Object.assign(Object.assign({}, propsToPass), { ref: (0, utils_1.mergeRefs)(forwardedRef, this.setComponentElRef), style });
+            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
@@ -86,7 +60,7 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
              * React.createElement causes all elements to be rendered
              * as <tagname> instead of the actual Web Component.
              */
-            return (0, react_1.createElement)(tagName, newProps, children);
+            return createElement(tagName, newProps, children);
         }
         static get displayName() {
             return displayName;
@@ -96,7 +70,5 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
     if (ReactComponentContext) {
         ReactComponent.contextType = ReactComponentContext;
     }
-    return (0, utils_1.createForwardRef)(ReactComponent, displayName);
+    return createForwardRef(ReactComponent, displayName);
 };
-exports.createReactComponent = createReactComponent;
-//# sourceMappingURL=createComponent.js.map

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

@@ -1,13 +1,3 @@
-"use strict";
-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)
@@ -19,23 +9,18 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createOverlayComponent = void 0;
-const react_1 = __importDefault(require("react"));
-const react_dom_1 = __importDefault(require("react-dom"));
-const utils_1 = require("./utils");
-const createOverlayComponent = (tagName, controller, customElement) => {
-    (0, utils_1.defineCustomElement)(tagName, customElement);
-    const displayName = (0, utils_1.dashToPascalCase)(tagName);
+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_1.default.Component {
+    class Overlay extends React.Component {
         constructor(props) {
             super(props);
             if (typeof document !== 'undefined') {
@@ -60,7 +45,7 @@ const createOverlayComponent = (tagName, controller, customElement) => {
             if (this.props.onDidDismiss) {
                 this.props.onDidDismiss(event);
             }
-            (0, utils_1.setRef)(this.props.forwardedRef, null);
+            setRef(this.props.forwardedRef, null);
         }
         shouldComponentUpdate(nextProps) {
             // Check if the overlay component is about to dismiss
@@ -69,35 +54,31 @@ const createOverlayComponent = (tagName, controller, customElement) => {
             }
             return true;
         }
-        componentDidUpdate(prevProps) {
-            return __awaiter(this, void 0, void 0, function* () {
-                if (this.overlay) {
-                    (0, utils_1.attachProps)(this.overlay, this.props, prevProps);
-                }
-                if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
-                    this.present(prevProps);
-                }
-                if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {
-                    yield this.overlay.dismiss();
-                    isDismissing = false;
-                    /**
-                     * Now that the overlay is dismissed
-                     * we need to render again so that any
-                     * inner components will be unmounted
-                     */
-                    this.forceUpdate();
-                }
-            });
+        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;
+                /**
+                 * 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: {} }));
-                (0, utils_1.setRef)(this.props.forwardedRef, this.overlay);
-                (0, utils_1.attachProps)(this.overlay, elementProps, prevProps);
-                yield this.overlay.present();
-            });
+        async present(prevProps) {
+            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 = await controller.create(Object.assign(Object.assign({}, elementProps), { component: this.el, componentProps: {} }));
+            setRef(this.props.forwardedRef, this.overlay);
+            attachProps(this.overlay, elementProps, prevProps);
+            await this.overlay.present();
         }
         render() {
             /**
@@ -105,12 +86,10 @@ const createOverlayComponent = (tagName, controller, customElement) => {
              * overlay is dismissing otherwise component
              * will be hidden before animation is done.
              */
-            return react_dom_1.default.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
+            return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
         }
     }
-    return react_1.default.forwardRef((props, ref) => {
-        return react_1.default.createElement(Overlay, Object.assign({}, props, { forwardedRef: ref }));
+    return React.forwardRef((props, ref) => {
+        return React.createElement(Overlay, Object.assign({}, props, { forwardedRef: ref }));
     });
 };
-exports.createOverlayComponent = createOverlayComponent;
-//# sourceMappingURL=createOverlayComponent.js.map

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

@@ -1,8 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createOverlayComponent = exports.createReactComponent = void 0;
-var createComponent_1 = require("./createComponent");
-Object.defineProperty(exports, "createReactComponent", { enumerable: true, get: function () { return createComponent_1.createReactComponent; } });
-var createOverlayComponent_1 = require("./createOverlayComponent");
-Object.defineProperty(exports, "createOverlayComponent", { enumerable: true, get: function () { return createOverlayComponent_1.createOverlayComponent; } });
-//# sourceMappingURL=index.js.map
+export { createReactComponent } from './createComponent';
+export { createOverlayComponent } from './createOverlayComponent';

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

@@ -1,3 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=interfaces.js.map
+export {};

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

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.syncEvent = exports.isCoveredByReact = exports.transformReactEventName = exports.getClassName = exports.attachProps = void 0;
-const case_1 = require("./case");
-const attachProps = (node, newProps, oldProps = {}) => {
+import { camelToDashCase } from './case';
+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 = (0, exports.getClassName)(node.classList, newProps, oldProps);
+        const className = getClassName(node.classList, newProps, oldProps);
         if (className !== '') {
             node.className = className;
         }
@@ -22,22 +19,21 @@ const attachProps = (node, newProps, oldProps = {}) => {
             if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
                 const eventName = name.substring(2);
                 const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
-                if (!(0, exports.isCoveredByReact)(eventNameLc)) {
-                    (0, exports.syncEvent)(node, eventNameLc, newProps[name]);
+                if (!isCoveredByReact(eventNameLc)) {
+                    syncEvent(node, eventNameLc, newProps[name]);
                 }
             }
             else {
                 node[name] = newProps[name];
                 const propType = typeof newProps[name];
                 if (propType === 'string') {
-                    node.setAttribute((0, case_1.camelToDashCase)(name), newProps[name]);
+                    node.setAttribute(camelToDashCase(name), newProps[name]);
                 }
             }
         });
     }
 };
-exports.attachProps = attachProps;
-const getClassName = (classList, newProps, oldProps) => {
+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
@@ -61,28 +57,26 @@ const getClassName = (classList, newProps, oldProps) => {
     incomingPropClasses.forEach((s) => finalClassNames.push(s));
     return finalClassNames.join(' ');
 };
-exports.getClassName = getClassName;
 /**
  * Transforms a React event name to a browser event name.
  */
-const transformReactEventName = (eventNameSuffix) => {
+export const transformReactEventName = (eventNameSuffix) => {
     switch (eventNameSuffix) {
         case 'doubleclick':
             return 'dblclick';
     }
     return eventNameSuffix;
 };
-exports.transformReactEventName = transformReactEventName;
 /**
  * Checks if an event is supported in the current execution environment.
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
  */
-const isCoveredByReact = (eventNameSuffix) => {
+export const isCoveredByReact = (eventNameSuffix) => {
     if (typeof document === 'undefined') {
         return true;
     }
     else {
-        const eventName = 'on' + (0, exports.transformReactEventName)(eventNameSuffix);
+        const eventName = 'on' + transformReactEventName(eventNameSuffix);
         let isSupported = eventName in document;
         if (!isSupported) {
             const element = document.createElement('div');
@@ -92,8 +86,7 @@ const isCoveredByReact = (eventNameSuffix) => {
         return isSupported;
     }
 };
-exports.isCoveredByReact = isCoveredByReact;
-const syncEvent = (node, eventName, newEventHandler) => {
+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.
@@ -107,10 +100,8 @@ const syncEvent = (node, eventName, newEventHandler) => {
         }
     }));
 };
-exports.syncEvent = syncEvent;
 const arrayToMap = (arr) => {
     const map = new Map();
     arr.forEach((s) => map.set(s, s));
     return map;
 };
-//# sourceMappingURL=attachProps.js.map

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

@@ -1,12 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.camelToDashCase = exports.dashToPascalCase = void 0;
-const dashToPascalCase = (str) => str
+export const dashToPascalCase = (str) => str
     .toLowerCase()
     .split('-')
     .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
     .join('');
-exports.dashToPascalCase = dashToPascalCase;
-const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
-exports.camelToDashCase = camelToDashCase;
-//# sourceMappingURL=case.js.map
+export const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);

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

@@ -1,18 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.deprecationWarning = exports.isDevMode = void 0;
-const isDevMode = () => {
+export const isDevMode = () => {
     return process && process.env && process.env.NODE_ENV === 'development';
 };
-exports.isDevMode = isDevMode;
 const warnings = {};
-const deprecationWarning = (key, message) => {
-    if ((0, exports.isDevMode)()) {
+export const deprecationWarning = (key, message) => {
+    if (isDevMode()) {
         if (!warnings[key]) {
             console.warn(message);
             warnings[key] = true;
         }
     }
 };
-exports.deprecationWarning = deprecationWarning;
-//# sourceMappingURL=dev.js.map