@corva/ui 3.75.0-15 → 3.75.0-17

package/componentsV2/Popover/Popover.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import{forwardRef as t,useRef as o,useCallback as n,useEffect as r,useMemo as i}from"react";import{Grow as c}from"@material-ui/core";import s from"classnames";import{Popper as a}from"../Popper/Popper.js";import{Paper as p}from"../Paper/Paper.js";import{getDefaultPopperContainer as l}from"../utils.js";import{disableScroll as m}from"./utils.js";import u from"./Popover.scss.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"lodash";import"../../components/GradientManager/configuration/constants.js";import{DRAGGING_ATTRIBUTE as d}from"../../constants/attachments.js";import{jsxs as f,Fragment as v,jsx as j}from"react/jsx-runtime";function b(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function y(t){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?b(Object(n),!0).forEach((function(o){e(t,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var O=t((function(e,t){var b=e.children,O=e.open,h=e.onClose,g=e.className,E=e.closeOnBackdropClick,P=void 0===E||E,w=e.closeOnEscape,k=void 0===w||w,C=e.backdrop,M=void 0===C||C,N=e.anchorEl,S=e.preventScroll,x=void 0===S||S,D=e.placement,L=void 0===D?"bottom-start":D,A=e.onMouseLeave,R=e.onMouseEnter,q=e.flip,z=void 0===q||q,B=e.preventOverflow,G=void 0===B||B,I=e.container,K=e.animate,T=void 0===K||K,U=e.type,F=void 0===U?"popover":U,H=o(null),J=o(new ResizeObserver((function(){var e;null===(e=H.current)||void 0===e||e.scheduleUpdate()}))),Q=n((function(){h&&P&&h("backdropClick")}),[h,P]);r((function(){var e=function(e){if("Escape"===e.key||"Esc"===e.key){if(document.querySelector("[".concat(d,"]")))return;null==h||h("escapeKey")}};return O&&k?(document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}):function(){}}),[h,k,O]),r((function(){return O&&x?m(document.body):function(){}}),[O,x]);var V=i((function(){return{preventOverflow:{enabled:G,padding:0,boundariesElement:"viewport"},flip:{enabled:z}}}),[z,G]),W=null!=I?I:l(N);return f(v,{children:[M&&j(a,{open:O,className:u.root,container:W,children:j("div",{className:u.backdrop,onClick:Q})}),j(a,{open:O,anchorEl:N,placement:L,className:u.root,transition:!0,popperRef:H,modifiers:V,container:W,children:function(e){var o=e.TransitionProps;return j(c,y(y({},o),{},{timeout:T?"auto":0,disableStrictModeCompat:!0,onEntered:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];null==o||null===(e=o.onEntered)||void 0===e||e.call.apply(e,[o].concat(n)),J.current.observe(n[0])},onExit:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];null==o||null===(e=o.onExit)||void 0===e||e.call.apply(e,[o].concat(n)),J.current.disconnect()},children:j(p,{className:s(u.paper,g),onMouseEnter:R,onMouseLeave:A,ref:t,type:F,children:b})}))}})]})}));export{O as Popover};
+import e from"@babel/runtime/helpers/defineProperty";import{forwardRef as o,useRef as t,useCallback as n,useEffect as r,useMemo as i}from"react";import{Grow as c}from"@material-ui/core";import s from"classnames";import{Popper as a}from"../Popper/Popper.js";import{Paper as p}from"../Paper/Paper.js";import{getDefaultPopperContainer as l}from"../utils.js";import{disableScroll as m}from"./utils.js";import u from"./Popover.scss.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"lodash";import"../../components/GradientManager/configuration/constants.js";import{DRAGGING_ATTRIBUTE as d}from"../../constants/attachments.js";import{jsxs as f,Fragment as v,jsx as j}from"react/jsx-runtime";function b(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,n)}return t}function y(o){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){e(o,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(n,e))}))}return o}var O=o((function(e,o){var b=e.children,O=e.open,h=e.onClose,g=e.className,E=e.closeOnBackdropClick,P=void 0===E||E,w=e.closeOnEscape,k=void 0===w||w,C=e.backdrop,M=void 0===C||C,N=e.anchorEl,S=e.preventScroll,x=void 0===S||S,D=e.placement,L=void 0===D?"bottom-start":D,A=e.onMouseLeave,R=e.onMouseEnter,q=e.flip,z=void 0===q||q,B=e.preventOverflow,G=void 0===B||B,I=e.container,K=e.animate,T=void 0===K||K,U=e.type,F=void 0===U?"popover":U,H=e.popperClassName,J=t(null),Q=t(new ResizeObserver((function(){var e;null===(e=J.current)||void 0===e||e.scheduleUpdate()}))),V=n((function(){h&&P&&h("backdropClick")}),[h,P]);r((function(){var e=function(e){if("Escape"===e.key||"Esc"===e.key){if(document.querySelector("[".concat(d,"]")))return;null==h||h("escapeKey")}};return O&&k?(document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}):function(){}}),[h,k,O]),r((function(){return O&&x?m(document.body):function(){}}),[O,x]);var W=i((function(){return{preventOverflow:{enabled:G,padding:0,boundariesElement:"viewport"},flip:{enabled:z}}}),[z,G]),X=null!=I?I:l(N);return f(v,{children:[M&&j(a,{open:O,className:u.root,container:X,children:j("div",{className:u.backdrop,onClick:V})}),j(a,{open:O,anchorEl:N,placement:L,className:s(u.root,H),transition:!0,popperRef:J,modifiers:W,container:X,children:function(e){var t=e.TransitionProps;return j(c,y(y({},t),{},{timeout:T?"auto":0,disableStrictModeCompat:!0,onEntered:function(){for(var e,o=arguments.length,n=new Array(o),r=0;r<o;r++)n[r]=arguments[r];null==t||null===(e=t.onEntered)||void 0===e||e.call.apply(e,[t].concat(n)),Q.current.observe(n[0])},onExit:function(){for(var e,o=arguments.length,n=new Array(o),r=0;r<o;r++)n[r]=arguments[r];null==t||null===(e=t.onExit)||void 0===e||e.call.apply(e,[t].concat(n)),Q.current.disconnect()},children:j(p,{className:s(u.paper,g),onMouseEnter:R,onMouseLeave:A,ref:o,type:F,children:b})}))}})]})}));export{O as Popover};
 //# sourceMappingURL=Popover.js.map

