grep-components 1.30.0-GREPF-2262.3 → 2.0.0

package/dist/build/components/DropdownMenu/components/collapsable-menu-item.d.ts

@@ -1,5 +1,6 @@
 import React, { PropsWithChildren, FunctionComponent } from 'react';
 import { MenuItemProps } from '@mui/material';
+import { TooltipPlacement } from '..';
 /**
  * TypeError: Failed to construct 'CustomEvent': Please use the 'new' operator, this DOM object constructor cannot be called as a function.
  * hack to make React emulate event
@@ -18,6 +19,7 @@ export type ToggleState = 'collapse' | 'expand';
 export interface Properties extends Omit<MenuItemProps, 'button'> {
     items?: React.ReactNode;
     tooltipText?: string;
+    tooltipPlacement?: TooltipPlacement;
     onClose?: (event: CollapsableMenuStatusEvent) => void;
     level: number;
 }

package/dist/build/components/DropdownMenu/index.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { MenuItemProps, MenuProps } from '@mui/material';
 type BooleanFunction<T> = (context?: T) => boolean;
+export type TooltipPlacement = 'bottom' | 'left' | 'right' | 'top' | 'bottom-end' | 'bottom-start' | 'left-end' | 'left-start' | 'right-end' | 'right-start' | 'top-end' | 'top-start' | undefined;
 export type DropdownMenuItem<T> = Omit<MenuItemProps, 'disabled'> & {
     label: string;
     tooltipText?: string;
+    tooltipPlacement?: TooltipPlacement;
     disabled?: BooleanFunction<T> | boolean;
     children?: Array<DropdownMenuItem<T>>;
     handleClick?: (context?: T) => void;

package/dist/index.js

@@ -67,8 +67,6 @@ dayjs.extend(isBetweenPlugin);
 dayjs.extend(LocalizedFormatPlugin);
 dayjs.locale('nb');
 class DateRangeValue {
-    from;
-    to;
     constructor(from, to) {
         this.from = from;
         this.to = to;
@@ -1710,9 +1708,6 @@ const useStyles$g = makeStyles()(({ palette, transitions }, { open }) => ({
  * export class CollapsableMenuStatusEvent extends CustomEvent<React.Ref<any>> {}
  */
 class CollapsableMenuStatusEvent {
-    type;
-    currentTarget;
-    _defaultPrevented;
     get defaultPrevented() {
         return !!this._defaultPrevented;
     }
@@ -1724,7 +1719,7 @@ class CollapsableMenuStatusEvent {
         this._defaultPrevented = true;
     }
 }
