react-ui-basics 0.0.243 → 0.0.244
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CircleProgress.d.ts +1 -6
- package/CircleProgress.js +1 -4
- package/CircleProgress.js.map +1 -1
- package/DropFileInput.d.ts +1 -8
- package/DropFileInput.js +1 -6
- package/DropFileInput.js.map +1 -1
- package/FloatingActionButton.d.ts +1 -8
- package/FloatingActionButton.js +1 -6
- package/FloatingActionButton.js.map +1 -1
- package/FormUploadProgress.d.ts +1 -7
- package/FormUploadProgress.js +1 -5
- package/FormUploadProgress.js.map +1 -1
- package/bundle.css +552 -552
- package/package.json +1 -1
- package/src/CircleProgress.tsx +1 -5
- package/src/DropFileInput.tsx +1 -7
- package/src/FloatingActionButton.tsx +1 -7
- package/src/FormUploadProgress.tsx +2 -7
package/CircleProgress.d.ts
CHANGED
|
@@ -3,10 +3,5 @@ import './CircleProgress.css';
|
|
|
3
3
|
export interface CircleProgressProps {
|
|
4
4
|
value: number;
|
|
5
5
|
}
|
|
6
|
-
declare const CircleProgress: {
|
|
7
|
-
({ value }: CircleProgressProps): JSX.Element;
|
|
8
|
-
defaultProps: {
|
|
9
|
-
value: number;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
6
|
+
declare const CircleProgress: ({ value }: CircleProgressProps) => JSX.Element;
|
|
12
7
|
export default CircleProgress;
|
package/CircleProgress.js
CHANGED
|
@@ -3,12 +3,9 @@ import ReactConstants from "./ReactConstants"; import {clientHeight as __clientH
|
|
|
3
3
|
const radius = 8.75;
|
|
4
4
|
const length = 2 * Math.PI * radius;
|
|
5
5
|
const dashoffset = (percent) => length * (100 - percent) / 100;
|
|
6
|
-
const CircleProgress = ({ value }) => {
|
|
6
|
+
const CircleProgress = ({ value = 0 }) => {
|
|
7
7
|
return (jsxRuntime_2("div", __extends({ [ReactConstants[5]]: "CircleProgress" }, { [ReactConstants[4]]: jsxRuntime_2("svg", __extends({ viewBox: "0 0 24 24" }, { [ReactConstants[4]]: jsxRuntime_2("path", { [ReactConstants[5]]: "line", style: { strokeDashoffset: dashoffset(Number.isFinite(value) ? value : 0), strokeDasharray: length }, d: "M12 3.25A8.75 8.75 0 1 1 3.25 12 A 8.75,8.75 0 0 1 12,3.25" }) })) })));
|
|
8
8
|
};
|
|
9
|
-
CircleProgress.defaultProps = {
|
|
10
|
-
value: 0,
|
|
11
|
-
};
|
|
12
9
|
|
|
13
10
|
export { CircleProgress as default };
|
|
14
11
|
//# sourceMappingURL=CircleProgress.js.map
|
package/CircleProgress.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircleProgress.js","sources":["./src/CircleProgress.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;AAIA,MAAM,MAAM,GAAG,IAAI,CAAC;AACpB,MAAM,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;AAEpC,MAAM,UAAU,GAAG,CAAC,OAAO,KAAK,MAAM,IAAI,GAAG,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"CircleProgress.js","sources":["./src/CircleProgress.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;AAIA,MAAM,MAAM,GAAG,IAAI,CAAC;AACpB,MAAM,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;AAEpC,MAAM,UAAU,GAAG,CAAC,OAAO,KAAK,MAAM,IAAI,GAAG,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC;AAMzD,MAAA,cAAc,GAAG,CAAC,EAAC,KAAK,GAAG,CAAC,EAAsB,KAAI;IACxD,QACIA,oCAAK,SAAS,EAAC,gBAAgB,EAC3B,EAAA,EAAA,QAAA,EAAAA,YAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAK,OAAO,EAAC,WAAW,EAAA,EAAA,EAAA,QAAA,EACpBA,uBAAM,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAC,gBAAgB,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,EAAE,eAAe,EAAE,MAAM,EAAC,EACnH,CAAC,EAAC,4DAA4D,EAAE,CAAA,EAAA,CAAA,CACpE,EACJ,CAAA,CAAA,EACR;AACN;;;;"}
|
package/DropFileInput.d.ts
CHANGED
|
@@ -9,12 +9,5 @@ export interface DropFileInputProps {
|
|
|
9
9
|
multiple?: boolean;
|
|
10
10
|
accept?: string;
|
|
11
11
|
}
|
|
12
|
-
declare const DropFileInput: {
|
|
13
|
-
({ icon, label, onDrop, droppable, multiple, accept }: DropFileInputProps): JSX.Element;
|
|
14
|
-
defaultProps: {
|
|
15
|
-
icon: string;
|
|
16
|
-
droppable: boolean;
|
|
17
|
-
multiple: boolean;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
12
|
+
declare const DropFileInput: ({ icon, label, onDrop, droppable, multiple, accept }: DropFileInputProps) => JSX.Element;
|
|
20
13
|
export default DropFileInput;
|
package/DropFileInput.js
CHANGED
|
@@ -3,12 +3,7 @@ import Dropzone from './Dropzone.js';
|
|
|
3
3
|
import { classNames } from './Tools.js';
|
|
4
4
|
import MaterialIcon from './MaterialIcon.js';
|
|
5
5
|
|
|
6
|
-
const DropFileInput = ({ icon, label, onDrop, droppable, multiple, accept }) => (jsxRuntime_2("section", __extends({ [ReactConstants[5]]: "DropFileInput" }, { [ReactConstants[4]]: jsxRuntime_1(Dropzone, __extends({ droppable: droppable, onDrop: onDrop, accept: accept, multiple: multiple }, { [ReactConstants[4]]: [jsxRuntime_2(MaterialIcon, { [ReactConstants[5]]: classNames(`icon`, label && 'withText'), icon: icon }), label && jsxRuntime_2("div", { [ReactConstants[4]]: label })] })) })));
|
|
7
|
-
DropFileInput.defaultProps = {
|
|
8
|
-
icon: 'cloud_upload',
|
|
9
|
-
droppable: false,
|
|
10
|
-
multiple: true,
|
|
11
|
-
};
|
|
6
|
+
const DropFileInput = ({ icon = 'cloud_upload', label, onDrop, droppable = false, multiple = true, accept }) => (jsxRuntime_2("section", __extends({ [ReactConstants[5]]: "DropFileInput" }, { [ReactConstants[4]]: jsxRuntime_1(Dropzone, __extends({ droppable: droppable, onDrop: onDrop, accept: accept, multiple: multiple }, { [ReactConstants[4]]: [jsxRuntime_2(MaterialIcon, { [ReactConstants[5]]: classNames(`icon`, label && 'withText'), icon: icon }), label && jsxRuntime_2("div", { [ReactConstants[4]]: label })] })) })));
|
|
12
7
|
|
|
13
8
|
export { DropFileInput as default };
|
|
14
9
|
//# sourceMappingURL=DropFileInput.js.map
|
package/DropFileInput.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropFileInput.js","sources":["./src/DropFileInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AAgBA,MAAM,aAAa,GAAG,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAqB,
|
|
1
|
+
{"version":3,"file":"DropFileInput.js","sources":["./src/DropFileInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AAgBA,MAAM,aAAa,GAAG,CAAC,EAAC,IAAI,GAAG,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,GAAG,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,MAAM,EAAqB,MACzHA,YAAS,CAAA,SAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,SAAS,EAAC,eAAe,gBAC9BC,YAAC,CAAA,QAAQ,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAA,CAC9ED,aAAC,YAAY,EAAA,EAAC,SAAS,EAAE,UAAU,CAAC,CAAA,IAAA,CAAM,EAAE,KAAK,IAAI,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAA,CAAG,EAC9E,KAAK,IAAIA,YAAM,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,KAAK,GAAO,CACrB,EAAA,CAAA,CAAA,EAAA,CAAA,CACL;;;;"}
|
|
@@ -8,12 +8,5 @@ export interface FloatingActionButtonProps {
|
|
|
8
8
|
className?: string;
|
|
9
9
|
onClick: MouseEventHandler;
|
|
10
10
|
}
|
|
11
|
-
declare const FloatingActionButton: {
|
|
12
|
-
({ icon, onClick, mini, className, hidden }: FloatingActionButtonProps): JSX.Element;
|
|
13
|
-
defaultProps: {
|
|
14
|
-
icon: string;
|
|
15
|
-
mini: boolean;
|
|
16
|
-
hidden: boolean;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
11
|
+
declare const FloatingActionButton: ({ icon, onClick, mini, className, hidden }: FloatingActionButtonProps) => JSX.Element;
|
|
19
12
|
export default FloatingActionButton;
|
package/FloatingActionButton.js
CHANGED
|
@@ -3,14 +3,9 @@ import Button from './Button.js';
|
|
|
3
3
|
import { classNames } from './Tools.js';
|
|
4
4
|
import MaterialIcon from './MaterialIcon.js';
|
|
5
5
|
|
|
6
|
-
const FloatingActionButton = ({ icon, onClick, mini, className, hidden }) => {
|
|
6
|
+
const FloatingActionButton = ({ icon = 'add', onClick, mini, className, hidden }) => {
|
|
7
7
|
return jsxRuntime_2(Button, __extends({ [ReactConstants[6]]: onClick, round: true, [ReactConstants[5]]: classNames("FloatingActionButton", className, mini && 'mini', hidden && 'hidden') }, { [ReactConstants[4]]: jsxRuntime_2(MaterialIcon, { icon: icon }) }));
|
|
8
8
|
};
|
|
9
|
-
FloatingActionButton.defaultProps = {
|
|
10
|
-
icon: 'add',
|
|
11
|
-
mini: false,
|
|
12
|
-
hidden: false,
|
|
13
|
-
};
|
|
14
9
|
|
|
15
10
|
export { FloatingActionButton as default };
|
|
16
11
|
//# sourceMappingURL=FloatingActionButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingActionButton.js","sources":["./src/FloatingActionButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAeA,MAAM,oBAAoB,GAAG,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAA4B,KAAI;
|
|
1
|
+
{"version":3,"file":"FloatingActionButton.js","sources":["./src/FloatingActionButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAeA,MAAM,oBAAoB,GAAG,CAAC,EAAC,IAAI,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAA4B,KAAI;AACzG,IAAA,OAAOA,aAAC,MAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,IAAI,QAAQ,CAAC,EAAA,EAAA,EAAA,QAAA,EACtIA,YAAC,CAAA,YAAY,IAAC,IAAI,EAAE,IAAI,EAAA,CAAG,IACtB,CAAC;AACd;;;;"}
|
package/FormUploadProgress.d.ts
CHANGED
|
@@ -9,11 +9,5 @@ export interface FormUploadProgressProps {
|
|
|
9
9
|
cancelLabel?: ReactNode;
|
|
10
10
|
cancel?: () => void;
|
|
11
11
|
}
|
|
12
|
-
declare const FormUploadProgress: {
|
|
13
|
-
({ value, cancel, loaded, total, formatValue, processingLabel, cancelLabel, }: FormUploadProgressProps): JSX.Element;
|
|
14
|
-
defaultProps: {
|
|
15
|
-
value: number;
|
|
16
|
-
formatValue: (value: number, loaded: number, total: number) => string | JSX.Element;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
12
|
+
declare const FormUploadProgress: ({ value, cancel, loaded, total, formatValue, processingLabel, cancelLabel, }: FormUploadProgressProps) => JSX.Element;
|
|
19
13
|
export default FormUploadProgress;
|
package/FormUploadProgress.js
CHANGED
|
@@ -12,16 +12,12 @@ const defaultValueFormat = (value, loaded, total) => {
|
|
|
12
12
|
const abbreviation = formatAbbreviation(total);
|
|
13
13
|
return jsxRuntime_1(jsxRuntime_3, { [ReactConstants[4]]: [formatNumberWithMaxLength(loaded, 1, abbreviation, 4), "/", formatNumberWithMaxLength(total, 1, abbreviation, 4), jsxRuntime_2("br", {}), abbreviation] });
|
|
14
14
|
};
|
|
15
|
-
const FormUploadProgress = ({ value, cancel, loaded, total, formatValue, processingLabel, cancelLabel, }) => {
|
|
15
|
+
const FormUploadProgress = ({ value = 0, cancel, loaded, total, formatValue = defaultValueFormat, processingLabel, cancelLabel, }) => {
|
|
16
16
|
return (jsxRuntime_2(Animated, __extends({ value: total > 0 }, { [ReactConstants[4]]: jsxRuntime_2("div", __extends({ [ReactConstants[5]]: "FormUploadProgress" }, { [ReactConstants[4]]: jsxRuntime_1("div", __extends({ [ReactConstants[5]]: "wrapper" }, { [ReactConstants[4]]: [jsxRuntime_1("div", __extends({ [ReactConstants[5]]: "progress" }, { [ReactConstants[4]]: [loaded === total && jsxRuntime_2(SpinningProgress, {}), loaded !== total && jsxRuntime_2(CircleProgress, { value: value }), jsxRuntime_2("div", __extends({ [ReactConstants[5]]: 'value' }, { [ReactConstants[4]]: formatValue(value, loaded, total) }))] })), cancel && jsxRuntime_1(Button, __extends({ [ReactConstants[5]]: "cancel", disabled: loaded === total, [ReactConstants[6]]: e => {
|
|
17
17
|
preventDefault(e);
|
|
18
18
|
cancel();
|
|
19
19
|
} }, { [ReactConstants[4]]: [loaded === total && processingLabel, loaded !== total && cancelLabel] }))] })) })) })));
|
|
20
20
|
};
|
|
21
|
-
FormUploadProgress.defaultProps = {
|
|
22
|
-
value: 0,
|
|
23
|
-
formatValue: defaultValueFormat,
|
|
24
|
-
};
|
|
25
21
|
|
|
26
22
|
export { FormUploadProgress as default };
|
|
27
23
|
//# sourceMappingURL=FormUploadProgress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormUploadProgress.js","sources":["./src/FormUploadProgress.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;AAWA,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,MAAc,EAAE,KAAa,KAAI;IACxE,IAAI,KAAK,IAAI,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;AAEhE,IAAA,MAAM,YAAY,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,OAAOA,YAAA,CAAAC,YAAA,EAAA,EAAA,QAAA,EAAA,CACF,yBAAyB,CAAC,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,EAErD,GAAA,EAAA,yBAAyB,CAAC,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,EACrDC,YAAK,CAAA,IAAA,EAAA,EAAA,CAAA,EACJ,YAAY,CAAA,EAAA,CACd,CAAA;AACP,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"FormUploadProgress.js","sources":["./src/FormUploadProgress.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;AAWA,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,MAAc,EAAE,KAAa,KAAI;IACxE,IAAI,KAAK,IAAI,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;AAEhE,IAAA,MAAM,YAAY,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,OAAOA,YAAA,CAAAC,YAAA,EAAA,EAAA,QAAA,EAAA,CACF,yBAAyB,CAAC,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,EAErD,GAAA,EAAA,yBAAyB,CAAC,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,EACrDC,YAAK,CAAA,IAAA,EAAA,EAAA,CAAA,EACJ,YAAY,CAAA,EAAA,CACd,CAAA;AACP,CAAC,CAAC;AAYI,MAAA,kBAAkB,GAAG,CAAC,EACI,KAAK,GAAG,CAAC,EACT,MAAM,EACN,MAAM,EACN,KAAK,EACL,WAAW,GAAG,kBAAkB,EAChC,eAAe,EACf,WAAW,GACW,KAAI;AACtD,IAAA,QACIA,YAAC,CAAA,QAAQ,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EAAE,KAAK,GAAG,CAAC,EAAA,EAAA,EAAA,QAAA,EACtBA,oCAAK,SAAS,EAAC,oBAAoB,EAC/B,EAAA,EAAA,QAAA,EAAAF,YAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAK,SAAS,EAAC,SAAS,EACpB,EAAA,EAAA,QAAA,EAAA,CAAAA,YAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAK,SAAS,EAAC,UAAU,EACpB,EAAA,EAAA,QAAA,EAAA,CAAA,MAAM,KAAK,KAAK,IAAIE,YAAC,CAAA,gBAAgB,KAAE,EACvC,MAAM,KAAK,KAAK,IAAIA,aAAC,cAAc,EAAA,EAAC,KAAK,EAAE,KAAK,EAAG,CAAA,EACpDA,YAAK,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,SAAS,EAAE,OAAO,EAAA,EAAA,EAAA,QAAA,EAAG,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,IAAO,CAChE,EAAA,CAAA,CAAA,EACL,MAAM,IAAIF,aAAC,MAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,KAAK,KAAK,EAAE,OAAO,EAAE,CAAC,IAAG;4BAC7E,cAAc,CAAC,CAAC,CAAC,CAAC;AAClB,4BAAA,MAAM,EAAE,CAAC;AACb,yBAAC,iBACI,MAAM,KAAK,KAAK,IAAI,eAAe,EACnC,MAAM,KAAK,KAAK,IAAI,WAAW,CAAA,EAAA,CAAA,CAC3B,KACP,EACJ,CAAA,CAAA,EAAA,CAAA,CACC,EACb;AACN;;;;"}
|