@linzjs/lui 21.2.0 → 21.3.1
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/CHANGELOG.md +14 -0
- package/dist/components/LuiFormElements/LuiFileInputBox/LuiFileInputBox.d.ts +2 -0
- package/dist/components/LuiTooltip/LuiTooltip.d.ts +1 -1
- package/dist/index.js +13 -8
- package/dist/index.js.map +1 -1
- package/dist/lui.css +33 -15
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +13 -8
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Elements/Tooltips/tippy.scss +37 -17
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## [21.3.1](https://github.com/linz/lui/compare/v21.3.0...v21.3.1) (2023-10-25)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* small whitespace change to enable PR for release ([#1031](https://github.com/linz/lui/issues/1031)) ([791db73](https://github.com/linz/lui/commit/791db736d3743a13730823d359570f653c28f254))
|
|
7
|
+
|
|
8
|
+
# [21.3.0](https://github.com/linz/lui/compare/v21.2.0...v21.3.0) (2023-10-24)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Features
|
|
12
|
+
|
|
13
|
+
* **LuiFileInputBox:** Add optional prop for overriding 'upload file manually' button text ([#1028](https://github.com/linz/lui/issues/1028)) ([69e6a83](https://github.com/linz/lui/commit/69e6a836272f28ed856abef5eaeac9b98938f5b4))
|
|
14
|
+
|
|
1
15
|
# [21.2.0](https://github.com/linz/lui/compare/v21.1.1...v21.2.0) (2023-10-20)
|
|
2
16
|
|
|
3
17
|
|
|
@@ -3,6 +3,7 @@ export interface LuiFileInputBoxProps {
|
|
|
3
3
|
fileDescription: string;
|
|
4
4
|
acceptedExtensions: string[];
|
|
5
5
|
fileFormatText?: string;
|
|
6
|
+
openFileBrowserText?: string;
|
|
6
7
|
onValidFileSelected: (file: File) => void;
|
|
7
8
|
showMustSelectFileError?: boolean;
|
|
8
9
|
customFileErrorMessage?: string;
|
|
@@ -14,6 +15,7 @@ export interface FileUploadInfoProps {
|
|
|
14
15
|
fileName: string | undefined;
|
|
15
16
|
fileDescription: string;
|
|
16
17
|
fileFormatText: string | undefined;
|
|
18
|
+
openFileBrowserText: string | undefined;
|
|
17
19
|
}
|
|
18
20
|
export declare const FileUploadInfo: (props: FileUploadInfoProps) => JSX.Element;
|
|
19
21
|
/**
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
import { TippyProps } from '@tippyjs/react';
|
|
3
3
|
export declare type ILuiTooltipProperties = TippyProps & {
|
|
4
4
|
message?: TippyProps['content'];
|
|
5
|
-
mode?: 'default' | 'info' | 'error';
|
|
5
|
+
mode?: 'default' | 'info' | 'error' | 'default-withDelay' | 'info-withDelay' | 'error-withDelay';
|
|
6
6
|
};
|
|
7
7
|
export declare const LuiTooltip: (props: ILuiTooltipProperties) => JSX.Element;
|
package/dist/index.js
CHANGED
|
@@ -28329,16 +28329,21 @@ var LuiFileInputBox = function (props) {
|
|
|
28329
28329
|
"You must select a file with extension of",
|
|
28330
28330
|
' ',
|
|
28331
28331
|
extensionsAsHumanReadableList(props.acceptedExtensions),
|
|
28332
|
-
"."))))) : (React__default["default"].createElement(FileUploadInfo, { fileName: file === null || file === void 0 ? void 0 : file.name, fileFormatText: props.fileFormatText, fileDescription: props.fileDescription })))));
|
|
28332
|
+
"."))))) : (React__default["default"].createElement(FileUploadInfo, { fileName: file === null || file === void 0 ? void 0 : file.name, fileFormatText: props.fileFormatText, fileDescription: props.fileDescription, openFileBrowserText: props.openFileBrowserText })))));
|
|
28333
28333
|
};
|
|
28334
28334
|
// Only exported for chromatic
|
|
28335
28335
|
var FileUploadInfo = function (props) {
|
|
28336
|
-
var DragAndDropInstruction = function () {
|
|
28337
|
-
|
|
28338
|
-
|
|
28339
|
-
|
|
28340
|
-
|
|
28341
|
-
|
|
28336
|
+
var DragAndDropInstruction = function () {
|
|
28337
|
+
var _a;
|
|
28338
|
+
return (React__default["default"].createElement("p", { className: "LuiFileInputBox-upload-text" },
|
|
28339
|
+
"Drag and drop your ",
|
|
28340
|
+
props.fileDescription,
|
|
28341
|
+
" into the box",
|
|
28342
|
+
React__default["default"].createElement("br", null),
|
|
28343
|
+
React__default["default"].createElement("span", null,
|
|
28344
|
+
"(", (_a = props.openFileBrowserText) !== null && _a !== void 0 ? _a : 'or upload file manually',
|
|
28345
|
+
")")));
|
|
28346
|
+
};
|
|
28342
28347
|
var WaitingForFileSelection = function () { return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
28343
28348
|
React__default["default"].createElement("div", { className: 'LuiFileInputBox-upload-icon-upload' },
|
|
28344
28349
|
React__default["default"].createElement(LuiIcon, { name: "ic_publish", size: 'ns', alt: "Upload" })),
|
|
@@ -46682,7 +46687,7 @@ var Tippy = index;
|
|
|
46682
46687
|
|
|
46683
46688
|
var LuiTooltip = function (props) {
|
|
46684
46689
|
var _a;
|
|
46685
|
-
var children = props.children, _b = props.content, content = _b === void 0 ? props.message : _b, _c = props.theme, theme = _c === void 0 ? (_a = props.mode) !== null && _a !== void 0 ? _a : 'default' : _c, _d = props.offset, offset = _d === void 0 ? [0,
|
|
46690
|
+
var children = props.children, _b = props.content, content = _b === void 0 ? props.message : _b, _c = props.theme, theme = _c === void 0 ? (_a = props.mode) !== null && _a !== void 0 ? _a : 'default' : _c, _d = props.offset, offset = _d === void 0 ? [0, 4] : _d, _e = props.arrow, arrow = _e === void 0 ? false : _e, plugins = props.plugins, rest = __rest(props, ["children", "content", "theme", "offset", "arrow", "plugins"]);
|
|
46686
46691
|
var tippyProps = __assign(__assign({}, rest), { content: content, theme: theme, offset: offset, arrow: arrow, plugins: __spreadArray(__spreadArray([], (plugins || []), true), [followCursor], false) });
|
|
46687
46692
|
return React__default["default"].createElement(Tippy, __assign({}, tippyProps), children);
|
|
46688
46693
|
};
|