-const CollapsableMenuItem = ({ items, onClick, children, onClose: _onclose, tooltipText, disabled, ...props }) => {
+const CollapsableMenuItem = ({ items, onClick, children, onClose: _onclose, tooltipText, tooltipPlacement, disabled, ...props }) => {
     const listItemRef = useRef(null);
     const [open, setOpen] = useState(false);
     const onStatusChange = useCallback$1((type) => new CollapsableMenuStatusEvent(type, listItemRef), [listItemRef]);
@@ -1773,7 +1768,7 @@ const CollapsableMenuItem = ({ items, onClick, children, onClose: _onclose, tool
             children,
             items && React__default.createElement(ExpandMore, { className: classes.expander })),
         items && (React__default.createElement(CollapsableMenu, { className: classes.subMenu, in: open, onMenuClose: collapse, onEntered: () => requestAnimationFrame(() => window.dispatchEvent(new Event('resize'))) }, items))));
-    return tooltipText ? (React__default.createElement(Tooltip, { title: tooltipText },
+    return tooltipText ? (React__default.createElement(Tooltip, { title: tooltipText, placement: tooltipPlacement, arrow: true },
         React__default.createElement(MenuItem$1, { role: "menuitem", sx: disabled && !items
                 ? { cursor: 'not-allowed', pointerEvents: 'inherit !important' }
                 : { pointerEvents: 'inherit !important' }, className: classes.root, onMouseOver: (e) => e.currentTarget.focus(), selected: open, ref: listItemRef, onClick: handleClick, onKeyDown: handleKey }, renderInner()))) : (React__default.createElement(MenuItem$1, { sx: disabled && !items ? { cursor: 'not-allowed' } : {}, className: classes.root, onMouseOver: (e) => e.currentTarget.focus(), ref: listItemRef, selected: open, onClick: handleClick, onKeyDown: handleKey, ...props }, renderInner()));
@@ -1983,9 +1978,9 @@ const ContainedLinkList = (props) => {
 };
 
 class OverflowTooltip extends React.Component {
-    nodeRef = React.createRef();
     constructor(props) {
         super(props);
+        this.nodeRef = React.createRef();
         this.state = { overflow: false };
     }
     componentDidMount() {
@@ -3648,8 +3643,6 @@ var rafSchd = function rafSchd(fn) {
   return wrapperFn;
 };
 
-var rafSchd$1 = rafSchd;
-
 var isProduction = process.env.NODE_ENV === 'production';
 var spacesAndTabs = /[ \t]{2,}/g;
 var lineStartWithSpaces = /^[ \t]*/gm;
@@ -6978,7 +6971,7 @@ function getScrollListener(_ref) {
     onWindowScroll(getWindowScroll());
   }
 
-  var scheduled = rafSchd$1(updateScroll);
+  var scheduled = rafSchd(updateScroll);
   var binding = getWindowScrollBinding(scheduled);
   var unbind = noop;
 
@@ -8324,8 +8317,8 @@ var scroll$1 = (function (_ref) {
 var createFluidScroller = (function (_ref) {
   var scrollWindow = _ref.scrollWindow,
       scrollDroppable = _ref.scrollDroppable;
-  var scheduleWindowScroll = rafSchd$1(scrollWindow);
-  var scheduleDroppableScroll = rafSchd$1(scrollDroppable);
+  var scheduleWindowScroll = rafSchd(scrollWindow);
+  var scheduleDroppableScroll = rafSchd(scrollDroppable);
   var dragging = null;
 
   var tryScroll = function tryScroll(state) {
@@ -10289,7 +10282,7 @@ function tryStart(_ref3) {
   }
 
   function fluidLift(clientSelection) {
-    var move$1 = rafSchd$1(function (client) {
+    var move$1 = rafSchd(function (client) {
       tryDispatchWhenDragging(function () {
         return move({
           client: client
@@ -10923,7 +10916,7 @@ function useDroppablePublisher(args) {
     memoizedUpdateScroll(scroll.x, scroll.y);
   }, [getClosestScroll, memoizedUpdateScroll]);
   var scheduleScrollUpdate = useMemo(function () {
-    return rafSchd$1(updateScroll);
+    return rafSchd(updateScroll);
   }, [updateScroll]);
   var onClosestScroll = useCallback(function () {
     var dragging = whileDraggingRef.current;
@@ -12406,7 +12399,7 @@ function styleToCSS(styleDescr) {
   }).join('; ');
 }
 
-var BLOCK_TYPE$1 = {
+var BLOCK_TYPE = {
   // This is used to represent a normal text block (paragraph).
   UNSTYLED: 'unstyled',
   HEADER_ONE: 'header-one',
@@ -12422,12 +12415,12 @@ var BLOCK_TYPE$1 = {
   CODE: 'code-block',
   ATOMIC: 'atomic'
 };
-var ENTITY_TYPE$1 = {
+var ENTITY_TYPE = {
   LINK: 'LINK',
   IMAGE: 'IMAGE',
   EMBED: 'embed'
 };
-var INLINE_STYLE$1 = {
+var INLINE_STYLE = {
   BOLD: 'BOLD',
   CODE: 'CODE',
   ITALIC: 'ITALIC',
@@ -17481,11 +17474,11 @@ function _defineProperties$1(target, props) { for (var i = 0; i < props.length;
 function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); if (staticProps) _defineProperties$1(Constructor, staticProps); return Constructor; }
 
 function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var BOLD = INLINE_STYLE$1.BOLD,
-    CODE = INLINE_STYLE$1.CODE,
-    ITALIC = INLINE_STYLE$1.ITALIC,
-    STRIKETHROUGH = INLINE_STYLE$1.STRIKETHROUGH,
-    UNDERLINE = INLINE_STYLE$1.UNDERLINE;
+var BOLD = INLINE_STYLE.BOLD,
+    CODE = INLINE_STYLE.CODE,
+    ITALIC = INLINE_STYLE.ITALIC,
+    STRIKETHROUGH = INLINE_STYLE.STRIKETHROUGH,
+    UNDERLINE = INLINE_STYLE.UNDERLINE;
 var INDENT = '  ';
 var BREAK = '<br>';
 var DATA_ATTRIBUTE$1 = /^data-([a-z0-9-]+)$/;
@@ -17504,14 +17497,14 @@ var DEFAULT_STYLE_MAP = (_DEFAULT_STYLE_MAP = {}, _defineProperty$1(_DEFAULT_STY
 
 var DEFAULT_STYLE_ORDER = [BOLD, ITALIC, UNDERLINE, STRIKETHROUGH, CODE]; // Map entity data to element attributes.
 
-var ENTITY_ATTR_MAP = (_ENTITY_ATTR_MAP = {}, _defineProperty$1(_ENTITY_ATTR_MAP, ENTITY_TYPE$1.LINK, {
+var ENTITY_ATTR_MAP = (_ENTITY_ATTR_MAP = {}, _defineProperty$1(_ENTITY_ATTR_MAP, ENTITY_TYPE.LINK, {
   url: 'href',
   href: 'href',
   rel: 'rel',
   target: 'target',
   title: 'title',
   className: 'class'
-}), _defineProperty$1(_ENTITY_ATTR_MAP, ENTITY_TYPE$1.IMAGE, {
+}), _defineProperty$1(_ENTITY_ATTR_MAP, ENTITY_TYPE.IMAGE, {
   src: 'src',
   height: 'height',
   width: 'width',
@@ -17519,7 +17512,7 @@ var ENTITY_ATTR_MAP = (_ENTITY_ATTR_MAP = {}, _defineProperty$1(_ENTITY_ATTR_MAP
   className: 'class'
 }), _ENTITY_ATTR_MAP); // Map entity data to element attributes.
 
-var DATA_TO_ATTR = (_DATA_TO_ATTR = {}, _defineProperty$1(_DATA_TO_ATTR, ENTITY_TYPE$1.LINK, function (entityType, entity) {
+var DATA_TO_ATTR = (_DATA_TO_ATTR = {}, _defineProperty$1(_DATA_TO_ATTR, ENTITY_TYPE.LINK, function (entityType, entity) {
   var attrMap = ENTITY_ATTR_MAP.hasOwnProperty(entityType) ? ENTITY_ATTR_MAP[entityType] : {};
   var data = entity.getData();
   var attrs = {};
@@ -17537,7 +17530,7 @@ var DATA_TO_ATTR = (_DATA_TO_ATTR = {}, _defineProperty$1(_DATA_TO_ATTR, ENTITY_
   }
 
   return attrs;
-}), _defineProperty$1(_DATA_TO_ATTR, ENTITY_TYPE$1.IMAGE, function (entityType, entity) {
+}), _defineProperty$1(_DATA_TO_ATTR, ENTITY_TYPE.IMAGE, function (entityType, entity) {
   var attrMap = ENTITY_ATTR_MAP.hasOwnProperty(entityType) ? ENTITY_ATTR_MAP[entityType] : {};
   var data = entity.getData();
   var attrs = {};
@@ -17560,35 +17553,35 @@ var DATA_TO_ATTR = (_DATA_TO_ATTR = {}, _defineProperty$1(_DATA_TO_ATTR, ENTITY_
 
 function getTags(blockType, defaultBlockTag) {
   switch (blockType) {
-    case BLOCK_TYPE$1.HEADER_ONE:
+    case BLOCK_TYPE.HEADER_ONE:
       return ['h1'];
 
-    case BLOCK_TYPE$1.HEADER_TWO:
+    case BLOCK_TYPE.HEADER_TWO:
       return ['h2'];
 
-    case BLOCK_TYPE$1.HEADER_THREE:
+    case BLOCK_TYPE.HEADER_THREE:
       return ['h3'];
 
-    case BLOCK_TYPE$1.HEADER_FOUR:
+    case BLOCK_TYPE.HEADER_FOUR:
       return ['h4'];
 
-    case BLOCK_TYPE$1.HEADER_FIVE:
+    case BLOCK_TYPE.HEADER_FIVE:
       return ['h5'];
 
-    case BLOCK_TYPE$1.HEADER_SIX:
+    case BLOCK_TYPE.HEADER_SIX:
       return ['h6'];
 
-    case BLOCK_TYPE$1.UNORDERED_LIST_ITEM:
-    case BLOCK_TYPE$1.ORDERED_LIST_ITEM:
+    case BLOCK_TYPE.UNORDERED_LIST_ITEM:
+    case BLOCK_TYPE.ORDERED_LIST_ITEM:
       return ['li'];
 
-    case BLOCK_TYPE$1.BLOCKQUOTE:
+    case BLOCK_TYPE.BLOCKQUOTE:
       return ['blockquote'];
 
-    case BLOCK_TYPE$1.CODE:
+    case BLOCK_TYPE.CODE:
       return ['pre', 'code'];
 
-    case BLOCK_TYPE$1.ATOMIC:
+    case BLOCK_TYPE.ATOMIC:
       return ['figure'];
 
     default:
@@ -17602,10 +17595,10 @@ function getTags(blockType, defaultBlockTag) {
 
 function getWrapperTag(blockType) {
   switch (blockType) {
-    case BLOCK_TYPE$1.UNORDERED_LIST_ITEM:
+    case BLOCK_TYPE.UNORDERED_LIST_ITEM:
       return 'ul';
 
-    case BLOCK_TYPE$1.ORDERED_LIST_ITEM:
+    case BLOCK_TYPE.ORDERED_LIST_ITEM:
       return 'ol';
 
     default:
@@ -17920,7 +17913,7 @@ function () {
               var _styleName = _step3.value;
 
               // If our block type is CODE then don't wrap inline code elements.
-              if (_styleName === CODE && blockType === BLOCK_TYPE$1.CODE) {
+              if (_styleName === CODE && blockType === BLOCK_TYPE.CODE) {
                 continue;
               }
 
@@ -17996,13 +17989,13 @@ function () {
 
           var attrString = stringifyAttrs(attributes);
           return "<".concat(element).concat(attrString, ">").concat(content, "</").concat(element, ">");
-        } else if (entityType != null && entityType === ENTITY_TYPE$1.LINK) {
+        } else if (entityType != null && entityType === ENTITY_TYPE.LINK) {
           var attrs = DATA_TO_ATTR.hasOwnProperty(entityType) ? DATA_TO_ATTR[entityType](entityType, entity) : null;
 
           var _attrString = stringifyAttrs(attrs);
 
           return "<a".concat(_attrString, ">").concat(content, "</a>");
-        } else if (entityType != null && entityType === ENTITY_TYPE$1.IMAGE) {
+        } else if (entityType != null && entityType === ENTITY_TYPE.IMAGE) {
           var _attrs = DATA_TO_ATTR.hasOwnProperty(entityType) ? DATA_TO_ATTR[entityType](entityType, entity) : null;
 
           var _attrString2 = stringifyAttrs(_attrs);
@@ -18056,8 +18049,8 @@ function stringifyAttrs(attrs) {
 
 function canHaveDepth$1(blockType) {
   switch (blockType) {
-    case BLOCK_TYPE$1.UNORDERED_LIST_ITEM:
-    case BLOCK_TYPE$1.ORDERED_LIST_ITEM:
+    case BLOCK_TYPE.UNORDERED_LIST_ITEM:
+    case BLOCK_TYPE.ORDERED_LIST_ITEM:
       return true;
 
     default:
@@ -18114,37 +18107,6 @@ function repeatSeq(seq, count) {
   return result;
 }
 
-var BLOCK_TYPE = {
-  // This is used to represent a normal text block (paragraph).
-  UNSTYLED: 'unstyled',
-  HEADER_ONE: 'header-one',
-  HEADER_TWO: 'header-two',
-  HEADER_THREE: 'header-three',
-  HEADER_FOUR: 'header-four',
-  HEADER_FIVE: 'header-five',
-  HEADER_SIX: 'header-six',
-  UNORDERED_LIST_ITEM: 'unordered-list-item',
-  ORDERED_LIST_ITEM: 'ordered-list-item',
-  BLOCKQUOTE: 'blockquote',
-  PULLQUOTE: 'pullquote',
-  CODE: 'code-block',
-  ATOMIC: 'atomic'
-};
-var ENTITY_TYPE = {
-  LINK: 'LINK',
-  IMAGE: 'IMAGE',
-  EMBED: 'embed'
-};
-var INLINE_STYLE = {
-  BOLD: 'BOLD',
-  CODE: 'CODE',
-  ITALIC: 'ITALIC',
-  STRIKETHROUGH: 'STRIKETHROUGH',
-  UNDERLINE: 'UNDERLINE'
-};
-
-new immutableExports.OrderedSet();
-
 var NODE_TYPE_ELEMENT = 1;
 var NODE_TYPE_TEXT = 3;
 
@@ -18981,7 +18943,7 @@ const Provider = ({ html, decorators, children, }) => {
         } }, children));
 };
 
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 const useButtonStyles = makeStyles()({
     btn: {