@linzjs/lui 17.1.3 → 17.2.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [17.2.0](https://github.com/linz/lui/compare/v17.1.3...v17.2.0) (2022-05-25)
+
+
+### Features
+
+* **SidePanel:** New side panel ([#677](https://github.com/linz/lui/issues/677)) ([8010a5f](https://github.com/linz/lui/commit/8010a5fd9d708de7c17bf46fcbb4776a5f98631d))
+
 ## [17.1.3](https://github.com/linz/lui/compare/v17.1.2...v17.1.3) (2022-05-25)
 
 

package/dist/components/LuiSidePanel/LuiSidePanel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const LuiSidePanel: React.FC<{
+    onClose: () => void;
+    width?: string;
+}>;
+export declare const LuiSidePanelProvider: React.FC;

package/dist/components/LuiSidePanel/LuiSidePanelHelper.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type LuiSidePanelHelperProps = {
+    initialSelectedRow?: number;
+    rows?: number[];
+};
+export declare const LuiSidePanelHelper: ({ initialSelectedRow, rows, }: LuiSidePanelHelperProps) => JSX.Element;
+export {};

package/dist/index.d.ts

@@ -53,3 +53,4 @@ export { LuiTooltip, ILuiTooltipProperties, } from './components/LuiTooltip/LuiT
 export * from './hooks';
 export { LuiBadge } from './components/LuiBadge/LuiBadge';
 export { LuiShadow } from './components/LuiShadow/LuiShadow';
+export { LuiSidePanel } from './components/LuiSidePanel/LuiSidePanel';

package/dist/index.js

@@ -60191,6 +60191,20 @@ function useClickedOutsideElement(refElement, handleClickOutside) {
 
 var LuiBadge = function (props) { return (React__default["default"].createElement("p", { className: clsx('LuiBadge', props.size === 'sm' && 'LuiBadge--sm', props.size === 'lg' && 'LuiBadge--lg', props.backgroundFill && 'LuiBadge--fill', props.variation === 'warning' && 'LuiBadge--warning'), "aria-roledescription": props.ariaRoleDescription }, props.children)); };
 
+var LuiSidePanelContext = React__default["default"].createContext({ setProps: function () { return undefined; } });
+/* eslint-disable react/prop-types */
+var LuiSidePanel = function (_a) {
+    var children = _a.children, onClose = _a.onClose, width = _a.width;
+    var setProps = React__default["default"].useContext(LuiSidePanelContext).setProps;
+    React__default["default"].useEffect(function () {
+        setProps({ children: children, onClose: onClose, width: width });
+        return function () {
+            setProps(undefined);
+        };
+    }, [setProps, children, onClose, width]);
+    return React__default["default"].createElement(React__default["default"].Fragment, null);
+};
+
 exports.FIRM_KEY = FIRM_KEY;
 exports.FIRM_NAME_KEY = FIRM_NAME_KEY;
 exports.GLOBAL_CLIENT_REFERENCE_KEY = GLOBAL_CLIENT_REFERENCE_KEY;
@@ -60260,6 +60274,7 @@ exports.LuiSelectMenu = LuiSelectMenu;
 exports.LuiSelectMenuItem = LuiSelectMenuItem;
 exports.LuiSelectSubMenuItem = LuiSelectSubMenuItem;
 exports.LuiShadow = LuiShadow;
+exports.LuiSidePanel = LuiSidePanel;
 exports.LuiStaticMessage = LuiStaticMessage;
 exports.LuiStatusSpinner = LuiStatusSpinner;
 exports.LuiTab = LuiTab;