quicksnack 3.22.2 → 3.22.3
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/dist/UiStateProvider.js
CHANGED
|
@@ -29,7 +29,7 @@ var noop = function () { };
|
|
|
29
29
|
var UiState = react_1.default.createContext({
|
|
30
30
|
isSideMenuOpen: false,
|
|
31
31
|
closeSideMenu: noop,
|
|
32
|
-
openSideMenu: noop
|
|
32
|
+
openSideMenu: noop,
|
|
33
33
|
});
|
|
34
34
|
var useUiStateContext = function () { return (0, react_1.useContext)(UiState); };
|
|
35
35
|
exports.useUiStateContext = useUiStateContext;
|
|
@@ -41,7 +41,7 @@ var UiStateProvider = function (_a) {
|
|
|
41
41
|
return (react_1.default.createElement(UiState.Provider, { value: {
|
|
42
42
|
isSideMenuOpen: isSideMenuOpen,
|
|
43
43
|
closeSideMenu: handleCloseSideMenu,
|
|
44
|
-
openSideMenu: handleOpenSideMenu
|
|
44
|
+
openSideMenu: handleOpenSideMenu,
|
|
45
45
|
} }, children));
|
|
46
46
|
};
|
|
47
47
|
exports.UiStateProvider = UiStateProvider;
|
|
@@ -2,6 +2,7 @@ import React from "react";
|
|
|
2
2
|
interface Props extends React.InputHTMLAttributes<any> {
|
|
3
3
|
chooseFileLabel?: string;
|
|
4
4
|
changeFileLabel?: string;
|
|
5
|
+
onClear?: () => void;
|
|
5
6
|
}
|
|
6
7
|
export declare const FileField: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
|
|
7
8
|
export {};
|
|
@@ -63,7 +63,7 @@ var StyledButton = (0, styled_components_1.default)(Button_1.Button)(templateObj
|
|
|
63
63
|
var StyledTextField = (0, styled_components_1.default)(TextField_1.TextField)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex: 1; \n padding-right: ", "\n"], ["\n flex: 1; \n padding-right: ", "\n"])), function (props) { return props.theme.spacing(8); });
|
|
64
64
|
var DeleteButton = styled_components_1.default.button(templateObject_5 || (templateObject_5 = __makeTemplateObject([" \n background-color: transparent;\n border: 0;\n outline: 0; \n padding: 0;\n \n position: absolute; \n right: 0;\n height: 100%;\n \n cursor: pointer;\n \n &:after {\n box-sizing: border-box;\n \n color: rgba(0, 0, 0, .3);\n content: \"\u00D7\";\n \n text-align: center;\n vertical-align: middle;\n display: table-cell;\n \n font-size: 20px;\n height: 38px;\n width: 38px;\n line-height: 38px;\n padding: 0 8px;\n }\n"], [" \n background-color: transparent;\n border: 0;\n outline: 0; \n padding: 0;\n \n position: absolute; \n right: 0;\n height: 100%;\n \n cursor: pointer;\n \n &:after {\n box-sizing: border-box;\n \n color: rgba(0, 0, 0, .3);\n content: \"\u00D7\";\n \n text-align: center;\n vertical-align: middle;\n display: table-cell;\n \n font-size: 20px;\n height: 38px;\n width: 38px;\n line-height: 38px;\n padding: 0 8px;\n }\n"])));
|
|
65
65
|
exports.FileField = react_1.default.forwardRef(function (_a, ref) {
|
|
66
|
-
var className = _a.className, placeholder = _a.placeholder, _b = _a.chooseFileLabel, chooseFileLabel = _b === void 0 ? "Choose file" : _b, _c = _a.changeFileLabel, changeFileLabel = _c === void 0 ? "Change file" : _c, props = __rest(_a, ["className", "placeholder", "chooseFileLabel", "changeFileLabel"]);
|
|
66
|
+
var className = _a.className, placeholder = _a.placeholder, _b = _a.chooseFileLabel, chooseFileLabel = _b === void 0 ? "Choose file" : _b, _c = _a.changeFileLabel, changeFileLabel = _c === void 0 ? "Change file" : _c, onClear = _a.onClear, props = __rest(_a, ["className", "placeholder", "chooseFileLabel", "changeFileLabel", "onClear"]);
|
|
67
67
|
var _d = (0, react_1.useState)(), originalRef = _d[0], setOriginalRef = _d[1];
|
|
68
68
|
var _e = (0, react_1.useState)(""), fileName = _e[0], setFilename = _e[1];
|
|
69
69
|
var handleChange = react_1.default.useCallback(function (e) {
|
|
@@ -76,8 +76,11 @@ exports.FileField = react_1.default.forwardRef(function (_a, ref) {
|
|
|
76
76
|
originalRef.value = '';
|
|
77
77
|
originalRef.files = null;
|
|
78
78
|
originalRef.dispatchEvent(new Event('change', { bubbles: true }));
|
|
79
|
+
if (onClear) {
|
|
80
|
+
onClear();
|
|
81
|
+
}
|
|
79
82
|
}
|
|
80
|
-
}, [originalRef]);
|
|
83
|
+
}, [originalRef, onClear]);
|
|
81
84
|
var extendedRef = react_1.default.useMemo(function () { return function (el) {
|
|
82
85
|
el === null || el === void 0 ? void 0 : el.addEventListener('change', handleChange);
|
|
83
86
|
setOriginalRef(el);
|
|
@@ -89,6 +92,6 @@ exports.FileField = react_1.default.forwardRef(function (_a, ref) {
|
|
|
89
92
|
react_1.default.createElement(HiddenInput, __assign({ type: 'file', ref: extendedRef }, props)),
|
|
90
93
|
react_1.default.createElement(StyledButton, { variant: 'basic' }, !!fileName ? changeFileLabel : chooseFileLabel),
|
|
91
94
|
react_1.default.createElement(StyledTextField, { placeholder: placeholder, className: className, disabled: true, value: fileName }),
|
|
92
|
-
!!fileName && react_1.default.createElement(DeleteButton, { onClick: handleRemove })));
|
|
95
|
+
!!fileName && onClear && react_1.default.createElement(DeleteButton, { onClick: handleRemove })));
|
|
93
96
|
});
|
|
94
97
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|