@linzjs/lui 18.9.1 → 18.10.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [18.10.0](https://github.com/linz/lui/compare/v18.9.2...v18.10.0) (2023-09-01)
+
+
+### Features
+
+* **LuiCounter:** Adding ability to display selected items number ([#993](https://github.com/linz/lui/issues/993)) ([319fda5](https://github.com/linz/lui/commit/319fda549cbb5c3d921da5735684edc0ad1edb81))
+
+## [18.9.2](https://github.com/linz/lui/compare/v18.9.1...v18.9.2) (2023-08-31)
+
+
+### Bug Fixes
+
+* Loading spinner css now in separate file and text colour change ([#992](https://github.com/linz/lui/issues/992)) ([9b40588](https://github.com/linz/lui/commit/9b4058810d06b220aa7be3d4d08c523fb9378e98))
+
 ## [18.9.1](https://github.com/linz/lui/compare/v18.9.0...v18.9.1) (2023-08-30)
 
 

package/dist/components/LuiCounter/LuiCounter.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const LuiCounter: React.ForwardRefExoticComponent<{
+    selectedNum: number;
+    totalNum: number;
+} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;

package/dist/index.d.ts

@@ -71,3 +71,4 @@ export { ToolbarButton, ToolbarButtonProps, } from './components/LuiSideToolbar/
 export { ToolbarItem, ToolbarItemProps, ToolbarItemSeparator, } from './components/LuiSideToolbar/ToolbarItem';
 export { Breakpoint, breakpoints, breakpointQuery, useMediaQuery, } from './components/common/UseMediaQuery';
 export { useEscapeFunction, usePageClickFunction, } from './components/common/Hooks';
+export { LuiCounter } from './components/LuiCounter/LuiCounter';

package/dist/index.js

@@ -52929,33 +52929,16 @@ var renderSettings = {
     preserveAspectRatio: 'xMidYMid slice'
 };
 var LuiLoadingSpinnerBase = function (props) {
-    return (React__default["default"].createElement("div", { style: {
-            position: 'absolute',
-            top: '50%',
-            left: '50%',
-            zIndex: 1000,
-            marginLeft: '-74px',
-            marginTop: '-74px'
-        }, "data-testid": "loading-spinner" },
+    return (React__default["default"].createElement("div", { className: "LuiLoadingSpinnerBase", "data-testid": "loading-spinner" },
         React__default["default"].createElement(LuiLottieLight, { animationData: props.animationData, loop: true, autoplay: autoplay, rendererSettings: renderSettings, style: style })));
 };
 /**
  * A LuiSpinner with a status message beneath it.
  */
 var LuiStatusSpinner = function (props) {
-    return (React__default["default"].createElement("div", { className: 'LuiStatusSpinner' },
+    return (React__default["default"].createElement("div", { className: 'LuiLoadingSpinner-SupportText' },
         React__default["default"].createElement(LuiLoadingSpinner, null),
-        React__default["default"].createElement("div", { style: {
-                position: 'absolute',
-                top: '50%',
-                left: '50%',
-                marginLeft: '-150px',
-                marginTop: '74px'
-            } },
-            React__default["default"].createElement("div", { style: {
-                    textAlign: 'center',
-                    width: '300px'
-                } }, props.children))));
+        React__default["default"].createElement("div", null, props.children)));
 };
 var LuiMiniSpinner = function (props) {
     return (React__default["default"].createElement("div", __assign({}, props.divProps),
@@ -71535,6 +71518,11 @@ var useMediaQuery = function (query) {
     return matches;
 };
 
+var LuiCounter = React__default["default"].forwardRef(function (props, ref) {
+    var selectedNum = props.selectedNum, totalNum = props.totalNum, title = props.title, className = props.className, rest = __rest(props, ["selectedNum", "totalNum", "title", "className"]);
+    return (React__default["default"].createElement("div", __assign({ ref: ref, className: clsx(selectedNum === 0 ? 'LuiCounter-zero' : 'LuiCounter-non-zero', className), title: title !== null && title !== void 0 ? title : "".concat(selectedNum, " of ").concat(totalNum, " rows selected") }, rest), selectedNum.toLocaleString()));
+});
+
 exports.CheckboxItemRenderer = CheckboxItemRenderer;
 exports.LUI_WINDOW_NAME = LUI_WINDOW_NAME;
 exports.LuiAccordicard = LuiAccordicard;
@@ -71556,6 +71544,7 @@ exports.LuiCloseableHeaderMenuItem = LuiCloseableHeaderMenuItem;
 exports.LuiCloseableHeaderMenuItemV2 = LuiCloseableHeaderMenuItemV2;
 exports.LuiComboSelect = LuiComboSelect;
 exports.LuiControlledMenu = LuiControlledMenu;
+exports.LuiCounter = LuiCounter;
 exports.LuiDateInput = LuiDateInput;
 exports.LuiDrawerMenu = LuiDrawerMenu;
 exports.LuiDrawerMenuDivider = LuiDrawerMenuDivider;