Skip to content

Commit 3829b14

Browse files
author
JelteMX
committed
Add classnames to main component
1 parent e68d332 commit 3829b14

7 files changed

+22
-4
lines changed

package-lock.json

Lines changed: 11 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "filedropper",
33
"widgetName": "FileDropper",
4-
"version": "1.3.0",
4+
"version": "1.3.1",
55
"description": "Drop files in your Mendix Application",
66
"copyright": "Mendix 2020",
77
"author": "Jelte Lagendijk",
@@ -31,6 +31,7 @@
3131
"devDependencies": {
3232
"@mendix/pluggable-widgets-tools": "^8.7.2",
3333
"@types/big.js": "^4.0.5",
34+
"@types/classnames": "^2.2.10",
3435
"@types/enzyme": "^3.10.5",
3536
"@types/enzyme-adapter-react-16": "^1.0.6",
3637
"@types/jest": "^25.2.1",
@@ -49,6 +50,7 @@
4950
"@bem-react/classname": "^1.5.8",
5051
"@jeltemx/mendix-react-widget-utils": "^0.6.2",
5152
"axios": "^0.19.2",
53+
"classnames": "^2.2.6",
5254
"core-js": "^3.6.5",
5355
"filesize": "^6.1.0",
5456
"md5": "^2.2.1",

src/FileDropper.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -121,6 +121,7 @@ class FileDropperContainer extends Component<FileDropperContainerProps, {}> {
121121

122122
render(): ReactNode {
123123
const {
124+
class: mainClasses,
124125
uiDeleteButtonGlyph,
125126
uiDeleteButtonStyle,
126127
uiSaveButtonGlyph,
@@ -150,6 +151,7 @@ class FileDropperContainer extends Component<FileDropperContainerProps, {}> {
150151
const uiDeleteFileText = this.props.textDeleteFileConfirm;
151152

152153
const ui: UIProps = {
154+
mainClasses,
153155
deleteButtonStyle,
154156
saveButtonStyle,
155157
errorButtonStyle,

src/FileDropper.webmodeler.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -64,6 +64,7 @@ export class preview extends Component<FileDropperContainerProps> {
6464

6565
private getUIProps(props: FileDropperContainerProps): UIProps {
6666
const {
67+
class: mainClasses,
6768
uiDeleteButtonGlyph,
6869
uiDeleteButtonStyle,
6970
uiSaveButtonGlyph,
@@ -93,6 +94,7 @@ export class preview extends Component<FileDropperContainerProps> {
9394
const uiDeleteFileText = this.props.textDeleteFileConfirm;
9495

9596
return {
97+
mainClasses,
9698
deleteButtonStyle,
9799
saveButtonStyle,
98100
errorButtonStyle,

src/components/FileDropper.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { Component, ReactNode, createElement } from "react";
22
import { observer } from "mobx-react";
3+
import classNames from "classnames";
34

4-
import { classes } from "../util/classes";
55
import { FileDropperStore } from "../store/fileDropperStore";
66

77
import { FileList, UIProps } from "./FileList";
@@ -40,7 +40,7 @@ export class FileDropper extends Component<FileDropperProps, {}> {
4040
const deleteAction = deleteFile.bind(store);
4141

4242
return (
43-
<div className={classes()}>
43+
<div className={classNames("filedropper", uiProps.mainClasses)}>
4444
<FileDropZone
4545
onDrop={this.onDrop}
4646
accept={accept}

src/components/FileList.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ export interface UIProgressBarColors {
1919
}
2020

2121
export interface UIProps {
22+
mainClasses: null | string;
2223
deleteButtonStyle: null | string;
2324
saveButtonStyle: null | string;
2425
errorButtonStyle: null | string;

src/package.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<?xml version="1.0" encoding="utf-8" ?>
22
<package xmlns="http://www.mendix.com/package/1.0/">
3-
<clientModule name="FileDropper" version="1.3.0" xmlns="http://www.mendix.com/clientModule/1.0/">
3+
<clientModule name="FileDropper" version="1.3.1" xmlns="http://www.mendix.com/clientModule/1.0/">
44
<widgetFiles>
55
<widgetFile path="FileDropper.xml"/>
66
</widgetFiles>

0 commit comments

Comments
 (0)