genesys-spark-components-react 4.0.0-beta.43 → 4.0.0-beta.45

package/dist/index.d.ts

@@ -46,6 +46,7 @@ export declare const GuxFormFieldSelect: import("react").ForwardRefExoticCompone
 export declare const GuxFormFieldTextLike: import("react").ForwardRefExoticComponent<JSX.GuxFormFieldTextLike & Omit<import("react").HTMLAttributes<HTMLGuxFormFieldTextLikeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxFormFieldTextLikeElement>>;
 export declare const GuxFormFieldTextarea: import("react").ForwardRefExoticComponent<JSX.GuxFormFieldTextarea & Omit<import("react").HTMLAttributes<HTMLGuxFormFieldTextareaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxFormFieldTextareaElement>>;
 export declare const GuxFormFieldTimePicker: import("react").ForwardRefExoticComponent<JSX.GuxFormFieldTimePicker & Omit<import("react").HTMLAttributes<HTMLGuxFormFieldTimePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxFormFieldTimePickerElement>>;
+export declare const GuxFormFieldTimeZonePicker: import("react").ForwardRefExoticComponent<JSX.GuxFormFieldTimeZonePicker & Omit<import("react").HTMLAttributes<HTMLGuxFormFieldTimeZonePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxFormFieldTimeZonePickerElement>>;
 export declare const GuxIcon: import("react").ForwardRefExoticComponent<JSX.GuxIcon & Omit<import("react").HTMLAttributes<HTMLGuxIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxIconElement>>;
 export declare const GuxInlineAlert: import("react").ForwardRefExoticComponent<JSX.GuxInlineAlert & Omit<import("react").HTMLAttributes<HTMLGuxInlineAlertElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxInlineAlertElement>>;
 export declare const GuxList: import("react").ForwardRefExoticComponent<JSX.GuxList & Omit<import("react").HTMLAttributes<HTMLGuxListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxListElement>>;

package/dist/index.js

@@ -48,6 +48,7 @@ export const GuxFormFieldSelect = /*@__PURE__*/ createReactComponent('gux-form-f
 export const GuxFormFieldTextLike = /*@__PURE__*/ createReactComponent('gux-form-field-text-like');
 export const GuxFormFieldTextarea = /*@__PURE__*/ createReactComponent('gux-form-field-textarea');
 export const GuxFormFieldTimePicker = /*@__PURE__*/ createReactComponent('gux-form-field-time-picker');
+export const GuxFormFieldTimeZonePicker = /*@__PURE__*/ createReactComponent('gux-form-field-time-zone-picker');
 export const GuxIcon = /*@__PURE__*/ createReactComponent('gux-icon');
 export const GuxInlineAlert = /*@__PURE__*/ createReactComponent('gux-inline-alert');
 export const GuxList = /*@__PURE__*/ createReactComponent('gux-list');

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

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { createElement } from 'react';
-import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs, } from './utils';
+import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
 export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
     if (defineCustomElement !== undefined) {
         defineCustomElement();

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

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { attachProps, dashToPascalCase, defineCustomElement, setRef, } from './utils';
+import { attachProps, dashToPascalCase, defineCustomElement, setRef } from './utils';
 export const createOverlayComponent = (tagName, controller, customElement) => {
     defineCustomElement(tagName, customElement);
     const displayName = dashToPascalCase(tagName);

package/dist/react-component-lib/utils/attachProps.d.ts

@@ -1,5 +1,9 @@
 export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
 export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
+/**
+ * Transforms a React event name to a browser event name.
+ */
+export declare const transformReactEventName: (eventNameSuffix: string) => string;
 /**
  * Checks if an event is supported in the current execution environment.
  * @license Modernizr 3.0.0pre (Custom Build) | MIT

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

@@ -57,6 +57,16 @@ export const getClassName = (classList, newProps, oldProps) => {
     incomingPropClasses.forEach((s) => finalClassNames.push(s));
     return finalClassNames.join(' ');
 };
+/**
+ * Transforms a React event name to a browser event name.
+ */
+export const transformReactEventName = (eventNameSuffix) => {
+    switch (eventNameSuffix) {
+        case 'doubleclick':
+            return 'dblclick';
+    }
+    return eventNameSuffix;
+};
 /**
  * Checks if an event is supported in the current execution environment.
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
@@ -66,7 +76,7 @@ export const isCoveredByReact = (eventNameSuffix) => {
         return true;
     }
     else {
-        const eventName = 'on' + eventNameSuffix;
+        const eventName = 'on' + transformReactEventName(eventNameSuffix);
         let isSupported = eventName in document;
         if (!isSupported) {
             const element = document.createElement('div');

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

@@ -10,7 +10,7 @@ export const setRef = (ref, value) => {
 };
 export const mergeRefs = (...refs) => {
     return (value) => {
-        refs.forEach(ref => {
+        refs.forEach((ref) => {
             setRef(ref, value);
         });
     };
@@ -23,9 +23,7 @@ export const createForwardRef = (ReactComponent, displayName) => {
     return React.forwardRef(forwardRef);
 };
 export const defineCustomElement = (tagName, customElement) => {
-    if (customElement !== undefined &&
-        typeof customElements !== 'undefined' &&
-        !customElements.get(tagName)) {
+    if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
         customElements.define(tagName, customElement);
     }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components-react",
-  "version": "4.0.0-beta.43",
+  "version": "4.0.0-beta.45",
   "description": "",
   "license": "MIT",
   "main": "dist/index.js",
@@ -19,7 +19,7 @@
     "version-sync": "npm version --no-git-tag-version --allow-same-version"
   },
   "dependencies": {
-    "genesys-spark-components": "4.0.0-beta.43"
+    "genesys-spark-components": "4.0.0-beta.45"
   },
   "peerDependencies": {
     "@types/react": "16 - 18",
@@ -27,21 +27,21 @@
     "react-dom": "16 - 18"
   },
   "devDependencies": {
-    "@types/react": "^17.0.62",
-    "@types/react-dom": "^17.0.20",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
-    "eslint": "^8.44.0",
+    "@types/react": "^17.0.68",
+    "@types/react-dom": "^17.0.21",
+    "@typescript-eslint/eslint-plugin": "^6.7.5",
+    "@typescript-eslint/parser": "^6.7.5",
+    "eslint": "^8.51.0",
     "eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
-    "eslint-config-prettier": "^8.8.0",
-    "lint-staged": "^13.2.3",
+    "eslint-config-prettier": "^8.10.0",
+    "lint-staged": "^13.3.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.0.0",
+    "prettier": "^3.0.3",
     "prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
     "prettier-package-json": "^2.8.0",
     "react": "^17.0.2",
     "react-dom": "17.0.2",
-    "typescript": "^4.5.4"
+    "typescript": "^4.9.5"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"