package/componentsV2/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"sourcesContent":["import {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { Grow } from '@material-ui/core';\nimport classNames from 'classnames';\nimport PopperJs from 'popper.js';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Paper, PaperProps } from '../Paper';\nimport { getDefaultPopperContainer } from '../utils';\n\nimport { disableScroll } from './utils';\n\nimport styles from './Popover.scss';\n\nimport { DRAGGING_ATTRIBUTE } from '~/constants';\n\nexport type PopoverProps = {\n  open: boolean;\n\n  placement?: PopperProps['placement'];\n\n  /**\n   * A HTML element, a function that returns it, or a virtual element exposing\n   * `getBoundingClientRect` (to anchor at a point). Sets the position of the popover.\n   */\n  anchorEl?: PopperProps['anchorEl'];\n\n  /**\n   * The content of the component.\n   */\n  children?: ReactNode;\n  onClose?: (reason: 'backdropClick' | 'escapeKey') => void;\n  closeOnBackdropClick?: boolean;\n  closeOnEscape?: boolean;\n\n  /**\n   * Determines if backdrop should be rendered\n   */\n  backdrop?: boolean;\n\n  /**\n   * Prevents scroll when open\n   */\n  preventScroll?: boolean;\n\n  onMouseEnter?: MouseEventHandler;\n  onMouseLeave?: MouseEventHandler;\n\n  /**\n   * Controls if Popover should stay inside its constraining element\n   */\n  preventOverflow?: boolean;\n  /**\n   * Controls if Popover should flip to opposite side if there's no space to fit it\n   */\n  flip?: boolean;\n\n  /**\n   * Element where Popper will mount.\n   *\n   * Defaults to the closest ancestor `Modal` root (if `anchorEl` is inside one), falling back to\n   * `document.body`.\n   */\n  container?: HTMLElement;\n\n  /**\n   * Controls whether popover should animate itself\n   */\n  animate?: boolean;\n\n  /**\n   * Controls paper's background depending on application: `menu` should be used for dropdown menus (with selectable options as opposed to arbitrary content)\n   */\n  type?: PaperProps['type'];\n\n  className?: string;\n};\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  (\n    {\n      children,\n      open,\n      onClose,\n      className,\n      closeOnBackdropClick = true,\n      closeOnEscape = true,\n      backdrop = true,\n      anchorEl,\n      preventScroll = true,\n      placement = 'bottom-start',\n      onMouseLeave,\n      onMouseEnter,\n      flip = true,\n      preventOverflow = true,\n      container,\n      animate = true,\n      type = 'popover',\n    },\n    ref\n  ) => {\n    const popperRef = useRef<PopperJs>(null);\n    const observerRef = useRef(\n      new ResizeObserver(() => {\n        popperRef.current?.scheduleUpdate();\n      })\n    );\n\n    const backdropClickCloseHandler = useCallback(() => {\n      if (onClose && closeOnBackdropClick) {\n        onClose('backdropClick');\n      }\n    }, [onClose, closeOnBackdropClick]);\n\n    // Escape key close\n    useEffect(() => {\n      const handler = (event: KeyboardEvent) => {\n        if (event.key === 'Escape' || event.key === 'Esc') {\n          if (document.querySelector(`[${DRAGGING_ATTRIBUTE}]`)) return;\n\n          onClose?.('escapeKey');\n        }\n      };\n\n      if (open && closeOnEscape) {\n        document.addEventListener('keydown', handler);\n\n        return () => {\n          document.removeEventListener('keydown', handler);\n        };\n      }\n\n      return () => {};\n    }, [onClose, closeOnEscape, open]);\n\n    // Block scrolling\n    useEffect(() => {\n      if (open && preventScroll) {\n        return disableScroll(document.body);\n      }\n\n      return () => {};\n    }, [open, preventScroll]);\n\n    const modifiers = useMemo(\n      () => ({\n        preventOverflow: {\n          enabled: preventOverflow,\n          padding: 0,\n          boundariesElement: 'viewport',\n          // escapeWithReference: true,\n          // TODO modify this/add own modifier so when escapeWithReference===true, we still try to fit popper in boundary\n          // See https://github.com/floating-ui/floating-ui/blob/v1.16.1/packages/popper/src/modifiers/preventOverflow.js\n        },\n        flip: {\n          enabled: flip,\n        },\n      }),\n      [flip, preventOverflow]\n    );\n\n    const resolvedContainer = container ?? getDefaultPopperContainer(anchorEl);\n\n    return (\n      <>\n        {backdrop && (\n          <Popper open={open} className={styles.root} container={resolvedContainer}>\n            <div className={styles.backdrop} onClick={backdropClickCloseHandler} />\n          </Popper>\n        )}\n        <Popper\n          open={open}\n          anchorEl={anchorEl}\n          placement={placement}\n          className={styles.root}\n          transition\n          popperRef={popperRef}\n          modifiers={modifiers}\n          container={resolvedContainer}\n        >\n          {({ TransitionProps }) => (\n            <Grow\n              {...TransitionProps}\n              timeout={animate ? 'auto' : 0}\n              disableStrictModeCompat\n              onEntered={(...args) => {\n                TransitionProps?.onEntered?.(...args);\n                observerRef.current.observe(args[0]);\n              }}\n              onExit={(...args) => {\n                TransitionProps?.onExit?.(...args);\n                observerRef.current.disconnect();\n              }}\n            >\n              <Paper\n                className={classNames(styles.paper, className)}\n                onMouseEnter={onMouseEnter}\n                onMouseLeave={onMouseLeave}\n                ref={ref}\n                type={type}\n              >\n                {children}\n              </Paper>\n            </Grow>\n          )}\n        </Popper>\n      </>\n    );\n  }\n);\n"],"names":["Popover","forwardRef","_ref","ref","children","open","onClose","className","_ref$closeOnBackdropC","closeOnBackdropClick","_ref$closeOnEscape","closeOnEscape","_ref$backdrop","backdrop","anchorEl","_ref$preventScroll","preventScroll","_ref$placement","placement","onMouseLeave","onMouseEnter","_ref$flip","flip","_ref$preventOverflow","preventOverflow","container","_ref$animate","animate","_ref$type","type","popperRef","useRef","observerRef","ResizeObserver","_popperRef$current","current","scheduleUpdate","backdropClickCloseHandler","useCallback","useEffect","handler","event","key","document","querySelector","DRAGGING_ATTRIBUTE","addEventListener","removeEventListener","disableScroll","body","modifiers","useMemo","enabled","padding","boundariesElement","resolvedContainer","getDefaultPopperContainer","_jsxs","_Fragment","_jsx","Popper","styles","root","onClick","transition","_ref2","TransitionProps","Grow","_objectSpread","timeout","disableStrictModeCompat","onEntered","_TransitionProps$onEn","_len","arguments","length","args","Array","_key","observe","onExit","_TransitionProps$onEx","_len2","_key2","disconnect","Paper","classNames","paper"],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"sourcesContent":["import {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { Grow } from '@material-ui/core';\nimport classNames from 'classnames';\nimport PopperJs from 'popper.js';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Paper, PaperProps } from '../Paper';\nimport { getDefaultPopperContainer } from '../utils';\n\nimport { disableScroll } from './utils';\n\nimport styles from './Popover.scss';\n\nimport { DRAGGING_ATTRIBUTE } from '~/constants';\n\nexport type PopoverProps = {\n  open: boolean;\n\n  placement?: PopperProps['placement'];\n\n  /**\n   * A HTML element, a function that returns it, or a virtual element exposing\n   * `getBoundingClientRect` (to anchor at a point). Sets the position of the popover.\n   */\n  anchorEl?: PopperProps['anchorEl'];\n\n  /**\n   * The content of the component.\n   */\n  children?: ReactNode;\n  onClose?: (reason: 'backdropClick' | 'escapeKey') => void;\n  closeOnBackdropClick?: boolean;\n  closeOnEscape?: boolean;\n\n  /**\n   * Determines if backdrop should be rendered\n   */\n  backdrop?: boolean;\n\n  /**\n   * Prevents scroll when open\n   */\n  preventScroll?: boolean;\n\n  onMouseEnter?: MouseEventHandler;\n  onMouseLeave?: MouseEventHandler;\n\n  /**\n   * Controls if Popover should stay inside its constraining element\n   */\n  preventOverflow?: boolean;\n  /**\n   * Controls if Popover should flip to opposite side if there's no space to fit it\n   */\n  flip?: boolean;\n\n  /**\n   * Element where Popper will mount.\n   *\n   * Defaults to the closest ancestor `Modal` root (if `anchorEl` is inside one), falling back to\n   * `document.body`.\n   */\n  container?: HTMLElement;\n\n  /**\n   * Controls whether popover should animate itself\n   */\n  animate?: boolean;\n\n  /**\n   * Controls paper's background depending on application: `menu` should be used for dropdown menus (with selectable options as opposed to arbitrary content)\n   */\n  type?: PaperProps['type'];\n\n  className?: string;\n  popperClassName?: string;\n};\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  (\n    {\n      children,\n      open,\n      onClose,\n      className,\n      closeOnBackdropClick = true,\n      closeOnEscape = true,\n      backdrop = true,\n      anchorEl,\n      preventScroll = true,\n      placement = 'bottom-start',\n      onMouseLeave,\n      onMouseEnter,\n      flip = true,\n      preventOverflow = true,\n      container,\n      animate = true,\n      type = 'popover',\n      popperClassName,\n    },\n    ref\n  ) => {\n    const popperRef = useRef<PopperJs>(null);\n    const observerRef = useRef(\n      new ResizeObserver(() => {\n        popperRef.current?.scheduleUpdate();\n      })\n    );\n\n    const backdropClickCloseHandler = useCallback(() => {\n      if (onClose && closeOnBackdropClick) {\n        onClose('backdropClick');\n      }\n    }, [onClose, closeOnBackdropClick]);\n\n    // Escape key close\n    useEffect(() => {\n      const handler = (event: KeyboardEvent) => {\n        if (event.key === 'Escape' || event.key === 'Esc') {\n          if (document.querySelector(`[${DRAGGING_ATTRIBUTE}]`)) return;\n\n          onClose?.('escapeKey');\n        }\n      };\n\n      if (open && closeOnEscape) {\n        document.addEventListener('keydown', handler);\n\n        return () => {\n          document.removeEventListener('keydown', handler);\n        };\n      }\n\n      return () => {};\n    }, [onClose, closeOnEscape, open]);\n\n    // Block scrolling\n    useEffect(() => {\n      if (open && preventScroll) {\n        return disableScroll(document.body);\n      }\n\n      return () => {};\n    }, [open, preventScroll]);\n\n    const modifiers = useMemo(\n      () => ({\n        preventOverflow: {\n          enabled: preventOverflow,\n          padding: 0,\n          boundariesElement: 'viewport',\n          // escapeWithReference: true,\n          // TODO modify this/add own modifier so when escapeWithReference===true, we still try to fit popper in boundary\n          // See https://github.com/floating-ui/floating-ui/blob/v1.16.1/packages/popper/src/modifiers/preventOverflow.js\n        },\n        flip: {\n          enabled: flip,\n        },\n      }),\n      [flip, preventOverflow]\n    );\n\n    const resolvedContainer = container ?? getDefaultPopperContainer(anchorEl);\n\n    return (\n      <>\n        {backdrop && (\n          <Popper open={open} className={styles.root} container={resolvedContainer}>\n            <div className={styles.backdrop} onClick={backdropClickCloseHandler} />\n          </Popper>\n        )}\n        <Popper\n          open={open}\n          anchorEl={anchorEl}\n          placement={placement}\n          className={classNames(styles.root, popperClassName)}\n          transition\n          popperRef={popperRef}\n          modifiers={modifiers}\n          container={resolvedContainer}\n        >\n          {({ TransitionProps }) => (\n            <Grow\n              {...TransitionProps}\n              timeout={animate ? 'auto' : 0}\n              disableStrictModeCompat\n              onEntered={(...args) => {\n                TransitionProps?.onEntered?.(...args);\n                observerRef.current.observe(args[0]);\n              }}\n              onExit={(...args) => {\n                TransitionProps?.onExit?.(...args);\n                observerRef.current.disconnect();\n              }}\n            >\n              <Paper\n                className={classNames(styles.paper, className)}\n                onMouseEnter={onMouseEnter}\n                onMouseLeave={onMouseLeave}\n                ref={ref}\n                type={type}\n              >\n                {children}\n              </Paper>\n            </Grow>\n          )}\n        </Popper>\n      </>\n    );\n  }\n);\n"],"names":["Popover","forwardRef","_ref","ref","children","open","onClose","className","_ref$closeOnBackdropC","closeOnBackdropClick","_ref$closeOnEscape","closeOnEscape","_ref$backdrop","backdrop","anchorEl","_ref$preventScroll","preventScroll","_ref$placement","placement","onMouseLeave","onMouseEnter","_ref$flip","flip","_ref$preventOverflow","preventOverflow","container","_ref$animate","animate","_ref$type","type","popperClassName","popperRef","useRef","observerRef","ResizeObserver","_popperRef$current","current","scheduleUpdate","backdropClickCloseHandler","useCallback","useEffect","handler","event","key","document","querySelector","DRAGGING_ATTRIBUTE","addEventListener","removeEventListener","disableScroll","body","modifiers","useMemo","enabled","padding","boundariesElement","resolvedContainer","getDefaultPopperContainer","_jsxs","_Fragment","_jsx","Popper","styles","root","onClick","classNames","transition","_ref2","TransitionProps","Grow","_objectSpread","timeout","disableStrictModeCompat","onEntered","_TransitionProps$onEn","_len","arguments","length","args","Array","_key","observe","onExit","_TransitionProps$onEx","_len2","_key2","disconnect","Paper","paper"],"mappings":"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"}

