@muraldevkit/ui-toolkit 4.68.0-dev-NFbt.1 → 4.68.0-dev-nPeA.1

package/dist/esm/components/popover/MrlPopover/utilities/get-offset.js

@@ -5,7 +5,7 @@
  * @param point - if the menu has a pointer
  * @returns - offset in PX
  */
-var getOffset = function getOffset(position, point) {
+var getOffset = (position, point) => {
   if (point) {
     if (position === 'top' || position === 'bottom') {
       return 7;

package/dist/esm/components/popover/MrlPopover/utilities/get-offset.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-offset.js","sources":["../../../../../../src/components/popover/MrlPopover/utilities/get-offset.ts"],"sourcesContent":["import { MenuPosition } from '../../../menu';\n\n/**\n * Returns a value in PX for the offset of the popover from the menu at different positions\n *\n * @param position - position of the menu\n * @param point - if the menu has a pointer\n * @returns - offset in PX\n */\nexport const getOffset = (position: MenuPosition, point: boolean): number => {\n\tif (point) {\n\t\tif (position === 'top' || position === 'bottom') {\n\t\t\treturn 7;\n\t\t} else if (position === 'left' || position === 'right') {\n\t\t\treturn 7;\n\t\t}\n\t}\n\n\treturn 10;\n};\n"],"names":["getOffset","position","point"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAIC,QAAsB,EAAEC,KAAc,EAAa;AAC5E,EAAA,IAAIA,KAAK,EAAE;AACV,IAAA,IAAID,QAAQ,KAAK,KAAK,IAAIA,QAAQ,KAAK,QAAQ,EAAE;AAChD,MAAA,OAAO,CAAC;IACT,CAAC,MAAM,IAAIA,QAAQ,KAAK,MAAM,IAAIA,QAAQ,KAAK,OAAO,EAAE;AACvD,MAAA,OAAO,CAAC;AACT,IAAA;AACD,EAAA;AAEA,EAAA,OAAO,EAAE;AACV;;;;"}
+{"version":3,"file":"get-offset.js","sources":["../../../../../../src/components/popover/MrlPopover/utilities/get-offset.ts"],"sourcesContent":["import { MenuPosition } from '../../../menu';\n\n/**\n * Returns a value in PX for the offset of the popover from the menu at different positions\n *\n * @param position - position of the menu\n * @param point - if the menu has a pointer\n * @returns - offset in PX\n */\nexport const getOffset = (position: MenuPosition, point: boolean): number => {\n\tif (point) {\n\t\tif (position === 'top' || position === 'bottom') {\n\t\t\treturn 7;\n\t\t} else if (position === 'left' || position === 'right') {\n\t\t\treturn 7;\n\t\t}\n\t}\n\n\treturn 10;\n};\n"],"names":["getOffset","position","point"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,SAAS,GAAGA,CAACC,QAAsB,EAAEC,KAAc,KAAa;AAC5E,EAAA,IAAIA,KAAK,EAAE;AACV,IAAA,IAAID,QAAQ,KAAK,KAAK,IAAIA,QAAQ,KAAK,QAAQ,EAAE;AAChD,MAAA,OAAO,CAAC;IACT,CAAC,MAAM,IAAIA,QAAQ,KAAK,MAAM,IAAIA,QAAQ,KAAK,OAAO,EAAE;AACvD,MAAA,OAAO,CAAC;AACT,IAAA;AACD,EAAA;AAEA,EAAA,OAAO,EAAE;AACV;;;;"}

package/dist/esm/components/portal/MrlPortal.js

@@ -13,7 +13,7 @@ var MRL_PORTAL_ID = PORTAL_LAYERS.ROOT.name;
  * @param PortalProps Portal only takes children. Contact the platform team if you need to extend this.
  * @returns MrlPortal component
  */
-var MrlPortal = function MrlPortal(_ref) {
+var MrlPortal = _ref => {
   var children = _ref.children,
     className = _ref.className,
     id = _ref.id,
@@ -26,7 +26,7 @@ var MrlPortal = function MrlPortal(_ref) {
   var element = 'div';
   var portalId = (layer === null || layer === void 0 ? void 0 : layer.name) || id || MRL_PORTAL_ID;
   var portalLayer = layer || PORTAL_LAYERS.ROOT;
-  React.useLayoutEffect(function () {
+  React.useLayoutEffect(() => {
     var portal = document.getElementById(portalId);
     var dataQa = remainingProps['data-qa'] || id || PORTAL_LAYERS.ROOT.name;
 

package/dist/esm/components/portal/MrlPortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlPortal.js","sources":["../../../../src/components/portal/MrlPortal.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { PORTAL_LAYERS } from '../../utils/layers';\n\ntype PortalLayer = (typeof PORTAL_LAYERS)[keyof typeof PORTAL_LAYERS];\nexport interface PortalProps extends React.HTMLAttributes<HTMLDivElement> {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n\t['data-qa']?: string;\n\tid?: string;\n\tlayer?: PortalLayer;\n}\n\nexport const MRL_PORTAL_ID = PORTAL_LAYERS.ROOT.name;\n\n/**\n * Dynamically creates a single portal and send your children to the portal.\n * Where they will live outside of the normal document flow\n *\n * @param PortalProps Portal only takes children. Contact the platform team if you need to extend this.\n * @returns MrlPortal component\n */\nexport const MrlPortal = ({\n\tchildren,\n\tclassName,\n\tid,\n\tlayer,\n\t...remainingProps\n}: PortalProps): React.ReactElement | null => {\n\tconst [portalElement, setPortalElement] = React.useState<HTMLElement | null>(null);\n\tconst element = 'div';\n\tconst portalId = layer?.name || id || MRL_PORTAL_ID;\n\tconst portalLayer = layer || PORTAL_LAYERS.ROOT;\n\n\tReact.useLayoutEffect(() => {\n\t\tlet portal = document.getElementById(portalId);\n\t\tconst dataQa = remainingProps['data-qa'] || id || PORTAL_LAYERS.ROOT.name;\n\n\t\t// create the portal on the fly and reuse the same one each time.\n\t\tif (!portal) {\n\t\t\tportal = document.createElement(element);\n\t\t\tportal.setAttribute('id', portalId);\n\t\t\tportal.setAttribute('data-qa', dataQa);\n\t\t\tportal.setAttribute('data-testid', dataQa);\n\t\t\tif (className) portal.setAttribute('class', className);\n\t\t\tdocument.body.appendChild(portal);\n\t\t}\n\n\t\tsetPortalElement(portal);\n\t}, [\n\t\tportalId,\n\t\tremainingProps,\n\t\tid,\n\t\tclassName\n\t]);\n\n\t/**\n\t * Sets z-index of the first child element of the portal to the layer's z-index\n\t *\n\t * TODO: update to also accept a 'layerId' that will override the default layer\n\t * with the provided layerId\n\t */\n\tif (!portalElement) return null;\n\n\tconst childrenArray = React.Children.toArray(children);\n\tif (childrenArray.length > 0 && portalElement) {\n\t\tconst firstChildElement = portalElement.firstElementChild as HTMLElement | null;\n\t\tif (firstChildElement) {\n\t\t\tfirstChildElement.style.zIndex = `${portalLayer.zIndex}`;\n\t\t}\n\t}\n\n\t// state will be null on the very first render.\n\tif (!portalElement) return null;\n\n\treturn createPortal(children, portalElement);\n};\n"],"names":["MRL_PORTAL_ID","PORTAL_LAYERS","ROOT","name","MrlPortal","_ref","children","className","id","layer","remainingProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","portalElement","setPortalElement","element","portalId","portalLayer","useLayoutEffect","portal","document","getElementById","dataQa","createElement","setAttribute","body","appendChild","childrenArray","Children","toArray","length","firstChildElement","firstElementChild","style","zIndex","concat","createPortal"],"mappings":";;;;;;IAaaA,aAAa,GAAGC,aAAa,CAACC,IAAI,CAACC;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;IACaC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAMwB;AAAA,EAAA,IAL7CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,EAAE,GAAAH,IAAA,CAAFG,EAAE;IACFC,KAAK,GAAAJ,IAAA,CAALI,KAAK;AACFC,IAAAA,cAAc,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAEjB,EAAA,IAAAC,eAAA,GAA0CC,KAAK,CAACC,QAAQ,CAAqB,IAAI,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAA3EK,IAAAA,aAAa,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,gBAAgB,GAAAH,gBAAA,CAAA,CAAA,CAAA;EACtC,IAAMI,OAAO,GAAG,KAAK;AACrB,EAAA,IAAMC,QAAQ,GAAG,CAAAZ,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,MAAA,GAAA,MAAA,GAALA,KAAK,CAAEN,IAAI,KAAIK,EAAE,IAAIR,aAAa;AACnD,EAAA,IAAMsB,WAAW,GAAGb,KAAK,IAAIR,aAAa,CAACC,IAAI;EAE/CY,KAAK,CAACS,eAAe,CAAC,YAAM;AAC3B,IAAA,IAAIC,MAAM,GAAGC,QAAQ,CAACC,cAAc,CAACL,QAAQ,CAAC;AAC9C,IAAA,IAAMM,MAAM,GAAGjB,cAAc,CAAC,SAAS,CAAC,IAAIF,EAAE,IAAIP,aAAa,CAACC,IAAI,CAACC,IAAI;;AAEzE;IACA,IAAI,CAACqB,MAAM,EAAE;AACZA,MAAAA,MAAM,GAAGC,QAAQ,CAACG,aAAa,CAACR,OAAO,CAAC;AACxCI,MAAAA,MAAM,CAACK,YAAY,CAAC,IAAI,EAAER,QAAQ,CAAC;AACnCG,MAAAA,MAAM,CAACK,YAAY,CAAC,SAAS,EAAEF,MAAM,CAAC;AACtCH,MAAAA,MAAM,CAACK,YAAY,CAAC,aAAa,EAAEF,MAAM,CAAC;MAC1C,IAAIpB,SAAS,EAAEiB,MAAM,CAACK,YAAY,CAAC,OAAO,EAAEtB,SAAS,CAAC;AACtDkB,MAAAA,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACP,MAAM,CAAC;AAClC,IAAA;IAEAL,gBAAgB,CAACK,MAAM,CAAC;EACzB,CAAC,EAAE,CACFH,QAAQ,EACRX,cAAc,EACdF,EAAE,EACFD,SAAS,CACT,CAAC;;AAEF;AACD;AACA;AACA;AACA;AACA;AACC,EAAA,IAAI,CAACW,aAAa,EAAE,OAAO,IAAI;EAE/B,IAAMc,aAAa,GAAGlB,KAAK,CAACmB,QAAQ,CAACC,OAAO,CAAC5B,QAAQ,CAAC;AACtD,EAAA,IAAI0B,aAAa,CAACG,MAAM,GAAG,CAAC,IAAIjB,aAAa,EAAE;AAC9C,IAAA,IAAMkB,iBAAiB,GAAGlB,aAAa,CAACmB,iBAAuC;AAC/E,IAAA,IAAID,iBAAiB,EAAE;MACtBA,iBAAiB,CAACE,KAAK,CAACC,MAAM,GAAA,EAAA,CAAAC,MAAA,CAAMlB,WAAW,CAACiB,MAAM,CAAE;AACzD,IAAA;AACD,EAAA;;AAEA;AACA,EAAA,IAAI,CAACrB,aAAa,EAAE,OAAO,IAAI;AAE/B,EAAA,oBAAOuB,YAAY,CAACnC,QAAQ,EAAEY,aAAa,CAAC;AAC7C;;;;"}
+{"version":3,"file":"MrlPortal.js","sources":["../../../../src/components/portal/MrlPortal.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { PORTAL_LAYERS } from '../../utils/layers';\n\ntype PortalLayer = (typeof PORTAL_LAYERS)[keyof typeof PORTAL_LAYERS];\nexport interface PortalProps extends React.HTMLAttributes<HTMLDivElement> {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n\t['data-qa']?: string;\n\tid?: string;\n\tlayer?: PortalLayer;\n}\n\nexport const MRL_PORTAL_ID = PORTAL_LAYERS.ROOT.name;\n\n/**\n * Dynamically creates a single portal and send your children to the portal.\n * Where they will live outside of the normal document flow\n *\n * @param PortalProps Portal only takes children. Contact the platform team if you need to extend this.\n * @returns MrlPortal component\n */\nexport const MrlPortal = ({\n\tchildren,\n\tclassName,\n\tid,\n\tlayer,\n\t...remainingProps\n}: PortalProps): React.ReactElement | null => {\n\tconst [portalElement, setPortalElement] = React.useState<HTMLElement | null>(null);\n\tconst element = 'div';\n\tconst portalId = layer?.name || id || MRL_PORTAL_ID;\n\tconst portalLayer = layer || PORTAL_LAYERS.ROOT;\n\n\tReact.useLayoutEffect(() => {\n\t\tlet portal = document.getElementById(portalId);\n\t\tconst dataQa = remainingProps['data-qa'] || id || PORTAL_LAYERS.ROOT.name;\n\n\t\t// create the portal on the fly and reuse the same one each time.\n\t\tif (!portal) {\n\t\t\tportal = document.createElement(element);\n\t\t\tportal.setAttribute('id', portalId);\n\t\t\tportal.setAttribute('data-qa', dataQa);\n\t\t\tportal.setAttribute('data-testid', dataQa);\n\t\t\tif (className) portal.setAttribute('class', className);\n\t\t\tdocument.body.appendChild(portal);\n\t\t}\n\n\t\tsetPortalElement(portal);\n\t}, [\n\t\tportalId,\n\t\tremainingProps,\n\t\tid,\n\t\tclassName\n\t]);\n\n\t/**\n\t * Sets z-index of the first child element of the portal to the layer's z-index\n\t *\n\t * TODO: update to also accept a 'layerId' that will override the default layer\n\t * with the provided layerId\n\t */\n\tif (!portalElement) return null;\n\n\tconst childrenArray = React.Children.toArray(children);\n\tif (childrenArray.length > 0 && portalElement) {\n\t\tconst firstChildElement = portalElement.firstElementChild as HTMLElement | null;\n\t\tif (firstChildElement) {\n\t\t\tfirstChildElement.style.zIndex = `${portalLayer.zIndex}`;\n\t\t}\n\t}\n\n\t// state will be null on the very first render.\n\tif (!portalElement) return null;\n\n\treturn createPortal(children, portalElement);\n};\n"],"names":["MRL_PORTAL_ID","PORTAL_LAYERS","ROOT","name","MrlPortal","_ref","children","className","id","layer","remainingProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","portalElement","setPortalElement","element","portalId","portalLayer","useLayoutEffect","portal","document","getElementById","dataQa","createElement","setAttribute","body","appendChild","childrenArray","Children","toArray","length","firstChildElement","firstElementChild","style","zIndex","concat","createPortal"],"mappings":";;;;;;IAaaA,aAAa,GAAGC,aAAa,CAACC,IAAI,CAACC;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,SAAS,GAAGC,IAAA,IAMqB;AAAA,EAAA,IAL7CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,EAAE,GAAAH,IAAA,CAAFG,EAAE;IACFC,KAAK,GAAAJ,IAAA,CAALI,KAAK;AACFC,IAAAA,cAAc,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAEjB,EAAA,IAAAC,eAAA,GAA0CC,KAAK,CAACC,QAAQ,CAAqB,IAAI,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAA3EK,IAAAA,aAAa,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,gBAAgB,GAAAH,gBAAA,CAAA,CAAA,CAAA;EACtC,IAAMI,OAAO,GAAG,KAAK;AACrB,EAAA,IAAMC,QAAQ,GAAG,CAAAZ,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,MAAA,GAAA,MAAA,GAALA,KAAK,CAAEN,IAAI,KAAIK,EAAE,IAAIR,aAAa;AACnD,EAAA,IAAMsB,WAAW,GAAGb,KAAK,IAAIR,aAAa,CAACC,IAAI;EAE/CY,KAAK,CAACS,eAAe,CAAC,MAAM;AAC3B,IAAA,IAAIC,MAAM,GAAGC,QAAQ,CAACC,cAAc,CAACL,QAAQ,CAAC;AAC9C,IAAA,IAAMM,MAAM,GAAGjB,cAAc,CAAC,SAAS,CAAC,IAAIF,EAAE,IAAIP,aAAa,CAACC,IAAI,CAACC,IAAI;;AAEzE;IACA,IAAI,CAACqB,MAAM,EAAE;AACZA,MAAAA,MAAM,GAAGC,QAAQ,CAACG,aAAa,CAACR,OAAO,CAAC;AACxCI,MAAAA,MAAM,CAACK,YAAY,CAAC,IAAI,EAAER,QAAQ,CAAC;AACnCG,MAAAA,MAAM,CAACK,YAAY,CAAC,SAAS,EAAEF,MAAM,CAAC;AACtCH,MAAAA,MAAM,CAACK,YAAY,CAAC,aAAa,EAAEF,MAAM,CAAC;MAC1C,IAAIpB,SAAS,EAAEiB,MAAM,CAACK,YAAY,CAAC,OAAO,EAAEtB,SAAS,CAAC;AACtDkB,MAAAA,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACP,MAAM,CAAC;AAClC,IAAA;IAEAL,gBAAgB,CAACK,MAAM,CAAC;EACzB,CAAC,EAAE,CACFH,QAAQ,EACRX,cAAc,EACdF,EAAE,EACFD,SAAS,CACT,CAAC;;AAEF;AACD;AACA;AACA;AACA;AACA;AACC,EAAA,IAAI,CAACW,aAAa,EAAE,OAAO,IAAI;EAE/B,IAAMc,aAAa,GAAGlB,KAAK,CAACmB,QAAQ,CAACC,OAAO,CAAC5B,QAAQ,CAAC;AACtD,EAAA,IAAI0B,aAAa,CAACG,MAAM,GAAG,CAAC,IAAIjB,aAAa,EAAE;AAC9C,IAAA,IAAMkB,iBAAiB,GAAGlB,aAAa,CAACmB,iBAAuC;AAC/E,IAAA,IAAID,iBAAiB,EAAE;MACtBA,iBAAiB,CAACE,KAAK,CAACC,MAAM,GAAA,EAAA,CAAAC,MAAA,CAAMlB,WAAW,CAACiB,MAAM,CAAE;AACzD,IAAA;AACD,EAAA;;AAEA;AACA,EAAA,IAAI,CAACrB,aAAa,EAAE,OAAO,IAAI;AAE/B,EAAA,oBAAOuB,YAAY,CAACnC,QAAQ,EAAEY,aAAa,CAAC;AAC7C;;;;"}