@bbl-digital/snorre 4.1.78 → 4.1.80

package/lib/v2/hooks/useOverflow.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+interface OverflowState {
+    overflowLeft: boolean;
+    overflowRight: boolean;
+    overflowX: boolean;
+    overflowY: boolean;
+    anyOverflow: boolean;
+}
+declare const useOverflow: (ref: RefObject<HTMLElement>) => OverflowState;
+export default useOverflow;
+//# sourceMappingURL=useOverflow.d.ts.map

package/lib/v2/hooks/useOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverflow.d.ts","sourceRoot":"","sources":["../../../src/packages/v2/hooks/useOverflow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,UAAU,aAAa;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,WAAW,QAAS,SAAS,CAAC,WAAW,CAAC,KAAG,aAoClD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/v2/hooks/useOverflow.js

@@ -0,0 +1,43 @@
+import { useEffect, useState } from 'react';
+const useOverflow = ref => {
+  const [overflowLeft, setOverflowLeft] = useState(false);
+  const [overflowRight, setOverflowRight] = useState(false);
+  const [overflowY, setOverflowY] = useState(false);
+  const [overflowX, setOverflowX] = useState(false);
+  const [anyOverflow, setAnyOverflow] = useState(false);
+  const checkOverflow = () => {
+    const element = ref.current;
+    if (!element) return;
+    const {
+      scrollLeft,
+      scrollWidth,
+      clientWidth,
+      scrollHeight,
+      clientHeight
+    } = element;
+    setOverflowLeft(scrollLeft > 0);
+    setOverflowRight(scrollLeft < scrollWidth - clientWidth);
+    setOverflowX(scrollWidth > clientWidth);
+    const hasOverflowX = scrollWidth > clientWidth;
+    const hasOverflowY = scrollHeight > clientHeight;
+    setOverflowY(hasOverflowY);
+    setAnyOverflow(hasOverflowX || hasOverflowY);
+  };
+  useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    checkOverflow();
+    element.addEventListener('scroll', checkOverflow);
+    return () => element.removeEventListener('scroll', checkOverflow);
+  }, [ref]);
+
+  // Return the overflow state
+  return {
+    overflowLeft,
+    overflowRight,
+    overflowY,
+    anyOverflow,
+    overflowX
+  };
+};
+export default useOverflow;

package/lib/v2/index.d.ts

@@ -5,5 +5,11 @@ import { MemberBenefitsCard } from './Memberbenefits/MemberbenefitsCard';
 import Box from './core/Box';
 import TabNav from './core/TabNav';
 import TabNavItem from './core/TabNav/TabNavItem';
-export { Chip, Button, ButtonsFilter, MemberBenefitsCard, Box, TabNav, TabNavItem, };
+import BoxTable from './core/BoxedTable';
+import RowCell from '../core/BoxedTable/RowCell';
+import DraggableRow from '../core/BoxedTable/DraggableRow';
+import HeaderCell from '../core/BoxedTable/HeaderCell';
+import TableHeader from '../core/BoxedTable/TableHeader';
+import TableRow from '../core/BoxedTable/TableRow';
+export { Chip, Button, ButtonsFilter, MemberBenefitsCard, Box, TabNav, TabNavItem, BoxTable, RowCell, DraggableRow, HeaderCell, TableHeader, TableRow, };
 //# sourceMappingURL=index.d.ts.map

package/lib/v2/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/packages/v2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAA;AAC9B,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,aAAa,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AACxE,OAAO,GAAG,MAAM,YAAY,CAAA;AAC5B,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,UAAU,MAAM,0BAA0B,CAAA;AAEjD,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,GAAG,EACH,MAAM,EACN,UAAU,GACX,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/packages/v2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAA;AAC9B,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,aAAa,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AACxE,OAAO,GAAG,MAAM,YAAY,CAAA;AAC5B,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AACxC,OAAO,OAAO,MAAM,4BAA4B,CAAA;AAChD,OAAO,YAAY,MAAM,iCAAiC,CAAA;AAC1D,OAAO,UAAU,MAAM,+BAA+B,CAAA;AACtD,OAAO,WAAW,MAAM,gCAAgC,CAAA;AACxD,OAAO,QAAQ,MAAM,6BAA6B,CAAA;AAElD,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,GAAG,EACH,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,UAAU,EACV,WAAW,EACX,QAAQ,GACT,CAAA"}

package/lib/v2/index.js

@@ -5,4 +5,10 @@ import { MemberBenefitsCard } from './Memberbenefits/MemberbenefitsCard';
 import Box from './core/Box';
 import TabNav from './core/TabNav';
 import TabNavItem from './core/TabNav/TabNavItem';
-export { Chip, Button, ButtonsFilter, MemberBenefitsCard, Box, TabNav, TabNavItem };
+import BoxTable from './core/BoxedTable';
+import RowCell from '../core/BoxedTable/RowCell';
+import DraggableRow from '../core/BoxedTable/DraggableRow';
+import HeaderCell from '../core/BoxedTable/HeaderCell';
+import TableHeader from '../core/BoxedTable/TableHeader';
+import TableRow from '../core/BoxedTable/TableRow';
+export { Chip, Button, ButtonsFilter, MemberBenefitsCard, Box, TabNav, TabNavItem, BoxTable, RowCell, DraggableRow, HeaderCell, TableHeader, TableRow };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "4.1.78",
+  "version": "4.1.80",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",

package/rollup.config.js

@@ -1,13 +1,13 @@
-import commonjs from '@rollup/plugin-commonjs'
-
-const config = {
-  input: 'esm/index.js',
-  output: {
-    file: 'dist/bundle.js',
-    format: 'umd',
-    name: 'Snorre',
-  },
-  plugins: [commonjs()],
-}
-
-export default config
+import commonjs from '@rollup/plugin-commonjs'
+
+const config = {
+  input: 'esm/index.js',
+  output: {
+    file: 'dist/bundle.js',
+    format: 'umd',
+    name: 'Snorre',
+  },
+  plugins: [commonjs()],
+}
+
+export default config