package/componentsV2/ToggleButtons/ToggleButtons.scss.js

@@ -1,2 +1,2 @@
-import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",root:"ToggleButtons_root__aQl06",button:"ToggleButtons_button__GH4OM",primary:"ToggleButtons_primary__HxWEN",secondary:"ToggleButtons_secondary__Eq-fq",large:"ToggleButtons_large__-jjVa",medium:"ToggleButtons_medium__Q-HsC",small:"ToggleButtons_small__2Xhd-"};t('.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM{margin:0;position:relative;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_primary__HxWEN:not(.Mui-selected):focus,.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_primary__HxWEN:not(.Mui-selected):hover{background:rgb(from var(--palette-primary-text-1) r g b/.12);color:var(--palette-primary-text-1)}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq{background:rgb(from var(--palette-primary-text-1) r g b/.08);font-weight:400;margin-left:1px}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq:not(:first-child):before{background:rgb(from var(--palette-primary-text-1) r g b/.12);content:"";inset:0 100% 0 -1px;position:absolute}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq.Mui-selected{background:rgb(from var(--palette-primary-text-1) r g b/.16);color:var(--palette-primary-text-1)}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq:not(.Mui-selected):focus,.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq:not(.Mui-selected):hover{background:rgb(from var(--palette-primary-text-1) r g b/.12);color:var(--palette-primary-text-1)}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06.ToggleButtons_large__-jjVa .ToggleButtons_button__GH4OM{font-size:16px}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06.ToggleButtons_medium__Q-HsC .ToggleButtons_button__GH4OM,.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06.ToggleButtons_small__2Xhd- .ToggleButtons_button__GH4OM{font-size:14px}');export{o as default};
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",root:"ToggleButtons_root__aQl06",button:"ToggleButtons_button__GH4OM",primary:"ToggleButtons_primary__HxWEN",secondary:"ToggleButtons_secondary__Eq-fq",large:"ToggleButtons_large__-jjVa",medium:"ToggleButtons_medium__Q-HsC",small:"ToggleButtons_small__2Xhd-"};t('.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM{margin:0;position:relative;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.Mui-disabled{background:rgb(from var(--palette-primary-text-1) r g b/.08)!important;color:var(--palette-primary-text-6)!important;pointer-events:none}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_primary__HxWEN:not(.Mui-selected):focus,.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_primary__HxWEN:not(.Mui-selected):hover{background:rgb(from var(--palette-primary-text-1) r g b/.12);color:var(--palette-primary-text-1)}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq{background:rgb(from var(--palette-primary-text-1) r g b/.08);font-weight:400;margin-left:1px}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq:not(:first-child):before{background:rgb(from var(--palette-primary-text-1) r g b/.12);content:"";inset:0 100% 0 -1px;position:absolute}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq.Mui-selected{background:rgb(from var(--palette-primary-text-1) r g b/.16);color:var(--palette-primary-text-1)}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq:not(.Mui-selected):focus,.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06 .ToggleButtons_button__GH4OM.ToggleButtons_secondary__Eq-fq:not(.Mui-selected):hover{background:rgb(from var(--palette-primary-text-1) r g b/.12);color:var(--palette-primary-text-1)}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06.ToggleButtons_large__-jjVa .ToggleButtons_button__GH4OM{font-size:16px}.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06.ToggleButtons_medium__Q-HsC .ToggleButtons_button__GH4OM,.ToggleButtons_root__aQl06.ToggleButtons_root__aQl06.ToggleButtons_small__2Xhd- .ToggleButtons_button__GH4OM{font-size:14px}');export{o as default};
 //# sourceMappingURL=ToggleButtons.scss.js.map

