@loadsmart/loadsmart-ui 5.14.2 → 5.15.0

package/dist/components/Drawer/Drawer.d.ts

@@ -1,10 +1,11 @@
-import { ReactNode } from 'react';
 import type { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
 export interface DrawerProps {
     children?: ReactNode;
     className?: string;
     open: boolean;
     onClose?: () => void;
+    onClickOutside?: () => void;
 }
 export interface DrawerHeaderProps {
     className?: string;
@@ -18,7 +19,7 @@ export interface DrawerFooterProps {
     className?: string;
 }
 declare function DrawerFooter({ children, className, ...others }: PropsWithChildren<DrawerFooterProps>): JSX.Element;
-declare function Drawer({ className, children, open, onClose, ...others }: DrawerProps): JSX.Element;
+declare function Drawer({ className, children, open, onClose, onClickOutside, ...others }: DrawerProps): JSX.Element;
 declare namespace Drawer {
     var Header: typeof DrawerHeader;
     var Body: typeof DrawerBody;

package/dist/components/Drawer/Drawer.stories.d.ts

@@ -1,4 +1,4 @@
-import type { Story, Meta } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 import type { DrawerProps } from './Drawer';
 declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
 export default _default;

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./DragDropFile.context-cf460901.js"),t=require("react"),n=require("styled-components"),r=require("./theming/index.js"),o=require("./miranda-compatibility.theme-bb0cbfb2.js"),a=require("./toArray-b56541b4.js"),l=require("./prop-73352de5.js"),i=require("react-dom");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("@loadsmart/miranda-tokens");var d=c(t),u=s(t),g=c(n),p=c(i);function h(e){return`\n    transition-property: ${(null==e?void 0:e.property)||"background, border-color, box-shadow, color, fill, left, stroke, transform, opacity"};\n    transition-timing-function: ${(null==e?void 0:e.timingFunction)||"cubic-bezier(0.4, 0, 0.2, 1)"};\n    transition-duration: ${(null==e?void 0:e.duration)||"450ms"};\n    transition-delay: 0ms;\n  `}const f=g.default.span`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./DragDropFile.context-cf460901.js"),t=require("react"),n=require("styled-components"),r=require("./theming/index.js"),o=require("./miranda-compatibility.theme-2eb6612d.js"),a=require("./toArray-b56541b4.js"),l=require("./prop-9c65d3dd.js"),i=require("react-dom");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("@loadsmart/miranda-tokens");var d=c(t),u=s(t),g=c(n),p=c(i);function h(e){return`\n    transition-property: ${(null==e?void 0:e.property)||"background, border-color, box-shadow, color, fill, left, stroke, transform, opacity"};\n    transition-timing-function: ${(null==e?void 0:e.timingFunction)||"cubic-bezier(0.4, 0, 0.2, 1)"};\n    transition-duration: ${(null==e?void 0:e.duration)||"450ms"};\n    transition-delay: 0ms;\n  `}const f=g.default.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2288,7 +2288,7 @@
   border-top-color: ${r.getToken("color-neutral-light")};
   border-top-width: 1px;
   border-top-style: solid;
-`;function uc(n){var{className:r,children:o,open:a,onClose:l}=n,i=e.__rest(n,["className","children","open","onClose"]);const[c,s]=t.useState(!a);return t.useEffect((()=>{a&&s(!1)}),[a]),p.default.createPortal(d.default.createElement(ac,{open:!c},d.default.createElement(ic,Object.assign({},i,{className:r,open:a,onTransitionEnd:function(){a||s(!0)},role:"dialog","aria-modal":"true","aria-label":"drawer"}),Boolean(l)&&d.default.createElement(lc,{onClick:l,"aria-label":"close"}),o)),document.body)}function gc(e){const{useSelectable:n}=Wr(),[r,o]=t.useState([]),a=function(e){const t={multiple:!0,selected:[],onChange(){},adapters:{generic:{getKey:e=>e.value}}};return e&&!0!==e?Object.assign(Object.assign({},t),e):t}(e),{selected:l,toggle:i,select:c,unselect:s,clear:d}=n(Object.assign(Object.assign({},a),{onChange:e=>a.onChange(e?[...e.values()]:[])})),u=l.size===r.length,g=t.useCallback((e=>{var t;const{adapters:n}=a,r=null==n?void 0:n[e._type||"generic"];return null!==(t=null==r?void 0:r.getKey(e))&&void 0!==t?t:""}),[a]),p=t.useCallback((e=>{if(!e)return;const t=g(e);o((n=>n.some((e=>g(e)===t))?n:[...n,e]))}),[g]);return{allRowsAreSelected:u,config:a,selected:l,toggle:i,toggleAll:function(){u?r.forEach((e=>{const t=g(e);t&&s(t)})):r.forEach((e=>c(e)))},clear:d,register:p}}uc.Header=function(t){var{children:n,className:r}=t,o=e.__rest(t,["children","className"]);return d.default.createElement(cc,Object.assign({},o,{className:r}),n)},uc.Body=function(t){var{children:n,className:r}=t,o=e.__rest(t,["children","className"]);return d.default.createElement(sc,Object.assign({},o,{className:r}),n)},uc.Footer=function(t){var{children:n,className:r}=t,o=e.__rest(t,["children","className"]);return d.default.createElement(dc,Object.assign({},o,{className:r}),n)};const pc=t.createContext({selected:void 0,config:{},allRowsAreSelected:!1,toggle(){},toggleAll(){},clear(){},register(){}});function hc({children:e,selection:t}){const n=gc(t);return d.default.createElement(pc.Provider,{value:n},e)}function fc(){return t.useContext(pc)}function mc(e,t,n){const{adapters:r}=n,o=null==r?void 0:r[e._type||"generic"],a=null==o?void 0:o.getKey(e);return!!a&&t.has(a)}const bc=g.default(Jt)`
+`;function uc(n){var{className:r,children:o,open:a,onClose:l,onClickOutside:i}=n,c=e.__rest(n,["className","children","open","onClose","onClickOutside"]);const[s,u]=t.useState(!a),g=t.useRef(null);return t.useEffect((()=>{a&&u(!1)}),[a]),t.useEffect((()=>{const e=g.current;if(e&&i){const t=t=>{e.isSameNode(t.target)&&i()};return e.addEventListener("mouseup",t),()=>e.removeEventListener("mouseup",t)}}),[i]),p.default.createPortal(d.default.createElement(ac,{open:!s,ref:g},d.default.createElement(ic,Object.assign({},c,{className:r,open:a,onTransitionEnd:function(){a||u(!0)},role:"dialog","aria-modal":"true","aria-label":"drawer"}),Boolean(l)&&d.default.createElement(lc,{onClick:l,"aria-label":"close"}),o)),document.body)}function gc(e){const{useSelectable:n}=Wr(),[r,o]=t.useState([]),a=function(e){const t={multiple:!0,selected:[],onChange(){},adapters:{generic:{getKey:e=>e.value}}};return e&&!0!==e?Object.assign(Object.assign({},t),e):t}(e),{selected:l,toggle:i,select:c,unselect:s,clear:d}=n(Object.assign(Object.assign({},a),{onChange:e=>a.onChange(e?[...e.values()]:[])})),u=l.size===r.length,g=t.useCallback((e=>{var t;const{adapters:n}=a,r=null==n?void 0:n[e._type||"generic"];return null!==(t=null==r?void 0:r.getKey(e))&&void 0!==t?t:""}),[a]),p=t.useCallback((e=>{if(!e)return;const t=g(e);o((n=>n.some((e=>g(e)===t))?n:[...n,e]))}),[g]);return{allRowsAreSelected:u,config:a,selected:l,toggle:i,toggleAll:function(){u?r.forEach((e=>{const t=g(e);t&&s(t)})):r.forEach((e=>c(e)))},clear:d,register:p}}uc.Header=function(t){var{children:n,className:r}=t,o=e.__rest(t,["children","className"]);return d.default.createElement(cc,Object.assign({},o,{className:r}),n)},uc.Body=function(t){var{children:n,className:r}=t,o=e.__rest(t,["children","className"]);return d.default.createElement(sc,Object.assign({},o,{className:r}),n)},uc.Footer=function(t){var{children:n,className:r}=t,o=e.__rest(t,["children","className"]);return d.default.createElement(dc,Object.assign({},o,{className:r}),n)};const pc=t.createContext({selected:void 0,config:{},allRowsAreSelected:!1,toggle(){},toggleAll(){},clear(){},register(){}});function hc({children:e,selection:t}){const n=gc(t);return d.default.createElement(pc.Provider,{value:n},e)}function fc(){return t.useContext(pc)}function mc(e,t,n){const{adapters:r}=n,o=null==r?void 0:r[e._type||"generic"],a=null==o?void 0:o.getKey(e);return!!a&&t.has(a)}const bc=g.default(Jt)`
   display: inline-flex;
   flex-flow: row nowrap;
   align-items: center;