@lumx/core 4.3.2-alpha.36 → 4.3.2-alpha.38

package/js/components/Button/IconButtonStories.d.ts

@@ -177,7 +177,8 @@ export declare function setup({ component, render, decorators: { withCombination
             theme?: import("@lumx/core/js/constants").Theme | undefined;
             'aria-disabled'?: import("../../types/Booleanish").Booleanish | undefined;
             children?: import("react").ReactNode;
-            onClick?: ((event?: any) => void) | undefined;
+            handleClick?: ((event?: any) => void) | undefined;
+            handleKeyPress?: ((event?: any) => void) | undefined;
             ref?: import("../../types").CommonRef;
             disabled?: boolean | undefined;
         };

package/js/components/Button/Stories.d.ts

@@ -250,7 +250,8 @@ export declare function setup({ component, render, decorators: { withCombination
             className?: string | undefined;
             theme?: Theme | undefined;
             'aria-disabled'?: import("../../types/Booleanish").Booleanish | undefined;
-            onClick?: ((event?: any) => void) | undefined;
+            handleClick?: ((event?: any) => void) | undefined;
+            handleKeyPress?: ((event?: any) => void) | undefined;
             ref?: import("../../types").CommonRef;
             disabled?: boolean | undefined;
         };

package/js/components/Checkbox/Stories.d.ts

@@ -31,7 +31,7 @@ export declare function setup({ component, render, decorators: { withCombination
             inputProps?: Record<string, any> | undefined;
             inputRef?: import("../../types").CommonRef;
             inputId?: string | undefined;
-            onChange?: ((isChecked: boolean, value?: string, name?: string, event?: any) => void) | undefined;
+            handleChange?: ((isChecked: boolean, value?: string, name?: string, event?: any) => void) | undefined;
             ref?: import("../../types").CommonRef;
             theme?: import("../../constants").Theme | undefined;
             className?: string | undefined;

package/js/components/Checkbox/index.d.ts

@@ -24,7 +24,7 @@ export interface CheckboxProps extends HasTheme, HasClassName, HasAriaDisabled,
     /** Native input id. */
     inputId: string;
     /** On change callback. */
-    onChange?(isChecked: boolean, value?: string, name?: string, event?: any): void;
+    handleChange?(isChecked: boolean, value?: string, name?: string, event?: any): void;
     /** reference to the root element */
     ref?: CommonRef;
 }

package/js/components/RadioButton/Stories.d.ts

@@ -31,7 +31,7 @@ export declare function setup({ component, render, decorators: { withCombination
             inputProps?: Record<string, any> | undefined;
             inputRef?: import("../../types").CommonRef;
             inputId?: string | undefined;
-            onChange?: ((value?: string, name?: string, event?: any) => void) | undefined;
+            handleChange?: ((value?: string, name?: string, event?: any) => void) | undefined;
             ref?: import("../../types").CommonRef;
             theme?: import("../../constants").Theme | undefined;
             className?: string | undefined;

package/js/components/RadioButton/index.d.ts

@@ -20,7 +20,7 @@ export interface RadioButtonProps extends HasTheme, HasClassName, HasAriaDisable
     /** Native input id. */
     inputId: string;
     /** On change callback. */
-    onChange?(value?: string, name?: string, event?: any): void;
+    handleChange?(value?: string, name?: string, event?: any): void;
     /** reference to the root element */
     ref?: CommonRef;
 }

package/js/components/RawClickable/index.d.ts

@@ -2,7 +2,8 @@ import { CommonRef, HasPolymorphicAs, HasRequiredLinkHref, HasDisabled, JSXEleme
 export type ClickableElement = 'a' | 'button' | ElementType;
 export interface BaseClickableProps extends HasDisabled, HasAriaDisabled {
     children?: JSXElement;
-    onClick?: (event?: any) => void;
+    handleClick?: (event?: any) => void;
+    handleKeyPress?: (event?: any) => void;
     ref?: CommonRef;
 }
 export type RawClickableProps<E extends ClickableElement> = HasPolymorphicAs<E> & HasRequiredLinkHref<E> & BaseClickableProps;

package/js/components/Switch/Stories.d.ts

@@ -35,7 +35,7 @@ export declare function setup({ component, render, decorators: { withCombination
             inputProps?: Record<string, any> | undefined;
             inputRef?: import("../../types").CommonRef;
             inputId?: string | undefined;
-            onChange?: ((isChecked: boolean, value?: string, name?: string, event?: any) => void) | undefined;
+            handleChange?: ((isChecked: boolean, value?: string, name?: string, event?: any) => void) | undefined;
             position?: "left" | "right" | undefined;
             ref?: import("../../types").CommonRef;
             theme?: import("../../constants").Theme | undefined;

package/js/components/Switch/index.d.ts

@@ -20,7 +20,7 @@ export interface SwitchProps extends HasTheme, HasClassName, HasAriaDisabled, Ha
     /** Native input id. */
     inputId: string;
     /** On change callback. */
-    onChange?(isChecked: boolean, value?: string, name?: string, event?: any): void;
+    handleChange?(isChecked: boolean, value?: string, name?: string, event?: any): void;
     /** Position of the switch relative to the label. */
     position?: 'left' | 'right';
     /** reference to the root element */

package/js/components/Thumbnail/Stories.d.ts

@@ -79,8 +79,8 @@ export declare function setup({ component, render, decorators: { withNestedProps
             size?: import("./types").ThumbnailSize | undefined;
             loading?: "eager" | "lazy" | undefined;
             loadingPlaceholderImageRef?: React.RefObject<HTMLImageElement> | undefined;
-            onClick?: ((event: any) => void) | undefined;
-            onKeyPress?: ((event: any) => void) | undefined;
+            handleClick?: ((event: any) => void) | undefined;
+            handleKeyPress?: ((event: any) => void) | undefined;
             variant?: ThumbnailVariant | undefined;
             linkProps?: import("../../types").GenericProps | undefined;
             focusPointStyle?: import("../../types").GenericProps | undefined;

package/js/components/Thumbnail/index.d.ts

@@ -40,9 +40,9 @@ export interface ThumbnailProps extends HasTheme, HasClassName {
     /** Ref of an existing placeholder image to display while loading. */
     loadingPlaceholderImageRef?: React.RefObject<HTMLImageElement>;
     /** On click callback. */
-    onClick?: (event: any) => void;
+    handleClick?: (event: any) => void;
     /** On key press callback. */
-    onKeyPress?: (event: any) => void;
+    handleKeyPress?: (event: any) => void;
     /** Variant of the component. */
     variant?: ThumbnailVariant;
     /** Props to pass to the link wrapping the thumbnail. */

package/js/types/jsx/PropsToOverride.d.ts

@@ -1,2 +1,2 @@
 /** list of generic props defined on JSX that need to be redefined for each framework */
-export type PropsToOverride = 'ref' | 'onClick' | 'onChange' | 'onKeyPress' | 'handleClick';
+export type PropsToOverride = 'ref' | 'handleClick' | 'handleChange' | 'handleKeyPress';

package/package.json

@@ -6,7 +6,7 @@
         "url": "https://github.com/lumapps/design-system/issues"
     },
     "dependencies": {
-        "@lumx/icons": "^4.3.2-alpha.36",
+        "@lumx/icons": "^4.3.2-alpha.38",
         "classnames": "^2.3.2",
         "focus-visible": "^5.0.2",
         "lodash": "4.17.23",
@@ -66,7 +66,7 @@
         "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
     },
     "sideEffects": false,
-    "version": "4.3.2-alpha.36",
+    "version": "4.3.2-alpha.38",
     "devDependencies": {
         "@rollup/plugin-typescript": "^12.3.0",
         "@testing-library/dom": "^10.4.1",