package/mcp-server/server.mjs

@@ -248,7 +248,7 @@ const validateDsn = dsn => {
 
 const MCP_SERVER_VERSION = '1.5.0';
 
-var version = "3.75.0-15";
+var version = "3.75.0-17";
 
 const CORVA_UI_VERSION = version;
 
@@ -5332,6 +5332,11 @@ var componentsV2Data = [{
     type: "string",
     required: false,
     description: ""
+  }, {
+    name: "popperClassName",
+    type: "string",
+    required: false,
+    description: ""
   }],
   propsList: {
     kind: "complete"
@@ -7975,7 +7980,7 @@ var componentsV2Data = [{
   }, {
     name: "RangeSelection",
     description: "You can select a time range by using the `range` prop. Notice, that it changes types of DatePickerNext's `value` and `onChange` props.\n\nTo simplify working with those, 2 helper types are exported: `DatePickerValue<IsRange>` and `DatePickerChangeHandler<IsRange>`",
-    code: "{\n  const [value, setValue] = useState<DatePickerValue<true>>([\n    new Date(2025, 8, 8, 3, 51, 0),\n    new Date(2025, 8, 14, 5, 51, 0),\n  ]);\n\n  const onChange = useCallback<DatePickerChangeHandler<true>>(value => {\n    // Do something with value here\n    setValue(value);\n  }, []);\n\n  return (\n    <SbColumn alignItems=\"stretch\">\n      <DatePickerNext label=\"Date\" value={value} onChange={onChange} type=\"date\" range />\n      <DatePickerNext label=\"Month\" value={value} onChange={onChange} type=\"month\" range />\n      <DatePickerNext label=\"Date & Time\" value={value} onChange={onChange} type=\"dateTime\" range />\n    </SbColumn>\n  );\n}"
+    code: "{\n  const [value, setValue] = useState<DatePickerValue<true>>([\n    new Date(2023, 8, 8, 3, 51, 0),\n    new Date(2025, 8, 14, 18, 6, 0),\n  ]);\n\n  const onChange = useCallback<DatePickerChangeHandler<true>>(value => {\n    // Do something with value here\n    setValue(value);\n  }, []);\n\n  return (\n    <SbColumn alignItems=\"stretch\">\n      <DatePickerNext label=\"Date\" value={value} onChange={onChange} type=\"date\" range />\n      <DatePickerNext label=\"Month\" value={value} onChange={onChange} type=\"month\" range />\n      <DatePickerNext label=\"Date & Time\" value={value} onChange={onChange} type=\"dateTime\" range />\n    </SbColumn>\n  );\n}"
   }, {
     name: "UsingPartsOfDatePicker",
     description: "You can use parts of `<DatePickerNext/>` exported as `DatePickerNext.Controls` and `DatePickerNext.Grid`.\n\nThese components are pretty simple, so you will need to write accompanying logic yourself.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "3.75.0-15",
+  "version": "3.75.0-17",
   "license": "UNLICENSED",
   "description": "Shared components/utils for Corva ui projects",
   "repository": {